* {
    box-sizing: border-box;
}
:root {

    /* COLORS */
    --primary: #1A4B75;
    --secondary: rgba(110, 182, 59, 1);
    --primaryText: #131313;
    --secondrytext: #3F3F3F;
    --greyText: #6A6A6A;
    --greyTextL: #979797;
    --gradient: linear-gradient(360deg, #2E911A 0%, #18B8DE 100%);
    --gradientR: linear-gradient(150deg, #2E911A 0%, #18B8DE 100%);
    --blue: #338BD6;
    --white: #ffffff;
    --black: #000000;
    --red: #f20000;
    --green: #0ea900;
    --grey: #FAF8F6;
    --ctab: #F8F8F8;
    --ctabActive: #ECFFB89D;

    /* FONTS */
    --font: 'Heebo';

    /* WIDTH */
    --containerLg: 1280px;
    --container: 1200px;
    --containerSm: 900px;

}
.container {
    width: min(100%, var(--container));
    padding: 0px 15px;
    margin: 0 auto;
}
.container--lg {
    width: min(100%, var(--containerLg));
}
.container--sm {
    width: min(100%, var(--containerSm));
}
.slick-slide {
    height: auto;
}
.sectionWrapper {
    width: 100%;
    float: left;
}
.section--grey {
    width: 100%;
    float: left;
    background: var(--grey);
    padding: 30px 0px 60px 0px;
}
.flexCE {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.flexCB {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flexSS {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.primary {
    color: var(--primary);
    margin: 0px 0px 24px 0px;
}
.h6 {
    font-size: 0.875em;
    font-weight: 700;
    letter-spacing: 2.96296px;
    margin: 0px 0px 42px 0px;
}
.h4 {
    font-size: 1.125em;
    line-height: 1.125em;
    font-weight: 400;
    margin: 0px 0px 15px 0px;
    letter-spacing: 0.16092px;
}
.h5 {
    font-size: 0.875em;
    font-weight: 400;
    color: var(--black);
    margin: 0px 0px 8px 0px;
}
.h3 {
    font-size: 2.625em;
    line-height: 1.2em;
    margin: 0px 0px 30px 0px;
}
.h2 {
    font-size: 3em;
    line-height: 1.2em;
}
.w700 {
    width: min(100%, 700px);
}
.w500 {
    width: min(100%, 500px);
}
.responsive {
    width: 100%;
}
.textCenter {
    text-align: center;
}
.mdText {
    font-size: 1.5em;
    line-height: 1.5em;
}
.secondary {
    color: var(--secondary);
}
.f42 {
    font-size: 2.625em;
    margin: 0px 0px 16px 0px;
    line-height: 1.5em;
}
.f34 {
    font-size: 2.125em;
    margin: 0px 0px 20px 0px;
}
.f30 {
    font-size: 1.875em;
    font-weight: 500;
    letter-spacing: -0.22px;
}
.f24 {
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1em;
    margin: 0 0 8px 0;
}
.textWhite {
    color: var(--white);
}
.mt50 {
    margin-top: 50px;
}
.m50 {
    margin: 50px 0px;
}
body {
    width: 100%;
    margin: 0;
    padding: 0px;
    font-size: 1em;
    font-weight: 400;
    font-family: var(--font);
    color: var(--primaryText);
}
body.overflowOut {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.wrapper:after {
    content: '';
    display: table;
    clear: both;
}
.section {
    width: 100%;
    padding: 5% 0px;
    float: left;
}
.slick-arrow {
    font-size: 0;
    padding: 0;
    margin: 0;
    border: 0;
    width: 10px;
    height: 14px;
    position: absolute;
    bottom: -50px;
    cursor: pointer;
}
.slick-next.slick-arrow {
    left: 60px;
    background: url('../images/chev-right.svg') no-repeat center;
    background-size: contain;
}
.slick-prev.slick-arrow {
    left: 20px;
    background: url('../images/chev-right.svg') no-repeat center;
    background-size: contain;
    transform: rotate(180deg);
}
.slick-arrow.slick-disabled {
    opacity: 0.2;
}
input {
    font-family: var(--font);
}
input:focus, select:focus, textarea:focus  {
    outline: 0;
}

/* ICONS */
.iconIn {
    width: 22.5px;
    height: 22.5px;
    display: inline-block;
}
.iconIn--play {
    background: url('../images/play.svg') no-repeat center;
    background-size: contain;
}
.iconIn--instagram {
    background: url('../images/instagram.svg') no-repeat center;
    background-size: contain;
}
.iconIn--linkedin {
    background: url('../images/linkedin.svg') no-repeat center;
    background-size: contain;
}
.iconIn--instagram-w {
    background: url('../images/instagram-white.svg') no-repeat center;
    background-size: contain;
}
.iconIn--linkedin-w {
    background: url('../images/linkedin-white.svg') no-repeat center;
    background-size: contain;
}
.iconIn--search-white {
    background: url('../images/search-white.svg') no-repeat center;
    background-size: contain;
}
.iconIn.iconIn--arrow-right-w {
    background: url('../images/arrow-right-w.svg') no-repeat center;
    background-size: contain;
}
.iconIn.iconIn--building {
    background: url('../images/building.svg') no-repeat center;
    background-size: contain;
}
.iconIn.iconIn--call {
    background: url('../images/call.svg') no-repeat center;
    background-size: contain;
}
.iconIn.iconIn--print {
    background: url('../images/print.svg') no-repeat center;
    background-size: contain;
}
.iconIn.iconIn--mail {
    background: url('../images/mail.svg') no-repeat center;
    background-size: contain;
}
.iconIn.iconIn--plantation {
    background: url('../images/plantation.svg') no-repeat center;
    background-size: contain;
}
.iconIn.iconIn--landbank {
    background: url('../images/landbanks.svg') no-repeat center;
    background-size: contain;
}
.iconIn.iconIn--industry {
    background: url('../images/industry.svg') no-repeat center;
    background-size: contain;
}

/* BUTTONS */

.btn {
    padding: 20px;
    cursor: pointer;
    text-decoration: none;
    font-size: 1em;
    transition: 0.3s linear;
}
.btn * {
    cursor: pointer !important;
}
.btn.btn--secondaryOuter {
    border: 1px solid var(--secondary);
    border-radius: 8px;
    color: var(--white);
}
.btn.btn--secondaryOuter:hover {
    transition: 0.3s linear;
    background: var(--secondary);
}
.btn--hasIcon .iconIn {
    margin-right: 20px;
}
.btn--hasIcon:hover .iconIn--play {
    background: url('../images/play-white.svg') no-repeat center;
    background-size: contain;
}
.btn.btn--hasIcon {
    display: flex;
    align-items: center;
}
.btn.btn--iconSend {
    min-width: 195px;
    display: inline-block;
    padding: 12px 20px;
    font-size: 0.8125em;
    padding-right: 40px;
    position: relative;
}
.btn.btn--secondary {
    background: var(--secondary);
    color: var(--white);
    border-radius: 4px;
    transition: 0.3s linear;
}
.btn.btn--secondary:hover {
    transition: 0.3s linear;
    background: #3c810b;
}
.btn.btn--iconSend:after {
    content: '';
    width: 24px;
    height: 24px;
    background: url('../images/send.svg') no-repeat center;
    background-size: contain;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%)
}

/* SELECTBOX */
.csSelect {
    appearance: none;
    background-color: transparent;
    border: 1px solid var(--primary);
    border-radius: 8px;
    padding: 0.8em 35px 0.8em 0.8em;
    margin: 0 17.5px;
    width: min(100%, 300px);
    font-family: inherit;
    font-size: 0.9375em;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: inherit;
    line-height: inherit;
}
.selectWrapper {
    width: min(100%, 570px);
}
.csSelect.primary {
    background-color: var(--primary);
    color: var(--white);
    background-image: url('../images/chev-down--white.svg');
    background-repeat: no-repeat;
    background-position: 90% center;
}
.csSelect.default {
    color: var(--primary);
    background-image: url('../images/chev-down--blue.svg');
    background-repeat: no-repeat;
    background-position: 90% center;
}

/* HEADER */
.pageHeader {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 13;
    background: transparent;
    transition: 0.3s linear;
}
.pageHeader.scrolled, .pageHeader.shrink {
    background: var(--primary);
    transition: 0.3s linear;
}
.logo {
    display: inline-block;
    min-width: 174px;
    transition: 0.3s linear;
}
.pageHeader.scrolled .logo, .pageHeader.shrink .logo {
    width: 123px;
    min-width: 123px;
    transition: 0.3s linear;
}
.pageNav {
    padding: 40px 0px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pageHeader.scrolled .pageNav, .pageHeader.shrink .pageNav {
    height: 70px;
    padding: 12px 0px;
    transition: 0.3s linear;
}
.logo__in {
    width: 100%;
}
.pageNav__right {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.navList {list-style-type: none;padding: 0;margin: 0;}
.navList li {
    display: inline-block;
    margin: 10px;
}
.navList li a {
    color:
    var(--white);
    text-decoration: none;
    font-size: 1.125em;
    letter-spacing: 0.16px;
    transition: 0.3s linear;
    padding-bottom: 3px;
    position: relative;
    overflow: hidden;
}
.navList li a:before {
    content: '';
    width: 0%;
    height: 3px;
    background: var(--gradientR);
    position: absolute;
    border-radius: 8px;
    left: 0px;
    bottom: 0px;
    transition: 0.3s linear;
}
.navList li a:is(:hover, .active):before {
    width: 100%;
    transition: 0.3s linear;
}
.navSearch {
    width: 15px;
    height: 15px;
    margin: 10px;
    cursor: pointer;
    background: url('../images/search.svg') no-repeat center;
    background-size: contain;
}
.hamburger {
    width: 21px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    margin-left: 30px;
    cursor: pointer;
}
.hamburger * {
    cursor: pointer !important;
}
.hamburger:before, .hamburger:after {
    content: '';
    width: 100%;
    height: 2px;
    background: var(--white);
    position: absolute;
    cursor: pointer;
}
.hamburger:before {
    top: 0;
}
.hamburger:after {
    bottom: 0px;
}
.hamburger label {
    width: 100%;
    height: 2px;
    background: var(--white);
}

/* MEGA MENU */
.megaMenu {
    width: 100%;
    height: min(90%, 750px);
    overflow: auto;
    background: var(--primary);
    position: fixed;
    z-index: 14;
    padding: 60px 45px;
    display: none;
}
.searchBlock {
    display: inline-block;
    position: relative;
    width: min(100%, 320px);
}
.searchInput {
    width: 100%;
    height: 40px;
    background: transparent;
    border: 0px;
    border-bottom: 1px solid var(--white);
    padding: 5px 10px 5px 35px;
    font-family: var(--font);
    color: var(--white);
    font-size: 1.2em;
    font-weight: 300;
}
.searchBlock .iconIn {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.megaMenu .gridParent {
    margin-top: 75px;
}
.gridParent.grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
}
.megaMenu .h5 {
    font-size: 1.5em;
}
.megaMenu .footerLink {
    font-size: 0.875em;
    line-height: 1.3em
}
.listInWhite h5, .listInWhite .footerLink {
    color: var(--white);
    transition: 0.3s linear;
    margin: 8px 0px;
}
.listInWhite .footerLink:hover {
    color: var(--white);
    font-weight: 700;
    transition: 0.3s linear;
}
.menuOut {
    width: 25px;
    height: 25px;
    background: url('../images/close-white.svg') no-repeat center;
    background-size: contain;
    position: absolute;
    right: 45px;
    top: 60px;
    cursor: pointer;
}


/* BANNER */
.bannerImage {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
}
.bannerCarousal__item {
    position: relative;
}
.bannerCaption {
    position: absolute;
    width: min(100%, var(--container));
    height: 100%;
    padding: 110px 15px 60px 15px;
    top: 0px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.bannerCaption h1 {
    font-size: 4.25em;
    line-height: 1em;
    color: var(--white);
    margin: 0px 0px;
}
.bannerCaption p {
    font-size: 1.5em;
    color: var(--white);
    font-weight: 300;
    margin: 0px 0px 24px 0px;
}
.bannerCaption h1, .bannerCaption p {
    width: 100%;
    /* max-width: 800px; */
}
.bannerCaption .btn {
    margin-top: 36px;
}
.slick-dots {
    list-style-type: none;
    position: absolute;
    bottom: 40px;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slick-dots li button {
    font-size: 0px;
    padding: 0px;
    margin: 0px;
    border: 0;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.25);
    transition: 0.3s linear;
    cursor: pointer;
}
.slick-dots li.slick-active button {
    background: var(--white);
    transition: 0.3s linear;
}
.slick-dots li {
    margin: 5px;
    line-height: 0;
}

/* SECTIONS */

.innerNavList {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.innerNavList li {
    display: inline-block;
    margin: 0px 30px;
}
.innerNavList li:last-child {
    margin-right: 0px;
}
.innerNavList li a {
    padding: 0px 10px 23px 10px;
    position: relative;
    text-decoration: none;
    color: var(--black);
}
.innerNavList li a:before {
    content: '';
    width: 100%;
    height: 2px;
    background: #F3F3F3;
    position: absolute;
    left: 0;
    bottom: 0px;
    transition: 0.3s linear;
}
.innerNavList li a.active:before {
    background: var(--secondary);
    transition: 0.3s linear;
}
.section--handfull .offArea {
    width: 60%;
    padding: 8% 0px 60px 0px;
}
.section--handfull p {
    font-size: 1.5em;
    margin: 0px 0px 1em 0px;
}
.arrowLink {
    display: inline-block;
    font-size: 0.75em;
    letter-spacing: 3px;
    color: #338BD6;
    text-decoration: none;
    position: relative;
    padding-right: 38px;
}
.arrowLink:before {
    content: '';
    width: 22.5px;
    height: 7.5px;
    background: url('../images/arrowBlue.svg') no-repeat center;
    background-size: contain;
    position: absolute;
    right: 10px;
    transition: 0.3s linear;
    top: 50%;
    transform: translateY(-50%);
}
.arrowLink:hover:before {
    animation: 1s next infinite linear;
}
.section--handfull .offArea:after {
    content: '';
    width: min(40%, calc(var(--container) * 0.6 ));
    background: url(../images/hand-palm-fruit.png) no-repeat right bottom;
    background-position: left top;
    /* background-size: contain; */
    height: calc(92% - 100px);
    position: absolute;
    right: 0px;
    bottom: 0px;

    /*
    width: min(40%, calc(var(--container) * 0.6 ));
    background: url('../images/hand-palm-fruit.png') no-repeat right bottom ;
    background-size: contain;
    background-position: left bottom;
    height: calc(60% + 60px);
    position: absolute;
    right: 0px;
    bottom: 0px;
    */
}
.section--handfull {
    position: relative;
}
.section.section--leaf {
    position: relative;
}
.section.section--leaf:before {
    content: '';
    width: 40%;
    height: 100%;
    position: absolute;
    background: url('../images/sideLeaf.svg') no-repeat top left;
    background-size: contain;
    left: 0;
    top: 0px;
}
.offset40p {
    width: 60%;
    float: right;
}
.leafBgHeader {
    font-size: 4.22em;
    line-height: 1.05em;
    font-weight: 800;
    margin: 0 0 5px 0px;
    background: url('../images/titleLeaf.png') no-repeat center;
    background-size: cover;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.offset40p p {
    font-size: 1.125em;
    margin: 0 0 30px 0px;
}
.pintileCarousal {
    margin-top: 75px;
    margin-bottom: 50px;
    width: calc(100% + 20px);
    margin-left: -21px;
}
.pitileIn {
    width: 100%;
    float: left;
}
.pintileCarousal__items {
    padding: 0px 0px 0px 20px;
    position: relative;
}
.pintileIn__content {
    width: calc(100% - 20px);
    height: 100%;
    position: absolute;
    left: 20px;
    top: 0;
    padding: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
.pintileIn__content p {
    color: var(--white);
    font-size: 1em; /*1.39em was previous*/ 
    padding-bottom: 20px;
    margin: 0px;
    position: relative;
}
.pintileIn__content p:after {
    content: '';
    width: 190px;
    height: 3px;
    background: #6EB63B;
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-radius: 5px;
}
.absoluteBoxHeader h2 {
    margin: 0;
}
.section.hasAbsoluteHeader {
    position: relative;
    padding-bottom: 0px;
}
.absoluteBoxHeader {
    position: absolute;
    width: 100%;
    top: 130px;
    left: 0;
    z-index: 2;
}
.hasAbsoluteHeader .responsive {
    float: left;
}
.section-parallax h3, .section-parallax h6 {
    color: var(--white);
}
.section-parallax {
    background: url('../images/nature-green.jpg') no-repeat center;
    background-size: cover;
    background-attachment: initial;
    background-attachment: fixed;
}
.tgBlock {
    display: none;
}
.tgBlock.active {
    display: block;
}

/* MAP SECTION */
.mapSection {
    padding: 0px 0px 180px 0px;
    background: linear-gradient(180deg, rgba(225, 244, 255, 0) 0%, #E1F4FF 64.58%, #94D7FF 100%);
    position: relative;
}
.mapSection:before {
    content: '';
    width: 100%;
    height: 300px;
    position: absolute;
    left: 0;
    top: 0px;
    background: linear-gradient(180deg, var(--white), #ffffff00);
    z-index: 1;
}
.mapWrapper.mapWrapper--mills {
    width: min(100%, 1200px);
    margin-inline: auto;
    overflow: auto;
    position: relative;
}
.mapSection .scrollbar-rail > .scroll-element .scroll-bar {
    background: #a3a3a3;
    border-radius: 10px;
    height: 6px;
}
.mapSection .scrollbar-rail > .scroll-element .scroll-element_size {
    background: transparent;
}
.mapSection .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    background: transparent;
}
.pinBlock {
    width: 12px;
}
.mapPin {
    width: 12px;
    height: 16px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url('../images/mapPin.svg') no-repeat center;
    background-size: contain;
    cursor: pointer;
    float: left;
    z-index: 11;
}
.mapPinDetails {
    width: 220px;
    padding: 20px 10px 20px 30px;
    background: var(--white);
    border-radius: 8px;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
    position: absolute;
    bottom: calc(100% + 10px);
    right: 100%;
    max-height: 180px;
    overflow: auto;
    z-index: 3;
    opacity: 0;
    transition: 0.3s linear;
}
.mapPinDetails.active {
    opacity: 1;
    transition: 0.3s linear;
    z-index: 12;
}
.mapPinDetails__inArea {
    max-height: 140px;
}
.mapPinDetails .scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
    background: #C4C4C4;
    width: 5px;
    left: 8px;
    border-radius: 0;
}
.mapPinDetails[orientation="top-right"] {
    left: 100%;
    right: auto;
    bottom: calc(100% + 10px);
    top: auto;
}
.mapPinDetails[orientation="bottom-center"] {
    bottom: auto;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 30px);
}
.pinTitle {
    margin: 0px;
    position: relative;
    top: 20px;
    font-size: 0.5em;
    color: var(--white);
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    width: 60px;
    left: -22px;
    text-shadow: 0px 0px 6px #000000;
}
.mapPinDetails .pinTitle {
    width: auto;
    font-size: 14px;
    color: var(--primary);
    text-shadow: none;
    text-transform: none;
    text-align: left;
    position: static;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--primary);
}
.mapIn__each p {
    font-size: 0.875em;
}
.mapIn__each ul {
    font-size: 0.75em;
    padding: 0px 0px 10px 12px;
    list-style-type: square;
    border-bottom: 1px dashed #d3d3d3;
}
.mapIn__each ul li {
    margin: 6px 0px;
}
.mapIn__each ul li::marker {
    color: var(--primary);
    font-size: 1em;
    line-height: 0;
}
/* MAP SECTION END */

/* FOOTER */

.pageFooter {
    padding: 120px 0px 60px 0px;
    display: inline-block;
    width: 100%;
    background: #F4F4F4;
}
.gridParent {
    display: grid;
}
.gridParent.grid-4 {
    grid-template-columns: 1fr 1fr 1fr auto;
    grid-column-gap: 40px;
}
.listWrap h5 {
    width: 100%;
    display: inline-block;
}
.footerList {
    padding: 0;
    margin: 8px 0px;
    list-style-type: none;
}
.footerLink {
    font-size: 0.6875em;
    line-height: 1em;
    text-decoration: none;
    color: var(--black);
    font-weight: 300;
    margin: 5px 0px;
    display: inline-block;
    transition: 0.3s linear;
}
.footerLink:hover {
    transition: 0.3s linear;
    color: var(--primary);
}
.pageFooter .gridParent {
    margin-bottom: 60px;
}
.footerBlock-2 p {
    margin: 0px;
    font-size: 0.6875em;
    font-weight: 300;
}
.sMediaList {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.sMediaList li {
    display: inline-block;
    margin-left: 15px;
}

/* INNER PAGES */
.bannerSection.innerPage .bannerImage {
    height: 500px;
    width: 100%;
    float: left;
}
.bannerSection.innerPage {
    position: relative;
    width: 100%;
    float: left;
}
.bannerSection.innerPage .bannerCaption {
    padding: 85px 15px 60px 15px;
}
.insideNav {
    width: 100%;
    display: inline-block;
    position: sticky;
    top: 70px;
    left: 0px;
    background: var(--white);
    z-index: 3;
    /* margin-top: 30px; */
    /* box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.15); */
}
.insideNavList {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    width: 100%;
    overflow: auto;
}
.insideNavList li {
    display: flex;
    margin: 0px 15px;
    flex-shrink: 0;
}
.insideNavList__link {
    padding: 15px 0px;
    display: inline-block;
    font-size: 1em; /*0.6875em was previous*/
    text-decoration: none;
    color: var(--black);
    position: relative;
    transition: 0.3s linear;
    overflow: hidden;
}
.insideNavList__link.active {
    color: var(--secondary);
    font-weight: 700;
    transition: 0.3s linear;
}
.insideNavList__link:after {
    content: '';
    width: 100%;
    height: 2px;
    background: var(--secondary);
    position: absolute;
    left: 0;
    bottom: 0px;
    transition: 0.3s linear;
    transform: rotateY(90deg);
}
.insideNavList__link.active:after {
    transition: 0.3s linear;
    transform: rotateY(0deg);
}
.insideNavList__link:hover {
    color: var(--secondary);
    transition: 0.3s linear;
}
.section.section--md {
    padding: 5% 0px; /*75px 0px*/
}
.section--secondary {
    background: var(--secondary);
}
.gridParent.grid--550-offset {
    grid-template-columns: calc(100% - 570px) 550px;
}
.grid-2 {
    grid-gap: 16px;
    grid-template-columns: 1fr 1fr;
}
.grid-2 .pintileCarousal__items {
    padding: 0;
}
.grid-2 .pintileIn__content {
    width: 100%;
    height: 100%;
    left: 0px;
}
.offset550 {
    padding-right: 40px;
}
.w550 .h4 {
    margin-bottom: 26px;
}
.section.section--journey {
    padding: 5% 0px;
    background: url('../images/journey-bg.jpg') no-repeat center;
    background-size: cover;
}
.section.section--journey h2 {
    padding-right: 60px;
}
.journeyList {
    margin: 30px 0px 30px 0px;
    padding: 4px 0px 0px 0px;
    display: flex;
    justify-content: center;
    float: left;
    width: 100%;
    overflow: auto;
    list-style-type: none;
}
.journeyList li {
    width: calc(100% / 5);
    padding: 30px 20px 0px;
    border-top: 2px solid var(--secondary);
    position: relative;
    flex-shrink: 0;
    text-align: center;
}
.journeyList li:before, .journeyList li:after {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    top: -2px;
    background: var(--primary);
    transition: 0.3s linear;
}
.journeyList li:before {
    left: -50%;
}
.journeyList li:after {
    right: -50%;
}
.journeyList li a {
    font-size: 0.75em;
    text-decoration: none;
    color: var(--primary);
    font-weight: 500;
    letter-spacing: 3px;
}
.journeyList li a:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: var(--primary);
    transition: 0.3s linear;
    position: absolute;
    top: -5.5px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.journeyList li:first-child:before {
    width: 50%;
    left: 0px;
}
.journeyList li:last-child:after {
    content: '';
    width: 50%;
    height: 2px;
    background: var(--primary);
    position: absolute;
    top: -2px;
    left: 50%;
}
.journeyList li.active:before, .journeyList li.active:after {
    transition: 0.3s linear;
    background: var(--secondary);
    z-index: 1;
}
.journeyList li.active a:before {
    background: var(--secondary);
    transition: 0.3s linear;
}
.journeyList li.active a {
    transition: 0.3s linear;
    color: var(--secondary);
}
.journeyCarousal__item {
    padding: 60px;
    background: var(--white);
    box-shadow: 0px 40px 40px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    display: flex !important;
}
.journeyCarousal {
    width: 100%;
    display: inline-block;
    margin-top: 22px;
}
.journeyCarousal .slick-arrow {
    top: -200px;
    left: auto;
    right: 0;
}
.journeyCarousal .slick-arrow.slick-prev {
    right: 35px;
}
.journeyCarousal__item__image {
    margin: 0px;
    width: 250px;
    height: auto;
}
.journeyCarousal__item__image__in {
    width: 100%;
}
.journeyCarousal__item__desc {
    width: calc(100% - 250px);
    padding-left: 30px;
}
.nmList {
    padding-left: 20px;
    margin: 0px;
}
.nmList li::marker {
    color: var(--black);
    font-size: 0.875em;
}
.nmList li {
    margin: 0px 0px 15px 0px;
    font-size: 0.875em;
    color: var(--primaryText);
}
.section--blueOverlay {
    background: var(--primary);
    position: relative;
    padding: 5% 0px;
}
.blueOverlay__img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    mix-blend-mode: multiply;
    /* object-fit: cover; */
}
.blueOverlay__head {
    font-weight: 300;
    font-size: 3em;
    color: var(--white);
}
.section--blueOverlay .container {
    position: relative;
}
.sqTileBlockParent {
    width: calc(100% + 16px);
    display: flex;
    margin: 100px -8px 0px -8px;
    flex-wrap: wrap;
}
.sqTileBlock {
    margin: 8px;
    width: 170px;
    height: 160px;
    position: relative;
    display: flex;
    background: var(--secondary);
    border-radius: 8px;
    overflow: hidden;
    padding: 18px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    cursor: pointer;
    text-decoration: none;
    color: var(--white);
    transform: translateY(0px);
    transition: 0.3s linear;
}
.sqTileBlock__img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: 0.3s linear;
}
.sqTileBlock__bottom__text {
    margin: 0;
    min-height: 50px;
}
.sqTileBlock:hover .sqTileBlock__img {
    opacity: 1;
    transition: 0.3s linear;
}
.sqTileBlock:hover {
    transform: translateY(-20px);
}
.sqTileBlock:hover .sqTileBlock__top,
.sqTileBlock:hover .sqTileBlock__bottom {
    position: relative;
}
.sqTileBlock__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}
.sqTileBlock__top .iconIn {
    width: 21px;
    height: 7px;
}
.section--pMd {
    padding: 5% 0px; /*60px 0px*/
}
.section--pBnone {
    padding-bottom: 0;
}
.sideNavWrapper {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.sideNav {
    width: 30%;
    border-left: 1px solid #979797;
}
.sideNav__offset {
    width: 70%;
}
.sideNav__link {
    width: 100%;
    padding: 15px 30px;
    font-size: 1.125em;
    display: inline-block;
    color: var(--black);
    text-decoration: none;
    font-weight: 300;
    letter-spacing: 0.09px;
    position: relative;
    transition: 0.3s linear;
}
.sideNav__link:before {
    content: '';
    width: 4px;
    height: 100%;
    background: var(--secondary);
    position: absolute;
    left: -1px;
    top: 0px;
    transform: rotateY(90deg);
    transition: 0.3s linear;
}
.sideNav__link.active {
    font-weight: 500;
}
.sideNav__link.active:before {
    transition: 0.3s linear;
    transform: rotateY(0deg);
}
.sideNav__link:hover {
    font-weight: 500;
    transition: 0.3s linear;
}
.sideNav__offset h5 {
    margin: 5% 0px 2% 0px;
    font-size: 1.25em;
    color: #3F3F3F;
    font-weight: 400;
    width: 100%;
    display: inline-block;
}
.sideNav__offset p {
    font-size: 0.875em;
    font-weight: 300;
    margin: 0 0 20px 0;
    line-height: 1.5em;
}
.accordionWrap {
    margin: 0px;
    width: 100%;
    display: inline-block;
}
.accordionWrap.accordionWrap--m50 {
    margin: 50px 0px;
}
.accordion {
    width: 100%;
    display: inline-block;
    margin: 4px 0px;
    background: #F8F8F8;
    border-radius: 8px;
    overflow: hidden;
}
.accordion__head {
    padding: 32px 60px 32px 32px;
    font-size: 0.9375em;
    letter-spacing: 0.04em;
    cursor: pointer;
    margin: 0px;
    position: relative;
    background: transparent;
    transition: 0.3s linear;
}
.accordion__head:hover {
    background: var(--secondary);
    transition: 0.3s linear;
    color: var(--white);
}
.accordion__content {
    padding: 16px 32px;
    display: none;
}
.accordion__content__img {
    width: 180px;
    border-radius: 8px;
    margin: 0 !important;
}
.accordion__content .flexSS p {
    width: calc(100% - 190px);
    padding: 0px 30px;
}
.accordion__head:before,
.accordion__head:after {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    right: 30px;
    top: calc(50% - 7.5px);
    transform: rotateX(90deg);
    opacity: 0;
    transition: 0.3s linear;
}
.accordion__head:before {
    background: url('../images/plus.svg') no-repeat center;
    background-size: contain;
}
.accordion__head:after {
    background: url('../images/minus.svg') no-repeat center;
    background-size: contain;
}
.accordion__head:hover:before {
    background: url('../images/plus-white.svg') no-repeat center;
    background-size: contain;
}
.accordion__head:hover:after {
    background: url('../images/minus-white.svg') no-repeat center;
    background-size: contain;
}
.accordion__head:not(.active):before {
    transform: rotateX(0deg);
    opacity: 1;
    transition: 0.3s linear;
}
.accordion__head.active:after {
    transform: rotateX(0deg);
    opacity: 1;
    transition: 0.3s linear;
}
.has-radius {
    border-radius: 8px;
}
.sideNav__offset img {
    margin: 5% 0px;
}
.iconWrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    margin: 10px 0px;
}
.iconWrap__each {
    width: 100%;
    margin: 0px !important;
}
.iconWrapLabel {
    font-size: 0.75em;
    letter-spacing: -0.22px;
    font-style: italic;
}
.gridParent.grid--2-auto {
    grid-template-columns: auto auto;
}
.sqTileBlockParent.sqTileBlockParent--3Tile {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0px -8px;
}
.blueOverlay__grid__left {
    padding-right: 50px;
}
.blueOverlay__grid__left * {
    width: min(100%, 400px);
    color: var(--white);
}
.blueOverlay__grid__left .blueOverlay__head {
    font-size: 2.375em;
    line-height: 1.4em;
}
.blueOverlay__grid__left p {
    font-size: 1em;
    letter-spacing: 0.16px;
    line-height: 1.5em;
}
.dotList {
    margin: 0;
    padding-left: 20px;
}
.dotList li {
    line-height: 1.5em;
    font-size: 0.75em;
    font-weight: 300;
    margin: 20px 0px;
    width: 100%;
    letter-spacing: -0.22px;
    color: var(--black);
}
.sqTileBlockParent.sqTileBlockParent--2Tile {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0px -8px;
}
.dotList.textMd li {
    font-size: 0.875em;
    margin: 10px 0px;
}
.smPintileWrap {
    display: flex;
    flex-wrap: wrap;
}
.smPintileWrap .pintileCarousal__items {
    width: 250px;
    padding: 0;
    margin: 10px;
}
.smPintileWrap .pintileCarousal__items img {
    margin: 0;
}
.section.section--vl {
    padding: 0px;
    position: relative;
}
.section--vl__mage {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.vlSection {
    width: 100%;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: flex-end;
}
.vlSection__left {
    width: 35vw;
    background: rgb(255 255 255 / 7%);
    backdrop-filter: blur(30px);
    padding: 62px 26px;
    display: flex;
    justify-content: flex-end;
}
.vlSection__right {
    width: 65vw;
    padding: 30px;
}
.w33pContainerOffset {
    /* width: min(100%, calc(var(--container) / 3 - 10px)); */
    width: min((calc(var(--container) * (27.5/100)) + 1px), 39vw)
}
.w66pContainerOffset {
    width: min(100%, calc((var(--container) / 3) * 2 - 40px))
}
.vlSection h3 {
    font-weight: 300;
}
.vlSection__left p {
    font-weight: 300;
}
.vlList {
    list-style-type: none;
    padding: 0;
    margin: 60px 0px;
    width: min(100%, 350px);
}
.vlList li {
    width: 100%;
    display: inline-block;
    margin: 15px 0px;
}
.vlList__link {
    width: 100%;
    display: inline-block;
    position: relative;
    padding: 0px 30px 0px 0px;
    color: var(--white);
    text-decoration: none;
    font-weight: 300;
    font-size: 1.125em;
    letter-spacing: 0.09px;
    transition: 0.3s linear;
}
.vlList__link:hover,.vlList__link.active {
    transition: 0.3s linear;
    font-weight: 500;
}
.vlList__link:after {
    content: '';
    width: 22px;
    height: 22px;
    background: url('../images/arrow-right-w.svg') no-repeat center;
    background-size: contain;
    position: absolute;
    right: 0;
    top: calc(50% - 11px);
    transition: 0.3s linear;
    transform: rotateY(90deg);
    transform-origin: left;
}
.vlList__link.active:after {
    transition: 0.3s linear;
    transform: rotateY(0deg);
    transform-origin: left;
}
.textTabContent {
    display: none;
}
.textTabContent.active {
    display: block;
}
.vlSection__right__content {
    padding: 5px 5px 5px 30px;
    position: relative;
}
.vlSection__right__content:before {
    content: '';
    width: 8px;
    height: 100%;
    background: var(--secondary);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
}
.gridParent.plGrid {
    margin: 40px 0px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 60px 30px;
}
.plItem {
    text-decoration: none;
    color: var(--black);
}
.plItem__img {
    width: 100%;
    margin-bottom: 24px;
}
.plItem__title {
    font-size: 1.375em;
    margin: 0px 0px 5px 0px;
}
.plItem label {
    width: 100%;
    display: inline-block;
}
.plItem__role {
    font-size: 0.875em;
    text-transform: uppercase;
}
.plItem__dt {
    font-size: 0.75em;
}
.plDetail {
    width: 100%;
    height: 99.9%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.plDetail__img {
    width: 300px;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
.plDetail__content {
    width: calc(100% - 300px);
    height: 100%;
    padding-left: 50px;
}
.plDetail__content__head label {
    width: 100%;
    display: block;
    margin: 0px 0px 7px 0px;
}
.plDetail__content__head {
    height: 90px;
}
.plDetail__content__desc p {
    font-size: 0.75em;
    line-height: 1.8em;
    color: #3F3F3F;
    font-weight: 300;
}
.plDetail__content__desc {
    height: calc(100% - 90px);
    overflow: auto;
}
.csModal--pl .csModal__content {
    height: 100%;
    max-height: 520px;
}

/* Banner After */
.bannerSection.innerPage:before {
    content: '';
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    left: 0px;
    top: 0px;
    background:linear-gradient(91.45deg, rgba(0, 0, 0, 0.67) 27.24%, rgba(0, 0, 0, 0) 79.35%);
}
/* BoD Page */
.gridParent.plGrid.bodGrid {
    margin: 40px 0px;
    grid-template-columns: 1fr 1fr;
    grid-gap: 60px 107px;
}
.bodGrid .plItem__img {
    filter: grayscale(100%);
}
.bodGrid .plItem__img {
    filter: grayscale(100%);
    transition: 0.2s linear;
}
.bodGrid .plItem:hover .plItem__img {
    filter: grayscale(0%);
    transition: 0.3s linear;
}
/* Bod Page End  */
/* Creer Page  */
.countryList {
    list-style: none;
    padding: 0px;
    display: flex;
    margin: 0px;
}
.countryList .country__Link {
    margin-right: 30px;
    font-size: 14px;
    color: var(--secondrytext);
    position: relative;
}
.country__Link {
    text-decoration: none;
}
.countryList .country__Link:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: var(--secondrytext);    
    bottom: -3px;
    left: 0px;
}
.countryList .country__Link.active {
    font-weight: 700;
    color: var(--black);
}
.countryList .country__Link.active:before {
    background: var(--green);
    height: 2.5px;
}
.gridParent.grid--2 {
    grid-template-columns: 1fr 1fr;
}
.gridParent.grid--2.careerGrid {
    margin: 50px 0px;
    grid-gap: 30px;
}
.detailCard {
    width: 100%;
    padding: 32px;
    background: var(--ctab);
    min-height: 220px;
    border-radius: 8px;
    transition: 0.2s ease-in-out;
    text-decoration: none;
    position: relative;
}
.detailCard:hover {
    background: var(--ctabActive);
    transition: 0.3s ease-in-out;
}
.careerGrid .detailCard h5 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    color: var(--secondrytext);
}
.careerGrid .detailCard h6 {
    font-size: 12px;
    font-weight: 700;
    margin: 0px;
    margin-bottom: 8px;
    text-transform: uppercase;
    color: var(--greyText);
}
.careerGrid .detailCard p {
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 8px;
    color: var(--greyTextL);
}
.detailCard .extension {
    position: absolute;
    bottom: 32px;
    right: 32px;
}
.detailCard .extension p {
    font-size: 15px;
    color: var(--secondrytext);
    font-weight: 300;
    display: inline-block;
    position: relative;
    padding-right: 48px;
}
.extension .greenArrow:before {
    content: '';
    position: absolute;
    right: 0px;
    width: 30px;
    height: 20px;
    background: url("../images/arrowRightgreen.svg") no-repeat;
    transition: 0.3s linear;
    top: 40%;
    transform: translateY(-50%);
}
.detailCard:hover .extension .greenArrow:before {
    animation: 1s next infinite linear;
}
/* Newsevents page */
.newsCardholder {
    width: 100%;
    display: block;
    margin: 0px;
    padding: 0px;
    clear: both;
}
/* New */
.newsCardholder .detailCard {
    width: 100%;
    float: left;
    margin: 15px 0px;
    min-height: 275px;
}
.newsCardholder .detailCard .extension {
    bottom: 0px;
}
.newsCardholder .detailCard p {
    color: var(--secondrytext);
    font-size: 15px;
    max-height: 72px;
    overflow-y: hidden;
}
.newsCardholder .detailCard h5 {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
}
.dateAndissue {
    display: inline-block;
    width: 100%;
}
.dateAndissue .date {
    float: left;
}
.dateAndissue .issue {
    float: right;
}
.newsCardholder.featuredStories .detailCard:hover h5 {
    color: var(--green);
    transition: 0.3s ease-in-out;
}
.publicationsGrid {
    grid-gap: 30px;
}
.publicationsGrid .attachmentCard {
    width: 100%;
    position: relative;
    padding: 20px;
    padding-top: 81px;
    height: 310px;
    overflow-y: hidden;
    color: var(--white);
    background: var(--greyTextL);
    transition: 0.3s ease-in-out;
    border-radius: 8px;
    text-decoration: none;
}
.publicationsGrid .attachmentCard.pdfIcon:before {
    content: '';
    position: absolute;
    width: 28px;
    height: 34px;
    background: url('../images/pdf-icon.svg');
    top: 20px;
    left: 20px;
}
.publicationsGrid .attachmentCard:hover {
    transition: 0.3s ease-in-out;
    background: var(--green);
}
.publicationsGrid .attachmentCard h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.0895147px;
    text-transform: uppercase;
    margin: 0px;
    margin-bottom: 15px;
}
.publicationsGrid .attachmentCard h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.0895147px;
    margin: 0px;
}
.publicationsGrid .attachmentCard.pdfDownload:before {
    content: '';
    position: absolute;
    width: 34px;
    height: 34px;
    background: url('../images/pdf-download.svg');
    top: 20px;
    left: 20px;
}
.attachmentCard .downloadTag {
    position: absolute;
    bottom: 15px;
    right: 20px;
}
.attachmentCard .downloadTag p {
    position: relative;
    font-weight: 300;
    font-size: 12px;
    line-height: 24px;
    text-align: right;
    letter-spacing: -0.220588px;
    padding-right: 26px;
    margin: 0px;
}
.attachmentCard .downloadTag p:before {
    content: '';
    position: absolute;
    width: 23px;
    height: 23px;
    background: url('../images/keyboard-arrow-right.svg');
    top: 0px;
    right: 0px;  
}
.galleryPin .attachmentCard {
    width: 100%;
    position: relative;
    padding: 0px;
    height: 310px;
    overflow-y: hidden;
    color: var(--secondrytext);
    background: #D8D8D8;
    transition: 0.3s ease-in-out;
    border-radius: 8px;
    text-decoration: none;
}
.galleryPin .attachmentCard:hover {
    background: #D8D8D8;
}
.galleryPin .attachmentCard .galleryThumb {
    height: 179px;
    width: 100%;
}
.galleryPin .attachmentCard .galleryThumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    margin: 0px;
}
.galleryPin .attachmentCard .galleryDesc {
    padding: 20px;
}
.galleryPin .attachmentCard .galleryDesc h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.0895147px;
    text-transform: uppercase;
}
.neArticle { 
    /*display: none;*/
    width: 100%;
    height: auto;
}
.neArticle .articleMenu {
    margin: 20px 0px;
    width: 100%;
    display: inline-block;
    font-size: 10px;
}
.neArticle .articleMenu a {
    text-decoration: none;
}
.neArticle .articleMenu .pageBack {
    float: left;
    font-weight: 400;
    font-size: 10px;
    color: var(--secondrytext);
    text-transform: uppercase;
}
.neArticle .articleMenu .pageBack .pageBackbutton {
    color: var(--primaryText);
    position: relative;
    padding-left: 30px;
}
.neArticle .articleMenu .pageBack .pageBackbutton:before {
    content: '';
    position: absolute;
    left: 0px;
    top: -5px;
    width: 23px;
    height: 17px;
    background: url('../images/arrow-back.svg') no-repeat;
}
.neArticle .articleMenu .articleLinks {
    float: right;
    width: auto;
    display: flex;
    justify-content: right;
    text-transform: uppercase;
}
.neArticle .articleMenu .articleLinks .links {
    margin-left: 21px;
    padding-left: 26px;
    color: var(--greyTextL);
    position: relative;
}
.neArticle .articleMenu .articleLinks .links::before {
    content: '';
    position: absolute;
    left: 0px;
    top: -1px;
}
.neArticle .articleMenu .articleLinks .links.subscribe::before {
    width: 18px;
    height: 16px;
    background: url('../images/icon-email.svg') no-repeat;
}
.neArticle .articleMenu .articleLinks .links.print::before {
    width: 18px;
    height: 18px;
    background: url('../images/icon-printer.svg') no-repeat;
}
.neArticle .articleMenu .articleLinks .links.bookmark::before {
    width: 18px;
    height: 18px;
    background: url('../images/icon-bookmark.svg') no-repeat;
}
.neArticle .articleMenu .articleLinks .links.views::before {
    width: 18px;
    height: 16px;
    background: url('../images/icon-views.svg') no-repeat;
}
.neArticle .articleMenu .articleLinks .links.share::before {
    width: 18px;
    height: 16px;
    background: url('../images/icon-share.svg') no-repeat;
}
.neArticle .articleTitle {
    margin: 0px;
    color: var(--green);
    font-style: normal;
    font-weight: 500;
    font-size: 34px;
}
.neArticle .coverImage {
    width: 100%;
    height: auto;
}
.neArticle .coverImage img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}
.neArticle .dateAndissue {
    margin: 15px 0px;
}
.neSearch {
    width: 100%;
    margin: 20px 0px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
}
.neSearch::before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 5px;
    width: 100%;
    height: 2.5px;
    background: var(--green);
}
.neSearch .year {
    float: left;
    display: flex;
}
.neSearch .year  h3 {
    font-weight: 500;
    font-size: 34px;
    margin: 0px;
    color: var(--black);
}
.neSearch .year  select {
    margin-left: 10px;
    position: relative;
    padding: 0px;
    padding-top: 10px;
    padding-right: 20px;
    border: none;
    color: var(--greyTextL);
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    cursor: pointer;
}
.neSearch .year  select::after {
    content: '';
    position: absolute;
    left: 0px;
    top: -1px;
    width: 18px;
    height: 18px;
    background: url('../images/chev-down--green.svg') no-repeat;
    z-index: 3;
}
.neSearch .searchBtnholder {
    float: right;
    float: right;
    width: auto;
    padding-top: 18px;
}
.neSearch .searchBtnholder .searchBtn {
    font-weight: 400;
    font-size: 14px;
    color: var(--greyTextL);
    position: relative;
    padding-left: 24px;  
    cursor: pointer; 
}
.neSearch .searchBtnholder .searchBtn::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0px;
    width: 18px;
    height: 18px;
    background: url('../images/search-grey.svg') no-repeat;
    background-size: 18px 18px;
}
.newsEvents.hide{
    transition: 0.3s ease-in-out;
    display: none;
}
.neArticle.show {
    display: block;
    transition: 0.3s ease-in-out;
}
/* Creer Page End  */

/* CONTACT US PAGE */
.cntAccordion {
    width: 100%;
    display: flow-root;
}
.cntBannerHead {
    width: 100%;
    position: relative;
    display: none;
}
.cntAccordion.active .cntBannerHead {
    display: flow-root;
}
.cntBannerHead__img {
    width: 100%;
    float: left;
    height: auto;
    max-height: 330px;
    object-fit: cover;
}
.cntBannerHead__overlay {
    width: 28%;
    height: 100%;
    background: rgb(110 182 59 / 75%);
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
}
.cntAccordion__head h4, .cntAccordion__head h5 {
    margin: 0;
    letter-spacing: -0.22px;
    color: #979797;
}
.cntAccordion__head h5 {
    font-size: 1.25em;
    font-weight: 700;
}
.cntAccordion.active .cntAccordion__head h5 {
    color: var(--black);
}
.cntAccordion__head h4 {
    font-size: 1.5em;
    font-weight: 500;
}
.cntAccordion.active .cntAccordion__head h4 {
    color: var(--secondary);
}
.cntAccordion__head {
    cursor: pointer;
    padding-right: 30px;
    position: relative;
}
.cntAccordion__head:after {
    content: '';
    width: 18px;
    height: 10px;
    background: url('../images/angle-down-g.svg') no-repeat center;
    background-size: contain;
    position: absolute;
    right: 0px;
    top: calc(50% - 12px);
    transform: rotate(0deg);
    transition: 0.3s linear;
}
.cntAccordion.active .cntAccordion__head:after {
    transform: rotate(180deg);
    transition: 0.3s linear;
}
.cntAccordion__content__each {
    border-bottom: 1px solid #D8D8D8;
    padding: 15px 0px 30px 0px;
}
.cntAccordion.active .cntAccordion__content__each {
    border-bottom-color: var(--secondary);
}
.cntAccordion__iconBlock {
    display: flex;
    margin: 10px 0px;
}
.cntAccordion__iconBlock .iconIn {
    width: 30px;
    height: 30px;
}
.cntAccordion__iconBlock__text {
    width: calc(100% - 30px);
    padding-left: 10px;
}
.cntAccordion__content__desc {
    padding: 20px 0px;
    display: none;
}
.cntAccordion__iconBlock__text label, .cntAccordion__iconBlock__text a {
    text-decoration: none;
    clear: both;
    display: flow-root;
    font-size: 0.9375em;
    color: #3F3F3F;
    font-weight: 300;
    letter-spacing: -0.22px;
}
.section.section--greyD {
    background: rgba(232, 232, 232, 0.7);
}
.csForm {
    width: 100%;
    display: flow-root;
}
.formItems {
    width: 100%;
    display: inline-block;
    margin: 13px 0px;
}
.formItems__label {
    display: block;
    font-size: 0.9375em;
    color: var(--black);
    letter-spacing: -0.22px;
    font-weight: 300;
}
.csInput {
    width: 100%;
    height: 45px;
    padding: 5px 20px;
    font-family: var(--font);
    font-size: 0.9375em;
    font-weight: 300;
    border-radius: 6px;
    border: 1px solid #CECECE;
}
textarea.csInput {
    padding: 15px 20px;
    height: 170px;
    resize: none;
}
.csFormSelect {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 45px;
    padding: 5px 20px;
    padding-right: max(10%, 30px);
    border-radius: 6px;
    border: 1px solid #CECECE;
    font-family: var(--font);
    font-size: 0.9375em;
    font-weight: 300;
    background-color: var(--white);
    background-image: url('../images/angle-down-b.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center ;
}
/* CONTACT US PAGE END */

/* OUR BUSINESS PAGE */
.infoGWrapper {
    position: relative;
    margin: 30px 0px;
    display: flow-root;
    border-radius: 8px;
    overflow: hidden;
}
.infoGWrapper img {
    margin: 0;
    float: left;
}
.infoGBox {
    width: min(40%, 350px);
    background: var(--secondary);
    color: var(--white);
    padding: 40px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.infoGBox__item h3 {
    font-size: 3.375em;
    font-weight: 500;
    letter-spacing: -0.76px;
    margin: 0;
    border-bottom: 3px dashed var(--white);
}
.infoGBox__item h3 label {
    font-size: 0.5em;
    margin: 0px 5px;
}
.infoGBox__iconText {
    margin-top: 10px;
    display: flex;
    align-items: center;
}
.infoGBox__iconText .iconIn {
    width: 35px;
    height: 35px;
}
.infoGBox__item {
    margin: 20px 0px;
}
.infoGBox__iconText__in {
    width: calc(100% - 35px);
    padding-left: 12px;
    font-size: 0.875em;
    font-weight: 500;
}
.infoGBox__item h2 {
    font-size: 8.125em;
    line-height: 0.6em;
    margin: 0;
    border-bottom: 3px dashed var(--white);
}
.infoGBox__item h2 label {
    font-size: 0.3em;
    margin: 0px 5px;
}
.hoverPanelWrap {
    width: 100%;
    display: flow-root;
}
.hoverPanel {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    padding: 25px 20px;
    margin: 20px 0px;
    display: flex;
    align-items: flex-end;
    min-height: 190px;
}
.hoverPanel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
}
.hoverPanel__content {
    position: relative;
    color: var(--white);
    padding-right: 40px;
}
.hoverPanel__content h5 {
    font-size: 1.5em;
    color: var(--white);
    margin: 0 0 10px 0px;
}
.hoverPanel__content:after {
    content: "";
    width: min(60%, 135px);
    height: 4px;
    background: var(--secondary);
    position: absolute;
    left: 0;
    bottom: 0;
}
.hoverPanel__content .arrow {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url('../images/arrow-right-w.svg') no-repeat center;
    background-size: contain;
}
.hoverPanel p.hoverPanel__content__smText {
    font-size: 0.75em;
    width: min(60%, 490px);
    transition: 0.3s linear;
    height: 55px;
    overflow: hidden;
}
.hoverPanel:not(:hover) p.hoverPanel__content__smText {
    transition: 0.3s linear;
    height: 0;
}
.hoverPanel:hover .hoverIn, .hoverPanel:not(:hover) .hoverIn {
    opacity: 1;
    transition: 0.3s linear;
}
.hoverPanel:not(:hover) .hoverIn, .hoverPanel:hover .hoverOut {
    opacity: 0;
    transition: 0.3s linear;
}
/* OUR BUSINESS PAGE END */

/* OUR JOURNEY SECTION */

.section.section--our-journey {
    background: url('../images/our-journey-sectionBG.jpg') no-repeat center;
    background-size: cover;
}
.section--our-journey .journeyCarousal__item {
    background: transparent;
    color: var(--white);
    box-shadow: none;
    padding: 0;
}
.section--our-journey .journeyCarousal__item__image {
    width: 50%;
    padding-right: 50px;
}
.section--our-journey .journeyCarousal__item__image__in {
    width: 100%;
    height: 270px;
    object-fit: cover;
    border-radius: 16px;
    border: 1px solid var(--white);
    /* box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.25); */
}
.section--our-journey .journeyCarousal__item__desc {
    width: 50%;
    max-height: 280px;
}
.section--our-journey .journeyList li {
    border-top: 2px solid var(--white);
}
.section--our-journey .journeyList li:before, 
.section--our-journey .journeyList li:after {
    background: var(--white);
}
.section--our-journey .journeyList li a {
    color: var(--white);
}
.section--our-journey .journeyList li a:before {
    background: var(--white);
}
.section--our-journey .journeyList li:last-child:after {
    background: var(--white);
}
.section--our-journey .journeyList li.active:before, 
.section--our-journey .journeyList li.active:after {
    background: var(--secondary);
}
.section--our-journey .journeyCarousal .slick-arrow {
    top: -40px;
}
.section--our-journey .slick-next.slick-arrow,
.section--our-journey .slick-prev.slick-arrow {
    background: url('../images/chev-right-white.svg') no-repeat center;
    background-size: contain;
}
.section--our-journey .journeyList {
    margin: 63px 0px 0px 0px;
}
.section--our-journey .journeyCarousal__item__desc * {
    font-weight: 300;
}
.section--our-journey .journeyCarousal__item__desc p {
    margin-bottom: 40px;
}
.sideNav__offset h5:nth-child(2) {
    margin-top: 0px !important;
}

/* OUR JOURNEY SECTION END */

@keyframes next {
    0% {
        right: 10px;
    }50% {
        right: 0px
    }100%{
        right: 10px
    }
}

/* MODAL */
.csModal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 50%);
    padding: 20px;
    display: none;
    align-items: center;
    justify-content: center;
}
.csModal.show {
    display: flex;
}
.csModal__content {
    width: min(100%, 1100px);
    margin-inline: auto;
    height: auto;
    max-height: 100%;
    overflow: auto;
    background: var(--white);
    padding: 40px;
    position: relative;
}
.csModal.show .csModal__content {
    animation: zoomIn 0.5s linear forwards;
}
.modalOut {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}
.modalOut:before, .modalOut:after {
    content: '';
    width: 24px;
    height: 2px;
    background: var(--black);
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 1px);
}
.modalOut:before {
    transform: rotate(45deg);
}
.modalOut:after {
    transform: rotate(-45deg);
}
/* news-events Modal*/
.neVideomodal .articleMenu {
    margin: 20px 0px;
    width: 100%;
    display: inline-block;
    font-size: 10px;
}
.neVideomodal .articleMenu a {
    text-decoration: none;
}
.neVideomodal .articleMenu .articleLinks {
    float: right;
    width: auto;
    display: flex;
    justify-content: right;
    text-transform: uppercase;
}
.neVideomodal .articleMenu .articleLinks .links {
    margin-left: 21px;
    padding-left: 26px;
    color: var(--greyTextL);
    position: relative;
}
.neVideomodal .articleMenu .articleLinks .links::before {
    content: '';
    position: absolute;
    left: 0px;
    top: -1px;
}
.neVideomodal .articleMenu .articleLinks .links.views::before {
    width: 18px;
    height: 16px;
    background: url('../images/icon-views.svg') no-repeat;
}
.neVideomodal .articleMenu .articleLinks .links.share::before {
    width: 18px;
    height: 16px;
    background: url('../images/icon-share.svg') no-repeat;
}
.csModal.csModal--pv .csModal__content {
    padding: 0px;
    width: min(100% , 1024px);
    border-radius: 8px;
}
.neVideomodal .videoBanner {
    width: 100%;
    position: relative;
    max-height: 560px;
    position: relative;
}
.neVideomodal  .neVideomodal__content {
    width: 100%;
    display: inline-block;
    padding: 30px 23px;
}
.neVideomodal .neVideomodal__content h3 {
    margin: 0px;
    font-weight: 500;
    font-size: 18px; 
    color: var(--secondrytext);
    margin-bottom: 10px;
    text-transform: uppercase;
}
.neVideomodal .neVideomodal__content h4 {
    margin: 0px;
    font-weight: 500;
    font-size: 16px;
    color: var(--secondrytext);
}
.neVideomodal .videoBanner img {
    width: 100%;
    object-fit: cover;
    height: auto;
}
/* news-events Modal*/
@keyframes zoomIn {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1.02);
    }
    100% {
        transform: scale(1);
    }
}

