@import url("https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Source+Sans+3:wght@300;400;500;600&display=swap");

*,
::after,
::before {
    -webkit-box-sizing: border-box;

    box-sizing: border-box;
}

html {
    font-size: 16px;

    overflow-x: hidden;
}

:root {
    --headingFont1: "PT Serif", serif;

    --headingFont2: "Source Sans 3", sans-serif;

    --main-container: auto;

    --paddingContainer: 0 50px;

    --fontColor1: #1b3942;

    --fontColor2: #fd5b2c;

    --themeBg1: rgb(241, 11, 11);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;

    font-family: var(--headingFont1);

    color: var(--fontColor1);
}

p {
    margin: 0;

    font-family: var(--headingFont2);

    color: #67797e;

    font-size: 1.125rem;

    line-height: 1.5;

    font-weight: 400;

    text-align: justify;
}

a {
    color: var(--fontColor1);

    font-family: var(--headingFont1);

    text-decoration: none;

    transition: all 0.2s ease-in;
}

a:hover {
    color: var(--fontColor2);
}

ul {
    list-style-type: none;

    padding: 0;

    margin: 0;
}

.img-fluid {
    width: 100%;

    display: block;

    height: auto;
}

.main-slider-banner {
    position: relative;
}

.main-slider-banner:before,
.overlay--layer:before {
    content: "";

    position: absolute;

    inset: 0;

    background: #000;

    opacity: 0.5;
}

.chair-mem-title h3 {
}

.chair-mem-title h3 {
}

.hero-main-title {
    position: absolute;

    display: flex;

    align-items: end;

    justify-content: center;

    inset: 0;

    margin-bottom: 140px;

    z-index: 9;
}

.hero-main-title h1 {
    color: #fff;

    font-weight: 400;

    letter-spacing: -0.02em;

    font-size: 3.75rem;
}

.teamBannerSlider.overlay--layer:before {
    opacity: 0.2;

    z-index: 9;
}

.img-fluid {
    width: 100%;

    display: block;

    height: auto;
}

.logo img {
    width: 200px;
}

a.offcanvas-menu {
    display: block;

    float: right;

    padding: 1rem 0px;
}

.qodef-svg--sidearea-opener path:nth-of-type(1) {
    fill: transparent;

    stroke: #000;
}

.gridX-4-custom {
    grid-template-columns: auto auto auto 35%;
}

.gridX-3-custom {
    grid-template-columns: auto auto auto auto;

    justify-content: space-between;
}

.pre-header {
    border-bottom: 1px solid rgb(240, 240, 240);

    padding: 0.2rem 0;

    background: #fff;
}

.pre-header .infos-element {
    display: flex;

    align-items: center;
}

.pre-header .infos-element svg {
    position: relative;

    top: 2px;

    fill: #67797e;

    width: 19px;

    margin-right: 5px;
}

section.parallax--banner-section {
    position: relative;
}

.hero-banner {
    position: absolute;

    top: calc(50% - 104px);
}

.gapX2 {
    grid-gap: 2rem;
}

.pre-header .infos-element a,
.pre-header .infos-element p {
    font-family: var(--headingFont2);

    font-size: 1rem;
}

.info-widget li a svg {
    width: 1.063rem;
}

ul.info-widget {
    text-align: right;

    position: relative;

    top: 2px;
}

.info-widget li {
    float: none !important;

    display: inline-block;

    text-align: right;
}

span.counter {
    color: #fff;
}

.info-widget li a {
    padding: 0 1rem !important;
}

.main-title h1 {
    font-weight: 400;

    letter-spacing: -0.02em;

    font-size: 3.313rem;

    text-align: center;

    padding: 1.5rem 0 1.5rem;
}

.counter-ex-grid {
    grid-template-columns: repeat(4, 13.625rem);

    align-items: center;

    justify-content: space-around;

    text-align: center;
}

.flexbox {
    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    grid-column-gap: 30px;
}

.flexbox--item {
    flex: 0 0 calc(33.33% - 30px);
}

.flexbox--item:nth-child(4),
.flexbox--item:nth-child(5) {
    flex: 0 0 calc(33.33% - 30px);

    margin-top: 30px;
}

.main-title.font-white h1 {
    color: #fff;
}

.member-grid h3 {
    padding: 1rem 0;
}

.member-grid-X2 {
    padding: 0 20%;

    margin-top: 5%;
}

.inner-box {
    position: relative;
}