/* MODAL END */

/* SCROLL RAIL */
.scrollbar-rail > .scroll-element {
    background: transparent;
}
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    background: var(--white);
}
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
    /* max-height: 20px; */
    background: var(--white);
    width: 8px;
    left: 2px;
}
.scrollbar-rail > .scroll-element .scroll-element_size {
    background: rgba(255, 255, 255, 0.15);
}
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: none !important;
    border: 0;
}
.scrollbar-rail > .scroll-element .scroll-bar {
    box-shadow: none;
}
/* SCROLL RAIL END */


/*Additional Css*/

.resImage img {
    width: 100%;
}
.radiusImage img {
    border-radius: 8px;
}

/*Additional Css End*/

/* MEDIA QUERY */

@media (max-width: 1200px) {
    .vlSection__left {
        width: calc(30% + 15px);
    }
    .vlSection__right {
        width: calc(70% + 15px);
    }
}

@media (max-width: 991px) {
    .gridParent.grid--550-offset {
        grid-template-columns: 1fr;
    }
    .offset550 {
        padding-right: 0px;
        margin-bottom: 50px;
    }
    .gridParent.grid--2-auto {
        grid-template-columns: 1fr;
    }
    .blueOverlay__grid__left {
        padding: 0;
    }
    .sqTileBlockParent {
        margin: 30px -8px;
    }
    .sqTileBlockParent.sqTileBlockParent--3Tile, .sqTileBlockParent.sqTileBlockParent--2Tile {
        display: flex;
        flex-wrap: wrap;
    }
    .blueOverlay__grid__left * {
        width: 100%;
    }
}