.pulse {
    animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

.image__img {
    display: block;

    width: 100%;
}

.image__overlay {
    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 107%;

    background: rgba(0, 0, 0, 0.6);

    color: #ffffff;

    display: flex;

    flex-direction: column;

    align-items: normal;

    justify-content: center;

    opacity: 0;

    transition: opacity 0.25s;

    padding: 30px 40px;
}

.image__overlay--primary {
    /* background: #000000a6; */
}

.image__overlay > * {
    transform: translateY(20px);

    transition: transform 0.25s;
}

.image__overlay:hover {
    opacity: 1;
}

.image__overlay:hover > * {
    transform: translateY(0);
}

.image__title {
    font-size: 2em;

    font-weight: bold;
}

.image__description {
    font-size: 16px;

    margin-top: 0.25em;

    font-family: var(--headingFont2);

    color: #000;
}

.swiper-container-wrapper--timeline .swiper-slide {
    display: block;

    min-height: 200px;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    padding: 20px 90px;
}

.swiper-slide h2 {
    font-weight: 400;

    letter-spacing: -0.02em;

    font-size: 2.5rem;
}

.swiper-slide span {
    color: #000;

    font-size: 1.313rem !important;

    opacity: 9 !important;

    font-style: italic;
}

.swiper-slide p {
    font-size: 20px;

    margin-top: 20px;

    font-family: "Source Sans 3";

    line-height: 1.5;
}

.swiper-container-wrapper--timeline .swiper-slide .container {
    padding: 0;

    width: 100%;
}

.swiper-container-wrapper--timeline .swiper-slide .title {
    font-size: 18px;

    opacity: 0;

    transition: 0.5s ease 0.5s;
}

.swiper-container-wrapper--timeline .swiper-slide-active .title {
    opacity: 1;
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar {
    position: relative;

    margin-bottom: 70px;

    background-color: transparent;

    height: 4px;

    border-bottom: 1px solid #888;

    width: 95%;
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar-fill {
    background-color: #c5c5c5;

    height: 3px;

    top: 2px;
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar:before {
    position: absolute;

    top: 2px;

    left: -100%;

    width: 100%;

    height: 3px;

    background-color: #c5c5c5;

    content: "";
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar:after {
    position: absolute;

    top: 3px;

    right: -100%;

    width: 100%;

    height: 1px;

    content: "";
}

.swiper-container-wrapper--timeline .swiper-pagination-custom {
    position: relative;

    list-style: none;

    margin: 1rem 0;

    padding: 0;

    display: flex;

    line-height: 1.66;

    bottom: 0;

    z-index: 11;

    width: 95%;

    display: flex;
}

.swiper-container-wrapper--timeline
    .swiper-pagination-custom
    .swiper-pagination-switch {
    position: relative;

    width: 100%;

    height: 30px;

    line-height: 30px;

    display: block;
}

.swiper-container-wrapper--timeline
    .swiper-pagination-custom
    .swiper-pagination-switch
    .switch-title {
    position: absolute;

    font-weight: 400;

    font-family: "PT Serif";

    font-size: 22px;

    right: 0;

    transform: translateX(50%);

    transition: 0.2s all ease-in-out;

    transition-delay: 0s;

    cursor: pointer;

    z-index: 1;

    color: #f68b1e;
}

.swiper-container-wrapper--timeline
    .swiper-pagination-custom
    .swiper-pagination-switch
    .switch-title:after {
    position: absolute;

    top: calc(100% + 19px);

    right: 50%;

    transform: translateX(50%) translateY(-50%);

    width: 12px;

    height: 12px;

    background: #f68b1e;

    border-radius: 2rem;

    content: "";

    transition: 0.2s all ease-in-out;

    transition-delay: 0s;

    z-index: 1;
}

.swiper-container-wrapper--timeline
    .swiper-pagination-custom
    .swiper-pagination-switch.active
    .switch-title {
    font-weight: 400;

    transition-delay: 0.4s;
}

.swiper-container-wrapper--timeline
    .swiper-pagination-custom
    .swiper-pagination-switch.active
    .switch-title:after {
    background: #f68b1e;

    width: 25px;

    height: 25px;

    transition-delay: 0.4s;
}

.swiper-container-wrapper--timeline
    .swiper-pagination-custom
    .swiper-pagination-switch.active
    ~ .swiper-pagination-switch
    .switch-title {
    color: #1b3942;

    font-weight: 16px;
}

.swiper-container-wrapper--timeline
    .swiper-pagination-custom
    .swiper-pagination-switch.active
    ~ .swiper-pagination-switch
    .switch-title:after {
    background: #f68b1e;
}

h4.handsign {
    display: flex;

    align-items: center;

    gap: 10px;
}

.slider-cover {
    background: #eee;

    padding: 40px 30px;
}

.slider-cover p {
    color: #67797e;

    font-family: "Source Sans 3";

    font-size: 18px;

    margin-bottom: 25px;
}

.slider-cover a {
    color: #1b3942;

    background-color: #fff;

    border: 1px solid transparent;

    text-transform: uppercase;

    border-radius: 5em;

    outline: 0;

    flex-wrap: wrap;

    position: relative;

    display: inline-flex;

    transition:
        color 0.2s ease-out,
        background-color 0.2s ease-out,
        border-color 0.2s ease-out;

    padding: 14px 44px 15px;

    font-size: 15px;

    line-height: 22px;

    font-weight: 600;
}

.slider-cover a span {
    letter-spacing: 0;

    font-size: 15px !important;

    font-family: "Source Sans 3";

    font-style: normal;

    line-height: 24px;

    font-weight: 500;
}

.svg--arrow-top-right {
    fill: currentColor;

    stroke: none;
}

.box {
    width: 60%;

    margin: 0 auto;

    background: rgba(255, 255, 255, 0.2);

    padding: 50px;

    border: 2px solid #fff;

    border-radius: 20px/50px;

    background-clip: padding-box;

    text-align: center;
}

.pop-info h4 {
    font-size: 1.75rem;

    font-weight: 400;

    margin-bottom: 20px;
}

.pop-info p {
    padding-bottom: 25px;
}

.grid {
    display: grid;
}

.gridX-1 {
    grid-template-columns: 1fr;
}

.gridX-2 {
    grid-template-columns: 1fr 1fr;
}

.gridX-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.grid-gapX1 {
    grid-gap: 1px;
}

.gridX-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.gridX-6 {
    grid-template-columns: repeat(6, 1fr);

    grid-gap: 5px;
}

.gridX-custom {
    grid-template-columns: 12.5% 25% 12.5% 25%;
}

.main-container-box {
    width: 1100px;

    overflow: hidden;

    margin: 0 auto;
}

.main-container-custom {
    padding: 0 12%;
}

.main-container-custom2 {
    padding: 0 15%;
}

.main-container-custom3 {
    padding: 0 10%;
}

.main-container-custom6 {
    padding: 0 6%;
}

.counter--inner p {
    font-size: 3rem;

    text-align: center;

    line-height: 1;
}

.counter-desc {
    text-align: center;

    color: #fff;

    display: block;

    font-family: var(--headingFont2);

    padding-top: 5px;
}

.counter-section {
    padding: 3rem 0 8rem;
}

.home--counter.counter-section {
    padding: 3rem 0 9rem;
}

.inner--layer {
    background: #2e2f2a;

    padding-bottom: 30%;
}

.video--cta--btn a {
    text-align: center;

    color: #000;

    font-size: 1.25rem;

    font-weight: 400;

    display: block;

    margin-top: 15px;

    text-decoration: underline;

    text-underline-position: from-font;
}

.mcb-section {
    position: relative;

    margin-top: 0px;

    margin-right: 10%;

    margin-left: 10%;

    border-radius: 70px 70px 70px 70px;
}

.play--btn {
    width: 140px;

    height: 140px;

    line-height: 175px;

    border-radius: 50%;

    background: #8a541f;

    text-align: center;

    position: absolute;

    bottom: calc(50% + 20px);

    left: calc(50% - 60px);

    transition: all 0.2s ease-in-out;
}

.founding--member--grid {
    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    grid-gap: 25px;

    align-items: flex-start;
}

.founding--member--grid3 {
    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 25px;

    align-items: flex-start;

    padding: 0 10rem;
}

.m-bottom {
    margin-bottom: 0rem;
}

.border--bottom {
    border-top: 1px solid #0000000f;
}

.alter-space {
    padding-top: 6rem;
}

.memeber-content {
    padding-right: 5rem;
}

.memeber-content h5 {
    color: #1b3942;

    font-family: var(--headingFont1);

    font-size: 30px;

    padding-bottom: 25px;
}

.memeber-content p {
    font-family: var(--headingFont2);

    color: #767878;

    font-size: 16px;
}

.play--btn:hover {
    background: #484848;

    cursor: pointer;
}

.grid.collage-grid img {
    width: 80%;

    float: right;
}

.title-info-cell {
    margin-left: 20%;
}

.grid.collage-grid {
    grid-template-columns: 50% 55%;
}

.svg--arrow-top-right {
    color: #fe5b2c;

    margin-left: 8px;
}

.title-info-cell h4 {
    font-weight: 400;

    letter-spacing: -0.02em;

    font-size: 3.313rem;
}

.title-info-cell p {
    margin-top: 30px;
}

.title-info-cell a {
    margin-top: 30px;
}

.hero--title.text--white h1 {
    color: #fff !important;
}

section.hero-banner {
    padding: 5rem 0 3rem 0;
}

.hero--title h1,
.home--about h2 {
    font-family: var(--headingFont1);

    font-weight: 400;

    letter-spacing: -0.02em;

    color: #1b3942;

    font-size: 3.75rem;
}

.home--about h2 {
    font-size: 3.313rem;

    position: relative;

    top: -6px;
}

.hero--title h1 .line--decor1,
.home--about h2 .line--decor1,
.home--about h2 .line--decor3 {
    display: block;
}

.hero--title h1 .line--decor2,
.home--about h2 .line--decor2 {
    display: inline-block;
}

.uibc--icon {
    width: 47px;

    display: inline-flex;

    position: relative;

    top: 7px;

    gap: 10px;
}

section.section.section--2.partial-space {
    padding-top: 8rem;

    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjZmZmIj48L3JlY3Q+CjxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9IiNjY2MiPjwvcmVjdD4KPC9zdmc+);

    margin-bottom: 8rem;
}

.rotate-animation {
    animation: rotate-animation 10s infinite linear;
}

@keyframes rotate-animation {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.subhead-subtitle {
    font-family: var(--headingFont2);

    color: #1b3942;

    letter-spacing: 0.05em;

    font-size: 1.2rem;

    font-weight: 400;

    text-transform: uppercase;

    display: inline-flex;

    vertical-align: middle;

    flex-wrap: wrap;

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 20px;
}

.subhead-subtitle:before {
    content: "";

    width: 0.875rem;

    height: 0.875rem;

    border: 1px solid #1b3942;

    border-radius: 50%;

    box-sizing: border-box;

    margin-bottom: 1px;
}

.hero--title h1 .line--decor3,
.home--about h2 .line--decor5 {
    font-style: normal;

    display: block;
}

section.home--about--section {
    padding: 8rem 0 0rem;
}

.home--about--content {
    padding-left: 42px;
}

.cta--btn {
    font-family: var(--headingFont2);

    color: #1b3942;

    font-weight: 600;

    background-color: transparent;

    border: 1px solid #8a9ea3;

    text-transform: uppercase;

    border-radius: 5em;

    outline: 0;

    transition:
        color 0.2s ease-out,
        background-color 0.2s ease-out,
        border-color 0.2s ease-out;

    padding: 16px 40px 16px;

    font-weight: 600;

    margin-top: 0px;

    display: inline-block;
}

.cta--btn span {
    display: inline-block !important;

    padding-top: 0 !important;
}

.cta--btn--text {
    color: #fe5b2c;

    margin-left: 8px;

    --qode-hover-move-x: 110%;

    --qode-hover-move-y: 100%;
}

.cta--btn .qodef-m-arrow {
    will-change: transform;
}

.cta--btn .cta--btn--text path {
    transition:
        transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93),
        opacity 0.18s ease-out;
}

.cta--btn .cta--btn--text path:nth-of-type(1) {
    transform: translateX(0) translateY(0);

    opacity: 1;

    transition-delay: 0.15s, 0.15s;
}

.cta--btn .cta--btn--text path:nth-of-type(2) {
    transform: translateX(calc(-1 * var(--qode-hover-move-x)))
        translateY(var(--qode-hover-move-y));

    opacity: 0.5;

    transition-delay: 0s, 0s;
}

.cta--btn:hover .cta--btn--text path:nth-of-type(1) {
    transform: translateX(var(--qode-hover-move-x))
        translateY(calc(-1 * var(--qode-hover-move-y)));

    opacity: 0;

    transition-delay: 0s, 0s;
}

.cta--btn:hover .cta--btn--text path:nth-of-type(2) {
    transform: translateX(0) translateY(0);

    opacity: 1;

    transition-delay: 0.15s, 0.15s;
}

.cta--btn--arrow-top-right {
    fill: #fe5b2c;

    stroke: none;
}

.home--about--content p {
    margin-bottom: 2rem;
}

.home--counter .counter--inner {
    border-width: 0;

    border-radius: 0;

    padding-top: 20px;

    padding-bottom: 20px;

    text-align: center;
}

.home--counter .counter--inner p {
    font-family: var(--headingFont1);

    font-weight: 400;

    font-size: 3rem;
}

.home--counter .counter--inner p .counter {
    color: #1b3942 !important;
}

.home--counter .data--label {
    color: #1b3942;
}

.home--counter .counter-desc {
    margin-top: 20px;

    color: #67797e;

    letter-spacing: 0.035em;

    font-weight: 400;

    vertical-align: middle;

    flex-wrap: wrap;
}

.pb--80 {
    padding-top: 80px;
}

.m3rem {
    margin-top: 3rem;
}

.home--counter .currency--symbol,
.about--counter .currency--symbol {
    font-size: 25px;

    color: #ffffff;

    position: relative;

    top: -3px;
}

.home--counter .currency--symbol,
.about--counter .currency--symbol {
    right: 12px;

    position: relative;

    font-size: 1.625rem;

    vertical-align: super;

    color: #ffffff;
}

.home--counter .currency--symbol {
    color: #f68b1e;
}

.counter--inner.orange--pulse {
    background: #f68b1e;
}

.counter--inner.green--pulse {
    background: #228047;
}

.counter--inner.red--pulse {
    background: #cf3231;
}

.counter--inner.black--pulse {
    background: #000000;
}

.about--counter .currency--symbol {
    left: 15px;
}

.about--counter .currency--count {
    right: 12px;

    position: relative;

    font-size: 40px;

    vertical-align: super;

    color: #fff;
}

.grid.parallax-overlay {
    height: 680px;

    position: relative;
}

.grid.parallax-overlay h2 {
    font-weight: 400;

    letter-spacing: -0.02em;

    font-size: 3.313rem;

    color: #fff;

    padding: 4rem 0 3rem;
}

.overlay--content {
    background: #000000d1;

    height: 91%;

    margin-top: 30px;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    position: absolute;
}

.home--business h2 {
    font-family: var(--headingFont1);

    font-weight: 400;

    letter-spacing: -0.02em;

    font-size: 3.313rem;

    color: #1b3942;
}

.founding--members-spacing {
    margin-top: 4rem;

    margin-bottom: 6rem;
}

.founding--members-spacing h1 {
    padding-top: 0;
}

.founding--members-spacing .xspace {
    padding: 0 18%;

    text-align: justify;

    margin-bottom: 3rem;
}

.engagements--heads {
    padding-top: 3rem;
}

.engagements--heads p {
    text-align: center;

    margin-top: -10px;
}

.engagements--section {
    padding-bottom: 4rem;
}

.home--business h2 .line--decor2 {
    display: block;
}

.mt-2X {
    margin-top: 2rem;
}

.m--top {
    margin-top: 3rem;
}

.overlay--content h5 {
    font-family: var(--headingFont1);

    font-weight: 400;

    letter-spacing: -0.02em;

    color: #fff;

    font-size: 1.5rem;

    line-height: 1.5em;

    padding: 0 16%;

    font-style: italic;
}

span.qoutes--title {
    font-family: var(--headingFont2);

    color: #a19e9e;

    font-style: normal;

    font-size: 0.938rem !important;

    margin-top: 25px;

    display: block;
}

.home--qoutes .swiper-button-prev,
.home--qoutes .swiper-rtl .swiper-button-next {
    left: 5%;
}

.home--qoutes .swiper-button-next,
.home--qoutes .swiper-rtl .swiper-button-prev {
    right: 5%;
}

img.parallax-img {
    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -o-object-fit: cover;

    object-fit: cover;

    width: 100%;

    height: 100%;

    max-width: unset;
}

.home--counter .g--col {
    border-left: 1px solid #f68b1e;
}

.home--counter .g--col:first-child {
    border-left: 0;
}

.engagement--grid {
    grid-template-columns: 30% 1fr;
}

.engagement--grid h3 {
    font-family: var(--headingFont1);

    font-size: 40px;

    font-weight: 400;

    letter-spacing: -0.02em;

    color: #1b3942;

    line-height: 1.13208em;
}

.inner--slide--box p {
    margin: 12px 0 0;

    font-size: 22px;

    line-height: 1.36em;

    color: #1b3942;
}

.inner--slide--box.child--cell--grid {
    position: relative;

    height: 100%;

    align-items: baseline;

    display: grid;
}

.engagement--grid .inner--slide--box {
    padding: 44px 50px 58px;

    border-top: 1px solid #d4d4d4;

    border-bottom: 1px solid #d4d4d4;

    border-right: 1px solid #d4d4d4;

    background-color: #f7f7f7;
}

.child--cell--grid .cta--btn {
    max-width: 188px;

    text-align: center;

    margin-top: auto;
}

.engagement--container {
    overflow: hidden;

    margin-left: 15px;
}

.engagement--slider {
    position: relative;

    width: 1520px;

    max-width: none;

    overflow: hidden;
}

.home--engagement--section .swiper-button-prev,
.home--engagement--section .swiper-button-next {
    top: auto;

    bottom: 0;
}

a.media--engmnt--grid h6 {
    font-family: var(--headingFont2);

    text-transform: uppercase;

    color: #67797e;

    font-size: 0.8rem;
}

.engagement--slider .engagement--media--image {
    padding: 40px 40px 40px;

    transition: all 0.3s ease-in-out;

    min-height: 443px;

    width: 750px;

    border-radius: 4px;

    background: #fff;

    display: flex;

    align-items: center;
}

.engagement--slider .engagement--media--image:last-child {
    border-left: none;
}

.home--engagement--section .swiper-button-prev,
.home--engagement--section .swiper-button-next {
    top: 83%;

    bottom: 0;

    left: 52%;
}

.home--engagement--section .swiper-button-next,
.home--engagement--section .swiper-rtl .swiper-button-prev {
    right: 47%;
}

.home--engagement--section .swiper-button-prev,
.home--engagement--section .swiper-rtl .swiper-button-next {
    left: 47%;
}

.country-recent-investment:before {
    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    -webkit-transform: perspective(1px) translate3d(0, 0, 0) skewY(-2.5deg);

    transform: perspective(1px) translate3d(0, 0, 0) skewY(-2.5deg);

    transform-origin: left;

    background: url(../images/country-research-bg.jpg) no-repeat 0 0 / cover;
}

.media--engmnt--grid {
    display: grid;

    grid-template-columns: 50% 1fr;

    grid-gap: 35px;
}

.engagement--media--image img {
    border-radius: 4px;
}

.engagement--slider .swiper-button-prev,
.engagement--slider .swiper-button-next {
    background: #383838;
}

.home--qoutes .swiper-pagination-bullet-active {
    background: #fe5b2c;
}

.home--qoutes .swiper-pagination-bullet {
    width: 12px;

    height: 12px;
}

.home--qoutes .swiper-pagination-fraction,
.home--qoutes .swiper-pagination-custom,
.home--qoutes .swiper-horizontal > .swiper-pagination-bullets,
.home--qoutes .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 25px;
}

.business--slider .swiper-button-prev,
.business--slider .swiper-button-next {
    top: calc(50% - 110px);
}

.client__box {
    text-align: center;
}

.business--slider .swiper-button-prev,
.business--slider .swiper-rtl .swiper-button-next {
    left: auto;

    right: auto;
}

.business--slider .swiper-button-next,
.business--slider .swiper-rtl .swiper-button-prev {
    right: 0px;

    left: auto;
}

.engagement--slider .swiper-button-prev:after,
.engagement--slider .swiper-button-next:after {
    color: #fff;
}

.engagement--media--image p {
    font-size: 1.125rem;

    line-height: 1.5em;

    text-align: left;
}

.business--speaking {
    padding: 8rem 0 8rem;
}

.rm--container .btn-rm {
    font-family: var(--headingFont2);

    font-style: normal;

    font-size: 16px !important;

    margin-top: 4px;

    display: inline-block;
}

.rm--container .arrow-holder-article-right {
    height: 0.4em;
}

.grid.home--business--grid {
    position: relative;

    grid-template-columns: 35% 1fr;

    grid-gap: 39px;

    align-items: end;
}

.grid.home--business--grid .border-radius {
    border-radius: 4px;

    margin-top: 4.5rem;
}

.business--slider {
    overflow: hidden;

    width: 100%;

    max-width: 676px;
}

.inner-box p {
    font-size: 1rem;

    text-align: left;
}

.business--slider img {
    border-radius: 4px;
}

.uibc-outline-log {
    background-image: url(../images/main-home-bg-img.png);

    background-position: 100% 0;

    background-repeat: no-repeat;

    background-size: 300px auto;

    transition:
        background 0.3s,
        border 0.3s,
        border-radius 0.3s,
        box-shadow 0.3s;

    padding: 0;

    height: 310px;

    width: 300px;

    position: absolute;

    top: -32%;

    right: 0%;
}

section.featued--media--section {
    padding: 8rem 0;
}

.media--highlight--title--grid {
    grid-template-columns: 1fr auto;

    align-items: end;

    margin-bottom: 5rem;
}

.media--bg--dark {
    background: #272121;
}

.media--bg--dark .main-container {
    overflow: hidden;
}

.grid.articel--grid--slider {
    position: relative;
}

.featued--media--section .subhead-subtitle {
    color: #fff;
}

.featued--media--section .subhead-subtitle:before {
    border-color: #fff;
}

.solid-aprnc .cta--btn {
    background-color: #fff;

    border: 1px solid #8a9ea300;

    margin-bottom: 11px;
}

.media--highlight--title--grid h2,
.media--highlight--title--grid2 h2 {
    font-family: var(--headingFont1);

    font-weight: 400;

    letter-spacing: -0.02em;

    font-size: 3.313rem;

    color: #fff;
}

.media--highlight--title--grid2 .subhead-subtitle {
    color: #fff;
}

.media--highlight--title--grid2 .uibc-outline-log {
    background-size: 200px auto;

    margin-top: 0;

    margin-bottom: 150px;

    top: -55%;

    right: 0%;
}

.media--highlight--title--grid2 .subhead-subtitle:before {
    border: 1px solid #ffffff;
}

.articel--grid {
    grid-template-columns: repeat(4, 1fr);

    grid-gap: 50px;
}

.inner--artcle--box h6 {
    font-family: var(--headingFont2);

    color: #c8d8dc;

    font-size: 0.875rem;

    letter-spacing: 0.02em;

    font-weight: 400;

    text-transform: uppercase;
}

.post--image {
    overflow: hidden;

    width: 100%;

    border-radius: 4px;
}

.post--image img {
    filter: sepia(1);

    transform: scale(1.01);

    transition: transform 0.55s cubic-bezier(0.37, 0.65, 0.38, 0.94);

    transform-origin: 90% 70%;
}

.font--dark {
    font-weight: 700;
}

.tm-space {
    margin-top: 3rem;
}

.uibc--member--title p:nth-child(3) {
    padding: 0 18%;

    text-align: justify;

    margin-bottom: 3rem;
}

.inner--artcle--box:hover .post--image img {
    transform: scale(1.032);

    transition-duration: 0.73s;
}

.tm-subhead {
    font-style: italic;

    color: #2d7b54;

    text-align: center;

    padding: 0px 20%;

    font-weight: 700;

    margin-top: 3rem;

    font-size: 1.5rem;
}

.inner--artcle--box a {
    font-family: var(--headingFont1);

    color: #fff;

    font-weight: 400;

    letter-spacing: -0.02em;

    font-size: 1.4rem;

    text-decoration: none;

    transition: color 0.2s ease-out;

    cursor: pointer;

    padding: 10px 0 25px 0;

    display: block;

    min-height: 110px;
}

ul.ulList {
    list-style-type: disc;

    padding-left: 20px;

    margin-bottom: 2rem;
}

.ulList li {
    font-family: var(--headingFont2);

    color: #67797e;

    font-size: 1.125rem;

    line-height: 1.5;

    font-weight: 400;

    text-align: justify;
}

.inner--artcle--box a .title--text--line {
    background-repeat: no-repeat;

    transition: background-size 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);

    background-image: linear-gradient(#fff, #fff);

    background-image: linear-gradient(#fff, #fff);

    background-size: 0 1px;

    background-position: 0 100%;

    color: #fff;
}

.inner--artcle--box:hover .title--text--line {
    background-size: 100% 1px;
}

.arrow-holder-article {
    display: inline-flex;

    position: relative;

    top: -0.05em;
}

.arrow-holder-article-right {
    height: 0.475em;

    width: auto;

    fill: #fe5b2c;
}

.rm-home {
    color: #a5a2a2;

    font-style: normal;

    font-family: var(--headingFont2);

    font-size: 1rem;
}

.featured-section {
    padding-top: 6rem;

    padding-bottom: 4rem;
}

.featured-section .arrow-holder-article-right {
    height: 0.5em;
}

.marquee--content {
    display: inline-flex;
}

.animated--strip--marquee {
    background-color: #fe5b2c;

    transition:
        background 0.3s,
        border 0.3s,
        border-radius 0.3s,
        box-shadow 0.3s;

    margin-top: 0;

    margin-bottom: 0;

    padding: 13px 0;

    overflow: hidden;
}

.abt-title h1 {
    padding-top: 0px;

    font-weight: 400;

    letter-spacing: -0.02em;

    font-size: 3.313rem;
}

.qodef-m-content-inner {
    animation: qode-text-marquee-left var(--qode-marquee-duration, 25s) linear
        infinite;
}

@keyframes qode-text-marquee-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.qodef-m-content-inner {
    font-family: var(--headingFont1);

    font-size: 1.125rem;

    color: #fff;

    white-space: nowrap;
}

.line--text {
    display: inline-flex;

    align-items: center;

    justify-content: center;
}

.separator-circle {
    position: relative;

    color: #ffffff;

    top: 1px;

    margin-left: 20px;

    margin-right: 20px;
}

.separator-circle:before {
    content: "";

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    width: 7px;

    height: 7px;

    border-radius: 50%;

    border: 1px solid #fff;

    transform: translate3d(-50%, -50%, 0);
}

.newsletter--section {
    background-color: #f7f7f7;

    text-align: center;

    padding: 9rem 0 10rem;
}

.newsletter--title .subhead-subtitle {
    justify-content: center;
}

.newsletter--title h2 {
    font-family: var(--headingFont1);

    font-weight: 400;

    letter-spacing: -0.02em;

    font-size: 3.313rem;

    color: #1b3942;
}

.newsletter--title p {
    font-family: var(--headingFont2);

    text-align: center;

    margin-top: 20px;
}

.newsletter--field {
    max-width: 600px;

    font-family: var(--headingFont2);

    background-color: #fff;

    position: relative;

    width: 100%;

    border-width: 0;

    cursor: pointer;

    padding: 18px 25px;

    transition:
        color 0.2s ease-out,
        background-color 0.2s ease-out,
        border-color 0.2s ease-out;

    border-radius: 26px;

    float: right;
}

.input--newslatter {
    position: relative;
}

.input--newslatter button {
    position: absolute;

    font-family: "Source Sans 3";

    right: 4px;

    top: 4px;

    background-color: #ff6015;

    color: #ffffff;

    border: none;

    height: 46px;

    padding: 0 30px;

    border-radius: 50px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    line-height: 46px;

    cursor: pointer;
}

.bottom--parallax {
    position: relative;
}

.parallax-row-holder {
    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    overflow: hidden;
}

img.parallax-img {
    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -o-object-fit: cover;

    object-fit: cover;

    width: 100%;

    height: 100%;

    max-width: unset;
}

.emtpy--container {
    min-height: 130vh;
}

.split-banner-title h4 {
    font-size: 1.375rem;

    margin-bottom: 10px;

    color: #ffffff;

    text-transform: uppercase;
}

.title--grid {
    display: grid;

    grid-template-columns: 27% 1fr;

    grid-gap: 30%;
}

.engagement-event-title h2 {
    font-family: var(--headingFont1);

    padding: 1rem 0px 10px;
}

.engagement-event-title p {
    font-family: var(--headingFont2);

    font-size: 16px;

    line-height: 1.5;
}

.engagement-event-title span {
    font-family: var(--headingFont2);

    font-size: 14px;
}

.post---grid---tile h2 {
    font-family: var(--headingFont1);

    margin-bottom: 15px;
}

.post---grid---tile p {
    font-family: var(--headingFont2);

    margin-bottom: 25px;
}

.content--scope--grid {
    grid-template-columns: 40% 1fr;

    grid-gap: 15%;

    align-items: center;

    padding: 76px 0;
}

.inner-section-box {
    background: #000;

    padding: 7rem;

    text-align: center;
}

.inner-section-box a {
    font-family: var(--headingFont1);

    font-size: 30px;

    color: #fff;

    display: block;
}

.article-content-grid {
    display: grid;

    grid-template-columns: 1fr;

    grid-gap: 0px;

    padding: 40px 0 100px;

    align-items: center;
}

.article-content-grid p {
    margin-bottom: 30px;
}

.content--scope--grid.reverse {
    grid-template-columns: 1fr 40%;

    grid-gap: 15%;

    align-items: center;

    padding: 76px 0;
}

.inner-layer-content h4 {
    font-size: 1.875rem;

    font-weight: 400;
}

.pt-2-5 {
    padding-top: 2.5rem;
}

.date--line--center {
    font-family: var(--headingFont2);

    color: #67797e;

    text-transform: uppercase;

    font-size: 0.8rem;

    font-weight: 500;

    text-align: center;
}

.article-subheads {
    font-weight: 400;

    letter-spacing: -0.02em;

    font-size: 1.5rem;
}

.less-mb-x-article {
    padding-bottom: 50px;
}

.less-mb-x-article .less-mt {
    margin-top: 0;
}

.grid.gridX-2.post---grid---tile {
    margin-bottom: 80px;
}

.img--less--size {
    width: 70%;

    margin: auto;

    margin-bottom: 50px;

    display: block;
}

.inner-layer-content .date--line {
    position: relative;
}

.inner-layer-content .date--line > span {
    font-family: var(--headingFont2);

    padding-top: 8px;

    margin-left: 25px;

    color: #67797e;

    display: inline-block;

    text-transform: uppercase;

    font-size: 0.8rem;

    font-weight: 500;
}

.inner-layer-content .date--line:before {
    content: "";

    position: absolute;

    height: 1px;

    width: 20px;

    inset: 9px 0px;

    background: #67797e;
}

.inner-layer-content p {
    padding-top: 25px;

    padding-bottom: 2rem;
}

.events--details--grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 1px;
}

.split-banner-title h4 span {
}

.split-banner-title h5 {
    font-family: "Cormorant Garamond", serif;

    position: absolute;

    left: 57%;

    font-size: 40px;

    color: #ffe5d4;

    bottom: 60px;
}

section.section.section--3 {
    position: relative;
}

.coverup-section {
    background-image: url(https://demo.kallyas.net/conference/wp-content/uploads/sites/54/2017/03/img_trans.jpg);

    background-size: cover;

    height: 756px;

    position: absolute;

    top: 27%;

    width: 100%;

    z-index: -1;
}

.popup .overlay {
    position: fixed;

    top: 0px;

    left: 0px;

    width: 100vw;

    height: 100vh;

    background: rgba(0, 0, 0, 0.7);

    z-index: 1;

    display: none;
}

.teamBannerSlider {
    width: 100%;

    overflow: hidden;
}

.popup .content {
    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) scale(0);

    background: #fff;

    width: 60%;

    display: block;

    margin-left: 60%;

    z-index: 99;

    padding: 70px;

    box-sizing: border-box;

    font-family: "Open Sans", sans-serif;
}

.popup .close-btn {
    cursor: pointer;

    position: absolute;

    right: 20px;

    top: 20px;

    width: 30px;

    height: 30px;

    background: #222;

    color: #fff;

    font-size: 25px;

    font-weight: 600;

    line-height: 30px;

    text-align: center;

    border-radius: 50%;
}

.popup.active .overlay {
    display: block;
}

.popup.active .content {
    transition: all 300ms ease-in-out;

    margin-left: auto;

    margin-right: auto;

    transform: translate(-50%, -50%) scale(1);

    max-height: 500px;

    overflow-y: scroll;
}

.ccard {
    background: #101334;

    padding-bottom: 25px;

    position: relative;

    min-height: 135px;
}

a.read--more-arrow {
    position: absolute;

    top: 17px;

    right: 28px;

    left: auto;

    padding: 6px 6px 6px 6px;
}

.ccard.bg-card a.read--more-arrow span:before {
    opacity: 0;
}

.ccard.bg-card {
    padding: 20px 20px 20px 20px;

    transition: all 0.2s ease-in-out;
}

.ccard.bg-card span {
    position: relative;

    left: 20px;
}

.hoverup:hover .bg-card {
    margin-top: -10px;
}

.ccard.bg-card span:before {
    content: "";

    position: absolute;

    height: 1px;

    width: 14px;

    background: #fff;

    inset: 10px 0 0 -19px;
}

.line-hover h3 {
    margin-bottom: 15px;
}

.line-hover p {
    margin-bottom: 30px;
}

.featured-section .inner--artcle--box a .title--text--line {
    color: #1b3942 !important;

    font-size: 1.25rem !important;

    font-weight: 400 !important;

    background-image: linear-gradient(#1b3942, #1b3942) !important;

    background-image: linear-gradient(#1b3942, #1b3942) !important;

    line-height: 1.5;
}

.featured-section .inner--artcle--box a {
    padding: 10px 0 15px 0 !important;

    line-height: 0.9em !important;
}

.featured-section .arrow-holder-article {
    top: 1px;

    left: 3px;
}

.swiper--qoutes--container {
    /* width: 1024px; */

    overflow: hidden;
}

.featured-section .child--cell--inner img {
    margin-bottom: 20px;

    border-radius: 15px/15px;
}

.my-masonry-grid-item {
    margin: 0 6px 12px;

    padding: 0 10px;
}

.line-hover span {
    position: relative;

    left: 20px;

    font-family: var(--headingFont2);

    text-transform: uppercase;

    font-size: 13px;

    letter-spacing: 1px;

    color: #605e5e;

    display: block;

    margin-top: 5px;
}

.line-hover span:before {
    content: "";

    position: absolute;

    height: 1px;

    width: 14px;

    background: #605e5e;

    inset: 6px 0 0 -19px;
}

.ccard h3 {
    color: #fff;

    font-size: 1.375rem;

    padding: 20px 0 10px 0px;

    text-align: center;
}

.ccard h4 {
    font-size: 1rem;

    margin-bottom: 6px;

    color: #fff;
}

.ccard.bg-card p {
    text-align: left;

    color: #fff;

    font-size: 0.875rem;
}

.ccard p {
    color: #fff;

    text-align: center;

    font-family: var(--headingFont2);
}

.split-banner-title h5 span {
    font-style: italic;
}

.section_wrapper {
    position: relative;

    align-content: center;

    align-items: center;

    height: 100%;

    display: flex;

    flex-wrap: wrap;

    margin: 0 auto;
}

.section_video {
    position: relative;

    top: 0;

    left: 0;

    min-height: 100%;

    min-width: 100%;

    overflow: hidden;
}

.mcb-background-overlay {
    /* background-image: url(../images/estate4-text-bar-animated.svg); */

    background-repeat: no-repeat;

    background-position: center;

    background-size: auto;
}

.dropdown-menu span {
    position: relative;

    inset: 3px 0px 0px 5px;
}

.dropdown-menu .dropdown-list {
    position: absolute;

    z-index: 9999;

    display: grid;

    opacity: 0;

    transition: opacity 0.25s ease-in-out;

    -moz-transition: opacity 0.25s ease-in-out;

    -webkit-transition: opacity 0.25s ease-in-out;

    box-shadow: 0 0 13px 0px #0000001f;
}

.dropdown-menu:hover .dropdown-list {
    opacity: 1;

    cursor: pointer;
}

.dropdown-menu .dropdown-list .dropdown-nav {
}

.dropdown-menu .dropdown-list .dropdown-nav a {
    min-width: 180px;

    border-bottom: 1px solid #f1f1f1;

    transition: all 0.2s ease-in;
}

.dropdown-menu .dropdown-list .dropdown-nav a:hover {
    background: #eee;
}

.mcb-background-overlay {
    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;
}

.about-banner-fullwidth {
    background-image: url(../images/about-img-banner.jpg);

    height: 525px;

    background-size: cover;

    position: relative;

    background-position: center center;
}

.section_video video {
    border-radius: 50px/50px;

    width: 100%;
}

.child--cell--inner h3 {
    padding-top: 15px;

    color: #1b3942;

    line-height: 1.5;
}

.mt-x5 {
    margin-top: 50%;
}

.mt-x2 {
    margin-top: 25%;
}

.py-x2 {
    padding: 6rem 0;
}

.grid-gapX10 {
    grid-gap: 10rem;
}

.grid-gapX6 {
    grid-gap: 6rem;
}

.grid-gapX3 {
    grid-gap: 3rem;
}

.grid-gapX5 {
    grid-gap: 5rem;
}

.member-grid {
    grid-gap: 3rem;
}

.contact-box {
    box-shadow: 0px 0px 12px 0px #0000000d;

    border-radius: 4px;

    padding: 25px 25px;
}

.member--gallery {
    padding-bottom: 6rem;

    position: relative;
}

.member--gallery .swiper-button-prev,
.member--gallery .swiper-button-next {
    top: calc(50% - 50px);
}

.member--gallery .swiper-container {
    width: 100%;
}

.member--gallery .swiper-wrapper {
    width: 50%;
}

.member--gallery .swiper-slide {
    text-align: center;

    width: auto;
}

.member--gallery .slide-image {
    height: 400px;

    width: auto;
}

.member--gallery figure {
    margin: 0px;
}

.contact-box h4 {
    font-size: 30px;

    margin-bottom: 25px;

    color: #1b3942;
}

.contact-box p {
    font-family: var(--headingFont2);

    padding-right: 60px;

    margin: 8px 0 15px;

    font-size: 16px;

    align-items: flex-start;
}

.contact-box span {
    vertical-align: text-top;

    margin-right: 10px;
}

.contact-box a {
    display: block;

    margin-bottom: 5px;

    font-family: var(--headingFont2);
}

.grid_container {
    width: 100%;

    background-color: #1f203e;

    display: grid;

    grid-template-columns: 25% 25% 25% 25%;

    box-sizing: border-box;

    overflow: hidden;

    border-top-right-radius: 0px;

    z-index: 9;

    position: relative;
}

.item {
    padding-top: 22%;

    padding-left: 10%;

    padding-bottom: 10%;
}

.border_gridbox {
    border-right: 0.3px solid #fe5b2c3d;
}

.description_text {
    position: relative;

    padding-top: 4%;

    padding-right: 8%;
}

.description_text p {
    color: #959595;
}

.pixelhouse_copywright {
    font-family: var(--headingFont2);

    padding-right: 56px;
}

.contact_span {
    font-family: var(--headingFont2);

    color: #fff;

    letter-spacing: 0.163em;

    font-size: 0.938rem;

    font-weight: 600;

    text-transform: uppercase;

    display: inline-flex;

    vertical-align: middle;

    /* flex-wrap: wrap; */

    display: flex;

    align-items: center;

    gap: 12px;
}

.newslatter--main--grid {
    background: #1f203e;
}

.newslatterGrid h4 {
    font-weight: 400;

    color: #fff;

    font-size: 1.5rem;

    margin-bottom: 8px;
}

.newslatterGrid p {
    color: #959595;
}

.grid.newslatterGrid {
    grid-template-columns: auto 55%;

    padding-bottom: 60px;

    border-bottom: 1px solid #fe5b2c3d;

    padding-top: 60px;

    align-items: center;

    justify-content: space-around;
}

.contact_span:before {
    content: "";

    width: 9px;

    height: 9px;

    border: 1px solid #fe5b2c;

    border-radius: 50%;

    box-sizing: border-box;

    margin-bottom: 1px;
}

.list_item {
    margin-top: 30px;
}

.list_item ul li {
    padding-bottom: 3%;
}

.list_item ul li a {
    color: #959595;

    cursor: pointer;

    font-family: var(--headingFont2);

    font-size: 1.125rem;

    font-weight: 400;
}

.list_item ul li a:hover {
    color: #fe6015;
}

.pixelhouse_copywright span,
.pixelhouse_copywright a {
    font-family: var(--headingFont2);

    color: #959595;

    line-height: 1.5;
}

.icon_bottum svg {
    fill: #959595;

    transition: all 0.2s ease-in;
}

.icon_bottum svg:hover,
.info-widget li a svg:hover {
    fill: #fe5b2c;
}

.icon_bottum .widget {
    display: inline-flex;

    flex-direction: row;

    gap: 25px;
}

.icon_bottum {
    margin-top: 30px;
}

.copywright_section {
    background-color: #1f203e;

    width: 100%;

    display: grid;

    grid-template-columns: 25% 25% 25% 25%;
}

.item_bottum {
    padding-top: 10%;

    padding-left: 10%;

    padding-bottom: 10%;
}

.image-grid {
    width: 100%;

    max-width: 1310px;

    margin: 0 auto;

    overflow: hidden;

    padding: 10px 5px 0;
}

.image__cell {
    float: left;

    position: relative;
}

.image--basic {
    padding: 0 5px;
}

.basic__img {
    display: block;

    max-width: 100%;

    height: auto;

    margin: 0 auto;
}

/* .img { */

/* position: absolute; */

/* object-fit: cover; */

/* top: 0; */

/* width: 100%; */

/* height: 120%; */

/* top: -10%; */

/* } */

.image__cell.is-collapsed .image--basic {
    cursor: pointer;
}

.image__cell.is-expanded .image--expand {
    max-height: 500px;

    margin-bottom: 10px;
}

.split--grid {
    display: grid;

    grid-template-columns: 40% 60%;
}

.child--cell--inner img {
    width: 100%;
}

.image--expand {
    position: relative;

    left: -5px;

    padding: 0 5px;

    box-sizing: content-box;

    overflow: hidden;

    background: #222;

    max-height: 0;

    transition:
        max-height 0.3s ease-in-out,
        margin-bottom 0.1s 0.2s;
}

.image__cell.is-collapsed .arrow--up {
    height: 10px;

    width: 100%;
}

.image__cell.is-expanded .arrow--up {
    border-bottom: 8px solid #222;

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    height: 0;

    width: 0;

    margin: 2px auto 0;
}

.expand__close {
    position: absolute;

    top: 10px;

    right: 20px;

    color: #454545;

    font-size: 50px;

    line-height: 50px;

    text-decoration: none;
}

.expand__close:before {
    content: "×";
}

.expand__close:hover {
    color: #fff;
}

.image--large {
    max-width: 100%;

    height: auto;

    display: block;

    padding: 40px;

    margin: 0 auto;

    box-sizing: border-box;
}

@media only screen and (max-width: 530px) {
    .image__cell {
        width: 50%;
    }

    .image__cell:nth-of-type(2n + 2) .image--expand {
        margin-left: -100%;
    }

    .image__cell:nth-of-type(2n + 3) {
        clear: left;
    }

    .image--expand {
        width: 200%;
    }
}

@media only screen and (min-width: 531px) {
    .image__cell {
        width: 20%;
    }

    .image__cell:nth-of-type(5n + 2) .image--expand {
        margin-left: -100%;
    }

    .image__cell:nth-of-type(5n + 3) .image--expand {
        margin-left: -200%;
    }

    .image__cell:nth-of-type(5n + 4) .image--expand {
        margin-left: -300%;
    }

    .image__cell:nth-of-type(5n + 5) .image--expand {
        margin-left: -400%;
    }

    .image__cell:nth-of-type(5n + 6) {
        clear: left;
    }

    .image--expand {
        width: 500%;
    }
}

.justify-content-center {
    justify-content: center;
}

.justify-content-space-around {
    justify-content: space-around;
}

.justify-content-space-between {
    justify-content: space-between;
}

.align-items-center {
    align-items: center;
}

.align-items-start {
    align-items: start;
}

.align-items-baseline {
    align-items: baseline;
}

.align-items-end {
    align-items: end;
}

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

.text-left {
    text-align: center;
}

.text-right {
    text-align: center;
}

.header {
    background-color: #fff;

    overflow: hidden;

    z-index: 3;

    border-bottom: 1px solid rgb(240, 240, 240);
}

.blok:nth-of-type(odd) {
    background-color: white;
}

.blok:nth-of-type(even) {
    background-color: black;
}

@-webkit-keyframes border-transform {
    0%,
    100% {
        border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
    }

    14% {
        border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
    }

    28% {
        border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
    }

    42% {
        border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
    }

    56% {
        border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
    }

    70% {
        border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
    }

    84% {
        border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
    }
}

/* #Progress

================================================== */

.progress-wrap {
    position: fixed;

    right: 30px;

    bottom: 27px;

    height: 46px;

    width: 46px;

    cursor: pointer;

    display: block;

    border-radius: 50px;

    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);

    z-index: 10000;

    opacity: 0;

    visibility: hidden;

    transform: translateY(15px);

    -webkit-transition: all 200ms linear;

    transition: all 200ms linear;
}

.progress-wrap.active-progress {
    opacity: 1;

    visibility: visible;

    transform: translateY(0);
}

.progress-wrap::after {
    position: absolute;

    font-family: "unicons";

    content: "\e84b";

    text-align: center;

    line-height: 46px;

    font-size: 24px;

    color: rgb(0 0 0);

    left: 0;

    top: 0;

    height: 46px;

    width: 46px;

    cursor: pointer;

    display: block;

    z-index: 1;

    -webkit-transition: all 200ms linear;

    transition: all 200ms linear;
}

.progress-wrap:hover::after {
    opacity: 0;
}

.progress-wrap::before {
    position: absolute;

    font-family: "unicons";

    content: "\e84b";

    text-align: center;

    line-height: 46px;

    font-size: 24px;

    opacity: 0;

    background: black; /* --- Pijl hover kleur --- */

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    left: 0;

    top: 0;

    height: 46px;

    width: 46px;

    cursor: pointer;

    display: block;

    z-index: 2;

    -webkit-transition: all 200ms linear;

    transition: all 200ms linear;
}

.progress-wrap:hover::before {
    opacity: 1;
}

.progress-wrap svg path {
    fill: none;
}

.progress-wrap svg.progress-circle path {
    stroke: rgb(254 91 44);

    fill: #eee;

    stroke-width: 4;

    box-sizing: border-box;

    -webkit-transition: all 200ms linear;

    transition: all 200ms linear;
}

._toptitle {
    position: fixed;

    right: -26px;

    bottom: -126px;

    z-index: 99;

    transform: rotate(-90deg);

    font-family: "Source Sans 3";

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 1px;

    border: 1px solid #e3e3e3;

    padding: 18px 20px 18px 60px;

    border-radius: 50px;

    transition: bottom 0.2s ease-in-out;
}

.ml-textSPs {
    margin-left: 35px;
}

.engagement--media--image h2 {
    font-size: 1.25rem;

    color: #000;

    padding: 10px 0;
}

._toptitle-active {
    bottom: 78px;
}

.header .logo {
    display: block;

    float: left;

    padding: 0.625rem 0rem;

    text-decoration: none;
}

.header ul {
    margin: 0;

    padding: 0;

    list-style: none;

    overflow: hidden;

    background-color: #fff;
}

.header li a {
    font-family: var(--headingFont2);

    font-size: 0.95rem;

    line-height: 1.5em;

    font-weight: 500;

    letter-spacing: 1px;

    display: block;

    text-decoration: none;

    text-transform: uppercase;
}

.header .menu {
    clear: both;

    max-height: 0;

    transition: max-height 0.2s ease-out;
}

.header .menu-icon {
    cursor: pointer;

    display: inline-block;

    float: right;

    padding: 1.75rem 1.25rem;

    position: relative;

    user-select: none;
}

.header .menu-icon .navicon {
    background: #333;

    display: block;

    height: 0.125rem;

    position: relative;

    transition: background 0.2s ease-out;

    width: 1.125rem;
}

.home--engagement--section .swiper-button-prev,
.home--engagement--section .swiper-button-next {
    width: calc(50px / 27 * 25) !important;
}

.our--partner {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjZmZmIj48L3JlY3Q+CjxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9IiNjY2MiPjwvcmVjdD4KPC9zdmc+);

    position: relative;

    overflow: hidden;

    padding-top: 5%;

    min-height: 260px;
}

img.client__image {
    border-radius: 4px;

    box-shadow: 0 0 16px 5px #64646426;
}

.our--partner .swiper-button-prev,
.our--partner .swiper-button-next {
    background: #fff0;
}

.our--partner .swiper-button-prev,
.our--partner .swiper-rtl .swiper-button-next {
    left: 47%;
}

.our--partner .swiper-button-next,
.our--partner .swiper-rtl .swiper-button-prev {
    right: 48%;
}

.our--partner .swiper-button-prev,
.our--partner .swiper-button-next {
    top: calc(50% + 95px);
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
    background: #333;

    content: "";

    display: block;

    height: 100%;

    position: absolute;

    transition: all 0.2s ease-out;

    width: 100%;
}

.header .menu-icon .navicon:before {
    top: 0.3125rem;
}

.header .menu-icon .navicon:after {
    top: -0.3125rem;
}

.header .menu-btn {
    display: none;
}

.header .menu-btn:checked ~ .menu {
    max-height: 15rem;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;

    right: auto;
}

.swiper-button-prev,
.swiper-button-next {
    background: #fff;

    transition: all 0.2s ease-in;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background: #fd5b2c;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 1rem;

    color: var(--fontColor1);
}

.swiper-button-prev:hover:after,
.swiper-button-next:hover:after {
    color: #fff;

    transition: all 0.2s ease-in;
}

.swiper-pagination-bullet {
    background: #fff;

    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #000;
}

.split--grid img {
    border-bottom-left-radius: 100px;

    position: relative;

    z-index: 9;

    width: 80%;

    float: right;
}

.rel-position {
    position: relative;

    z-index: 999;
}

.pt--0 {
    padding-top: 0 !important;
}

.pb--50 {
    padding-bottom: 50px !important;
}

.timeline--head--content p {
    padding: 0 16% 0;

    text-align: justify;

    margin-bottom: 60px;
}

.decor-border {
    position: absolute;

    top: 16%;

    left: 13%;

    z-index: 1;

    background-color: rgba(0, 0, 0, 0);

    color: rgb(255, 255, 255);

    width: 734px;

    height: 500px;

    min-height: 0px;

    min-width: 0px;

    max-height: none;

    max-width: none;

    overflow: hidden;

    border-color: rgb(172, 102, 32);

    border-style: dashed;

    border-width: 1px;

    border-radius: 62px;

    transform-origin: 50% 50%;

    opacity: 1;

    transform: translate(0px, 0px);

    visibility: visible;
}

.split-banner-title {
    position: absolute;

    z-index: 9999;

    top: calc(50% - 90px);

    bottom: 0;

    left: 0;

    right: 0;

    text-align: center;

    width: 768px;

    max-width: 100%;

    margin: auto;

    overflow: hidden;
}

.uibc--timeline--section {
    padding-bottom: 5rem;

    padding-top: 6rem;
}

.split-banner-title h1 {
    font-size: 3.75rem;

    font-weight: 400;

    color: #ffffff;
}

.split-banner-title h1 span {
    position: relative;

    left: 0%;
}

.about--counter .counter--inner {
    border-style: dashed;

    border-color: #919191;

    border-width: 0;

    border-radius: 50%;

    padding-top: 0px;

    height: 13.625rem;

    width: 13.625rem;

    padding-bottom: 0;

    align-items: center;

    justify-content: center;

    display: flex;

    flex-direction: column;

    outline: 12px solid #f5f5f59c;

    outline-offset: 2px;
}

.bottom--collage {
    background-image: url(../images/estate4-section-bg1.png);

    width: 100%;

    height: 620px;

    background-size: cover;

    background-position: top center;

    display: block;

    display: flex;

    align-items: flex-start;

    text-align: -webkit-right;

    margin-top: 8rem;
}

.virtual-bg {
    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    -webkit-transform: skewY(-2.5deg);

    transform: skewY(-2.5deg);

    overflow: hidden;

    width: 100%;

    height: 100%;

    transform-origin: left;
}

.virtual-bg .wrapper_cons {
    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    margin: auto;

    position: absolute;

    height: 100%;

    width: 100%;
}

.virtual-bg .wrapper_cons:before,
.virtual-bg .wrapper_cons:after {
    content: "";

    position: absolute;

    width: 100%;

    background-position: 0 0;

    background-size: contain;
}

.virtual-bg .wrapper_cons:before {
    -webkit-transform: rotate(60deg) scale(1.4);

    transform: rotate(60deg) scale(1.4);

    transform-origin: left bottom;

    height: 42vw;

    left: -40%;

    bottom: 15%;
}

.country-recent-investment .virtual-bg .wrapper_cons:after {
    left: 40%;

    top: -10%;

    -webkit-transform: rotate(48deg) scale(1.4);

    transform: rotate(48deg) scale(1.4);

    transform-origin: bottom center;

    height: 53vw;

    background-position: right top;
}

.country-recent-investment .virtual-bg .wrapper_cons:before,
.country-recent-investment .virtual-bg .wrapper_cons:after {
    opacity: 0.8;

    background: url(../images/shape-1.svg) no-repeat 0 0 / contain;
}

section.country-recent-investment {
    position: relative;

    padding: 60px 0 200px 0px;
}

.bottom--collage.section_5 .img-section .upper_text {
    width: 45%;

    background-color: #ffffff;

    margin-right: 16%;

    margin-top: 4%;

    border-radius: 50px;

    outline: 12px solid white;

    outline-offset: 2px;
}

.bottom--collage .text_img {
    padding: 50px 60px 50px 60px;
}

.bottom--collage .upper_text a {
    width: fit-content;

    margin: auto;

    display: block;

    margin-top: 30px;
}

.bottom--collage .text_img h3 {
    font-weight: 400;

    letter-spacing: -0.02em;

    font-size: 2.5rem;

    text-align: center;
}

.align--end {
    display: flex;

    flex-direction: column;

    justify-content: end;
}

.rm--container {
    margin-top: auto;
}

.svg-animated {
    width: 160px;

    display: block;

    position: relative;

    margin: auto;
}

footer.footer {
    background-color: var(--themeBg1);
}

.ulList li a {
}

.follow-us .ulList {
    display: flex;

    gap: 1rem;
}

.follow-us .ulList li a svg {
    fill: #fff;

    transition: all 0.2s ease-in;
}

.follow-us .ulList li a svg:hover {
    fill: #ddd;
}

.engagement--slider a p {
    transition: all 0.2s ease-in;

    margin-top: 0;
}

.engagement--slider a p:hover {
    color: #000;
}

@media (min-width: 1440px) {
    html {
        font-size: 17px;

        overflow-x: hidden;
    }

    .engagement--slider {
        width: 1700px;
    }

    .engagement--slider .engagement--media--image {
        width: 819px;
    }

    .business--slider .swiper-button-prev,
    .business--slider .swiper-button-next {
        top: calc(50% - 150px);
    }

    .input--newslatter button {
        top: 5px;
    }

    .popup.active .content {
        max-height: 700px;
    }
}

@media (min-width: 1920px) {
    html {
        font-size: 22px;

        overflow-x: hidden;
    }

    .main-container-box {
        width: 1440px;

        margin: auto;

        padding: 0 4%;
    }

    .gridX-4-custom {
        grid-template-columns: auto auto auto 35%;
    }

    .child--cell--grid .cta--btn {
        max-width: 310px;
    }

    .large--s--gap {
        grid-gap: 6rem;
    }

    .cta--btn {
        padding: 30px 60px 30px;
    }

    .split-banner-title h1 {
        font-size: 3.3rem;

        line-height: 1.2;
    }

    .swiper-container-wrapper--timeline
        .swiper-pagination-custom
        .swiper-pagination-switch
        .switch-title:after {
        top: calc(100% + 30px);
    }

    .inner--layer {
        padding-bottom: 20%;
    }

    .section_5 .img-section .upper_text {
        margin-top: 0% !important;
    }

    .inner-layer-content span {
        font-size: 20px;
    }

    .cta--btn--arrow-top-right {
        height: 18px;

        width: 20px;
    }

    .media--highlight--title--grid2 .uibc-outline-log {
        background-size: 285px auto;

        top: -45%;
    }

    .home--engagement--section {
        padding: 8% 0 8% 0;
    }

    .business--slider {
        max-width: 899px;

        padding-bottom: 0;
    }

    .business--speaking .main-container-box {
        padding: 0 0;
    }

    .business--slider .swiper-button-prev,
    .business--slider .swiper-button-next {
        top: calc(50% - 177px);
    }

    .overlay--content {
        margin-top: 50px;
    }

    .grid.parallax-overlay {
        height: 752px;
    }

    .overlay--content h5 {
        padding: 0 0%;
    }

    .newsletter--field {
        max-width: 850px;

        padding: 20px 25px;
    }

    .about-banner-fullwidth {
        height: 765px;
    }

    .split-banner-title {
        width: 905px;
    }

    .split-banner-title {
        top: calc(50% - 120px);
    }

    .title-info-cell {
        margin-left: 0;
    }

    .bottom--collage.section_5 .img-section .upper_text {
        margin-right: 17%;
    }

    .engagement--slider .engagement--media--image {
        width: 992px;
    }

    .engagement--slider {
        width: 2050px;
    }

    .home--engagement--section .swiper-button-prev,
    .home--engagement--section .swiper-button-next {
        top: 87%;
    }

    .our--partner {
        padding-top: 3%;
    }

    .input--newslatter button {
        top: 6px;

        height: 55px;
    }

    .media--engmnt--grid {
        grid-template-columns: 35% 1fr;
    }

    .counter-section {
        padding: 3rem 4% 10rem;
    }

    .collage-grid + .new-para {
        margin-left: 0 !important;
    }

    .collage-grid + .new-para + .cta--btn {
        margin-left: 0 !important;
    }

    .svg-animated {
        top: 10%;
    }

    .popup.active .content {
        max-height: 800px;
    }

    .main-container-custom6 {
        width: 1440px;

        margin: auto;

        padding: 0;
    }
}

@media (min-width: 2440px) {
    .main-container,
    .main-container-box {
        width: 1680px !important;
    }

    .home--qoutes .swiper-button-prev,
    .home--qoutes .swiper-rtl .swiper-button-next {
        left: 25%;
    }

    .home--qoutes .swiper-button-next,
    .home--qoutes .swiper-rtl .swiper-button-prev {
        right: 25%;
    }

    .business--slider {
        max-width: 1056px;
    }

    .business--slider .swiper-button-prev,
    .business--slider .swiper-button-next {
        top: calc(50% - 145px);
    }

    .main-container-custom3 {
        width: 1680px;

        margin: auto;

        padding: 0;
    }

    .video--cta--btn a {
        bottom: 45px;
    }

    .bottom--collage {
        height: 800px;
    }

    .section_5 .img-section .upper_text {
        margin-top: 4% !important;
    }

    .bottom--collage.section_5 .img-section .upper_text {
        margin-right: 16%;
    }

    .engagement--slider {
        width: 2700px;
    }

    .engagement--slider .engagement--media--image {
        width: 1300px;
    }

    .media--engmnt--grid {
        grid-template-columns: 35% 1fr;
    }

    .popup.active .content {
        max-height: inherit;
    }

    .main-container-custom6 {
        width: 1680px !important;

        margin: auto !important;

        padding: 0;
    }

    .about-banner-fullwidth {
        height: 1040px;
    }

    .title-info-cell,
    .new-para {
        margin-left: 0%;
    }

    .new-para + a.cta--btn {
        margin-left: 0% !important;
    }
}

@media (min-width: 1440px) {
    .main-container {
        width: 1440px;

        margin: auto;

        padding: 0 4%;
    }

    .bottom--collage.section_5 .img-section .upper_text {
        margin-top: 1%;
    }
}

@media (max-width: 1366px) {
    .main-container {
        width: var(--main-container);

        margin: var(--paddingContainer);
    }
}

@media (min-width: 1024px) {
    .header li {
        float: left;
    }

    .header li a {
        padding: 1.2rem 1.4rem;
    }

    .header .menu {
        clear: none;

        float: right;

        margin-left: 6rem;

        max-height: none;

        padding: 0.625rem 0rem;
    }

    .header .menu-icon {
        display: none;
    }
}

@media (max-width: 1024px) {
    .header li a {
        padding: 1.2rem 1rem;
    }

    .pre-header {
        display: none;
    }

    ul.menu li {
        background: #eee;
    }

    .dropdown-menu .dropdown-list {
        position: static;

        opacity: 1;

        box-shadow: none;
    }

    .header .menu-btn:checked ~ .menu {
        max-height: 38rem;
    }

    .header .menu-icon {
        top: 13px;
    }

    .gridX-1,
    .gridX-2,
    .gridX-3,
    .gridX-4,
    .gridX-custom {
        grid-template-columns: 1fr 1fr;

        grid-gap: 30px;
    }

    .main-container-box {
        width: 100%;

        padding: 0 4%;
    }

    .home--about--content {
        padding-left: 0px;

        padding-top: 0px;
    }

    section.home--about--section {
        padding: 4rem 0px 3rem;
    }

    .home--counter .g--col {
        border-left: none;
    }

    .home--counter.counter-section {
        padding: 5rem 0 5rem;
    }

    .home--business--grid > .g--cell:first-child {
        display: none;
    }

    .business--slider {
        max-width: 760px;
    }

    .business--slider .swiper-button-prev,
    .business--slider .swiper-button-next {
        top: calc(50% - 155px);
    }

    .grid.home--business {
        padding-bottom: 2rem;
    }

    .hero--title h1,
    .home--about h2 {
        font-size: 3rem;
    }

    .hero-banner {
        top: calc(50% - 0px);
    }

    img.client__image {
        border-radius: 0;

        box-shadow: none;

        width: 100%;
    }

    .our--partner .swiper-button-prev,
    .our--partner .swiper-rtl .swiper-button-next {
        left: 45%;
    }

    .our--partner .swiper-button-next,
    .our--partner .swiper-rtl .swiper-button-prev {
        right: 45%;
    }

    .our--partner .swiper-button-prev,
    .our--partner .swiper-button-next {
        top: calc(50% + 70px);
    }

    .our--partner .swiper-button-prev,
    .our--partner .swiper-button-next {
        top: calc(50% + 70px);
    }

    .home--qoutes .swiper-button-next,
    .home--qoutes .swiper-rtl .swiper-button-prev {
        right: 8%;
    }

    .home--qoutes .swiper-button-prev,
    .home--qoutes .swiper-rtl .swiper-button-next {
        left: 8%;
    }

    .newslatter--main--grid {
        padding: 0 4%;
    }

    .grid.newslatterGrid {
        grid-template-columns: auto 50%;

        grid-gap: 5%;
    }

    .grid.home--business--grid {
        grid-template-columns: 100%;
    }

    .counter-ex-grid {
        grid-template-columns: repeat(2, 13.625rem);

        grid-gap: 70px;

        justify-content: center;
    }

    .bottom--collage.section_5 .img-section .upper_text {
        width: 80%;

        margin-right: 10%;

        margin-top: 8%;
    }

    .uibc--member--title p:nth-child(3) {
        padding: 0 4%;
    }

    .chairman-section > .g--cell:last-child .inner-box {
        left: 50%;
    }

    .flexbox--item {
        flex: 0 0 calc(50% - 30px);
    }

    .flexbox--item:nth-child(3),
    .flexbox--item:nth-child(4),
    .flexbox--item:nth-child(5) {
        flex: 0 0 calc(50% - 30px);

        margin-top: 30px;
    }

    .popup.active .content {
        max-height: 750px;
    }

    .popup .content {
        width: 75%;
    }

    .founding--member--grid {
        grid-template-columns: 1fr 1fr;
    }

    .founding--members-spacing .xspace,
    .founding--member--grid {
        padding: 0 4%;
    }

    .founding--member--grid .alter-space {
        padding-top: 0;
    }

    .founding--member--grid .m--top,
    .founding--member--grid3.m--top {
        margin-top: 1.6rem;
    }

    .board--members .main-container-custom,
    .founding--member--grid3 {
        padding: 0 4%;
    }

    .founding--member--grid3 .alter-space {
        padding-top: 0;
    }

    .coverup-section {
        height: 70%;

        top: 15%;
    }

    .content--scope--grid.reverse,
    .content--scope--grid {
        grid-template-columns: 100%;

        grid-gap: 5%;
    }

    .content--scope--grid.reverse > .g--cell:first-child {
        order: 1;
    }

    .img--less--size {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .business--slider {
        max-width: 707px;
    }
}

@media (max-width: 480px) {
    .gridX-1,
    .gridX-2,
    .gridX-3,
    .gridX-4,
    .gridX-custom {
        grid-template-columns: 100%;
    }

    .pre-header,
    svg.qodef-svg--sidearea-opener {
        display: none;
    }

    .header .menu-icon .navicon {
        height: 3px;

        width: 35px;
    }

    .header .menu-icon .navicon:before {
        top: 0.55rem;
    }

    .header .menu-icon .navicon:after {
        top: -0.555rem;
    }

    .hero--title h1,
    .home--about h2 {
        font-size: 30px;

        text-align: center;
    }

    .rotate-animation {
        position: absolute;

        top: -60px;

        left: 0;

        right: 0;

        text-align: center;

        margin: auto;
    }

    .subhead-subtitle {
        font-size: 0.875rem;
    }

    .uibc--icon {
        display: none;
    }

    ul.menu li {
        background: #eee;
    }

    section.home--about--section {
        padding: 4rem 20px 3rem;
    }

    .home--about h2 {
        font-size: 30px;

        text-align: left;
    }

    .media--highlight--title--grid h2,
    .media--highlight--title--grid2 h2,
    .home--business h2,
    .newsletter--title h2 {
        font-size: 30px;
    }

    .newsletter--section {
        padding: 5rem 0 5rem;
    }

    .newsletter--field {
        margin: 40px 0 20px;
    }

    .main-container {
        margin: 0 4%;
    }

    .grid.collage-grid img {
        margin-top: 40px !important;
    }

    .new-para {
        margin-left: 0 !important;
    }

    .new-para + .cta--btn {
        margin-top: 8% !important;

        margin-left: 0 !important;
    }

    .video--cta--btn a {
        text-shadow: none !important;

        padding: 0 4% !important;
    }

    .bottom--collage.section_5 .img-section .upper_text {
        outline: 0;
    }

    .engagement--container {
        margin-left: 0;
    }

    .media--highlight--title--grid {
        margin-bottom: 3rem;
    }

    .grid.home--business--grid .border-radius {
        margin-top: 2.5rem;
    }

    .grid.home--business--grid {
        grid-gap: 20px;
    }

    .home--counter .counter--inner p {
        font-size: 3rem;
    }

    .home--about--content {
        padding-left: 0px;

        padding-top: 25px;
    }

    .engagement--grid {
        grid-template-columns: 100%;
    }

    .main-container-box {
        width: 100%;
    }

    .home--counter .g--col {
        border-left: 0;
    }

    .engagement--slider .engagement--media--image {
        height: auto;

        width: 100%;
    }

    .engagement--slider {
        max-width: none;

        width: 100%;
    }

    .child--cell--grid .cta--btn {
        max-width: none;

        margin-top: 50px;
    }

    .overlay--content h5 {
        font-size: 15px;

        line-height: 1.6em;

        padding: 0 5%;
    }

    span.qoutes--title {
        padding: 0 50px;
    }

    .grid.home--business--grid {
        grid-template-columns: 100%;
    }

    .grid.home--business--grid .border-radius {
        border-top-right-radius: 0;

        border-bottom-left-radius: 0;
    }

    .uibc-outline-log {
        display: none;
    }

    .business--slider {
        max-width: none;
    }

    .about-banner-fullwidth {
        background-position: center center;
    }

    section.section.section--2.partial-space {
        padding-top: 3rem;

        margin-bottom: 3rem;
    }

    .main-container-custom3 {
        padding: 0 4%;
    }

    .business--speaking {
        padding: 5rem 0 0rem;
    }

    section.featued--media--section {
        padding: 5rem 0;
    }

    .media--highlight--title--grid {
        grid-template-columns: 100%;

        padding: 0 4%;
    }

    .solid-aprnc .cta--btn {
        margin-top: 30px;
    }

    .media--highlight--title--grid h2 {
        font-size: 35px;
    }

    .articel--grid {
        grid-template-columns: 100%;

        grid-gap: 80px;
    }

    .parallax-row-holder {
        display: none;
    }

    .emtpy--container {
        min-height: auto;
    }

    .grid_container {
        margin-top: 0;

        border-top-right-radius: 0;

        grid-template-columns: 100%;

        padding-top: 2rem;
    }

    .grid_container .item {
        padding: 20px 4%;
    }

    .copywright_section .item {
        padding-top: 1rem;
    }

    .header .menu-icon {
        padding: 1.75rem 0rem;
    }

    .logo img {
        width: 130px;
    }

    #scrollToTop {
        bottom: 1rem;

        right: 1rem;
    }

    .border_gridbox {
        border-right: 0;
    }

    .list_item,
    .icon_bottum {
        margin-top: 10%;
    }

    .copywright_section {
        grid-template-columns: 100%;
    }

    .item_bottum {
        padding-top: 0;
    }

    .border_gridbox.item_bottum:nth-child(2),
    .border_gridbox.item_bottum:nth-child(3) {
        display: none;
    }

    .copywright_section .pixelhouse_copywright br {
        display: none;
    }

    .item {
        padding-bottom: 5%;
    }

    .dropdown-menu .dropdown-list {
        position: static;

        opacity: 1;

        box-shadow: none;
    }

    .header .menu-btn:checked ~ .menu {
        max-height: 625px;
    }

    .media--engmnt--grid {
        grid-template-columns: 1fr;
    }

    .grid.home--business {
        grid-template-columns: 100%;

        padding: 0 20px;
    }

    .business--slider .swiper-button-prev,
    .business--slider .swiper-button-next {
        top: 97%;
    }

    .business--slider .swiper-button-prev,
    .business--slider .swiper-rtl .swiper-button-next {
        left: 35%;
    }

    .business--slider .swiper-button-next,
    .business--slider .swiper-rtl .swiper-button-prev {
        right: 35%;
    }

    .articel--grid--slider .swiper-button-prev,
    .articel--grid--slider .swiper-button-next {
        top: calc(50% + 50px);
    }

    .business--slider {
        max-width: none;

        padding: 0 20px;

        padding-bottom: 5rem;
    }

    .split-banner-title h1 {
        font-size: 40px;
    }

    img.client__image {
        border-radius: 0;

        box-shadow: none;
    }

    .our--partner {
        padding-top: 15%;

        min-height: 245px;
    }

    .our--partner .swiper-button-prev,
    .our--partner .swiper-rtl .swiper-button-next {
        left: 40%;
    }

    .our--partner .swiper-button-next,
    .our--partner .swiper-rtl .swiper-button-prev {
        right: 40%;
    }

    .svg-animated {
        display: none !important;
    }

    .about-banner-fullwidth {
        height: 430px;

        background-size: cover;
    }

    .split-banner-title {
        top: 25%;

        width: 100%;
    }

    .main-title h1 {
        font-size: 30px;
    }

    .counter-section.about--counter {
        padding: 3rem 0 3rem;
    }

    .bottom--collage {
        margin-top: 0;

        height: auto;
    }

    .abt-title h1 {
        padding: 0 0rem;
    }

    .counter--inner {
        border-color: transparent;
    }

    .grid.collage-grid {
        grid-template-columns: 100%;
    }

    .title-info-cell {
        margin-left: 0;
    }

    .title-info-cell h4 {
        font-size: 2rem;
    }

    .grid.collage-grid img {
        width: 100%;

        float: none;

        margin-top: 66px;
    }

    .swiper-container-wrapper--timeline .swiper-slide {
        padding: 20px 0px;
    }

    .section_video video {
        border-radius: 0;

        width: 100%;
    }

    .mcb-section {
        margin-right: 0%;

        margin-left: 0%;
    }

    .section_5 .img-section .upper_text {
        width: 100%;

        background-color: #f5ede7;

        float: none;

        padding-bottom: 0;

        padding-top: 0;

        margin-right: 0%;

        margin-top: 0;

        height: auto;

        border-radius: 0;

        width: 45%;
    }

    .grid_container {
        margin-top: 0 !important;
    }

    .main--about .pb--80 {
        padding-top: 0px !important;
    }

    .text_img h3 {
        font-size: 30px !important;
    }

    .section_5 .img-section .upper_text {
        width: 100% !important;

        float: none !important;

        margin-right: 0 !important;

        margin-top: 0 !important;

        height: auto !important;

        border-radius: 0 !important;
    }

    .text_img {
        margin-left: 0 !important;

        margin-right: 0 !important;

        margin-top: 10% !important;
    }

    .bottom--collage .text_img {
        padding: 70px 60px 70px 60px;

        margin-top: 0 !important;
    }

    .section_5 .img-section {
        height: auto !important;
    }

    .video--cta--btn a {
        bottom: 34px;

        text-shadow: 0px 2px 0px black;
    }

    .timeline--head--content p {
        padding: 0 0% 0;
    }

    .split-banner-title {
        z-index: 0;
    }

    #back-to-top {
        right: 25px;

        bottom: 25px;
    }

    .home--counter .counter-desc {
        margin-top: 0px;

        line-height: 1.5;
    }

    .home--counter.counter-section {
        padding: 3rem 0 0rem;
    }

    .country-recent-investment {
        padding: 5rem 4%;
    }

    .counter-ex-grid {
        grid-template-columns: repeat(1, 13.625rem);

        grid-gap: 3rem;
    }

    .home--qoutes .swiper-button-prev,
    .home--qoutes .swiper-button-next {
        bottom: 0px;

        top: 95%;
    }

    .home--engagement--section .swiper-button-prev,
    .home--engagement--section .swiper-button-next {
        top: 90%;
    }

    .home--engagement--section .swiper-button-prev,
    .home--engagement--section .swiper-rtl .swiper-button-next {
        left: 35%;
    }

    .grid.newslatterGrid {
        grid-template-columns: 100%;

        padding: 60px 4% 0 4%;
    }

    .input--newslatter button {
        position: static;

        right: 0;

        top: 0;

        height: 54px;

        padding: 0 30px;

        border-radius: 50px;

        line-height: 46px;

        width: 55%;

        margin: auto;

        display: block;

        margin-bottom: 4rem;
    }

    .hero-main-title h1 {
        font-size: 2rem;
    }

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

    .tm-subhead {
        padding: 0 4%;
    }

    .uibc--member--title p:nth-child(3) {
        padding: 0 4%;
    }

    .coverup-section {
        height: 85%;

        top: 10%;
    }

    .member-grid-X2 {
        padding: 0 0%;

        margin-top: 15%;
    }

    .main-container-custom,
    .founding--member--grid {
        padding: 0 4%;
    }

    .alter-space {
        padding-top: 0rem;
    }

    .founding--members-spacing p {
        padding: 0px 4%;
    }

    .founding--member--grid {
        grid-template-columns: 100%;

        margin-top: 1.6rem;
    }

    .founding--member--grid3 {
        grid-template-columns: 100%;

        padding: 0 4%;

        margin-top: 6%;
    }

    .popup .content {
        width: 80%;

        padding: 30px;
    }

    .content--scope--grid.reverse > .g--cell:first-child {
        order: 1;
    }

    .content--scope--grid.reverse,
    .content--scope--grid {
        grid-template-columns: 100%;

        grid-gap: 5%;
    }

    .content--scope--grid,
    .content--scope--grid.reverse {
        padding: 50px 0;
    }

    .border--bottom {
        border-top: 0;
    }

    .article-content-grid {
        margin: 0 4%;

        padding: 40px 0 40px;
    }

    .grid.gridX-2.post---grid---tile {
        margin-bottom: 40px;

        padding: 0 4%;
    }

    .main-container-custom6 {
        padding: 0 0%;
    }

    .header .menu-icon {
        top: 2px;
    }

    .our--partner .swiper-button-prev,
    .our--partner .swiper-button-next {
        top: calc(50% + 130px);
    }

    .chairman-section > .g--cell:last-child .inner-box {
        left: 0;
    }

    .flexbox--item,
    .flexbox--item:nth-child(3),
    .flexbox--item:nth-child(4),
    .flexbox--item:nth-child(5) {
        flex: 0 0 calc(100% - 25px);

        margin-top: 1.6rem;
    }

    .popup.active .content {
        max-height: 650px;
    }

    .hero-banner {
        top: calc(50% - 10px);

        left: calc(50% - 180px);
    }

    .swiper-container-wrapper--timeline .swiper-pagination-custom {
        position: absolute !important;

        width: 100% !important;

        display: block !important;

        top: 0 !important;

        left: -100% !important;

        height: 508px;
    }

    .swiper-container-wrapper--timeline
        .swiper-pagination-custom
        .swiper-pagination-switch {
        width: 100% !important;

        height: 40px !important;

        display: block !important;
    }

    .swiper-container-wrapper--timeline
        .swiper-pagination-custom
        .swiper-pagination-switch
        .switch-title {
        position: absolute !important;

        right: -20px !important;

        transform: translateX(50%) !important;

        width: 50px;
    }

    .swiper-container-wrapper--timeline .swiper-pagination-progressbar {
        margin-bottom: 0px !important;

        width: 100% !important;

        display: none;
    }

    .swiper-container-wrapper--timeline
        .swiper-pagination-custom
        .swiper-pagination-switch
        .switch-title:after {
        top: calc(100% + -16px) !important;

        right: 130% !important;
    }

    .swiper-container-wrapper--timeline .swiper-slide {
        padding: 0px 0px !important;

        padding-left: 4rem !important;

        margin-top: 13px;
    }

    .swiper-container-wrapper.swiper-container-wrapper--timeline {
        position: relative;

        min-height: 400px;
    }

    .swiper-container-wrapper.swiper-container-wrapper--timeline
        .swiper-slide
        p {
        height: 250px !important;
    }

    .grid.parallax-overlay {
        height: 860px;
    }
}

/* Featured Media Section  */

.full-container {
    margin: auto;

    padding: 0 4% 0 1%;

    overflow: hidden;
}

.new-featued--media--title {
    display: block;

    text-align: center;

    padding: 30px 0 40px 0;
}

.new-featued--media--title .sub-title {
    font-size: 23px;

    line-height: 30px;

    font-family: "PT Serif";

    font-weight: 400;

    color: #fff;
}

.new-featued--media--title .main-title {
    font-size: 26px;

    line-height: 34px;

    font-family: "PT Serif";

    font-weight: 700;

    color: #fff;
}

.text-italic {
    font-style: italic;
}

.new-featued--media--section {
    display: flex;

    justify-content: center;

    align-items: center;
}

.arrow-content {
    position: absolute;

    right: -25px;

    bottom: -14px;

    height: 60px;

    width: 60px;

    border-radius: 50%;

    background: #272121;

    display: flex;

    justify-content: center;

    align-items: center;
}

.arrow-content .arrow {
    background: #fe5b2c;

    color: white;

    border: none;

    border-radius: 50%;

    width: 50px;

    height: 50px;

    font-size: 20px;

    cursor: pointer;
}

.image-content {
    width: 100%;

    height: 340px;

    position: relative;
}

.image-content img {
    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    border-radius: 10px;

    filter: sepia(0.5);

    transform: scale(1.01);

    transition: transform 0.55s cubic-bezier(0.37, 0.65, 0.38, 0.94);

    transform-origin: 90% 70%;
}

.card-content h3 {
    font-size: 22px;

    line-height: 22px;

    font-family: "Source Sans 3";

    font-weight: 600;

    color: #fff;

    margin-top: 20px;
}

.card-content p {
    font-size: 20px;

    line-height: 22px;

    font-family: "Source Sans 3";

    font-weight: 300;

    color: #fff;

    margin-top: 10px;
}

.new-featued--media--btn {
    padding: 40px 0 20px 0;

    text-align: center;
}

.new-featued--media--btn .cta--btn {
    background-color: #fff;

    border-radius: 10px;

    font-size: 17px;

    line-height: 24px;

    font-family: "Source Sans 3";

    font-weight: 500;

    color: #2e2e2e;

    padding: 10px 15px;

    text-transform: uppercase;
}

.new-featued--media--btn .cta--btn--arrow-top-right {
    height: 12px;

    width: 12px;
}

/* New Business Speaking Section */

.new-business-speaking--section {
    padding: 40px 0;
}

.new-business-speaking--title {
    display: block;

    text-align: center;

    padding: 30px 0 40px 0;
}

.new-business-speaking--title .sub-title {
    font-size: 23px;

    line-height: 30px;

    font-family: "PT Serif";

    font-weight: 400;

    color: #2e2c2c;
}

.new-business-speaking--title .main-title {
    font-size: 32px;

    line-height: 42px;

    font-family: "PT Serif";

    font-weight: 700;

    color: #2e2c2c;
}

.text-italic {
    font-style: italic;
}

.profile-image-content {
    position: relative;

    z-index: 9;

    margin: 20px;

    height: 398px;
    text-align: center;
}

.profile-image-content img {
    width: auto;

    height: 398px;

    object-fit: initial;

    object-position: initial;
}

.profile-content {
    padding: 200px 20px 20px;

    position: relative;

    border: 1px solid #1a327f63;

    margin-top: -200px;

    text-align: center;
}

.profile-content h2 {
    font-size: 28px;

    line-height: 37px;

    font-family: "PT Serif";

    font-weight: 700;

    color: #fd5b2c;
}

.profile-content h3 {
    font-size: 22px;

    line-height: 24px;

    font-family: "Source Sans 3";

    font-weight: 600;

    color: #2e2e2e;
}

.profile-content p {
    font-size: 20px;

    line-height: 22px;

    font-family: "Source Sans 3";

    font-weight: 400;

    color: #2e2c2c;

    text-align: center;
}

.desktop-show {
    display: block;
}

.mobile-show {
    display: none;
}

h4.home-blog-title {
    font-size: 3rem;
}

@media (max-width: 767px) {
    .desktop-show {
        display: none;
    }

    .mobile-show {
        display: block;
    }

    .new-featued--media--title .sub-title,
    .new-business-speaking--title {
        padding: 20px 0;
    }

    .new-business-speaking--title .sub-title {
        font-size: 18px;

        line-height: 26px;
    }

    .new-featued--media--title .main-title,
    .new-business-speaking--title .main-title {
        font-size: 22px;

        line-height: 26px;
    }

    .profile-image-content {
        margin: 20px;

        height: 300px;
        text-align: center;
    }

    .profile-image-content img {
        width: auto;

        height: 300px;

        object-fit: initial;

        object-position: initial;
    }

    .profile-content {
        padding: 100px 20px 20px;

        margin-top: -100px;
    }

    .card-content h3,
    .profile-content h2 {
        font-size: 18px;

        line-height: 24px;
    }

    .profile-content h3 {
        font-size: 16px;

        line-height: 18px;
    }

    .card-content p,
    .profile-content p {
        font-size: 14px;

        line-height: 16px;
    }

    .card,
    .profile-card {
        padding: 0 15px;
    }

    .new-featued--media--title {
        padding: 20px 0 20px 0;
    }

    .new-featued--media--btn {
        padding: 20px 0 20px 0;
    }

    .new-business-speaking--section {
        padding: 20px 0;
    }
}

@media (max-width: 480px) {
    h4.home-blog-title {
        font-size: 30px;
    }
}

/*Member page style*/

[class*="close-"].img-fluid,
[class*="close-"].image__img {
    cursor: pointer;
}

/*Home page Style*/

/* about section  */
.about-container {
    display: flex;
    justify-content: space-between;
    padding: 60px 0;
    align-items: center;
}

.text-section {
    max-width: 50%;
}

.text-section h4 {
    color: #f25c05;
    font-weight: 600;
    margin-bottom: 10px;
    font-family: var(--headingFont2);
}

.text-section h2 {
    font-size: 2rem;
    position: relative;
    top: -6px;
    font-family: var(--headingFont1);
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #1b3942;
}

.text-section p {
    margin: 10px 0 20px;
}

.buttons {
    display: flex;
    gap: 20px;
}

/*.buttons a {*/
/*  padding: 12px 24px;*/
/*  border-radius: 30px;*/
/*  text-decoration: none;*/
/*  color: #fff;*/
/*  font-weight: 600;*/
/*  display: inline-block;*/
/*  font-family: var(--headingFont2);*/
/*}*/

/*.join-btn {*/
/*  background-color: #f25c05;*/
/*}*/

/*.more-btn {*/
/*  background-color: #2b205e;*/
/*}*/

/*.join-btn .cta--btn--arrow-top-right,*/
/*.more-btn .cta--btn--arrow-top-right {*/
/*    fill: #fff;*/
/*}*/

.image-section {
    position: relative;
    max-width: 45%;
}

.image-section img:first-child {
    width: 100%;
    border-radius: 10px;
}

/*.image-section img:last-child {*/
/*  position: absolute;*/
/*  bottom: -170px;*/
/*  left: -70px;*/
/*  width: 75%;*/
/*  border-radius: 10px;*/
/* box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); */
/*  border: 10px solid #fff;*/
/*}*/

.desktop-show {
    display: block;
}

.mobile-show {
    display: none;
}

@media screen and (max-width: 768px) {
    .desktop-show {
        display: none;
    }

    .mobile-show {
        display: block;
    }

    .about-container {
        flex-direction: column;
        padding: 20px;
    }

    .text-section,
    .image-section {
        max-width: 100%;
    }

    /*.image-section img:last-child {*/
    /*  position: relative;*/
    /*  bottom: 0;*/
    /*  left: 0;*/
    /*  width: 100%;*/
    /*  margin-top: 20px;*/
    /*}*/
}

/* what-we-do section */
.what-we-do-bg {
    background: #f9f9f9;
}
.what-we-do-section {
    display: flex;
    justify-content: space-between;
    padding: 60px 0;
    gap: 40px;
    align-items: flex-start;
}

.wwd-text {
    flex: 1;
}

.wwd-text h3 {
    font-size: 2rem;
    position: relative;
    top: -6px;
    font-family: var(--headingFont1);
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #1b3942;
}

.wwd-text .highlight {
    color: #f25c05;
}

.wwd-text p {
    margin: 10px 0 20px;
}

.wwd-steps {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.step {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.icon-circle {
    padding: 12px;
    background-color: #1b3942;
    color: #fff;
    border-radius: 50%;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-circle img {
    width: 28px;
    height: 28px;
}

.step h4 {
    margin: 0 0 5px 0;
    font-size: 16px;
    color: #1d1a33;
    font-family: var(--headingFont2);
}

/* .step p {
font-size: 16px;
color: #555;
margin: 0;
} */

@media screen and (max-width: 768px) {
    .what-we-do-section {
        flex-direction: column;
        padding: 30px 20px;
    }

    .wwd-steps {
        gap: 30px;
    }
}

/* recent highlights section  */
.recent-highlights-section {
    padding: 60px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.intro-box {
    flex: 1 1 100%;
}

.intro-box-card-column {
    flex: 1 1 100%;
}

/* for desktop view */
@media (min-width: 768px) {
    .intro-box {
        flex: 1;
    }

    .intro-box-card-column {
        flex: 2;
    }
}

.intro-box h3 {
    font-family: var(--headingFont1);
    font-weight: 400;
    letter-spacing: -0.02em;
    font-size: 1.6rem;
    margin-bottom: 20px;
    color: #1b3942;
}

.intro-box button {
    background-color: #1c1c2e;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
    cursor: pointer;
    font-weight: bold;
}

.intro-box-card {
    border-left: 1px solid #ccc;
    padding-left: 2rem;
}

.intro-box-card img {
    width: 100%;
}

.intro-box-card-date {
    font-family: var(--headingFont2);
    text-transform: uppercase;
    color: #67797e;
    font-size: 0.8rem;
    padding-top: 10px;
}

.intro-box-card-title {
    font-size: 1.25rem;
    color: #000;
    padding: 10px 0;
    font-family: var(--headingFont1);
    font-weight: 400;
    letter-spacing: -0.02em;
}

.intro-box-card-desc {
    font-size: 1.125rem;
    line-height: 1.5em;
    text-align: left;
    font-family: "Source Sans 3";
    color: #67797e;
    font-weight: 400;
}

@media screen and (max-width: 768px) {
    .intro-box-card {
        border-left: none;
        padding-left: 0;
    }
}

@media (max-width: 1024px) {
    .about-container,
    .what-we-do-section,
    .recent-highlights-section {
        padding: 60px 4%;
    }

    /*.image-section img:last-child {*/
    /*  bottom: -50%;*/
    /*  left: -8%;*/
    /*  width: 75%;*/
    /*}*/
}

/*New video slider 2*/
.video_wrap {
    position: relative;
    z-index: 100;
    width: 100%;
    height: 100%;
    padding: 0 60px;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

.video_wrap video {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video_wrap:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
}

.video_slider {
    position: relative;
    z-index: 200;
    padding: 0 0px;
    margin: 5rem auto;
    max-width: 800px;
    width: 100%;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 50px;
    line-height: 50px;
    margin-top: -25px;
    border: none;
    background: transparent;
    color: #000;
    font-family: monospace;
    font-size: 2rem;
    z-index: 300;
    outline: none;
}

.slick-prev {
    left: -50px;
    text-align: left;
}

.slick-next {
    right: -50px;
    text-align: right;
}

.video_item.slick-slide {
    width: 550px;
    height: 400px !important;
    transition: transform 0.4s;
    position: relative;
}

.slick-slide:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: transform 0.4s;
}

.video_item.slick-slide.slick-center + .slick-slide {
    transform: scale(0.8) translate(-250px);
    z-index: 10;
}

.video_item.slick-slide.slick-active {
    transform: scale(0.8) translate(250px);
}

.video_item.slick-slide.slick-center {
    transform: scale(1);
    z-index: 30;
}

.slick-center:after {
    opacity: 0;
}

.video_inner {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.video_inner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
}

.video_title {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #fff;
    z-index: 10;
    background: rgba(0, 0, 0, 0.6);
    padding: 5px 10px;
    line-height: 1.3;
    word-wrap: break-word;
}

.video_item.slick-center .video_title {
    display: block !important;
}

/* ✅ Responsive adjustments */
@media (max-width: 768px) {
    .video_title {
        font-size: 16px;
        padding: 4px 8px;
    }
}

@media (max-width: 480px) {
    .video_title {
        font-size: 14px;
        padding: 3px 6px;
        width: 250px;
        left: 76px;
    }
}

.video_item.slick-slide:after {
    z-index: 0 !important;
}

.video_slider {
    overflow: visible !important;
}

@media (max-width: 820px) {
    .video_item.slick-slide {
        width: 400px !important;
        height: 300px !important;
    }
    .slick-arrow {
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    .video_item.slick-slide {
        width: 400px !important;
        height: 250px !important;
    }
    .slick-arrow {
        font-size: 1rem;
    }
}

/* Key G2G Initiatives CSS*/

.G2G-initiatives {
    background: #142132;
    padding: 60px 0;
    margin-top: 3rem;
}

.G2G-initiatives .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    position: relative;
}

.G2G-initiatives h3 {
    font-size: 2rem;
    position: relative;
    font-family: var(--headingFont1);
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #fff;
    text-align: center;
    padding-bottom: 15px;
}

.G2G-initiatives .intro-box-card-title {
    color: #fff;
    position: relative;
    display: inline-block;
}

.G2G-initiatives .intro-box-card-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px; /* line length */
    height: 1px; /* line thickness */
    background-color: #C3A15D; /* golden color */
}

/* Divider lines */
.G2G-initiatives .grid::before,
.G2G-initiatives .grid::after {
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
}

.G2G-initiatives .grid::before {
    width: 1px;
    height: 100%;
    left: 50%;
    top: 0;
}

.G2G-initiatives .grid::after {
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
}

.G2G-initiatives .card {
    padding: 20px;
}

.G2G-initiatives .card img {
    width: 42px;
    margin-bottom: 10px;
}

.G2G-initiatives p {
    color: #fff;
    font-size: 1rem;
}

.G2G-initiatives .text {
    font-size: 14px;
    line-height: 1.6;
    color: #dcdcdc;
    max-height: 56px;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding-top: 10px;
}

.G2G-initiatives .text.expanded {
    max-height: 2000px; /* enough for full text */
}

.G2G-initiatives .read-more {
    font-family: var(--headingFont2);
    color: #fff;
    font-size: 0.8rem;
    background-color: transparent;
    border: 1px solid #fff;
    text-transform: uppercase;
    border-radius: 5em;
    outline: 0;
    transition:
        color 0.2s ease-out,
        background-color 0.2s ease-out,
        border-color 0.2s ease-out;
    padding: 6px 10px 6px;
    font-weight: 400;
    margin-top: 10px;
    cursor: pointer;
}

.G2G-initiatives .read-more:hover {
    background: #ffffff;
    color: #0e1b2b;
}

@media (max-width: 768px) {
    .G2G-initiatives {
        padding: 2rem 0;
        margin-top: 2rem;
    }
    .G2G-initiatives .grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .G2G-initiatives .grid::before,
    .G2G-initiatives .grid::after {
        display: none;
    }
    .G2G-initiatives .text {
        max-height: 70px; /* collapsed height */
        overflow: hidden;
        position: relative;
        transition: max-height 0.3s ease;
    }
    .G2G-initiatives .text.expanded {
        max-height: 1000px;
    }
    .G2G-initiatives .read-more {
        display: inline-block;
    }
}