@media (max-width: 767px) {
    body,html {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .wrapper {
        width: 100%;
        height: 100%;
        overflow: auto;
    }
    .navList {
        display: none;
    }
    .pageNav {
        padding: 20px 0px;
        height: 70px;
    }
    .logo {
        min-width: 123px;
    }
    .bannerCaption h1 {
        font-size: 2.8em;
        line-height: 1.15em;
        margin-bottom: 20px;
    }
    .h2 {
        font-size: 2.4em;
        line-height: 1.2em;
    }
    .section {
        padding: 60px 0px;
    }
    .section--handfull p {
        font-size: 1.2em;
    }
    .h3 {
        font-size: 2em;
    }
    .bannerCaption p {
        font-size: 1.25em;
    }
    .bannerCaption {
        position: static;
        transform: translateX(0px);
        min-height: 700px;
        padding: 110px 15px 80px 15px;
    }
    .bannerImage {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .innerNavList {
        display: flex;
        width: 100%;
        overflow: auto;
        height: 35px;
    }
    .innerNavList li {
        flex-grow: 0;
        flex-shrink: 0;
        margin: 0px;
    }
    .innerNavList li a {
        padding-bottom: 10px;
    }
    .section--handfull .offArea {
        width: 100%;
    }
    .section--handfull:after {
        max-height: 250px;
    }
    .section--handfull .offArea:after {
        width: 200px;
        height: 200px;
    }
    .section--handfull {
        padding-bottom: 150px;
    }
    .section.section--leaf:before {
        width: 150px;
    }
    .section--leaf .offset40p {
        width: calc(100% - 150px);
    }
    .leafBgHeader {
        font-size: 3.2em;
    }
    .section.hasAbsoluteHeader {
        padding: 60px 0px 0px 0px;
    }
    .absoluteBoxHeader {
        top: 60px;
    }
    .mapSection {
        padding-bottom: 50px;
    }
    .mobColDir {
        flex-direction: column;
        align-items: flex-start;
    }
    .selectWrapper {
        margin: 30px 0px;
    }
    .csSelect {
        margin: 10px 0px;
    }
    .gridParent.grid-4 {
        grid-template-columns: 1fr 1fr;
    }
    .listWrap {
        margin-bottom: 30px;
    }
    .flexCB.footerBlock-2 {
        flex-direction: column;
    }
    .footerBlock-2 p {
        margin-bottom: 20px;
    }
    .section.section--leaf {
        padding-top: 100px;
    }
    .megaMenu {
        padding: 40px 20px;
    }
    .megaMenu .gridParent {
        margin-top: 30px;
    }
    .menuOut {
        top: 15px;
        right: 20px;
    }
    .listWrap.listInWhite:nth-child(1) {
        grid-area: top1;
    }
    .listWrap.listInWhite:nth-child(2) {
        grid-area: top2;
    }
    .listWrap.listInWhite:nth-child(3) {
        grid-area: top3;
    }
    .gridParent.grid-3 {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: 'top1 top2' 'top3 top3';
    }
    .pageFooter {
        padding: 50px 0px;
    }
    .bannerSection.innerPage .bannerCaption {
        min-height: auto;
        padding: 140px 15px 85px 15px;
    }
    .bannerSection.innerPage .bannerImage {
        height: 100%;
    }
    .journeyList li {
        width: 140px;
    }
    .journeyList {
        padding: 5px 0px 10px 0px;
    }
    .section.section--journey {
        padding: 50px 0px;
    }
    .journeyCarousal__item {
        flex-wrap: wrap;
        padding: 20px;
    }
    .journeyCarousal__item__image {
        margin-inline: auto;
        width: 100%;
    }
    .journeyCarousal__item__desc {
        width: 100%;
        padding: 0px;
        margin: 30px 0px;
    }
    .sqTileBlockParent, .sqTileBlockParent.sqTileBlockParent--3Tile, .sqTileBlockParent.sqTileBlockParent--2Tile {
        align-items: center;
        justify-content: center;
    }
    .sideNavWrapper {
        flex-direction: column;
    }
    .sideNav {
        width: 100%;
        margin-bottom: 30px;
    }
    .sideNav__link {
        display: block;
        font-size: 1em;
    }
    .sideNav__offset {
        width: 100%;
    }
    .insideNav + article .idBlock {
        padding-top: 115px;
        margin-top: -115px;
    }
    .idBlock {
        padding-top: 70px;
        margin-top: -70px;
    }
    .accordion__content .flexSS {
        flex-direction: column;
    }
    .accordion__content .flexSS p {
        width: 100%;
        padding: 30px 0px;
    }
    .f34 {
        font-size: 1.6em;
    }
    .vlSection__left {
        width: 100%;
    }
    .vlSection__right {
        width: 100%;
    }
    .vlSection {
        flex-direction: column;
    }
    .w33pContainerOffset {
        width: 100%;
    }
    .vlList {
        margin: 20px 0px;
    }
    .vlList li {
        margin: 5px 0px;
    }
    .csModal {
        padding: 30px;
    }
    .csModal__content {
        padding: 20px;
    }
    .csModal--pl .csModal__content {
        max-height: none;
    }
    .plDetail {
        flex-direction: column;
    }
    .plDetail__img {
        width: min(100%, 200px);
        margin-bottom: 30px;
        margin-inline: auto;
    }
    .plDetail__content {
        width: 100%;
        padding: 0;
    }
    .plDetail__content__desc {
        height: auto;
    }
    .plDetail__content__head {
        height: auto;
        text-align: center;
    }
    .plDetail__content__desc p {
        text-align: justify;
        font-size: 0.875em;
    }
    .cntBannerHead__overlay {
        width: 70%;
    }
    .cntAccordion__head h5 {
        font-size: 1.1em;
    }
    .cntAccordion__head h4 {
        font-size: 1.2em;
    }
    .cntAccordion__content__each {
        padding: 15px 0px;
    }
    .cntAccordion .sideNav {
        margin: 0;
    }
    .infoGBox {
        position: static;
        width: 100%;
    }
    .section--our-journey .journeyCarousal__item__image {
        width: 100%;
        padding: 0;
    }
    .section--our-journey .journeyCarousal__item__desc {
        width: 100%;
    }
    .section--our-journey .journeyList {
        margin-top: 15px;
    }
}
@media (max-width: 600px) {
    .section.section--leaf:before {
        height: 150px;
    }
    .section--leaf .offset40p {
        width: 100%;
        padding: 0px 15px;
    }
    .leafBgHeader {
        font-size: 2.5em;
        margin-bottom: 0.5em;
    }
    .absoluteBoxHeader {
        top: 20px;
    }
    .grid-2 {
        grid-template-columns: 1fr;
    }
    .iconWrap {
        grid-template-columns: 1fr 1fr;
    }
    .sqTileBlock {
        margin: 5px;
        width: 150px;
        height: 150px;
    }
    .gridParent.plGrid {
        grid-template-columns: 1fr;
    }
}