@charset "UTF-8"; * {
    padding: 0;
    margin: 0
}

body {
    background-color: #fff
}

h2 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 56px;
    line-height: 54px;
    color: #202020
}

@media (max-width: 768px) {
    h2 {
        font-size:30px;
        line-height: 30px
    }
}

h3 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 45px;
    color: #202020;
    line-height: 45px
}

@media (max-width: 768px) {
    h3 {
        font-size:30px;
        line-height: 30px
    }
}

h4 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 30px;
    line-height: 30px;
    color: #202020
}

@media (max-width: 768px) {
    h4 {
        font-size:24px;
        line-height: 24px
    }
}

span,p {
    font-size: 16px;
    color: #202020;
    font-family: "WorkSans-Regular",sans-serif;
    line-height: 150%;
    letter-spacing: -.18px;
    text-decoration: none
}

span.white-text,p.white-text {
    color: #ffff
}

.custom-grid {
    width: 1306px;
    margin: 0 auto 150px
}

@media (max-width: 1325px) {
    .custom-grid {
        width:100%;
        position: relative;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 auto 60px
    }
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

#main {
    overflow: hidden;
    position: relative;
    padding: 0
}

.center {
    text-align: center
}

.home-page .banner-slider .each-banner .banner-content {
    position: relative;
    margin: 290px auto;
    top: revert;
    left: revert;
    -webkit-transform: revert;
    -moz-transform: revert;
    -ms-transform: revert;
    -o-transform: revert;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    z-index: 1
}

@media (max-width: 550px) {
    .home-page .banner-slider .each-banner .banner-content {
        top:revert;
        bottom: 171px;
        position: absolute;
        margin: 0
    }
}

@media (max-width: 500px) {
    .home-page .parent-icons-container {
        padding-top:0
    }
}

.slick-dots {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    position: relative;
    bottom: 4px
}

.slick-dots>li:only-child {
    display: none
}

@media (max-width: 1095px) {
    .slick-dots {
        width:100%
    }
}

.slick-dots li {
    margin-right: 6px;
    margin-left: 6px;
    cursor: pointer;
    outline: none;
    padding: 3px;
    border: solid 4px transparent;
    position: relative;
    width: 10px;
    height: 10px
}

.slick-dots button {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    padding: 0;
    border: none;
    box-sizing: border-box;
    background-color: #909090;
    text-indent: -9999px;
    cursor: pointer;
    outline: none
}

.slick-dots button:focus {
    outline: none
}

.slick-dots button:hover {
    background: #202020;
    outline: none
}

.slick-dots li.slick-active {
    border-radius: 50%
}

.slick-dots li.slick-active:before {
    content: '';
    position: absolute;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    top: -5px;
    left: -5px;
    padding: 2px;
    transition: width 3s linear;
    -moz-transition: width 3s linear;
    -o-transition: width 3s linear;
    -webkit-transition: width 3s linear;
    transition-delay: 1.3s;
    opacity: 1
}

.slick-dots li.slick-active button {
    outline: none;
    background-color: #202020;
    box-sizing: border-box
}

.bottom-bar {
    width: 98%;
    height: 96px;
    position: absolute;
    bottom: 50px;
    left: 1%;
    background: rgba(123,123,123,.4);
    backdrop-filter: blur(44px);
    border-radius: 5px;
    box-sizing: border-box;
    padding-top: 22px;
    z-index: 1
}

@media (max-width: 880px) {
    .bottom-bar {
        background:rgba(255,255,255,.3);
        bottom: 40px;
        width: 96%;
        left: 2%
    }
}

.news-block-container {
    position: relative;
    width: 100%
}

@media (max-width: 1030px) {
    .news-block-container {
        width:97%;
        margin: 0 auto
    }
}

.news-block-container .slick-dots {
    webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.news-block-container .slick-prev,.news-block-container .slick-next {
    display: none !important
}

@media (max-width: 1325px) {
    .news-block-container .view-more-block {
        margin-top:60px
    }
}

.full-section-with-slider {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-bottom: 46px
}

.full-section-with-slider .slick-dots {
    webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: -70px
}

.full-section-with-slider .slick-dots>li:only-child {
    display: none
}

.full-section-with-slider .slick-prev,.full-section-with-slider .slick-next {
    width: 40px;
    height: 40px;
    background-color: #ffcb05;
    border: none;
    box-sizing: border-box;
    outline: none;
    cursor: pointer;
    position: absolute;
    bottom: 140px;
    border-radius: 50%;
    text-align: center;
    padding-top: 10px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    opacity: 1;
    pointer-events: auto;
    font-size: 0px
}

    .full-section-with-slider .slick-prev:after, .full-section-with-slider .slick-next:after {
        border-style: solid;
        border-width: 2px 2px 0 0;
        border-color: #202020;
        content: '';
        height: 6px;
        position: absolute;
        top: 45%;
        vertical-align: top;
        width: 6px;
        right: 17px;
    }

@media (max-width: 550px) {
    .full-section-with-slider .slick-prev,.full-section-with-slider .slick-next {
        bottom:135px
    }
}

.full-section-with-slider .slick-prev:hover,.full-section-with-slider .slick-next:hover {
    background-color: #fff;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.full-section-with-slider .slick-next {
    right: -40px
}

@media (max-width: 520px) {
    .full-section-with-slider .slick-next {
        right:-30px
    }
}

.full-section-with-slider .slick-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.full-section-with-slider .slick-prev {
    left: -40px
}

@media (max-width: 520px) {
    .full-section-with-slider .slick-prev {
        left:-30px
    }
}

.full-section-with-slider .slick-prev:after {
    -webkit-transform: rotate(-133deg);
    -moz-transform: rotate(-133deg);
    -ms-transform: rotate(-133deg);
    -o-transform: rotate(-133deg);
    right: 15px
}

.slick-arows {
    display: none
}

.full-size-container {
    width: 97%;
    height: 880px;
    margin: 50px auto 15px;
    position: relative
}

@media (max-width: 768px) {
    .full-size-container {
        height:640px
    }
}

.full-size-container .mobile-section-banner,.full-size-container .section-banner {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 24px
}

.full-size-container .section-banner {
    display: block
}

@media (max-width: 768px) {
    .full-size-container .section-banner {
        display:none
    }
}

.full-size-container .mobile-section-banner {
    display: none
}

@media (max-width: 768px) {
    .full-size-container .mobile-section-banner {
        display:block
    }
}

.full-size-container .bottom-shadow {
    background: linear-gradient(180deg,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.72) 100%);
    border-radius: 24px;
    height: 250px;
    width: 100%;
    position: absolute;
    bottom: 0
}

.full-size-container .bottom-data-container {
    height: 350px;
    width: 1200px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    bottom: 0;
    z-index: 3
}

@media (max-width: 1210px) {
    .full-size-container .bottom-data-container {
        width:100%;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 520px) {
    .full-size-container .bottom-data-container {
        width:300px
    }
}

.full-size-container .data-heading {
    font-size: 56px;
    color: #fff;
    text-align: center;
    font-family: "MTNBrighterSans-Bold",sans-serif
}

@media (max-width: 768px) {
    .full-size-container .data-heading {
        font-size:25px;
        line-height: 28px;
        width: 350px;
        text-align: center;
        margin: 0 auto
    }
}

@media (max-width: 400px) {
    .full-size-container .data-heading {
        width:90%
    }
}

.full-size-container .card-container {
    width: 1087px;
    margin: 30px auto
}

@media (max-width: 1090px) {
    .full-size-container .card-container {
        width:100%
    }
}

@media (max-width: 500px) {
    .full-size-container .card-container {
        width:280px
    }
}

.full-size-container .card-container .each-card {
    width: 350px;
    height: 216px;
    border-radius: 24px;
    margin-right: 15px;
    margin-left: 15px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background: rgba(255,255,255,.160457);
    border: 2px solid rgba(255,255,255,.0783162);
    box-sizing: border-box;
    backdrop-filter: blur(43.4925px);
    position: relative;
    display: block;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.full-size-container .card-container .each-card .inner-card-block {
    width: 100%;
    border-radius: 24px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

@media (max-width: 500px) {
    .full-size-container .card-container .each-card {
        width:250px
    }
}

.full-size-container .card-container .each-card:hover {
    background-color: rgba(255,255,255,.424);
    -webkit-transform: all .3s ease-in-out;
    -moz-transform: all .3s ease-in-out;
    -ms-transform: all .3s ease-in-out;
    -o-transform: all .3s ease-in-out
}

.full-size-container .card-container .each-card:hover .inner-card-block .card-heading {
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.full-size-container .card-container .card-heading {
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    width: 82%;
    margin: 0 auto;
    margin-bottom: 20px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    text-decoration: none;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.full-size-container .card-container .findout-more {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-family: "WorkSans-Regular",sans-serif
}

.parent-icons-container {
    padding-top: 0
}

/*@media (max-width: 768px) {
    .parent-icons-container {
        padding-top:60px
    }
}

@media (max-width: 500px) {
    .parent-icons-container {
        padding-top:30px
    }
}*/

.primary-icons-container {
    width: 1134px;
    margin: 90px auto;
    position: relative;
    box-sizing: border-box
}

@media (max-width: 1140px) {
    .primary-icons-container {
        width:100%;
        padding-left: 30px;
        padding-right: 30px;
        margin: 90px auto 40px
    }
}

@media (max-width: 550px) {
    .primary-icons-container {
        margin:50px auto 60px;
        padding-left: 0;
        padding-right: 0
    }
}

.three-icon-container {
    width: 100%;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

.three-icon-container .slick-next,.three-icon-container .slick-prev {
    display: none !important
}

@media (max-width: 1140px) {
    .three-icon-container {
        width:100%;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box
    }
}

@media (max-width: 768px) {
    .three-icon-container {
        display:block;
        padding-left: 10px;
        padding-right: 10px
    }
}

.three-icon-container .each-icon-block {
    text-align: center;
    box-sizing: border-box;
    padding: 0;
    display: inline-block;
    width: 340px
}

.three-icon-container .each-icon-block:nth-child(1) {
    margin-left: 0
}

.three-icon-container .each-icon-block img {
    margin: 0 auto
}

.three-icon-container .each-icon-block .block-heading {
    font-size: 20px;
    margin-bottom: 30px;
    font-family: "MTNBrighterSans-Medium",sans-serif;
    margin: 0 auto;
    width: 200px;
    text-align: center;
    display: block;
    color: #202020;
    line-height: 23px;
    margin-top: 18px
}

@media (max-width: 768px) {
    .three-icon-container .each-icon-block .block-heading {
        width:100%;
        line-height: 23px
    }
}

.three-icon-container .each-icon-block .block-content-text {
    width: 200px;
    margin: 20px auto;
    font-size: 15px;
    font-family: "WorkSans-Regular",sans-serif;
    color: #404040
}

.three-icon-container .slick-dots {
    webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.investors-container {
    width: 97%;
    height: 630px;
    margin: 50px auto;
    border-radius: 24px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

.investors-container .investors-bg-desktop {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    border-radius: 20px;
    background-position-y: 0
}

@media (max-width: 880px) {
    .investors-container .investors-bg-desktop {
        display:none
    }
}

.investors-container .investors-bg-mobile {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0
}

@media (min-width: 880px) {
    .investors-container .investors-bg-mobile {
        display:none
    }
}

@media (max-width: 880px) {
    .investors-container .investors-bg-mobile {
        background-position-y:65%
    }
}

@media (max-width: 880px) {
    .investors-container {
        background-image:revert;
        display: block;
        width: 100%;
        height: 1100px;
        padding-top: 30px;
        border-radius: 0
    }
}

.investors-container .investors-block {
    height: auto;
    width: 48%;
    margin-left: 1%;
    margin-top: 1%;
    box-sizing: border-box;
    padding: 50px;
    position: relative
}

@media (min-width: 1500px) {
    .investors-container .investors-block {
        padding:15px 50px
    }
}

@media (max-width: 880px) {
    .investors-container .investors-block {
        height:560px;
        width: 97%;
        padding: 10px 0;
        margin-left: 1.5%
    }
}

.investors-container .investors-block .inner-container {
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 16px 56px rgba(0,0,0,.16);
    border-bottom: 2px solid #ffcb05;
    box-sizing: border-box;
    border-radius: 24px;
    padding: 50px;
    height: 90%;
    position: relative
}

@media (min-width: 1500px) {
    .investors-container .investors-block .inner-container {
        position:absolute;
        right: 0;
        width: 696px
    }
}

.investors-container .investors-block .investors-heading {
    font-size: 40px;
    font-family: "WorkSans-Bold",sans-serif;
    color: #202020
}

@media (max-width: 768px) {
    .investors-container .investors-block .investors-heading {
        font-size:24px
    }
}

.investors-container .investors-block .investment-img {
    width: 100%;
    margin-top: 20px;
    height: 300px
}

.investors-container .investors-block .investors-content {
    position: relative;
    padding-top: 10px
}

@media (min-width: 880px) {
    .investors-container .investors-block .investors-content {
        margin-top:-43px
    }
}

.investors-container .investors-block .investors-content .pricing-details {
    font-size: 20px;
    font-family: "MTNBrighterSans-Regular",sans-serif;
    margin-top: 5px;
    color: #000
}

.investors-container .investors-block .investors-content .date-text {
    font-size: 14px;
    font-family: "MTNBrighterSans-Regular",sans-serif;
    color: #202020;
    margin-top: 10px;
    margin-bottom: 30px
}

.investors-container .investors-more-content {
    width: 426px;
    position: relative;
    padding-left: 40px;
    padding-top: 70px
}

.investors-container .investors-more-content h4 {
    font-size: 32px;
    line-height: 37px
}

@media (max-width: 1500px) {
    .investors-container .investors-more-content {
        width:326px
    }
}

@media (max-width: 880px) {
    .investors-container .investors-more-content {
        width:340px;
        padding-left: 30px;
        padding-top: 10px
    }
}

@media (max-width: 600px) {
    .investors-container .investors-more-content {
        width:240px
    }
}

@media (max-width: 500px) {
    .investors-container .investors-more-content {
        padding-left:16px
    }
}

.investors-container .investors-more-content .investor-content-heading {
    font-size: 30px;
    line-height: 34px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    color: #202020;
    margin-top: 30px
}

@media (max-width: 880px) {
    .investors-container .investors-more-content .investor-content-heading {
        font-size:34px;
        line-height: 36px;
        margin-top: -35px
    }
}

@media (max-width: 600px) {
    .investors-container .investors-more-content .investor-content-heading {
        font-size:22px;
        line-height: 28px;
        margin-top: -35px
    }
}

.investors-container .investors-more-content .investor-name {
    font-size: 20px;
    font-family: "WorkSans-Regular",sans-serif;
    color: #202020;
    margin-top: 20px
}

.investors-container .investors-more-content .investor-designation {
    font-size: 16px;
    font-family: "WorkSans-Bold",sans-serif;
    color: #202020;
    margin-top: 5px;
    width: 171px
}

@media (max-width: 768px) {
    .investors-container .investors-more-content .investor-designation {
        font-size:15px
    }
}

.flexed-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

@media (max-width: 768px) {
    .careers-container {
        padding-left:5px;
        padding-right: 5px;
        box-sizing: border-box;
        padding-bottom: 60px
    }
}

.home-video {
    margin: 140px auto
}

@media (max-width: 880px) {
    .home-video {
        margin-bottom:0
    }
}

@media (min-width: 1920px) {
    .home-video .video-container {
        max-width:1400px
    }
}

.home-video .video-container .video-frame {
    max-width: 100%;
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 0
}

.new-investors-container {
    width: 97%;
    height: 750px;
    margin: 50px auto;
    border-radius: 22.5px;
    position: relative;
    margin-bottom: 100px
}

@media (max-width: 880px) {
    .new-investors-container {
        margin-bottom:50px
    }
}

.new-investors-container .new-investor-header-sec {
    display: flex;
    width: 100%;
    position: absolute;
    top: 3%
}

@media (min-width: 1500px) {
    .new-investors-container .new-investor-header-sec {
        top:0
    }
}

.new-investors-container .investors-bg-desktop {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    border-radius: 20px;
    background-position-y: 0
}

@media (max-width: 880px) {
    .new-investors-container .investors-bg-desktop {
        display:none
    }
}

.new-investors-container .investors-bg-mobile {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    border-radius: 22.5px
}

@media (min-width: 881px) {
    .new-investors-container .investors-bg-mobile {
        display:none
    }
}

@media (max-width: 880px) {
    .new-investors-container .investors-bg-mobile {
        background-position-y:65%
    }
}

@media (max-width: 880px) {
    .new-investors-container {
        background-image:revert;
        display: block;
        width: 95%;
        height: 980px;
        padding-top: 30px;
        border-radius: 22.4px
    }
}

.new-investors-container .investors-heading {
    font-size: 80px;
    line-height: 72px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    color: #202020;
    padding: 40px 80px;
    max-width: 1400px;
    width: 1400px;
    margin: auto;
    letter-spacing: -2px;
    font-style: italic
}

@media (max-width: 880px) {
    .new-investors-container .investors-heading {
        font-size:40px;
        line-height: 110%;
        padding: 40px 32px
    }
}

.new-investors-container .investors-block {
    max-width: 1400px;
    margin: auto;
    height: 100%;
    box-sizing: border-box;
    padding: 6%;
    position: relative;
    display: flex;
    justify-content: space-around
}

@media (min-width: 1500px) {
    .new-investors-container .investors-block {
        height:80%;
        padding: 0
    }
}

@media (max-width: 880px) {
    .new-investors-container .investors-block {
        width:97%;
        padding: 10px 0;
        margin-left: 1.5%;
        flex-direction: column;
        align-items: center
    }
}

.new-investors-container .investors-block .inner-container {
    width: 48%;
    max-width: 696px;
    background-color: #fff;
    box-shadow: 0px 16px 56px rgba(0,0,0,.16);
    box-sizing: border-box;
    border-radius: 24px;
    padding: 32px;
    display: flex;
    justify-content: space-around;
    margin-top: 80px;
    flex-direction: column;
    height: 80%;
    position: relative
}

@media (min-width: 1500px) {
    .new-investors-container .investors-block .inner-container {
        margin-top:130px;
        right: 0
    }
}

@media (max-width: 880px) {
    .new-investors-container .investors-block .inner-container {
        width:100%;
        height: 100%;
        margin-top: 130px
    }
}

.new-investors-container .investors-block .investment-img {
    width: 100%;
    margin-top: 20px;
    height: 300px
}

@media (max-width: 880px) {
    .new-investors-container .investors-block .investment-img {
        height:280px
    }
}

.new-investors-container .investors-block .investors-content {
    position: relative;
    padding-top: 10px
}

.new-investors-container .investors-block .investors-content .investor-button {
    border: 2px solid #202020
}

@media (max-width: 880px) {
    .new-investors-container .investors-block .investors-content .investor-button {
        width:100%
    }
}

.new-investors-container .investors-block .investors-content .investor-button:hover {
    background-color: #000;
    color: #fff;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.new-investors-container .investors-block .events-container {
    width: 48%;
    max-width: 696px;
    padding: 32px;
    display: flex;
    margin-top: 80px;
    height: 80%;
    box-shadow: 0px 16px 56px rgba(0,0,0,.16);
    box-sizing: border-box;
    border-radius: 24px;
    border-radius: 32px;
    border: 2px solid #383838;
    background: linear-gradient(180deg,rgba(115,115,115,.4) 0%,rgba(0,0,0,.8) 50%),#232323;
    color: #fff;
    gap: 24px;
    flex-direction: column
}

@media (min-width: 1500px) {
    .new-investors-container .investors-block .events-container {
        margin-top:130px
    }
}

@media (max-width: 880px) {
    .new-investors-container .investors-block .events-container {
        width:100%;
        margin-top: 130px;
        margin-top: 30px;
        height: 100%
    }
}

.new-investors-container .investors-block .events-container .events-heading {
    color: #fff;
    font-size: 32px;
    line-height: 110%
}

.new-investors-container .investors-block .events-container .breadcrumb {
    color: #fff
}

.new-investors-container .investors-block .events-container .events-grid {
    display: flex;
    gap: 8px;
    flex-direction: column
}

.new-investors-container .investors-block .events-container .events-grid .event {
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 20px
}

.new-investors-container .investors-block .events-container .events-grid .event .date-block {
    background-color: #fff;
    color: #000;
    display: flex;
    padding: 6px 12px;
    align-items: center;
    flex-direction: column;
    width: 64px;
    height: 61px;
    border-radius: 8px;
    margin-right: 15px
}

@media (max-width: 880px) {
    .new-investors-container .investors-block .events-container .events-grid .event .date-block {
        padding:3.4px 6.8px;
        width: 36px;
        height: 34px
    }
}

.new-investors-container .investors-block .events-container .events-grid .event .date-block .month {
    font-size: 16px;
    font-family: "WorkSans-Bold",sans-serif;
    text-transform: uppercase
}

@media (max-width: 880px) {
    .new-investors-container .investors-block .events-container .events-grid .event .date-block .month {
        font-size:10px
    }
}

.new-investors-container .investors-block .events-container .events-grid .event .date-block .day {
    font-size: 32px;
    font-family: "MTNBrighterSans-Bold",sans-serif
}

@media (max-width: 880px) {
    .new-investors-container .investors-block .events-container .events-grid .event .date-block .day {
        font-size:18px
    }
}

.new-investors-container .investors-block .events-container .events-grid .event h4 {
    color: #fff;
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

@media (max-width: 880px) {
    .new-investors-container .investors-block .events-container .events-grid .event h4 {
        font-size:14px
    }
}

.new-investors-container .investors-block .events-container .events-grid .event p {
    color: #fff;
    font-family: "WorkSans-Bold",sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

@media (max-width: 880px) {
    .new-investors-container .investors-block .events-container .events-grid .event p {
        font-size:14px
    }
}

.ceo-container {
    width: 97%;
    /* height: 757px;*/
    height: auto;
    background-color: #e8e8e8;
    border-radius: 40px;
    margin: 160px auto;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

@media (max-width: 880px) {
    .ceo-container {
        overflow:hidden;
        margin-bottom: 35px;
        flex-direction: column;
      /*  height: 900px;*/
        height: auto;
        margin-top: 60px;
        margin-bottom: 100px
    }
}

.ceo-container .ceo-mobile-bg {
    position: absolute;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    z-index: 0;
    border-radius: 24px;
    background-position-y: 70%
}

@media (min-width: 1200px) {
    .ceo-container .ceo-mobile-bg {
        display:none
    }
}

@media (min-width: 620px) {
    .ceo-container .ceo-mobile-bg {
        background-position-y:60%
    }
}

.ceo-container .ceo-width-con {
    max-width: 1400px;
    margin: auto;
    display: flex;
    box-sizing: border-box
}

.ceo-container .ceo-details {
    z-index: 1;
    position: relative;
    padding: 150px;
    max-width: 600px
}

.ceo-container .ceo-details:before,.ceo-container .ceo-details:after {
    position: absolute;
    z-index: 1;
    content: '';
    background-size: 100% 100%;
    background-repeat: no-repeat
}

    .ceo-container .ceo-details:before {
        background-image: url('/svgs-icons/open-quote.svg');
        top: 130px;
        left: 70px;
        width: 74px;
        height: 52px
    }

@media (max-width: 1200px) {
    .ceo-container .ceo-details:before {
        top:30px;
        left: 30px;
        width: 42px;
        height: 29px
    }
}

@media (max-width: 768px) {
    .ceo-container .ceo-details:before {
        top:30px;
        left: 30px
    }
}

.ceo-container .ceo-details:after {
    background-image: url('/svgs-icons/close-quote.svg');
    bottom: 10px;
    right: 110px;
    width: 234px;
    height: 157px
}
@media(max-width:1210px){
    .ceo-container .ceo-details:after{
        bottom:0px;
        height:120px;
    }
}
@media(max-width:1060px){
    .ceo-container .ceo-details:after{
        bottom:0px;
        height:100px;
    }
}
@media (max-width: 880px) {
    .ceo-container .ceo-details:after {
        bottom:-60px;
        right: 0
    }
}

@media (max-width: 880px) {
    .ceo-container .ceo-details:after {
        bottom:-60px;
        right: 0;
        z-index: -1
    }
}

@media (max-width: 1200px) {
    .ceo-container .ceo-details {
        padding:10%
    }
}

@media (max-width: 880px) {
    .ceo-container .ceo-details {
        padding-left:32px;
        padding-right: 32px;
        padding-top: 70px
    }
}

.ceo-container .ceo-details h2 {
    font-size: 80px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-style: italic;
    color: #202020;
    line-height: 72px;
    letter-spacing: -2px;
    width: 530px;
    margin-bottom: 20px
}

.ceo-container .ceo-details h2 span {
    color: #fff;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 80px;
    font-style: italic;
    line-height: 80%;
    letter-spacing: -2px;
    width: 530px
}

@media (max-width: 880px) {
    .ceo-container .ceo-details h2 {
        font-size: clamp(30px, 4vw, 40px);
        line-height: 110%;
        width: 85%
    }

    .ceo-container .ceo-details h2 span {
        font-size: inherit;
        line-height: inherit;
        width: 85%
    }
}

.ceo-container .ceo-details .quote {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 24px;
    font-style: normal;
    max-width: 530px;
    font-weight: 500;
    line-height: 115%;
    margin-bottom: 20px
}

@media (max-width: 880px) {
    .ceo-container .ceo-details .quote {
        font-size:20px;
        line-height: 125%
    }
}

.ceo-container .ceo-details .name {
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

@media (max-width: 880px) {
    .ceo-container .ceo-details .name {
        font-size:20px
    }
}

.ceo-container .ceo-details .role {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    margin-bottom: 20px
}

@media (max-width: 880px) {
    .ceo-container .ceo-details .role {
        font-size:18px
    }
}

.ceo-container .ceo-details .button {
    border-radius: 24px;
    background: var(--Greyscale-Pearl,#fff)
}

.ceo-container .ceo-details .button:hover {
    background-color: #000;
    color: #fff;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.ceo-container .ceo-image {
    position: absolute;
    left: 50%;
    top: -50px;
    height: 807px;
    z-index: 1
}
@media(max-width:1200px){
    .ceo-container .ceo-image{
        left:60%;
    }
}
@media(max-width:880px){
    .ceo-container .ceo-image{
        left:70%;
    }
}
@media (max-width: 1200px) {
    .ceo-container .ceo-image {
        height:68%;
        right: 0;
        top: revert;
        bottom: 0
    }
}

@media (max-width: 768px) {
    .ceo-container .ceo-image {
        height:42%;
        left: revert;
        top: revert;
        bottom: 0;
        transform: translateY(80px) scale(1.2) !important
    }
}

.video-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 24px;
    object-fit: cover
}

@media (max-width: 880px) {
    .video-bg {
        display:none
    }
}

.slider {
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

@media (max-width: 880px) {
    .slider {
        padding:0 20px
    }
}

.slider .slider-header {
    display: flex;
    margin: auto;
    max-width: 1400px;
    width: 88%
}

@media (max-width: 880px) {
    .slider .slider-header {
        margin:unset
    }
}

.slider.home-services-slider {
    margin-bottom: 80px;
}

@media (max-width: 880px) {
    .slider.home-services-slider {
        margin-bottom: 40px;
    }
}

.home-cards-swiper {
    width: 100%;
    padding-bottom: 60px;
    padding-top: 10px;
    margin-bottom: 100px;
    overflow: visible;
    padding-left: 6%;
    padding-right: 6%;
    position: relative;
    margin: 0 auto;
}

@media (max-width: 880px) {
    .home-cards-swiper {
        padding-left:unset;
        margin-bottom: 50px;
        max-width: 100%
    }
}

.swiper-wrapper {
    display: flex;
    width: 100%;
    position: relative;
}

@media (max-width: 880px) {
    .home-cards-swiper {
        padding-left:unset;
        margin-bottom: 50px;
        max-width: 100%
    }
}

.swiper-scrollbar {
    background: #d6d6d6;
    max-width: 200px;
    margin-left: 6%;
}

@media (max-width: 880px) {
    .swiper-scrollbar {
        margin-left:unset
    }
}

.swiper-scrollbar.swiper-container-horizontal {
    border-radius: 2px;
    height: 5px;
    width: 200px;
    min-width: 100px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 10;
    background: rgba(214, 214, 214, 0.5);
    transition: opacity 0.3s ease;
}

.swiper-scrollbar:hover {
    opacity: 1 !important;
}

.swiper-scrollbar-drag {
    background: #222e5e;
    border-radius: 2px;
    height: 100%;
    width: 100%;
    cursor: grab;
    transition: background 0.2s ease;
}

.swiper-scrollbar-drag:active {
    cursor: grabbing;
    background: #1a2347;
}

.scroller-header {
    font-size: 80px;
    line-height: 72px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    color: #202020;
    padding-bottom: 40px;
    font-style: italic;
    letter-spacing: -2px
}

@media (max-width: 880px) {
    .scroller-header {
        font-size:40px;
        line-height: 44px;
        padding: 0;
        letter-spacing: -.8px;
        margin-left: unset;
        margin-bottom: 24px
    }
}

.home-cards-swiper .swiper-slide {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    flex-direction: column;
    position: relative;
    gap: 8px;
    border-radius: 24px;
    background-size: cover;
    background-position: center;
    height: 500px;
    transition: height .5s ease, opacity .5s ease;
    text-decoration: none
}
@media(max-width:880px){
    .home-cards-swiper .swiper-slide {
        height: 400px;
    }
    .home-cards-swiper{
        padding-left:10px;
    }
}

.home-cards-swiper .swiper-slide:hover {
    transform: scale(1.05);
    box-shadow: 1px 6px 20px -5px rgba(0,0,0,.46);
    -webkit-box-shadow: 1px 6px 20px -5px rgba(0,0,0,.46);
    -moz-box-shadow: 1px 6px 20px -5px rgba(0,0,0,.46)
}

.home-cards-swiper .swiper-slide .carousel-content {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    position: relative;
    padding: 21px;
    color: #fff
}

.home-cards-swiper .swiper-slide .carousel-content .platform-icon {
    width: 160px;
    height: 68px;
    margin-bottom: 16px
}

.home-cards-swiper .swiper-slide .carousel-content p {
    color: #fff;
    width: 201px;
    margin-bottom: 100px
}

.home-cards-swiper .swiper-slide .carousel-content p.text-black {
    color: #202020
}

.home-cards-swiper .swiper-slide .carousel-content .arrow {
    width: 38px;
    height: 27px;
    position: absolute;
    bottom: 30px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated2 {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.hide-header-expension {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: transparent;
    display: none;
    pointer-events: none
}

.hide-header-expension.show {
    display: block;
    pointer-events: auto;
    z-index: 1
}

@media (max-width: 880px) {
    .hide-header-expension.show {
        pointer-events:none;
        z-index: 3;
        display: block;
        opacity: 1
    }
}

@media (max-width: 880px) {
    .hide-header-expension {
        display:none
    }
}

.block-mega {
    width: 1306px;
    top: 20px;
    position: fixed;
    left: 50%;
    height: 80px;
    /*background-color: #fff;*/
    background: white;
    border-radius: 4px;
    z-index: 3;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    box-shadow: 0px 4px 16px rgba(0,0,0,.08);
    box-sizing: border-box;
    pointer-events: none;
    overflow: hidden
}

@media (min-width: 1500px) {
    .block-mega {
        width:90%
    }
}

@media (max-width: 1310px) {
    .block-mega {
        width:95%
    }
}

@media (max-width: 880px) {
    .block-mega {
        top:8px;
        height: 56px
    }
}

.block-mega.expand {
    height: 700px
}

@media (max-width: 880px) {
    .block-mega.expand {
        height:970px
    }
}

.block-mega.expand+#primary-header {
    overflow: initial
}

.block-mega .gray-underline {
    position: absolute;
    height: 2px;
    width: 88%;
    background-color: #e8e8e8;
    right: 25px;
    top: 77px;
    display: none;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

@media (min-width: 1500px) {
    .block-mega .gray-underline {
        width:1306px
    }
}

.block-mega .gray-underline.show {
    display: block
}

@media (min-width: 1500px) {
    .block-mega .gray-underline {
        width:90%
    }
}

.block-mega .gray-underline.show {
    opacity: 1;
    pointer-events: auto;
    transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    -webkit-transition: all .1s ease
}

@media (max-width: 900px) {
    .block-mega .gray-underline.show {
        display:none;
        opacity: 0;
        pointer-events: none
    }
}

#primary-header {
    overflow: hidden
}

.header {
    width: 1306px;
    margin: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    z-index: 3;
    height: 80px;
    top: 20px;
    position: fixed;
    left: 50%;
    /*background-color: #ffcb05;*/
    background: #fed700;
    border-radius: 4px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    box-sizing: border-box
}

@media (max-width: 880px) {
    .header {
        top:8px;
        height: 56px
    }
}

.header .header-logo .primary-logo {
    width: 115px
}

.header .parent-item {
    padding-bottom: 31px;
    z-index: 3;
    position: relative
}

.header .inner-header {
    width: 1306px;
    position: relative;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    align-items: center;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

@media (max-width: 1310px) {
    .header .inner-header {
        width:95%;
        transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -webkit-transition: all .3s ease
    }
}

@media (min-width: 1500px) {
    .header {
        width:90%
    }
}

@media (max-width: 1310px) {
    .header {
        width:95%
    }
}

.header a {
    text-decoration: none;
    color: #022643;
    font-family: "Work Sans",sans-serif;
    font-size: 16px
}

.header ul {
    list-style: none
}

.header .logo {
    position: relative;
    left: 0;
    top: -2px;
    text-decoration: none;
    cursor: pointer;
    margin-right: 25px;
    margin-left: 30px
}

@media (max-width: 1100px) {
    .header .logo {
        margin-left:10px;
        margin-right: 15px
    }
}

.header .logo img {
    margin-top: -4px
}

@media (max-width: 880px) {
    .header .logo img {
        width:64px
    }
}

.header .locations-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    padding-top: 90px;
    width: 94%;
    margin: 0 auto;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between
}

@media (max-width: 880px) {
    .header .locations-list {
        padding-left:15px;
        width: 100%
    }
}

.header .locations-list .regions-for-mobile {
    font-size: 16px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    color: #202020;
    margin-top: -7px;
    border-bottom: solid 2px #cdcdcd;
    display: none
}

@media (min-width: 880px) {
    .header .locations-list .regions-for-mobile {
        display:none
    }
}

@media (max-width: 880px) {
    .header .locations-list .regions-for-mobile {
        display:block
    }
}

@media (max-width: 880px) {
    .header .locations-list {
        webkit-box-pack:space-between;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        padding-top: 20px
    }
}

@media (max-width: 830px) {
    .header .locations-list {
        flex-direction:column
    }
}

.header .locations-list .each-list-contries.african-countries {
    width: 100%;
    height: 330px;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
    /* Firefox: thin scrollbar, thumb only */
    scrollbar-width: thin; /* only for this element */
    scrollbar-color: #fed700 transparent; /* thumb | track */
}

    /* WebKit browsers (Chrome, Edge, Safari) */
    .header .locations-list .each-list-contries.african-countries::-webkit-scrollbar {
        width: 8px;
    }

    .header .locations-list .each-list-contries.african-countries::-webkit-scrollbar-track {
        background: transparent; /* transparent track */
    }

    .header .locations-list .each-list-contries.african-countries::-webkit-scrollbar-thumb {
        background: #fed700; /* thumb color */
        border-radius: 4px;
    }

        .header .locations-list .each-list-contries.african-countries::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

    /* Hide scrollbar buttons (arrows) in WebKit */
    .header .locations-list .each-list-contries.african-countries::-webkit-scrollbar-button {
        display: none;
    }



/* Firefox */
/*.header .locations-list .each-list-contries.african-countries {
    scrollbar-width: thin !important;*/ /* "auto" or "thin" */
    /*scrollbar-color: #888 #f1f1f1 !important;*/ /* thumb color | track color */
/*}*/

    .header .locations-list .each-list-contries.african-countries ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

.header .locations-list .each-list-contries.african-countries ul li {
    margin-top: 0;
    width: 25%;
    display: block
}

@media (max-width: 600px) {
    .header .locations-list .each-list-contries.african-countries ul li {
        width:50%;
        margin-top: 0
    }
}

.header .locations-list .each-list-contries.pt-40 {
    padding-top: 40px
}

@media (max-width: 880px) {
    .header .locations-list .each-list-contries.pt-40 {
        padding-top:0
    }
}

@media (max-width: 600px) {
    .header .locations-list .each-list-contries {
        -webkit-flex:revert;
        -ms-flex: revert;
        flex: revert
    }
}

.header .locations-list .each-list-contries .country-heading {
    font-size: 14px;
    font-family: "WorkSans-Regular",sans-serif;
    color: #202020;
    margin-bottom: 40px
}

@media (max-width: 880px) {
    .header .locations-list .each-list-contries .country-heading.middle-east {
        margin-top:30px
    }
}

.header .locations-list .each-list-contries .country-heading.white {
    color: #fff
}

@media (max-width: 880px) {
    .header .locations-list .each-list-contries .country-heading {
        margin-bottom:10px
    }
}

.header .locations-list .each-list-contries ul {
    padding: 0;
    margin: 0
}

@media (max-width: 830px) {
    .header .locations-list .each-list-contries ul {
        display:-webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        webkit-box-pack: left;
        -webkit-justify-content: left;
        -moz-justify-content: left;
        -ms-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

.header .locations-list .each-list-contries ul li {
    list-style: none;
    margin-bottom: 15px
}

@media (max-width: 880px) {
    .header .locations-list .each-list-contries ul li {
        margin-bottom:15px
    }
}

@media (max-width: 830px) {
    .header .locations-list .each-list-contries ul li {
        width:166px
    }
}

@media (max-width: 768px) {
    .header .locations-list .each-list-contries ul li {
        width:50%
    }
}

.header .locations-list .each-list-contries ul li .each-country {
    text-decoration: none;
    padding: 15px 10px;
    width: 180px
}

@media (max-width: 880px) {
    .header .locations-list .each-list-contries ul li .each-country {
        padding:5px 10px
    }
}

@media (max-width: 500px) {
    .header .locations-list .each-list-contries ul li .each-country {
        width:auto;
        margin-bottom: 5px
    }
}

.header .locations-list .each-list-contries ul li .each-country:hover {
    background-color: #e8e8e8;
    border-radius: 10px
}

.header .locations-list .each-list-contries ul li .each-country .country-flag {
    margin-bottom: -4px;
    margin-right: 17px;
    width: 18px
}

@media (max-width: 880px) {
    .header .locations-list .each-list-contries ul li .each-country .country-flag {
        margin-right:6px
    }
}

.header .locations-list .each-list-contries ul li .each-country .country-name {
    color: #05355d;
    font-family: "Work Sans",sans-serif;
    font-size: 16px
}

@media (max-width: 420px) {
    .header .locations-list .each-list-contries ul li .each-country .country-name {
        font-size:14px
    }
}

.header .mega-close-button {
    position: absolute;
    right: 50px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    width: 30px;
    height: 30px;
    padding: 15px;
    box-sizing: border-box;
    top: 55px;
    text-align: center
}

@media (max-width: 880px) {
    .header .mega-close-button {
        display:none
    }
}

.header .mega-close-button:before,.header .mega-close-button:after {
    content: '';
    width: 14px;
    height: 3px;
    position: absolute;
    background: #202020
}

.header .mega-close-button:before {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    top: 17px
}

.header .mega-close-button:after {
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -o-transform: translateY(0) rotate(45deg);
    top: 17.2px
}

@media (max-width: 880px) {
    .header .location-toggle {
        display:none
    }
}

.header .foundation-item {
    position: relative
}

.header .foundation-item .foundation-svg {
    display: none
}

@media (max-width: 880px) {
    .header .foundation-item .foundation-svg {
        display:block;
        position: absolute;
        right: 14px;
        top: 18px
    }
}

.menu-items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    align-items: center
}

@media (max-width: 880px) {
    .menu-items {
        display:none;
        opacity: 0;
        pointer-events: none;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out
    }
}

.menu-items li a {
    padding-left: 15px;
    padding-right: 15px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease
}

@media (max-width: 1100px) {
    .menu-items li a {
        padding-left:10px;
        padding-right: 10px;
        transition: all .3 ease;
        -moz-transition: all .3 ease;
        -o-transition: all .3 ease;
        -webkit-transition: all .3 ease
    }
}

.child-hover-class {
    background-color: #e8e8e8;
    font-size: 16px;
    font-family: "WorkSans-Bold",sans-serif;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

@media (max-width: 880px) {
    .child-hover-class {
        background-color:transparent;
        font-family: "WorkSans-Regular",sans-serif
    }
}

.dropdown-menu {
    width: 100%;
    height: 620px;
    position: relative;
    background-color: #fff
}

.dropdown-menu a {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    display: block;
    width: 300px
}

@media (max-width: 880px) {
    .dropdown-menu a {
        width:100%
    }
}

.dropdown-menu a:hover {
    background-color: #e8e8e8;
    font-family: "Work Sans",sans-serif;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.dropdown-menu a:active {
    background-color: #ffcb05
}

.dropdown-menu a:focus {
    background-color: #ffcb05
}

.custom-menu-size a,#about-dropdowm-menu a {
    width: 200px
}

@media (max-width: 1100px) {
    .custom-menu-size a,#about-dropdowm-menu a {
        width:150px
    }
}

@media (max-width: 880px) {
    .custom-menu-size a,#about-dropdowm-menu a {
        width:91%
    }
}

#investors-dropdowm-menu li a {
    width: 200px
}

@media (max-width: 1100px) {
    #investors-dropdowm-menu li a {
        width:150px
    }
}

@media (max-width: 880px) {
    #investors-dropdowm-menu li a {
        width:91%
    }
}

#investors-dropdowm-menu .share-holders-list li a {
    width: 300px
}

@media (max-width: 880px) {
    #investors-dropdowm-menu .share-holders-list li a {
        width:91%
    }
}

.location-dropdown .parent-item img {
    pointer-events: none
}

.location-dropdown .dropdown-menu {
    padding-top: 0
}

.location-dropdown .dropdown-menu li {
    width: auto
}

.location-dropdown .dropdown-menu a {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    width: auto;
    background-color: transparent;
    pointer-events: auto
}

.location-dropdown .dropdown-menu a:hover {
    background-color: transparent
}

.location-dropdown .menu-item {
    position: absolute;
    padding-left: 3px;
    padding-right: 3px;
    right: 30px;
    top: 29px
}

@media (max-width: 880px) {
    .location-dropdown .menu-item {
        position:relative;
        right: revert;
        top: revert;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: -ms-flex !important;
        display: flex !important
    }

    .location-dropdown .menu-item .mobile-only {
        margin-right: 10px;
        margin-left: 7px
    }
}

.location-dropdown .header-chevron {
    /*margin-bottom: 6px;*/
    margin-left: 7px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    pointer-events: none
}

.location-dropdown .header-chevron.down {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

@media (max-width: 880px) {
    .location-dropdown .header-chevron {
        display:none
    }
}

.dropdown-menu,.menu-right {
    position: absolute;
    top: 50px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    background: 0 0
}

.dropdown-menu li a,.menu-right li a {
    padding-left: 15px
}

@media (min-width: 880px) {
    .dropdown-menu,.menu-right {
        padding-top:50px
    }
}

.dropdown-menu li,.menu-right li {
    margin-top: 15px;
    margin-bottom: 15px
}

.dropdown-menu {
    box-sizing: border-box
}

@media (min-width: 880px) {
    .dropdown-menu {
        padding-left:20px
    }
}

.dropdown-menu .expand-btn {
    position: relative
}

.dropdown-menu .expand-btn:after {
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #05355d;
    content: '';
    height: 5px;
    width: 5px;
    position: absolute;
    top: 22px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    vertical-align: top;
    right: -10%;
}

.menu-right {
    top: 0;
    left: 400px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    background-color: #fff
}

@media (max-width: 1100px) {
    .menu-right {
        left:300px
    }
}

.dropdown:hover .dropdown-menu {
    top: 70px;
    opacity: 1;
    visibility: visible
}

.dropdown-right:hover .menu-right {
    opacity: 1;
    visibility: visible;
    position: absolute;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    background-color: transparent
}

.mega-menu {
    position: absolute;
    left: 0;
    width: 1306px;
    top: 100px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    height: 700px
}

@media (max-width: 1315px) {
    .mega-menu {
        width:100%;
        overflow-x: hidden;
        overflow-y: scroll
    }
}

@media (max-width: 880px) {
    .mega-menu {
        height:550px;
        overflow-x: hidden;
        overflow-y: scroll
    }
}

.mega-menu .menu-items {
    height: 700px;
    overflow-y: scroll
}

.menu-items li:hover .mega-menu {
    top: 72px;
    opacity: 1;
    visibility: visible;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

@media (max-width: 880px) {
    .menu-items li:hover .mega-menu {
        top:0
    }
}

.section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    text-align: center
}

#marker {
    position: absolute;
    height: 4px;
    width: 0;
    background-color: #202020;
    bottom: 0;
    z-index: 3;
    border-radius: 2px;
    left: 0;
    opacity: 1;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

@media (max-width: 900px) {
    #marker {
        display:none
    }
}

#marker.hide {
    opacity: 0;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.burger {
    position: absolute;
    width: 20px;
    top: 10px;
    right: 20px;
    border: none;
    background-color: transparent;
    z-index: 3;
    cursor: pointer;
    display: none;
    width: 30px;
    height: 30px;
    transition: all .25s ease-out;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    padding-top: 6px
}

.burger:before,.burger:after {
    content: '';
    width: 19px;
    height: 3px;
    position: absolute;
    background: #1a1a1a;
    transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    -webkit-transition: all .25s ease-out;
    will-change: transform
}

.burger:before {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    top: 43%;
}

.burger:after {
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    top: 43%;
}

.burger .toogle-line {
    display: block;
    height: 3px;
    width: 20px;
    background-color: #202020;
    margin-bottom: 5px;
    border-radius: 2px
}

.burger.active:before {
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -o-transform: translateY(0) rotate(45deg)
}

.burger.active:after {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg)
}

@media (min-width: 880px) {
    .burger {
        display:none
    }
}

@media (max-width: 880px) {
    .burger {
        display:block;
        pointer-events: auto;
        transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -webkit-transition: all .3s ease
    }
}

.header-container {
    overflow: hidden
}

.header-container .mobile-dropdowns {
    position: absolute;
    left: 5px;
    color: #202020;
    font-family: "WorkSans-Regular",sans-serif;
    background-color: #ffcb05;
    padding-top: 18px;
    padding-bottom: 8px;
    padding-left: 8px;
    width: 120px;
    display: none
}

.header-container .mobile-dropdowns.show {
    display: none
}

@media (max-width: 880px) {
    .header-container .mobile-dropdowns.show {
        display:-webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex
    }
}

.header-container .mobile-dropdowns .back-button {
    background-color: transparent;
    border: none;
    cursor: pointer
}

.header-container .mobile-dropdowns .droppdowns-labels {
    margin-left: 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: "WorkSans-Medium",sans-serif
}

@media (max-width: 880px) {
    .header-container.open .gray-underline {
        background-color:#202020;
        display: block;
        opacity: 1;
        top: 64px
    }

    .header-container.open .menu-items {
        display: block;
        opacity: 1;
        flex-direction: column;
        align-items: revert;
        pointer-events: auto;
        position: absolute;
        top: 85px;
        width: 97%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
        transition: all .2 ease-in-out;
        -moz-transition: all .2 ease-in-out;
        -o-transition: all .2 ease-in-out;
        -webkit-transition: all .2 ease-in-out;
        height: 500px;
        overflow-y: scroll;
        overflow-x: hidden
    }

    .header-container.open .menu-right,.header-container.open .dropdown-menu {
        width: 100%;
        background-color: #fff;
        top: 0;
        z-index: 5
    }

    .header-container.open .menu-right.show,.header-container.open .dropdown-menu.show {
        display: block;
        visibility: revert;
        opacity: 1
    }

    .header-container.open .menu-right {
        left: 0;
        width: 100%;
        transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out
    }

    .header-container.open .parent-item {
        margin-bottom: 13px;
        padding-top: 10px;
        display: block
    }

    .header-container.open .expand-btn {
        position: relative
    }

    .header-container.open .expand-btn:after {
        border-style: solid;
        border-width: 2px 2px 0 0;
        border-color: #202020;
        content: '';
        height: 6px;
        position: absolute;
        top: 16px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        width: 6px;
        right: 15px
    }

    .header-container.open .menu-item {
        border-bottom: solid 1px #e8e8e8;
        padding-bottom: 20px;
        border-radius: 0
    }
}

@media (max-width: 880px) and (max-width:880px) {
    .header-container.open .menu-items {
        width:100%
    }
}

.header-container.open .hide-header-expension {
 /*   background-color: rgba(0,0,0,.746);*/
    pointer-events: none;
    z-index: 3;
    display: block;
    opacity: 1
}

.header-container.open .block-mega {
    box-shadow: 0
}

.header-container.open .block-mega.expand {
    box-shadow: none
}

.mobile-only {
    opacity: 1;
    pointer-events: auto;
    display: none;
    font-family: "WorkSans-Regular",sans-serif
}

@media (max-width: 880px) {
    .mobile-only {
        display:block;
        opacity: 1;
        pointer-events: auto;
        cursor: pointer
    }
}

.bottom-mobile-menu {
    position: relative;
    display: none;
    margin-top: 80px
}

.bottom-mobile-menu ul {
    padding: 0;
    margin: 0
}

.bottom-mobile-menu ul li {
    margin-bottom: 15px
}

.bottom-mobile-menu ul li a {
    text-decoration: none;
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 16px;
    text-transform: uppercase
}

.bottom-mobile-menu ul li a:hover {
    text-decoration: none
}

@media (min-width: 880px) {
    .bottom-mobile-menu {
        display:none
    }
}

@media (max-width: 880px) {
    .bottom-mobile-menu {
        display:block
    }
}

.campaign-links {
    width: 332px;
    position: absolute;
    right: 90px;
    top: 67px;
    background-color: transparent
}

.campaign-links a {
    text-decoration: none;
    width: 100% !important
}

.campaign-links a:hover {
    background-color: transparent
}

@media (max-width: 1030px) {
    .campaign-links {
        width:200px
    }
}

@media (max-width: 900px) {
    .campaign-links {
        display:none
    }
}

.campaign-links .caption-bg-container {
    width: 332px;
    height: 332px;
    border-radius: 24px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.campaign-links .caption-bg-container:after {
    content: "";
    left: 0;
    top: 0;
    background-color: #12233169;
    position: absolute;
    height: 0;
    width: 100%;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.campaign-links .caption-bg-container .caption-bg {
    width: 100%;
    height: 80%;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

@media (max-width: 1030px) {
    .campaign-links .caption-bg-container {
        width:200px;
        height: 200px
    }
}

.campaign-links .caption-text {
    font-family: "WorkSans-Regular",sans-serif;
    color: #202020;
    font-size: 16px;
   /* margin-left:50px;*/
}

.campaign-links .caption-text b {
    font-weight: 600;
    font-family: "WorkSans-Medium",sans-serif
}

.campaign-links:hover .caption-bg-container .caption-bg {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.site-footer {
    background: #202020;
    height: 460px;
    width: 100%;
    border-radius: 16px 16px 0 0;
    padding-top: 95px;
    position: relative;
    box-sizing: border-box;
    margin-top: -14px;
    z-index: 1
}

@media (max-width: 1088px) {
    .site-footer {
        height:auto;
        padding: 60px 20px 110px
    }
}

@media (max-width: 768px) {
    .site-footer {
        padding:60px 0 110px
    }
}

.site-footer .footer-container {
    width: 1300px;
    margin: 0 auto;
    position: relative
}

@media (min-width: 1600px) {
    .site-footer .footer-container {
        width:1416px
    }
}

@media (max-width: 1365px) {
    .site-footer .footer-container {
        width:100%;
        padding-left: 0px;
        padding-right: 0px;
        box-sizing: border-box
    }
}

@media (max-width: 760px) {
    .site-footer .footer-container {
        padding-left:15px;
        padding-right: 15px
    }
}

.site-footer .footer-container .top-footer-block {
/*    align-self: start;*/
    position: relative;
    padding-bottom: 60px;
    border-bottom: solid 2px #404040
}

@media (max-width: 767px) {
    .site-footer .footer-container .top-footer-block {
        height:auto;
        padding-bottom: 0px
    }
}

.site-footer .footer-container .top-footer-block .contact-container {
    position: absolute;
    left: 0;
    text-decoration: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

@media (max-width: 768px) {
    .site-footer .footer-container .top-footer-block .contact-container {
        position:relative;
        border-bottom: solid 2px #404040;
        padding-bottom: 30px;
        margin-bottom: 30px
    }
}

.site-footer .footer-container .top-footer-block .contact-container .contact-us-text {
    color: #fff;
    font-family: "WorkSans-Bold",sans-serif;
    font-size: 16px;
    margin-left: 20px
}

.site-footer .footer-container .top-footer-block .social-media-list {
    position: absolute;
    right: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

@media (max-width: 768px) {
    .site-footer .footer-container .top-footer-block .social-media-list {
        display:block;
        position: relative;
        right: revert
    }
}

.site-footer .footer-container .top-footer-block .social-media-list li {
    margin-left: 20px;
    list-style: none
}

@media (max-width: 768px) {
    .site-footer .footer-container .top-footer-block .social-media-list li {
        margin-left:0;
        margin-bottom: 25px
    }
}

.site-footer .footer-container .top-footer-block .social-media-list li a {
    color: #ffcb05;
    text-decoration: none;
    font-size: 12px;
    font-family: "WorkSans-Regular",sans-serif;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    position: relative;
    padding-bottom: 25px
}

.site-footer .footer-container .top-footer-block .social-media-list li a:after {
    content: "";
    left: 0;
    position: absolute;
    width: 0;
    height: 1px;
    background-color: #ffcb05;
    top: 25px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.site-footer .footer-container .top-footer-block .social-media-list li a:hover {
    color: #fff;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.site-footer .footer-container .top-footer-block .social-media-list li a:hover:after {
    width: 100%;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.site-footer .footer-container .bottom-footer-block {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

@media (max-width: 767px) {
    .site-footer .footer-container .bottom-footer-block {
        flex-direction:column;
        align-items: flex-start;
        gap: 30px
    }
}

.site-footer .footer-container .bottom-footer-block .bottom-nav-list {
    padding-top: 40px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

@media (max-width: 767px) {
    .site-footer .footer-container .bottom-footer-block .bottom-nav-list {
        width:100%;
        flex-wrap: wrap
    }
}

.site-footer .footer-container .bottom-footer-block .bottom-nav-list li {
    margin-right: 45px;
    list-style: none
}

@media (max-width: 767px) {
    .site-footer .footer-container .bottom-footer-block .bottom-nav-list li {
        margin-right:20px;
        margin-bottom: 20px
    }
}

.site-footer .footer-container .bottom-footer-block .bottom-nav-list li a {
    color: #fff;
    text-decoration: none;
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 14px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    text-transform: capitalize;
    position: relative;
    line-height: 125%
}

.site-footer .footer-container .bottom-footer-block .bottom-nav-list li a:after {
    content: "";
    left: 0;
    position: absolute;
    width: 0;
    height: 1px;
    background-color: #ffcb05;
    top: 25px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.site-footer .footer-container .bottom-footer-block .bottom-nav-list li a:hover {
    color: #ffcb05;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.site-footer .footer-container .bottom-footer-block .bottom-nav-list li a:hover:after {
    width: 100%;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.site-footer .footer-container .bottom-footer-block .all-right {
    color: #fff;
    font-family: "WorkSans-Regular",sans-serif;
    margin-top: 30px;
    font-size: 12px;
    text-transform: uppercase
}

.site-footer .footer-container .bottom-footer-block .all-right span {
    color: #fff;
    font-family: "WorkSans-Regular",sans-serif;
    margin-top: 30px;
    font-size: 12px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .site-footer .footer-container .bottom-footer-block .all-right {
        line-height:22px
    }
}

.site-footer .footer-container .bottom-footer-block .footer-right-bottom-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

@media (max-width: 870px) {
    .site-footer .footer-container .bottom-footer-block .footer-right-bottom-container {
        position:relative
    }
}

.site-footer .footer-container .bottom-footer-block .footer-right-bottom-container .logo-text-right {
    color: #ffcb05;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-style: italic;
    font-size: 18px;
    margin-top: 5px
}

@media (max-width: 870px) {
    .site-footer .footer-container .bottom-footer-block .footer-right-bottom-container .logo-text-right {
        margin-left:30px
    }
}

.site-footer .footer-container .bottom-footer-block .footer-right-bottom-container .logo-container {
    margin-left: 20px
}

@media (max-width: 870px) {
    .site-footer .footer-container .bottom-footer-block .footer-right-bottom-container .logo-container {
        margin-left:0
    }
}

@media (max-width: 768px) {
    .site-footer .footer-container .bottom-footer-block .footer-right-bottom-container .logo-container {
        position:relative
    }
}

.site-footer .footer-container .bottom-footer-block .footer-right-bottom-container .logo-container img {
    object-fit: contain;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
}

@charset "UTF-8";@font-face {
    font-family: 'MTNBrighterSans-ExtraLight';
    src: url(/fonts/MTNBrighterSans-ExtraLight.eot?#iefix);
    src: url(/fonts/MTNBrighterSans-ExtraLight.eot?#iefix) format('eot'),url(/fonts/MTNBrighterSans-ExtraLight.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'MTNBrighterSans-ExtraLightItalic';
    src: url(/fonts/MTNBrighterSans-ExtraLightItalic.eot?#iefix);
    src: url(/fonts/MTNBrighterSans-ExtraLightItalic.eot?#iefix) format('eot'),url(/fonts/MTNBrighterSans-ExtraLightItalic.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'MTNBrighterSans-Light';
    src: url(/fonts/MTNBrighterSans-Light.eot?#iefix);
    src: url(/fonts/MTNBrighterSans-Light.eot?#iefix) format('eot'),url(/fonts/MTNBrighterSans-Light.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'MTNBrighterSans-LightItalic';
    src: url(/fonts/MTNBrighterSans-LightItalic.eot?#iefix);
    src: url(/fonts/MTNBrighterSans-LightItalic.eot?#iefix) format('eot'),url(/fonts/MTNBrighterSans-LightItalic.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'MTNBrighterSans-Regular';
    src: url(/fonts/MTNBrighterSans-Regular.eot?#iefix);
    src: url(/fonts/MTNBrighterSans-Regular.eot?#iefix) format('eot'),url(/fonts/MTNBrighterSans-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'MTNBrighterSans-RegularItalic';
    src: url(/fonts/MTNBrighterSans-RegularItalic.eot?#iefix);
    src: url(/fonts/MTNBrighterSans-RegularItalic.eot?#iefix) format('eot'),url(/fonts/MTNBrighterSans-RegularItalic.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'MTNBrighterSans-Medium';
    src: url(/fonts/MTNBrighterSans-Medium.woff);
    src: url(//fonts/MTNBrighterSans-Medium.woff);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'MTNBrighterSans-MediumItalic';
    src: url(/fonts/MTNBrighterSans-MediumItalic.eot?#iefix);
    src: url(/fonts/MTNBrighterSans-MediumItalic.eot?#iefix) format('eot'),url(/fonts/MTNBrighterSans-MediumItalic.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'MTNBrighterSans-Bold';
    src: url(/fonts/MTNBrighterSans-Bold.woff);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'MTNBrighterSans-BoldItalic';
    src: url(/fonts/MTNBrighterSans-BoldItalic.eot?#iefix);
    src: url(/fonts/MTNBrighterSans-BoldItalic.eot?#iefix) format('eot'),url(/fonts/MTNBrighterSans-BoldItalic.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'MTNBrighterSans-ExtraBold';
    src: url(/fonts/MTNBrighterSans-ExtraBold.eot?#iefix);
    src: url(/fonts/MTNBrighterSans-ExtraBold.eot?#iefix) format('eot'),url(/fonts/MTNBrighterSans-ExtraBold.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'MTNBrighterSans-ExtraBoldItalic';
    src: url(/fonts/MTNBrighterSans-ExtraBoldItalic.eot?#iefix);
    src: url(/fonts/MTNBrighterSans-ExtraBoldItalic.eot?#iefix) format('eot'),url(/fonts/MTNBrighterSans-ExtraBoldItalic.woff) format('woff');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/WorkSans-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900; /* full range */
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/WorkSans-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
}
/* Normal weights */
@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/WorkSans-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/WorkSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/WorkSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/WorkSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/WorkSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/WorkSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/WorkSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/WorkSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/WorkSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

/* Italic weights */
@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/WorkSans-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/WorkSans-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/WorkSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/WorkSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/WorkSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/WorkSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/WorkSans-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/WorkSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/WorkSans-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}


.internal-header-block {
    height: 180px;
    width: 100%;
    position: relative
}

@media (max-width: 820px) {
    .internal-header-block {
        height:100px;
        transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -webkit-transition: all .3s ease
    }
}

.newsroom-heading {
    width: 1310px;
    margin: 0 auto 30px
}

@media (max-width: 1325px) {
    .newsroom-heading {
        width:100%
    }
}

.newsroom-main {
    position: relative
}

@media (max-width: 768px) {
    .newsroom-main .full-section-with-slider {
        padding-bottom:50px
    }
}

.newsroom-main .full-section-with-slider .card-container .card-heading {
    font-size: 16px;
    line-height: 18px
}

.newsroom-main .newsroom-news {
    margin-top: 130px;
    margin-bottom: 120px
}

@media (max-width: 767px) {
    .newsroom-main .newsroom-news {
        margin-top:70px
    }
}

.site-text {
    font-size: 14px;
    font-family: "WorkSans-Regular",sans-serif;
    color: #202020
}

.news-text {
    font-size: 16px;
    font-family: "WorkSans-Regular",sans-serif;
    margin-top: 10px;
    color: #606060
}

.mini-news-container {
    position: relative;
    width: 1310px;
    margin: 0 auto 0px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between
}

@media (max-width: 1310px) {
    .mini-news-container {
        width:100%
    }
}

@media (max-width: 880px) {
    .mini-news-container {
        display:block
    }
}

.mini-news-container .mini-news {
    width: 49%;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    text-decoration: none;
    color: #202020
}

@media (max-width: 1040px) {
    .mini-news-container .mini-news {
        width:47%
    }
}

.mini-news-container .mini-news a,.mini-news-container .mini-news p {
    text-decoration: none;
    color: #202020;
    font-family: "WorkSans-Regular",sans-serif
}

@media (max-width: 880px) {
    .mini-news-container .mini-news {
        width:100%
    }
}

.mini-news-container .mini-news .mini-news-bg {
    height: 100px;
    width: 116px;
    border-radius: 8px;
    margin-right: 15px
}

@media (max-width: 768px) {
    .mini-news-container .mini-news .mini-news-bg {
        height:120px
    }
}

@media (max-width: 500px) {
    .mini-news-container .mini-news .mini-news-bg {
        height:125px
    }
}

.mini-news-container .mini-news .mini-news-content {
    width: calc(100% - 120px)
}

.mini-news-container .mini-news .mini-news-content p,.mini-news-container .mini-news .mini-news-content a {
    text-decoration: none;
    color: #202020;
    font-family: "WorkSans-Regular",sans-serif
}

@media (max-width: 768px) {
    .mini-news-container .mini-news .mini-news-content {
        width:calc(98% - 116px)
    }
}

.mini-news-container .mini-news .mini-head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin-bottom: 15px
}

@media (max-width: 880px) {
    .mini-news-container .mini-news .mini-head {
        flex-direction:column
    }
}

.mini-news-container .mini-news .mini-head .head {
    font-size: 14px;
    font-family: "WorkSans-Bold",sans-serif;
    color: #202020;
    margin-right: 15px;
    text-decoration: none
}

.mini-news-container .mini-news .mini-head .news-date {
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 14px;
    color: #202020;
    text-decoration: none
}

.press-office {
    position: relative;
    width: 1310px;
    margin: 40px auto 70px;
    height: 160px;
    background-color: #202020;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 50px 30px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    color: #fff
}

@media (max-width: 1315px) {
    .press-office {
        width:98%;
        height: auto;
        padding: 36px 30px
    }
}

@media (max-width: 768px) {
    .press-office {
        display:block;
        height: auto;
        border-radius: 24px;
        padding: 36px 30px
    }
}

.press-office .press-content {
    margin-right: 130px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

@media (max-width: 1315px) {
    .press-office .press-content {
        margin-right:30px;
        margin-bottom: 20px
    }
}

.press-office .press-content h5 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 24px
}

@media (max-width: 1300px) {
    .press-office .press-content h5 {
        font-size:20px
    }
}

@media (max-width: 1100px) {
    .press-office .press-content h5 {
        font-size:18px
    }
}

@media (max-width: 768px) {
    .press-office .press-content h5 {
        font-size:25px
    }
}

.press-office .press-content .press-text {
    color: #fff;
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 16px
}

.press-office .press-form-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

@media (max-width: 768px) {
    .press-office .press-form-container {
        display:block
    }
}

.press-office .press-form-container .field-container {
    width: 454px;
    height: 71px;
    background-color: #fff;
    border-radius: 4px;
    border-bottom: solid 3px #ffcb05;
    padding-left: 15px;
    padding-top: 7px;
    box-sizing: border-box
}

@media (max-width: 1024px) {
    .press-office .press-form-container .field-container {
        width:300px;
        padding: 11px 19px;
        transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out
    }
}

@media (max-width: 768px) {
    .press-office .press-form-container .field-container {
        width:100%
    }
}

.press-office .press-form-container .field-container label {
    font-size: 14px;
    font-family: "WorkSans-Regular",sans-serif;
    display: block;
    position: relative;
    color: #b0b0b0;
    margin-bottom: 7px;
    margin-top: 0
}

.press-office .press-form-container .field-container input {
    font-size: 20px;
    font-family: "WorkSans-Medium",sans-serif;
    color: #b0b0b0;
    border: none;
    background-color: #fff;
    outline: none;
    width: 100%
}

.press-office .press-form-container button {
    margin-left: 20px;
    margin-top: 20px;
    padding-top: 0
}

@media (max-width: 768px) {
    .press-office .press-form-container button {
        width:100%;
        margin-left: 0
    }
}

.spotlights-container {
    position: relative;
    margin-bottom: 80px;
    margin-top: 40px
}

.spotlights-container .spotlight-heading {
    margin-bottom: 50px
}

@media (max-width: 768px) {
    .spotlights-container .spotlight-heading {
        margin-bottom:30px
    }
}

.social-feed-container {
    width: 97%;
    position: relative;
    margin: 0 auto 120px
}

@media (max-width: 767px) {
    .social-feed-container {
        margin:0 auto 60px
    }
}

.social-feed-container .social-head-block {
    border-radius: 24px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    height: 505px;
    background: linear-gradient(180deg,rgba(115,115,115,.4) 0%,rgba(0,0,0,.8) 50%),#232323
}

.social-feed-container .social-headings {
    width: 400px;
    margin: 0 auto;
    padding-top: 60px;
    color: #fff;
    text-align: center;
    z-index: 1;
    position: relative
}

@media (max-width: 600px) {
    .social-feed-container .social-headings {
        width:90%
    }
}

.social-feed-container .social-headings h4 {
    font-family: "MTNBrighterSans-Medium",sans-serif;
    font-size: 46px;
    color: #fff;
    margin-bottom: 40px
}

@media (max-width: 768px) {
    .social-feed-container .social-headings h4 {
        font-size:30px
    }
}

.social-feed-container .social-headings .social-text {
    color: #fff
}

.social-feed-container .social-headings .social-text p {
    color: #fff
}

.social-feed-container .main-tweet-slider {
    position: relative;
    width: 1200px;
    margin: 0 auto 0px
}

@media (max-width: 1210px) {
    .social-feed-container .main-tweet-slider {
        width:100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box
    }
}

@media (max-width: 768px) {
    .social-feed-container .main-tweet-slider {
        width:82%
    }
}

@media (max-width: 500px) {
    .social-feed-container .main-tweet-slider {
        width:355px
    }
}

@media (max-width: 360px) {
    .social-feed-container .main-tweet-slider {
        width:90%
    }
}

.social-feed-container .tweet-container {
    width: 1087px;
    margin: 60px auto 12px;
    z-index: 1;
    position: relative
}

@media (max-width: 1090px) {
    .social-feed-container .tweet-container {
        width:100%
    }
}

@media (max-width: 500px) {
    .social-feed-container .tweet-container {
        width:280px;
        margin-top: 80px
    }
}

.social-feed-container .tweet-container .each-tweet {
    height: 325px;
    width: 350px;
    background-color: #fff;
    border: 2px solid #f5f5f5;
    border-radius: 24px;
    box-shadow: 0px 2px 4px rgba(0,0,0,.08);
    box-sizing: border-box;
    margin-left: 7px;
    margin-right: 7px;
    padding: 50px 40px;
    border-bottom: solid 4px #ffcb05
}

@media (max-width: 1030px) {
    .social-feed-container .tweet-container .each-tweet {
        height:auto;
        transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -webkit-transition: all .3s ease
    }
}

@media (max-width: 768px) {
    .social-feed-container .tweet-container .each-tweet {
        width:350px;
        height: auto;
        padding: 30px 20px
    }
}

@media (max-width: 500px) {
    .social-feed-container .tweet-container .each-tweet {
        width:300px
    }
}

.social-feed-container .tweet-container .each-tweet .read-more-with-arrow {
    width: 62px
}

.social-feed-container .tweet-container .each-tweet .profile-block {
    min-height: 70px;
    position: relative
}

.social-feed-container .tweet-container .each-tweet .profile-block .profile-img {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    position: absolute;
    left: 0
}

.social-feed-container .tweet-container .each-tweet .profile-block .profile-details {
    margin-left: 10px;
    position: absolute;
    left: 50px
}

.social-feed-container .tweet-container .each-tweet .profile-block .profile-details h5 {
    font-family: "WorkSans-Bold",sans-serif;
    font-size: 16px;
    color: #202020;
    margin-top: 4px
}

.social-feed-container .tweet-container .each-tweet .profile-block .profile-details p {
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 13px;
    margin-top: 6px;
    color: #909090
}

.social-feed-container .tweet-container .each-tweet .tweet-text {
    color: #606060;
    font-size: 16px;
    margin-top: 16px;
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .social-feed-container .tweet-container .each-tweet .tweet-text {
        font-size:14px
    }
}

.social-feed-container .slick-arows {
    width: 40px;
    height: 40px;
    background-color: #ffcb05;
    border: none;
    box-sizing: border-box;
    outline: none;
    cursor: pointer;
    position: absolute;
    bottom: 115px;
    border-radius: 50%;
    text-align: center;
    padding-top: 10px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

@media (max-width: 880px) {
    .social-feed-container .slick-arows {
        display:none
    }
}

.social-feed-container .slick-arows:hover {
    background-color: #fff;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.social-feed-container .slick-arows.tweet-prev {
    left: -20px
}

.social-feed-container .slick-arows.tweet-prev img {
    transform: rotate(-269deg)
}

.social-feed-container .slick-arows.tweet-next {
    right: -20px
}

.social-feed-container .slick-arows.tweet-next img {
    transform: rotate(269deg)
}

.social-feed-container .tweet-dots .slick-dots {
    webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.social-feed-container .tweet-dots .slick-dots>li:only-child {
    display: none
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: auto;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.investors-main {
    position: relative
}

@media (max-width: 500px) {
    .investors-main .full-section-with-slider {
        padding-bottom:0
    }
}

.investors-main .shareholder-slider .each-card:nth-child(4),.investors-main .shareholder-slider .each-card:nth-child(5),.investors-main .shareholder-slider .each-card:nth-child(6) {
    display: none !important
}

.investors-main .header-banner .each-banner .page-title {
    display: block
}

@media (max-width: 880px) {
    .investors-main .header-banner .each-banner .page-title span,.investors-main .header-banner .each-banner .page-title p {
        color:#fff
    }
}

.investors-main .header-banner .each-banner .banner-content {
    overflow: hidden
}

.investors-main .header-banner .each-banner .banner-content .banner-heading {
    color: #fff
}

@media (max-width: 880px) {
    .investors-main .header-banner .each-banner .banner-content .banner-heading {
        color:#fff
    }
}

.investors-main .header-banner .each-banner .banner-content .banner-text {
    color: #fff
}

.investors-main .header-banner .each-banner .banner-content .banner-text p {
    color: #fff
}

@media (max-width: 880px) {
    .investors-main .header-banner .each-banner .banner-content .banner-text p {
        color:#fff
    }
}

@media (max-width: 880px) {
    .investors-main .header-banner .each-banner .banner-content .banner-text {
        color:#fff
    }
}

.investors-main .header-banner .each-banner .bottom-bar {
    text-align: center;
    z-index: 1
}

.investors-main .header-banner .each-banner .bottom-bar .button {
    border: solid 2px #fff;
    color: #fff;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    right: revert
}

@media (max-width: 880px) {
    .investors-main .header-banner .each-banner .bottom-bar .button {
        border:solid 2px #fff;
        color: #fff
    }
}

.investors-main .header-banner .each-banner .bottom-bar .button:hover {
    background-color: #202020;
    color: #fff
}

.investors-main .annual-container .investment-img {
    height: 300px
}

.investors-main .iframe-bar-container {
    width: 1306px;
    margin: 0 auto;
    background-color: #e8e8e8;
    border-radius: 20px;
    height: 28px;
    box-sizing: border-box;
    padding-top: 4px
}

@media (max-width: 1310px) {
    .investors-main .iframe-bar-container {
        width:97%
    }
}

.investors-main .iframe-bar-container p {
    color: #fff
}

.investors-main .iframe-bar-container p.marquee {
    color: #fff !important
}

.investors-main .iframe-bar-container .marquee {
    color: #fff !important
}

.investors-main .news-block-container {
    margin-top: 50px;
    margin-bottom: 0
}

@media (max-width: 880px) {
    .investors-main .news-block-container {
        margin-top:100px;
        padding-top: 40px
    }
}

.investors-main .why-mtn {
    margin-top: 60px
}

.investors-main .why-mtn h4 {
    margin-bottom: -40px
}

.investors-main .careers-container {
    margin: 120px auto 25px
}

@media (max-width: 810px) {
    .investors-main .careers-container {
        margin:40px auto 15px
    }
}

.investors-main .latest-sens {
    width: 1310px;
    margin: 60px auto 90px;
    height: 270px;
    overflow: hidden;
    position: relative
}

@media (max-width: 880px) {
    .investors-main .latest-sens {
        height:auto
    }
}

@media (max-width: 500px) {
    .investors-main .latest-sens {
        margin:60px auto 0px
    }
}

@media (max-width: 880px) {
    .investors-main .latest-sens .left_block p {
        width:93%
    }
}

.investors-main .latest-sens .lens-heading {
    text-align: center
}

@media (max-width: 880px) {
    .investors-main .latest-sens .lens-heading {
        text-align:left;
        display: block;
        margin-left: 16px
    }
}

@media (max-width: 1315px) {
    .investors-main .latest-sens {
        width:97%;
        padding-right: 10px;
        box-sizing: border-box
    }
}

.investors-main .latest-sens .view-more-block {
    margin: 30px auto 0px;
    height: 50px
}

.investors-main .latest-sens .sens-list {
    position: relative;
    margin-top: 30px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

@media (max-width: 810px) {
    .investors-main .latest-sens .sens-list {
        display:block;
        transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -webkit-transition: all .3s ease
    }
}

@media (max-width: 768px) {
    .investors-main .latest-sens .sens-list {
        display:block
    }
}

.investors-main .latest-sens .sens-list .each-sens {
    width: 47%;
    margin-bottom: 20px;
    margin-right: 5px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

@media (max-width: 810px) {
    .investors-main .latest-sens .sens-list .each-sens {
        width:100%
    }
}

@media (max-width: 768px) {
    .investors-main .latest-sens .sens-list .each-sens {
        width:100%
    }
}

.investors-main .latest-sens .sens-list .each-sens .sens-img {
    height: 100px;
    width: 116px;
    border-radius: 8px;
    margin-right: 15px;
    background-color: #e8e8e8;
    box-sizing: border-box;
    text-align: center;
    padding-top: 18px;
    position: relative
}

.investors-main .latest-sens .sens-list .each-sens .sens-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.investors-main .latest-sens .sens-list .each-sens .sens-content {
    width: calc(98% - 116px)
}

.investors-main .latest-sens .sens-list .each-sens .sens-content .head {
    font-size: 14px;
    font-family: "WorkSans-Medium",sans-serif;
    color: #202020;
    margin-right: 15px
}

.investors-main .latest-sens .sens-list .each-sens .sens-content .sens-date {
    font-size: 14px;
    color: #202020;
    font-family: "WorkSans-Regular",sans-serif
}

@media (max-width: 768px) {
    .investors-main .latest-sens .sens-list .each-sens:nth-child(5),.investors-main .latest-sens .sens-list .each-sens:nth-child(6),.investors-main .latest-sens .sens-list .each-sens:nth-child(7),.investors-main .latest-sens .sens-list .each-sens:nth-child(8) {
        display:none
    }
}

.investors-main .custom-heading {
    margin-bottom: 40px;
    margin-top: 90px
}

@media (max-width: 810px) {
    .investors-main .custom-heading {
        margin-top:-19px
    }
}

.investors-main .ballance-bar {
    width: 1310px;
    height: 25px;
    background-color: #202020;
    border-radius: 10px;
    margin: 10px auto
}

@media (max-width: 810px) {
    .investors-main .ballance-bar {
        width:97%
    }
}

.investors-main .operating-block .careers-container {
    margin: 90px auto 95px
}

.investors-main .share-main-container .full-size-container .card-container .card-heading {
    font-size: 20px;
    line-height: 22px
}

.investors-main .share-main-container .full-size-container .slick-arows {
    display: none
}

@media (max-width: 500px) {
    .investors-main .share-main-container .full-size-container .slick-arows {
        display:block
    }
}

.investors-main .share-main-container .full-size-container .slick-dots>li:only-child {
    display: none
}

@media (max-width: 1080px) {
    .investors-main .share-main-container .full-size-container .slick-dots {
        width:100%;
        justify-content: center;
        bottom: -66px
    }
}

@media (max-width: 768px) {
    .investors-main .share-main-container .full-size-container .slick-dots {
        display:flex;
        justify-content: center;
        margin-bottom: -30px;
        bottom: -35px
    }
}

@media (max-width: 1080px) {
    .investors-main .share-main-container .full-size-container {
        margin-bottom:115px
    }
}

.investors-main .careers-container .careers-content {
    padding-top: 30px
}

.investors-main .careers-container .careers-content {
    padding-top: 30px
}

.about-landing {
    position: relative
}

.about-landing .header-banner .each-banner .banner-content {
    top: revert;
    bottom: 190px
}

@media (max-width: 880px) {
    .about-landing .header-banner .each-banner .banner-content {
        bottom:90px
    }
}

.about-landing .header-banner .each-banner .bottom-bar {
    display: none
}

.about-landing .we-believe {
    width: 936px;
    margin: 90px auto 90px
}

@media (max-width: 940px) {
    .about-landing .we-believe {
        width:97%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
        margin: -20px auto 30px
    }
}

.about-landing .we-believe h4 {
    margin-bottom: 20px;
    margin-top: 20px
}

@media (max-width: 880px) {
    .about-landing .we-believe h4 {
        font-size:44px;
        line-height: 44px;
        margin-bottom: 20px;
        margin-top: 20px
    }
}

.about-landing .we-believe .believe-bold {
    font-family: "WorkSans-Regular",sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 15px;
    color: #202020
}

.about-landing .we-believe .believe-bold strong {
    font-family: "WorkSans-Bold",sans-serif
}

.about-landing .we-believe .site-text {
    color: #606060;
    font-size: 16px;
    line-height: 150%
}

@media (max-width: 810px) {
    .about-landing .leadership {
        margin-bottom:50px
    }
}

.about-landing .why-mtn.our-values {
    width: 709px;
    margin: 0 auto
}

@media (max-width: 768px) {
    .about-landing .why-mtn.our-values {
        width:100%;
        padding-left: 10px;
        padding-right: 10px
    }
}

.about-landing .why-mtn.our-values .each-icon-block:nth-child(3) {
    display: none
}

.about-landing .news-block-container h3 {
    margin-bottom: 40px
}

.about-landing .share-main-container .full-size-container .card-container .card-heading {
    font-size: 20px;
    line-height: 22px
}

.about-landing .share-main-container .full-size-container .card-container .findout-more {
    display: none
}

.about-landing .share-main-container .full-size-container .slick-arows {
    display: none
}

@media (max-width: 500px) {
    .about-landing .share-main-container .full-size-container .slick-arows {
        display:block
    }
}

.about-landing .share-main-container .full-size-container .slick-dots>li:only-child {
    display: none
}

@media (max-width: 768px) {
    .about-landing .share-main-container .full-size-container .slick-dots {
        display:flex;
        justify-content: center;
        margin-bottom: -30px;
        bottom: -90px
    }
}

@media (max-width: 768px) {
    .about-landing .share-main-container .full-size-container {
        margin-bottom:115px
    }
}

.about-landing .compain-primary-contianer {
    height: 880px;
    width: 97%;
    position: relative;
    margin: 70px auto 110px;
    color: #fff
}

@media (min-width: 1420px) {
    .about-landing .compain-primary-contianer {
        height:780px
    }
}

@media (max-width: 880px) {
    .about-landing .compain-primary-contianer {
        height:640px;
        margin: 70px auto 60px
    }
}

.about-landing .compain-primary-contianer .campaign-desktop-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    border-radius: 20px
}

@media (max-width: 880px) {
    .about-landing .compain-primary-contianer .campaign-desktop-bg {
        display:none
    }
}

.about-landing .compain-primary-contianer .campaign-mobile-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 20px;
    z-index: 0
}

@media (min-width: 880px) {
    .about-landing .compain-primary-contianer .campaign-mobile-bg {
        display:none
    }
}

.about-landing .compain-primary-contianer .inner-campaign {
    position: absolute;
    width: 1306px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    bottom: 111px;
    z-index: 1
}

@media (max-width: 1310px) {
    .about-landing .compain-primary-contianer .inner-campaign {
        width:90%
    }
}

@media (max-width: 768px) {
    .about-landing .compain-primary-contianer .inner-campaign {
        bottom:20px
    }
}

.about-landing .compain-primary-contianer .inner-campaign .data-container {
    background: rgba(255,255,255,.1605);
    border: 2px solid rgba(255,255,255,.0783);
    box-sizing: border-box;
    backdrop-filter: blur(43.4925px);
    width: 576px;
    height: 272px;
    position: relative;
    border-radius: 24px;
    padding: 40px 45px
}

@media (max-width: 1100px) {
    .about-landing .compain-primary-contianer .inner-campaign .data-container {
        width:400px;
        height: auto;
        padding: 23px 27px
    }
}

@media (max-width: 600px) {
    .about-landing .compain-primary-contianer .inner-campaign .data-container {
        width:100%
    }
}

.about-landing .compain-primary-contianer .inner-campaign .data-container h5 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 20px
}

.about-landing .compain-primary-contianer .inner-campaign .data-container p {
    color: #fff;
    font-size: 16px;
    font-family: "WorkSans-Regular",sans-serif;
    margin-top: 15px;
    margin-bottom: 20px
}

.about-landing .network-container .each-network .network-text {
    bottom: 30px
}

.about-landing .full-section-with-slider .full-size-container .card-container .each-card {
    cursor: pointer
}

.about-landing .full-section-with-slider .full-size-container .card-container .each-card:hover {
    background: rgba(255,255,255,.160457);
    cursor: pointer
}

@media (max-width: 600px) {
    .about-landing .full-section-with-slider {
        padding-bottom:0
    }
}

.about-landing .custom-news-heading {
    text-align: center;
    margin-bottom: 50px
}

@media (max-width: 880px) {
    .about-landing .custom-news-heading {
        text-align:left;
        margin-left: 15px;
        font-size: 44px;
        margin-bottom: 30px;
        line-height: 44px
    }
}

.about-landing .our-values-main {
    margin-top: 70px
}

.about-landing .our-values-main h4 {
    text-align: center;
    font-size: 56px
}

@media (max-width: 880px) {
    .about-landing .our-values-main h4 {
        font-size:40px;
        line-height: 40px
    }
}

.about-landing .our-values-main .three-icon-container {
    flex-wrap: wrap;
    webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

@media (max-width: 768px) {
    .about-landing .our-values-main .three-icon-container {
        display:block
    }
}

.about-landing .our-values-main .three-icon-container .each-icon-block {
    width: 20%;
    margin-bottom: 30px
}

.about-landing .our-values-main .three-icon-container .each-icon-block img {
    width: 100px
}

@media (max-width: 880px) {
    .about-landing .our-values-main .three-icon-container .each-icon-block {
        width:100%
    }
}

.about-landing .priorities-main {
    margin-top: 70px
}

.about-landing .priorities-main h4 {
    text-align: center;
    font-size: 56px
}

@media (max-width: 880px) {
    .about-landing .priorities-main h4 {
        font-size:40px;
        line-height: 40px
    }
}

.about-landing .priorities-main .three-icon-container {
    flex-wrap: wrap;
    webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

@media (max-width: 768px) {
    .about-landing .priorities-main .three-icon-container {
        display:block
    }
}

.about-landing .priorities-main .three-icon-container .each-icon-block {
    width: 25%;
    margin-bottom: 30px
}

@media (max-width: 880px) {
    .about-landing .priorities-main .three-icon-container .each-icon-block {
        width:100%
    }
}

.network-container {
    width: 1176px;
    margin: 40px auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    webkit-box-pack: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around
}

@media (max-width: 1180px) {
    .network-container {
        width:90%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        webkit-box-pack: left;
        -webkit-justify-content: left;
        -moz-justify-content: left;
        -ms-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

@media (max-width: 768px) {
    .network-container {
        webkit-box-pack:left;
        -webkit-justify-content: left;
        -moz-justify-content: left;
        -ms-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

.network-container .each-network {
    text-align: center;
    text-decoration: none;
    width: 216px;
    height: 216px;
    padding-top: 47px;
    box-sizing: border-box;
    position: relative;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    border-radius: 4px
}

@media (max-width: 912px) {
    .network-container .each-network {
        width:32%;
        height: 185px;
        padding-top: 32px;
        margin-bottom: 15px
    }
}

@media (max-width: 500px) {
    .network-container .each-network {
        width:50%;
        margin-right: 0
    }
}

.network-container .each-network:hover {
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    text-decoration: none;
    background-color: #e8e8e8
}

.network-container .each-network:focus {
    background-color: #ffcb05
}

.network-container .each-network:active {
    background-color: #ffcb05
}

.network-container .each-network .network-text {
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 15px;
    color: #202020;
    position: absolute;
    bottom: 25px;
    text-align: center;
    width: 100%
}

* {
    padding: 0;
    margin: 0
}

body {
    background-color: #fff
}

h2 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 56px;
    line-height: 54px;
    color: #202020
}

@media (max-width: 768px) {
    h2 {
        font-size:30px;
        line-height: 30px
    }
}

h3 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 45px;
    color: #202020;
    line-height: 45px
}

@media (max-width: 768px) {
    h3 {
        font-size:30px;
        line-height: 30px
    }
}

h4 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 30px;
    line-height: 30px;
    color: #202020
}

@media (max-width: 768px) {
    h4 {
        font-size:24px;
        line-height: 24px
    }
}

span,p {
    font-size: 16px;
    color: #202020;
    font-family: "WorkSans-Regular",sans-serif;
    line-height: 150%;
    letter-spacing: -.18px;
    text-decoration: none
}

span.white-text,p.white-text {
    color: #ffff
}

.custom-grid {
    width: 1306px;
    margin: 0 auto 150px
}

@media (max-width: 1325px) {
    .custom-grid {
        width:100%;
        position: relative;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 auto 60px
    }
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.leadership-container {
    position: relative;
    box-sizing: border-box
}

.leadership-container .sections-scroll {
    padding-left: 10px
}

.leadership-container .page-label {
    font-family: "WorkSans-Bold",sans-serif;
    font-size: 14px;
    color: #202020;
    margin-bottom: 30px
}

@media (max-width: 1306px) {
    .leadership-container .page-header-labels {
        padding-left:10px;
        padding-right: 10px
    }
}

.leadership-container .main-container {
    width: 1306px;
    margin: 0 auto 50px
}

@media (max-width: 1300px) {
    .leadership-container .main-container {
        width:100%;
        box-sizing: border-box
    }
}

@media (max-width: 1306px) {
    .leadership-container .main-container .content-container {
        padding-left:10px;
        padding-right: 10px
    }
}

.leadership-container .main-container .details-container {
    width: 920px;
    margin-bottom: 50px
}

@media (max-width: 930px) {
    .leadership-container .main-container .details-container {
        width:100%;
        box-sizing: border-box
    }
}

.leadership-container .main-container .details-container .each-bock-content h3 {
    margin-bottom: 30px
}

.leadership-container .main-container .details-container .each-bock-content .block-iconic {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin-top: 30px;
    text-transform: none;
    text-decoration: none
}

.leadership-container .main-container .details-container .each-bock-content .block-iconic:hover {
    text-decoration: none
}

.leadership-container .main-container .details-container .each-bock-content .block-iconic .icon-file {
    margin-bottom: -5px
}

.leadership-container .main-container .details-container .each-bock-content .block-iconic .site-text {
    font-size: 16px;
    margin-left: 30px
}

.leadership-container .tabs-container {
    margin-left: 0;
    margin-top: 15px
}

.leadership-container .site-text {
    color: #606060;
    font-size: 17px;
    line-height: 1.5
}

.leadership-container .site-text.medium {
    color: #000;
    font-weight: 600;
    margin-bottom: 10px
}

@media (max-width: 678px) {
    .leadership-container .site-text {
        font-size:16px
    }
}

.leadership-container .leadership-list {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-justify-content: left;
    -ms-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    width: 100%;
    box-sizing: border-box
}

@media (max-width: 540px) {
    .leadership-container .leadership-list {
        webkit-box-pack:space-between;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between
    }
}

.leadership-container .leadership-list .each-leader {
    width: 310px;
    margin-bottom: 40px;
    margin-right: 15px;
    text-decoration: none
}

@media (max-width: 880px) {
    .leadership-container .leadership-list .each-leader {
        width:32%;
        margin-right: 10px
    }
}

@media (max-width: 768px) {
    .leadership-container .leadership-list .each-leader {
        width:32%;
        margin-right: 7px
    }
}

@media (max-width: 540px) {
    .leadership-container .leadership-list .each-leader {
        width:47%;
        margin-right: 0
    }
}

.leadership-container .leadership-list .each-leader .leader-profile-container {
    width: 100%;
    height: 310px;
    border-radius: 24px;
    overflow: hidden;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

@media (max-width: 768px) {
    .leadership-container .leadership-list .each-leader .leader-profile-container {
        height:180px;
        transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -webkit-transition: all .3s ease
    }
}

.leadership-container .leadership-list .each-leader .leader-profile-container .leader-profile {
    width: 100%;
    height: 100%;
    border-radius: 24px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.leadership-container .leadership-list .each-leader:hover .leader-profile-container .leader-profile {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.leadership-container .leadership-list .each-leader h5 {
    font-family: 24px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    color: #202020;
    margin-top: 18px
}

.leadership-container .leadership-list .each-leader .leader-designation {
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 14px;
    color: #202020;
    margin-top: 0
}

.leadership-container .tab {
    overflow: hidden
}

.leadership-container .tabcontent {
    display: none;
    border-top: none
}

.leadership-container .tabcontent.show {
    display: block
}

.leadership-container .governance-block {
    width: 95%;
    padding-bottom: 70px;
    padding-top: 50px
}

.leadership-container .governance-block h4 {
    margin-bottom: 60px
}

@media (max-width: 800px) {
    .leadership-container .governance-block h4 {
        margin-bottom:30px
    }
}

@media (max-width: 850px) {
    .leadership-container .governance-block img {
        width:100%;
        transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out
    }
}

.growth-platform {
    position: relative
}

.growth-platform .three-icon-container .each-icon-block img {
    height: 70px
}

.growth-platform .header-banner .each-banner .banner-content {
    bottom: 165px
}

.growth-platform .header-banner .each-banner .page-title {
    display: block
}

.growth-platform .header-banner .each-banner .page-title span {
    color: #fff
}

.growth-platform .header-banner .each-banner .bottom-bar .button {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    right: revert
}

@media (max-width: 880px) {
    .growth-platform .header-banner .each-banner .bottom-bar .button {
        width:230px
    }
}

.growth-platform .shaping-africa {
    position: relative;
    margin-top: 50px;
    width: 850px;
    margin: 60px auto 100px
}

.growth-platform .shaping-africa h2,.growth-platform .shaping-africa .site-heading {
    font-size: 44px;
    line-height: 48px
}

@media (max-width: 880px) {
    .growth-platform .shaping-africa h2,.growth-platform .shaping-africa .site-heading {
        font-size:35px;
        line-height: 38px
    }
}

@media (max-width: 860px) {
    .growth-platform .shaping-africa {
        width:100%;
        padding-left: 10px;
        padding-right: 10px;
        display: block;
        margin: 60px auto 40px;
        box-sizing: border-box
    }
}

.growth-platform .shaping-africa .site-heading {
    margin-bottom: 20px
}

.growth-platform .shaping-africa .shaping-text {
    margin: 0 auto 50px;
    text-align: center;
    font-size: 20px;
    font-family: "WorkSans-Regular",sans-serif;
    color: #606060
}

.growth-platform .shaping-africa .shaping-text h3 {
    margin-bottom: 20px
}

.growth-platform .shaping-africa .shaping-text p {
    margin: 0 auto 50px;
    text-align: center;
    font-size: 16px;
    font-family: "WorkSans-Regular",sans-serif;
    color: #606060
}

@media (max-width: 880px) {
    .growth-platform .shaping-africa .shaping-text p {
        text-align:left
    }
}

@media (max-width: 860px) {
    .growth-platform .shaping-africa .shaping-text {
        text-align:left
    }
}

.growth-platform .news-block-container {
    margin-top: 50px
}

@media (max-width: 880px) {
    .growth-platform .news-block-container {
        margin-bottom:30px;
        margin-top: 25px
    }
}

.growth-platform .network-container {
    margin: 40px auto 120px
}

@media (max-width: 880px) {
    .growth-platform .network-container {
        margin:40px auto 60px
    }
}

.governance-container {
    position: relative;
    box-sizing: border-box
}

.governance-container .main-container {
    width: 1300px;
    margin: 0 auto 50px
}

@media (max-width: 1310px) {
    .governance-container .main-container {
        width:100%;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px
    }
}

.governance-container .main-container .page-label {
    font-family: "WorkSans-Bold",sans-serif;
    font-size: 14px;
    color: #202020;
    margin-bottom: 30px
}

.governance-container .main-container .details-container {
    width: 920px;
    margin-bottom: 120px
}

@media (max-width: 930px) {
    .governance-container .main-container .details-container {
        width:100%;
        box-sizing: border-box
    }
}

.governance-container .main-container .details-container .each-bock-content {
    margin-bottom: 70px
}

.governance-container .main-container .details-container .each-bock-content .block-iconic {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin-top: 30px;
    text-transform: none;
    text-decoration: none
}

.governance-container .main-container .details-container .each-bock-content .block-iconic:hover {
    text-decoration: none
}

.governance-container .main-container .details-container .each-bock-content .block-iconic .icon-file {
    margin-bottom: -5px
}

.governance-container .main-container .details-container .each-bock-content .block-iconic .site-text {
    font-size: 16px;
    margin-left: 30px
}

.governance-container .tabs-container {
    margin-left: 0;
    margin-top: 15px;
    width: 629px
}

.governance-container .site-text {
    color: #606060;
    font-size: 20px
}

.governance-container .site-text.medium {
    color: #000;
    font-weight: 600;
    margin-bottom: 10px
}

@media (max-width: 678px) {
    .governance-container .site-text {
        font-size:16px
    }
}

.news-archive {
    width: 1310px;
    position: relative;
    margin: 20px auto
}

@media (max-width: 1320px) {
    .news-archive {
        width:100%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box
    }
}

@media (max-width: 880px) {
    .news-archive {
        margin:-10px auto
    }
}

.news-archive .page-name-label {
    font-size: 15px;
    color: #202020;
    font-family: "WorkSans-Bold",sans-serif;
    margin-bottom: 15px
}

.news-archive .mini-news-container {
    width: 933px;
    margin: 120px auto 50px
}

@media (max-width: 940px) {
    .news-archive .mini-news-container {
        width:100%;
        position: relative;
        margin: 40px auto 50px
    }
}

.news-archive .mini-news-container .mini-news {
    width: 100%;
    position: relative
}

.news-archive .tabs-container {
    margin: 0 0 40px
}

.news-archive .tabs-container .sections-scroll {
    padding-left: 0
}

@media screen and (max-width: 768px) {
    .news-archive .tabs-container .sections-scroll {
        padding-left:0
    }
}

.news-archive .custom-flexed {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    position: relative;
    margin-bottom: 30px
}

.news-archive .custom-flexed .tabs-container {
    width: 900px
}

.news-archive .custom-flexed .tabs-container .tab-btn {
    font-size: 12.5px
}

@media (max-width: 1320px) {
    .news-archive .custom-flexed {
        display:block
    }
}

.search-form {
    position: absolute;
    right: 0;
    top: -10px
}

.search-form .field-search {
    position: absolute;
    right: 19px;
    top: 19px
}

@media (max-width: 1320px) {
    .search-form {
        position:relative;
        right: revert;
        top: revert
    }
}

.search-form .form-field {
    box-shadow: 0px 8px 64px rgba(0,0,0,.16);
    backdrop-filter: blur(21.7463px);
    width: 360px;
    height: 56px;
    position: relative;
    border: 1px solid #e8e8e8;
    background-color: #fff
}

@media (max-width: 880px) {
    .search-form .form-field {
        width:350px
    }
}

@media (max-width: 550px) {
    .search-form .form-field {
        width:100%
    }
}

.search-form .form-field input {
    height: 100%;
    box-sizing: border-box;
    padding-left: 15px;
    font-size: 15px;
    font-family: "WorkSans-Regular",sans-serif;
    color: #404040;
    border-radius: 4px;
    border: none;
    width: 270px;
    outline: none
}

.search-form .form-field .search-bar {
    width: 2px;
    height: 32px;
    background-color: #e8e8e8;
    position: absolute;
    top: 11px;
    right: 70px
}

.pagination-block {
    position: relative;
    margin: 0 auto 90px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination-block .pagination-btn.prev-btn {
    transform: rotate(90deg)
}

.pagination-block .pagination-btn.next-btn {
    transform: rotate(-90deg)
}

.pagination-block button {
    width: 32px;
    height: 32px;
    background-color: transparent;
    margin-right: 10px;
    border: none;
    border-radius: 50%;
    font-family: "WorkSans-Regular",sans-serif;
    cursor: pointer;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.pagination-block button:hover {
    background-color: #202020;
    color: #fff;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.pagination-block button.current {
    background-color: #202020;
    color: #fff
}

.pagination-block .ellipse {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    align-items: center;
    margin-right: 10px
}

.pagination-block .pagination-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    list-style: none
}

.news-single {
    margin: 0 auto 150px;
    position: relative
}

.news-single .view-more-block .view-all-btn {
    width: 200px
}

.news-single .header-text-data {
    width: 1080px;
    position: relative
}

@media (max-width: 1090px) {
    .news-single .header-text-data {
        width:100%;
        box-sizing: border-box
    }
}

.news-single .header-text-data h2 {
    position: relative
}

@media (max-width: 880px) {
    .news-single .header-text-data h2 {
        font-size:40px;
        line-height: 44px
    }
}

.news-single .header-text-data .date-content {
    font-size: 16px;
    font-family: "WorkSans-Regular",sans-serif;
    color: #202020;
    margin: 20px 0
}

.news-single .header-text-data .icons-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin-bottom: 40px
}

.news-single .header-text-data .icons-list .share-video-li {
    list-style: none;
    position: relative;
    margin-right: 25px
}

.news-single .header-text-data .icons-list .share-video-li .each-icon {
    width: 48px;
    height: 48px;
    background-color: #ffcb05;
    border-radius: 50%;
    display: block;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    z-index: 1
}

.news-single .header-text-data .icons-list .share-video-li .each-icon img {
    pointer-events: none;
    cursor: none;
    margin-top: 12px
}

.news-single .header-text-data .icons-list .share-video-li.show-share {
    cursor: pointer
}

.news-single .data-container {
    width: 936px;
    margin: 20px auto 70px
}

.news-single .data-container ul {
    padding: 0;
    margin: 20px 0 20px 20px;
    position: relative
}

.news-single .data-container ul li {
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 15px;
    line-height: 1.2;
    color: #202020;
    margin-bottom: 7px
}

.news-single .data-container p {
    font-size: 15px;
    color: #202020;
    margin-bottom: 15px;
    font-family: "WorkSans-Regular",sans-serif
}

.news-single .data-container a {
    color: #0f6987;
    text-decoration: underline
}

@media (max-width: 936px) {
    .news-single .data-container {
        width:100%;
        position: relative;
        box-sizing: border-box
    }
}

.news-single .data-container .site-text-20 {
    font-size: 20px;
    color: #606060;
    font-family: "WorkSans-Regular",sans-serif;
    margin-bottom: 20px
}

.news-single .data-container .site-text {
    margin-bottom: 20px;
    color: #606060
}

.news-single .data-container .data-bg {
    width: 100%;
    height: 500px;
    border-radius: 24px;
    margin-top: 15px;
    margin-bottom: 15px
}

@media (max-width: 768px) {
    .news-single .data-container .data-bg {
        height:350px
    }
}

.news-single .page-name-links {
    padding: 0;
    margin: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin-bottom: 10px
}

.news-single .page-name-links li {
    list-style: none;
    margin-right: 15px;
    font-family: "WorkSans-Bold",sans-serif;
    font-size: 16px;
    text-decoration: none;
    color: #202020
}

.news-single .page-name-links li span,.news-single .page-name-links li a {
    font-family: "WorkSans-Bold",sans-serif;
    font-size: 16px;
    text-decoration: none;
    color: #202020;
    text-transform: uppercase
}

.news-single .custom-news-header {
    margin: 40px auto;
    text-align: center
}

@media (max-width: 767px) {
    .news-single .custom-news-header {
        text-align:left
    }
}

.news-single .slick-dots {
    webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.news-single .slick-dots>li:only-child {
    display: none
}

.news-single .news-block-container .post-related {
    padding-bottom: 50px;
    text-align: center;
    font-size: 40px
}

@media (max-width: 880px) {
    .news-single .news-block-container .post-related {
        font-size:24px;
        text-align: left;
        padding-bottom: 10px;
        margin-bottom: 20px
    }
}

.news-single .social-share-block-container {
    position: relative;
    height: 50px
}

.news-single .social-share-block-container .share-container {
    background: #fff;
    box-shadow: 0px 8px 32px rgba(0,0,0,.16);
    width: 223px;
    bottom: -53px;
    left: 51px;
    position: absolute;
    box-sizing: border-box;
    padding: 22px;
    opacity: -1;
    pointer-events: none;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    z-index: 1
}

.news-single .social-share-block-container .share-container.show {
    pointer-events: auto;
    opacity: 1;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.news-single .social-share-block-container .share-container:after {
    content: "";
    position: absolute;
    visibility: visible;
    top: 27%;
    right: 100%;
    margin-left: -6px;
    border-width: 13px;
    border-style: solid;
    border-color: transparent #fff transparent transparent
}

.news-single .social-share-block-container .share-container ul li {
    list-style: none;
    margin-bottom: 3px
}

.news-single .social-share-block-container .share-container ul li a {
    text-decoration: none;
    color: #202020;
    font-family: "WorkSans-Regular",sans-serif
}

.news-single .social-share-block-container .share-container ul li a span,.news-single .social-share-block-container .share-container ul li a .under-line {
    text-decoration: underline;
    font-family: "WorkSans-Regular",sans-serif
}

.news-single .social-share-block-container .share-container ul li a img {
    margin-left: 4px;
    margin-bottom: -3px
}

.hide-share-container {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: transparent;
    display: none;
    pointer-events: none
}

.hide-share-container.show {
    display: block;
    pointer-events: auto
}

* {
    padding: 0;
    margin: 0
}

body {
    background-color: #fff
}

h2 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 56px;
    line-height: 54px;
    color: #202020
}

@media (max-width: 768px) {
    h2 {
        font-size:30px;
        line-height: 30px
    }
}

h3 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 45px;
    color: #202020;
    line-height: 45px
}

@media (max-width: 768px) {
    h3 {
        font-size:30px;
        line-height: 30px
    }
}

h4 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 30px;
    line-height: 30px;
    color: #202020
}

@media (max-width: 768px) {
    h4 {
        font-size:24px;
        line-height: 24px
    }
}

span,p {
    font-size: 16px;
    color: #202020;
    font-family: "WorkSans-Regular",sans-serif;
    line-height: 150%;
    letter-spacing: -.18px;
    text-decoration: none
}

span.white-text,p.white-text {
    color: #ffff
}

.custom-grid {
    width: 1306px;
    margin: 0 auto 150px
}

@media (max-width: 1325px) {
    .custom-grid {
        width:100%;
        position: relative;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 auto 60px
    }
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.financial-result {
    position: relative
}

.financial-result .sections-scroll {
    padding-left: 0
}

.financial-result .selection-container {
    padding-left: 0
}

.financial-result .page-name {
    font-size: 17px;
    font-family: "WorkSans-Bold",sans-serif;
    color: #202020;
    margin-bottom: 20px
}

.financial-result .page-name a {
    text-decoration: none;
    color: #202020
}

.financial-result .flexed-container {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    width: 100%;
    margin-top: 50px
}

@media (max-width: 790px) {
    .financial-result .flexed-container {
        display:block
    }
}

.financial-result .flexed-container .tabs-container {
    width: 430px;
    margin-top: 0
}

@media (max-width: 790px) {
    .financial-result .flexed-container .tabs-container {
        margin:0 0 30px;
        transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -webkit-transition: all .3s ease
    }
}

.financial-result .main-data-content {
    width: 960px;
    margin-bottom: 20px
}

@media (max-width: 970px) {
    .financial-result .main-data-content {
        width:100%
    }
}

.financial-result .main-data-content h4 {
    margin-bottom: 20px
}

.financial-result .main-data-content h4 span {
    font-family: 'MTNBrighterSans-Bold',sans-serif;
    font-size: 24px;
    line-height: 24px;
    color: #202020
}

@media (min-width: 880px) {
    .financial-result .main-data-content h4 span {
        font-size:30px;
        line-height: 30px
    }
}

.financial-result .site-text {
    margin-bottom: 15px
}

.financial-result.financial-report .flexed-container .tabs-container {
    width: 194px
}

.dark-text {
    color: #202020
}

.gray-text {
    color: #606060
}

.document-list {
    padding: 0;
    margin: 0
}

.document-list li {
    list-style: none
}

.document-list li a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    text-decoration: none
}

.document-list li a:hover {
    text-decoration: none
}

.document-list li a .doc-title {
    color: #606060;
    margin-left: 20px;
    text-decoration: none;
    margin-top: 13px
}

.selection-container {
    width: 380px;
    position: absolute;
    right: 0
}

.selection-container .select-form {
    margin-top: -30px
}

@media (max-width: 790px) {
    .selection-container .select-form {
        margin-top:5px
    }
}

.selection-container .select-form label {
    font-size: 16px;
    font-family: "WorkSans-Bold",sans-serif;
    color: #202020;
    margin-bottom: 8px;
    display: block
}

@media (max-width: 920px) {
    .selection-container {
        width:250px
    }
}

@media (max-width: 790px) {
    .selection-container {
        display:block;
        position: relative;
        right: revert;
        margin-bottom: 40px
    }
}

@media (max-width: 500px) {
    .selection-container {
        width:100%
    }
}

.selection-container .field-container {
    position: relative;
    width: 100%;
    background-color: #fff
}

.selection-container .field-container select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    width: 100%;
    height: 52px;
    flex: 1;
    padding: 0 1em;
    color: #202020;
    background-color: #fafafa;
    box-shadow: 0px 2px 4px rgba(0,0,0,.16);
    border-radius: 4px;
    background-image: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-top: solid 3px #ffcb05;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.46938 9.39966C4.76227 9.10677 5.23715 9.10677 5.53004 9.39966L11.894 15.7636C11.9916 15.8613 12.1499 15.8613 12.2476 15.7636L18.6115 9.39966C18.9044 9.10677 19.3793 9.10677 19.6722 9.39966C19.9651 9.69256 19.9651 10.1674 19.6722 10.4603L13.3082 16.8243C12.6248 17.5077 11.5168 17.5077 10.8333 16.8243L4.46938 10.4603C4.17649 10.1674 4.17649 9.69256 4.46938 9.39966Z" fill="%23000000"/></svg>');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 95%
}

.selection-container .field-container select:after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
    background-color: #34495e;
    transition: .25s all ease;
    pointer-events: none
}

.wp-video {
    width: 100% !important
}

.wp-video video {
    width: 100%;
    height: auto
}

.mtn-heading {
    font-family: "MTNBrighterSans-Bold",sans-serif
}

.mtn-button-text {
    font-family: "WorkSans-Regular",sans-serif;
    text-transform: uppercase
}

.mtn-subheading {
    font-family: "MTNBrighterSans-Regular",sans-serif
}

.mtn-page-title {
    font-family: "WorkSans-Bold",sans-serif;
    text-transform: uppercase
}

.mtn-body-text {
    font-family: "WorkSans-Regular",sans-serif
}

.mtn-button {
    border-radius: 24px;
    font-family: "WorkSans-Medium",sans-serif;
    text-transform: uppercase
}

.mtn-section {
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 860px) {
    .mtn-section {
        max-width:90%
    }
}

.mtn-bold-text {
    font-family: "WorkSans-Bold",sans-serif
}

.internal-header-block {
    height: 180px;
    width: 100%;
    position: relative
}

.page-title-container {
    max-width: 1200px;
    width: 88%;
    margin-left: auto;
    margin-right: auto
}

.page-title-container .mtn-page-title {
    font-size: 64px;
    line-height: 64px;
    color: #202020;
    text-transform: capitalize
}

.breadcrumb-container {
    display: flex;
    align-items: center;
    gap: 10px
}

.breadcrumb-parent {
    text-decoration: none;
    border: solid 1px #e8e8e8;
    border-radius: 4px;
    color: #202020;
    padding: 4px 8px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "WorkSans-Regular",sans-serif
}

.breadcrumb-parent:hover {
    background-color: #e8e8e8
}

.active-page-breadcrumb {
    text-transform: uppercase;
    color: #202020;
    font-size: 14px;
    line-height: 125%;
    font-family: "WorkSans-Bold",sans-serif
}

.icon-card-section {
    max-width: 936px;
    margin-left: auto;
    margin-right: auto
}

.icon-card-content {
    width: 200px;
    margin-left: auto;
    margin-right: auto
}

.down-chevron {
    transform: rotate(-90deg);
    margin-left: 20px
}

@media (max-width: 880px) {
    .hidden-sm {
        display:none
    }
}

@media (min-width: 880px) {
    .hidden-lg {
        display:none
    }
}

body.search main {
    margin: 100px auto;
    max-width: 1200px;
    width: 88%
}

body.search .search-header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 50px 0 25px
}

@media (max-width: 860px) {
    body.search .search-header-container {
        display:flex;
        flex-direction: column-reverse
    }
}

body.search .search-header-container .search-results-filter {
    width: 31%
}

@media (max-width: 860px) {
    body.search .search-header-container .search-results-filter {
        width:100%
    }
}

body.search .search-header-container .filter-box {
    margin-bottom: 16px;
    box-sizing: border-box;
    background-color: #fff
}

body.search .search-header-container .filter-box label {
    width: 100%;
    font-family: "WorkSans-Bold",sans-serif;
    font-size: 16px;
    line-height: 18px
}

body.search .search-header-container .filter-box .search-category-filter {
    appearance: none;
    box-sizing: border-box;
    margin-top: 10px;
    width: 100%;
    padding: 16px;
    border-top: solid 4px #fff;
    border-radius: 4px;
    border-bottom: none;
    border-left: none;
    border-right: none;
    box-shadow: 0px 4px 8px rgba(0,0,0,.24);
    font-family: "WorkSans-Regular",sans-serif;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2071 2.21077C10.5976 1.82024 10.5976 1.18708 10.2071 0.796556C9.84662 0.436071 9.27939 0.408341 8.8871 0.713367L8.79289 0.796556L5.5 4.08866L2.20711 0.796556C1.84662 0.436071 1.27939 0.408341 0.8871 0.713367L0.792893 0.796556C0.432409 1.15704 0.404679 1.72427 0.709704 2.11656L0.792893 2.21077L4.79289 6.21077C5.15338 6.57125 5.72061 6.59898 6.1129 6.29396L6.20711 6.21077L10.2071 2.21077Z' fill='%23202020'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: 95%;
    background-color: #fff;
    color: #202020
}

body.search .search-header-container .filter-box .search-category-filter:hover,body.search .search-header-container .filter-box .search-category-filter:focus {
    outline: none
}

body.search .search-header-container .filter-box .search-category-filter option {
    appearance: none;
    background-color: #fff
}

body.search article {
    padding: 1.5rem 0;
    width: 78%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    gap: 40px;
    border-bottom: 1px solid #d9d9d9
}

body.search article .post-main_content {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

body.search .post-icon {
    position: relative;
    width: 64px;
    height: 46px;
    border: 1px solid
}

/*body.search .post-icon.type-sub-pillar {
    background-image: url('/wp-content/themes/mtn-refresh/resources/img/sustainability-icon.svg');
    width: 64px;
    height: 46px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: transparent !important;
    border: none
}

body.search .post-icon.type-page {
    background-image: url('/wp-content/themes/mtn-refresh/resources/img/pages-icon.svg');
    width: 64px;
    height: 46px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: transparent !important;
    border: none
}

body.search .post-icon.type-post {
    background-image: url('/wp-content/themes/mtn-refresh/resources/img/foundation-icon.svg');
    width: 64px;
    height: 46px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: transparent !important;
    border: none
}

body.search .post-icon.type-case-study {
    background-image: url('/wp-content/themes/mtn-refresh/resources/img/case-study-icons.png');
    width: 64px;
    height: 46px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: transparent !important;
    border: none
}

body.search .post-icon.type-executivecommittee {
    background-image: url('/wp-content/themes/mtn-refresh/resources/img/executiveinvestors.png');
    width: 64px;
    height: 46px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: transparent !important;
    border: none
}*/

li.dropdown.search-field {
    position: absolute;
    right: 5rem;
    overflow: hidden
}

li.dropdown.search-field:after {
    content: '';
    height: 25px;
    width: 2px;
    background: #e8e8e8;
    right: 63px;
    top: 8px;
    position: absolute;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

li.dropdown.search-field:hover {
    border: 1px solid #ffcb05;
    box-shadow: 0px 8px 64px rgba(0,0,0,.16);
    backdrop-filter: blur(10.8731px);
    border-radius: 4px
}

li.dropdown.search-field:hover:after {
    opacity: 1
}

li.dropdown.search-field:hover .searchform input[type=text] {
    transform: translateX(0px);
    transition: all .3s ease-in-out;
    background: #fff
}

.searchform input[type=text] {
    background: #ffcb05;
    border: none;
    backdrop-filter: blur(10.8731px);
    border-radius: 4px;
    height: 36px;
    padding: 10px;
    min-width: 266px;
    transform: translateX(0);
    transition: all .3s ease-in-out
}

.searchform input#searchsubmit {
    background: #ffcb05;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 18C15.1421 18 18.5 14.6421 18.5 10.5C18.5 6.35786 15.1421 3 11 3C6.85786 3 3.5 6.35786 3.5 10.5C3.5 14.6421 6.85786 18 11 18Z' stroke='%23202020' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.4998 21L16.2998 15.8' stroke='%23202020' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: transparent;
    border: none;
    font-size: 20px;
    position: relative;
    top: 4px
}

a.post-button_permalink {
    position: relative;
    width: 110px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.post-type {
    display: none
}

a.post-button_permalink:after {
    content: '';
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Uploaded to: SVG Repo www.svgrepo.com Generator: SVG Repo Mixer Tools --%3E%3Csvg height='800px' width='800px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 185.343 185.343' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath style='fill:%23010002%3B' d='M51.707 185.343c-2.741 0-5.493-1.044-7.593-3.149c-4.194-4.194-4.194-10.981 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175c4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939C57.201 184.293 54.454 185.343 51.707 185.343z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 6px;
    height: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: relative
}

@media (max-width: 860px) {
    body.search article {
        display:flex;
        width: 100%
    }

    body.search .page-title {
        font-size: 26px;
        line-height: 26px;
        font-family: "MTNBrighterSans-Regular",sans-serif
    }
}

body.search-no-results header.page-header.alignwide {
    display: none
}

body.search article .search-article-icon {
    width: 55px;
    height: auto
}

body.search article .search-article-details {
    width: auto
}

body.search .result-entry-category {
    font-family: "WorkSans-Medium",sans-serif;
    color: #909090;
    text-transform: uppercase;
    margin-top: 0
}

body.search .page-title {
    font-size: 32px;
    line-height: 32px;
    font-family: "MTNBrighterSans-Regular",sans-serif
}

body.search .page-title strong {
    font-family: "MTNBrighterSans-Bold",sans-serif
}

body.search .entry-title {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 24px;
    line-height: 30px
}

body.search .entry-title a {
    font-size: 24px;
    line-height: 30px
}

body.search .entry-content {
    font-family: "WorkSans-Regular",sans-serif;
    color: #404040;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0
}

.post-main_content a {
    text-decoration: none !important;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    color: #404040;
    font-size: 16px;
    line-height: 24px
}

body.search .search-read-more {
    font-family: "WorkSans-Bold",sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px
}

body.search .search-read-more .search-read-more-chevron {
    max-width: 8px;
    max-height: 8px;
    margin-left: 27px
}

body.search .search-read-more .search-read-more-chevron img {
    height: 10px
}

body.search .not-found-section {
    width: 78%;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 0;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 860px) {
    body.search .not-found-section {
        width:100%
    }
}

body.search .not-found-section h1 {
    padding-left: 30px
}

body.search .not-found-section .other-results {
    border-bottom: solid 1px #e8e8e8;
    padding: 0 30px;
    font-family: "WorkSans-Bold",sans-serif;
    font-size: 20px;
    line-height: 30px
}

body.search .not-found-section img {
    width: 172px;
    height: 172px;
    display: block
}

body.search .not-found-section .alternative-search {
    padding-left: 30px;
    text-transform: uppercase;
    font-family: "WorkSans-Regular",sans-serif;
    color: #606060
}

body.search .not-found-section .search-tips p {
    padding-left: 30px;
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 16px;
    line-height: 40px
}

body.search .not-found-section .search-tips ul {
    list-style-position: outside;
    padding-left: 45px
}

body.search .not-found-section .search-tips ul li {
    font-family: "WorkSans-Regular",sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px
}

.header-buttons-containers .search-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 18C15.1421 18 18.5 14.6421 18.5 10.5C18.5 6.35786 15.1421 3 11 3C6.85786 3 3.5 6.35786 3.5 10.5C3.5 14.6421 6.85786 18 11 18Z' stroke='%23202020' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.4998 21L16.2998 15.8' stroke='%23202020' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 22px;
    height: 22px;
    cursor: pointer;
    border: none;
    position: relative;
    background-color: transparent
}

.header-buttons-containers {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px
}

@media (max-width: 880px) {
    .header .inner-header {
        top:0;
        justify-content: space-between
    }

    .burger:after {
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
        top: 46%;
        left: 6px
    }

    .burger:before {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        top: 35%;
        left: 6px
    }

    .burger.active:before {
        top: 46%
    }

    .header-buttons-containers {
        display: flex;
        align-items: center;
        gap: 10px
    }
}

.site-search--container {
    left: 50%;
    position: fixed;
    top: 70px;
    transform: translateX(-50%);
    width: 95%;
    display: none;
    z-index: 2
}

.site-search--container .site-search {
    align-items: center;
    border: 1px solid #b0b0b0;
    display: flex;
    flex-direction: row;
    width: 100%;
    background-color: #ffcb05;
    border-radius: 4px;
    box-shadow: 0 8px 64px 0 rgba(0,0,0,.16);
    overflow: hidden
}

.site-search--container form.searchform {
    width: 100%
}

.site-search--container form.searchform>div {
    display: flex;
    height: 100%;
    align-items: center;
    flex-direction: row;
    position: relative
}

.site-search--container input[type=text] {
    border: none;
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 18px;
    height: 100%;
    padding: 24px 32px;
    width: 100%
}

.site-search--container input[type=submit] {
    appearance: none;
    border: none;
    background-color: none;
    align-items: center;
    display: flex;
    margin: 0 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 18C15.1421 18 18.5 14.6421 18.5 10.5C18.5 6.35786 15.1421 3 11 3C6.85786 3 3.5 6.35786 3.5 10.5C3.5 14.6421 6.85786 18 11 18Z' stroke='%23202020' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.4998 21L16.2998 15.8' stroke='%23202020' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 30px;
    height: 30px;
    background-color: transparent;
    color: transparent;
    cursor: pointer
}

.site-search--container .search__close {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 16px;
    text-transform: uppercase;
    text-decoration: none
}

.header-buttons-containers {
    display: none
}

@media (max-width: 1200px) {
    li.dropdown.search-field,li.dropdown.location-dropdown {
        display:none
    }
}

@media (max-width: 1200px) {
    .menu-items {
        display:none;
        opacity: 0;
        pointer-events: none;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out
    }

    .header-buttons-containers {
        display: flex;
        align-items: center
    }

    .header .inner-header {
        top: 0;
        justify-content: space-between
    }

    .header-buttons-containers .burger {
        display: block;
        position: relative;
        pointer-events: auto;
        top: 0;
        right: 0;
        transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -webkit-transition: all .3s ease
    }
}

@media (max-width: 880px) {
    .site-search--container input[type=text] {
        border-radius:4px;
        padding: 16px 24px;
        min-width: auto;
        transform: translateX(0px)
    }

    .site-search--container input[type=submit] {
        width: 22px;
        height: 22px;
        position: absolute;
        right: 0;
        top: 2px
    }

    .site-search--container input[type=text]::placeholder {
        font-size: 11px
    }

    .header-buttons-containers {
        display: flex;
        align-items: center
    }

    span.search__separator {
        align-self: center;
        background: #e7e7e7;
        border-radius: 1px;
        height: 40px;
        width: 2px;
        display: block
    }

    li.dropdown.search-field {
        display: none
    }

    .site-search--container form.searchform>div:after {
        content: '';
        height: 40px;
        width: 2px;
        background: #e7e7e7
    }

    .searchform input#s::placeholder {
        font-size: 13px
    }
}

.search-results-pagination {
    display: flex;
    font-family: "WorkSans-Regular",sans-serif;
    justify-content: center;
    align-items: center;
    list-style-type: none;
    gap: 15px;
    padding: 2rem 0 0;
    text-decoration: none;
    color: #000;
    font-size: 14px
}

.search-results-pagination .pagination li a,a.page-numbers {
    text-decoration: none;
    color: #000
}

li.pagination-item.next,a.next.page-numbers {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L7 7L1 1' stroke='%23202020' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 10px;
    height: 15px;
    display: inline-flex
}

li.pagination-item.prev,a.prev.page-numbers {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 13L1 7L7 1' stroke='%23202020' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 10px;
    height: 15px;
    display: inline-flex
}

li.pagination-item.active,span.page-numbers.current {
    background: #000;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

li.pagination-item.active a,span.page-numbers.current {
    color: #fff
}

.hidden {
    display: none !important
}

div#searchcheck {
    font-size: 12px;
    font-family: 'WorkSans-Regular',sans-serif;
    padding: 2px 5px
}

* {
    padding: 0;
    margin: 0
}

body {
    background-color: #fff
}

h2 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 56px;
    line-height: 54px;
    color: #202020
}

@media (max-width: 768px) {
    h2 {
        font-size:30px;
        line-height: 30px
    }
}

h3 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 45px;
    color: #202020;
    line-height: 45px
}

@media (max-width: 768px) {
    h3 {
        font-size:30px;
        line-height: 30px
    }
}

h4 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 30px;
    line-height: 30px;
    color: #202020
}

@media (max-width: 768px) {
    h4 {
        font-size:24px;
        line-height: 24px
    }
}

span,p {
    font-size: 16px;
    color: #202020;
    font-family: "WorkSans-Regular",sans-serif;
    line-height: 150%;
    letter-spacing: -.18px;
    text-decoration: none
}

span.white-text,p.white-text {
    color: #ffff
}

.custom-grid {
    width: 1306px;
    margin: 0 auto 150px
}

@media (max-width: 1325px) {
    .custom-grid {
        width:100%;
        position: relative;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 auto 60px
    }
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.investors-opco .flexed-container .selection-container {
    position: relative;
    right: revert;
    margin-bottom: 40px
}

.investors-opco .heading-content {
    margin-top: 30px
}

.investors-opco .main-data-content {
    margin-bottom: 50px
}

.investors-opco .document-list {
    margin-bottom: 50px;
    margin-left: 0
}

.investors-opco .related-news-block h4 {
    margin-bottom: 30px
}

.investors-opco .mini-news {
    width: 49%;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

@media (max-width: 768px) {
    .investors-opco .mini-news {
        width:100%
    }
}

.investors-opco .mini-news .mini-news-bg {
    height: 100px;
    width: 116px;
    border-radius: 8px;
    margin-right: 15px
}

@media (max-width: 768px) {
    .investors-opco .mini-news .mini-news-bg {
        height:120px
    }
}

@media (max-width: 500px) {
    .investors-opco .mini-news .mini-news-bg {
        height:125px
    }
}

@media (max-width: 768px) {
    .investors-opco .mini-news .mini-news-content {
        width:calc(98% - 120px)
    }
}

.investors-opco .mini-news .mini-head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin-bottom: 15px
}

.investors-opco .mini-news .mini-head .head {
    font-size: 14px;
    font-family: "WorkSans-Bold",sans-serif;
    color: #202020;
    margin-right: 15px
}

.investors-opco .mini-news .mini-head .news-date {
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 14px;
    color: #202020
}

@media (max-width: 768px) {
    .investors-opco.custom-grid {
        margin:0 auto 50px
    }

    .investors-opco.custom-grid .news-block-container {
        width: 100%
    }
}

.investors-opco .mini-news {
    text-decoration: none
}

.investors-opco .mini-news .mini-news-content {
    text-decoration: none
}

.investors-opco .mini-news .mini-news-content .mini-head {
    text-decoration: none
}

.investors-opco .mini-news .mini-news-content .mini-head span {
    color: #202020;
    text-decoration: none
}

.investors-opco .mini-news .mini-news-content .site-text {
    text-decoration: none;
    color: #202020;
    font-family: "WorkSans-Regular",sans-serif
}

@media (max-width: 768px) {
    .investors-opco .mini-news .news-block-container {
        width:100%
    }
}

.investors-opco .mini-news {
    text-decoration: none
}

.investors-opco .mini-news .mini-news-content {
    text-decoration: none
}

.investors-opco .mini-news .mini-news-content .mini-head {
    text-decoration: none
}

.investors-opco .mini-news .mini-news-content .mini-head span {
    color: #202020;
    text-decoration: none
}

.investors-opco .mini-news .mini-news-content .site-text {
    text-decoration: none;
    color: #202020;
    font-family: "WorkSans-Regular",sans-serif
}

.investors-opco ul {
    padding: 0;
    position: relative;
    margin-left: 20px
}

.investors-opco ul li {
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 15px;
    line-height: 1.2;
    color: #202020;
    margin-bottom: 7px
}

.investors-opco p {
    font-size: 15px;
    color: #202020;
    margin-bottom: 15px;
    font-family: "WorkSans-Regular",sans-serif
}

.investors-opco a {
    color: #0f6987;
    text-decoration: underline
}

.investors-opco .opco-information-text {
    margin-top: 15px;
    color: #202020;
    font-size: 16px
}

body {
    background-color: #fff
}

@media (max-width: 880px) {
    .top-ticker {
        top:20px !important
    }
}

.top-iframe {
    position: fixed;
    background: #222;
    background: linear-gradient(180deg,#00002b 0%,rgba(255,0,0,0) 100%);
    width: 100%;
    z-index: 3;
    display: flex;
    padding-bottom: 116px
}

@media (max-width: 880px) {
    .top-iframe {
        padding-bottom:96px
    }
}

.top-iframe .share-price-scroll {
    width: 90%;
    margin: auto;
    filter: invert(1)
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated2 {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.header-banner {
    height: 760px;
    width: 100%;
    position: relative;
    overflow: hidden
}

.header-banner:after {
    content: '';
    width: 100%;
    bottom: -1px;
    height: 21px;
    background-color: #fff;
    position: absolute;
    z-index: 1;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

@media (max-width: 768px) {
    .header-banner {
        height:650px
    }
}

@media (max-width: 550px) {
    .header-banner {
        height:580px
    }
}

.header-banner .banner-slider {
    height: 100%;
    width: 100%;
    position: relative
}

.header-banner .each-banner {
    width: 100%;
    position: relative;
    height: 760px
}

@media (max-width: 768px) {
    .header-banner .each-banner {
        height:650px
    }
}

@media (max-width: 550px) {
    .header-banner .each-banner {
        height:580px
    }
}

.header-banner .each-banner .banner-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0
}

@media (max-width: 768px) {
    .header-banner .each-banner .banner-bg {
        display:none
    }
}

.header-banner .each-banner .mobile-banner-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    display: none
}

@media (max-width: 768px) {
    .header-banner .each-banner .mobile-banner-bg {
        display:block
    }
}

.header-banner .each-banner.home-page {
    height: 98vh;
    aspect-ratio:unset;
}
    .header-banner .each-banner .button {
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
    z-index: 4
}

@media (max-width: 768px) {
    .header-banner .each-banner .button {
        position:absolute;
        left: revert;
        right: 10px;
        width: 175px;
        font-size: 13px;
        padding-top: 14px;
        transform: none
    }
}

.header-banner .each-banner .banner-content {
    width: 1080px;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    top: 290px
}

@media (max-width: 1085px) {
    .header-banner .each-banner .banner-content {
        width:100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width: 880px) {
    .header-banner .each-banner .banner-content {
        top:320px
    }
}

@media (max-width: 550px) {
    .header-banner .each-banner .banner-content {
        top:revert;
        bottom: 145px;
        z-index: 1
    }
}

.header-banner .each-banner .banner-content .banner-heading {
    font-size: 53px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    color: #fff;
    width: 470px;
    line-height: 55px
}

.header-banner .each-banner .banner-content .banner-heading.text-black {
    color: #202020
}

@media (max-width: 768px) {
    .header-banner .each-banner .banner-content .banner-heading {
        font-size:28px;
        line-height: 31px
    }
}

@media (max-width: 490px) {
    .header-banner .each-banner .banner-content .banner-heading {
        width:95%
    }
}

.header-banner .each-banner .banner-content .banner-text {
    color: #fff;
    font-family: "MTNBrighterSans-Regular",sans-serif;
    font-size: 20px;
    margin-top: 20px;
    width: 500px
}

.header-banner .each-banner .banner-content .banner-text.text-black {
    color: #202020
}

.header-banner .each-banner .banner-content .banner-text.text-black p {
    color: #202020
}

@media (max-width: 768px) {
    .header-banner .each-banner .banner-content .banner-text {
        width:100%;
        margin-top: 14px
    }
}

.header-banner .each-banner .banner-content .banner-text p {
    color: #fff;
    font-size: 16px
}

.header-banner .each-banner .page-title {
    color: #fff;
    margin-bottom: 10px;
    display: none
}

.header-banner .each-banner .page-title.text-black {
    color: #202020
}

.header-banner .each-banner .page-title .main-page {
    font-size: 14px;
    font-family: "WorkSans-Medium",sans-serif;
    margin-right: 20px;
    text-transform: uppercase
}

.header-banner .each-banner .page-title .secondary-page {
    font-size: 14px;
    font-family: "WorkSans-Regular",sans-serif
}

.header-banner .banner-dots {
    width: 40%;
    left: 0 !important;
    position: absolute;
    bottom: 66px;
    padding-left: 100px;
    pointer-events: none;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    z-index: 1
}

@media (max-width: 880px) {
    .header-banner .banner-dots {
        left:6% !important;
        padding-left: 0;
        bottom: 35px
    }
}

.header-banner .banner-dots .slick-dots {
    max-width: 580px;
    width: 100%;
    padding-right: 40px;
    margin-left: auto;
    pointer-events: auto
}

.header-banner .slick-dots {
    webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-justify-content: left;
    -ms-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left
}

.header-banner .slick-dots>li:only-child {
    display: none
}

.header-banner .slick-dots li.slick-active {
    border: solid 3px #fff;
    border-radius: 50%
}

.header-bottom-shadow {
    background: linear-gradient(180deg,rgba(32,32,32,.96) 0%,rgba(32,32,32,.0001) 100%);
    transform: matrix(1,0,0,-1,0,0);
    height: 260px;
    width: 100%;
    bottom: -1px;
    position: absolute;
    display: block;
    z-index: 0
}

@media (max-width: 880px) {
    .header-bottom-shadow {
        display:block
    }
}

@media (min-width: 880px) {
    .header-bottom-shadow {
        display:none
    }
}

.main-news-container {
    width: 1310px;
    margin: 0 auto;
    height: 690px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

@media (max-width: 1325px) {
    .main-news-container {
        width:98%;
        min-height: 730px;
        box-sizing: border-box
    }
}

@media (max-width: 1030px) {
    .main-news-container {
        min-height:600px
    }
}

@media (max-width: 880px) {
    .main-news-container {
        min-height:660px
    }
}

@media (max-width: 860px) {
    .main-news-container {
        min-height:560px
    }
}

@media (max-width: 500px) {
    .main-news-container {
        padding-bottom:5px
    }
}

@media (max-width: 768px) {
    .main-news-container {
        display:block;
        width: 100%;
        box-sizing: border-box;
        height: auto
    }
}

.main-news-container .each-block-news-container .each-news-block {
    display: block;
    text-decoration: none;
    position: relative
}

@media (max-width: 768px) {
    .main-news-container .each-block-news-container .each-news-block {
        margin-bottom:30px
    }
}

@media (max-width: 500px) {
    .main-news-container .each-block-news-container .each-news-block {
        padding-bottom:10px
    }
}

.main-news-container .each-block-news-container .each-news-block .bg-container {
    overflow: hidden
}

.main-news-container .each-block-news-container .each-news-block .bg-container .inner-bg {
    width: 100%;
    height: 100%;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.main-news-container .each-block-news-container .each-news-block:hover .bg-container {
    border-radius: 24px
}

.main-news-container .each-block-news-container .each-news-block:hover .bg-container .inner-bg {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.main-news-container .each-block-news-container .each-news-block .news-content-container {
    position: absolute;
    background-color: #fff;
    z-index: 1;
    box-shadow: 0px 8px 32px rgba(37,29,29,.16);
    border-radius: 24px;
    box-sizing: border-box;
    position: relative;
    padding: 30px;
    border-bottom: solid 3px #f8c000
}

@media (max-width: 768px) {
    .main-news-container .each-block-news-container .each-news-block .news-content-container {
        height:auto;
        margin-left: 0;
        width: 94%;
        margin-left: 3%
    }
}

.main-news-container .each-block-news-container .each-news-block .news-content-container .news-top {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin-bottom: 15px
}

.main-news-container .each-block-news-container .each-news-block .news-content-container .news-top .news-head {
    font-weight: 500;
    margin-right: 25px;
    font-size: 14px;
    font-family: "WorkSans-Bold",sans-serif;
    text-transform: uppercase;
    color: #202020
}

.main-news-container .each-block-news-container .each-news-block .news-content-container .news-top .news-date {
    font-size: 14px;
    font-family: "WorkSans-Regular",sans-serif;
    color: #202020
}

.main-news-container .each-block-news-container .each-news-block .news-content-container .news-main-heading {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 14px;
    color: #202020;
    font-family: "MTNBrighterSans-Bold",sans-serif
}

@media (max-width: 1325px) {
    .main-news-container .each-block-news-container .each-news-block .news-content-container .news-main-heading {
        font-size:18px;
        line-height: 21px
    }
}

.main-news-container .each-block-news-container .each-news-block .news-content-container .news-text {
    font-size: 16px;
    font-family: "WorkSans-Regular",sans-serif;
    margin-top: 10px;
    color: #606060
}

.main-news-container .each-block-news-container .each-news-block .read-more-with-arrow {
    position: absolute;
    bottom: 30px
}

.main-news-container .each-block-news-container:nth-child(1) .each-news-block {
    width: 41%;
    height: 100%;
    position: absolute;
    left: 0
}

@media (max-width: 1325px) {
    .main-news-container .each-block-news-container:nth-child(1) .each-news-block {
        display:block;
        width: 49%
    }
}

@media (max-width: 768px) {
    .main-news-container .each-block-news-container:nth-child(1) .each-news-block {
        width:97%;
        position: relative;
        left: revert;
        margin-left: auto;
        margin-right: auto
    }
}

.main-news-container .each-block-news-container:nth-child(1) .each-news-block .news-content-container {
    height: 230px;
    width: 90%;
    background-color: #fff;
    margin-top: -40px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1325px) {
    .main-news-container .each-block-news-container:nth-child(1) .each-news-block .news-content-container {
        height:250px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 880px) {
    .main-news-container .each-block-news-container:nth-child(1) .each-news-block .news-content-container {
        position:relative;
        margin-top: -156px;
        width: 95%;
        margin: -40px auto auto auto;
        left: revert;
        height: 280px;
        box-shadow: 0px 16px 32px rgba(0,0,0,.24)
    }
}

@media (max-width: 500px) {
    .main-news-container .each-block-news-container:nth-child(1) .each-news-block .news-content-container {
        height:280px
    }
}

.main-news-container .each-block-news-container:nth-child(1) .each-news-block .bg-container {
    width: 100%;
    height: 530px;
    border-radius: 20px
}

@media (max-width: 1030px) {
    .main-news-container .each-block-news-container:nth-child(1) .each-news-block .bg-container {
        height:440px
    }
}

@media (max-width: 860px) {
    .main-news-container .each-block-news-container:nth-child(1) .each-news-block .bg-container {
        height:380px
    }
}

@media (max-width: 768px) {
    .main-news-container .each-block-news-container:nth-child(1) .each-news-block .bg-container {
        height:97vw
    }
}

@media (max-width: 500px) {
    .main-news-container .each-block-news-container:nth-child(1) .each-news-block .bg-container {
        height:97vw
    }
}

.main-news-container .each-block-news-container:nth-child(2) .each-news-block {
    display: flex;
    align-items: center;
    width: 56%;
    height: 340px;
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width: 1325px) {
    .main-news-container .each-block-news-container:nth-child(2) .each-news-block {
        width:49%;
        display: block
    }
}

@media (max-width: 768px) {
    .main-news-container .each-block-news-container:nth-child(2) .each-news-block {
        width:97%;
        height: auto;
        position: relative;
        margin-left: auto;
        margin-right: auto
    }
}

.main-news-container .each-block-news-container:nth-child(2) .each-news-block .news-content-container {
    position: absolute;
    width: 400px;
    height: 250px;
    left: 320px
}

@media (max-width: 1325px) {
    .main-news-container .each-block-news-container:nth-child(2) .each-news-block .news-content-container {
        height:250px;
        width: 90%;
        position: relative;
        background-color: #fff;
        margin-top: -40px;
        left: revert;
        bottom: revert;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 880px) {
    .main-news-container .each-block-news-container:nth-child(2) .each-news-block .news-content-container {
        position:relative;
        margin: -40px auto auto auto;
        width: 95%;
        left: revert;
        height: 280px;
        box-shadow: 0px 16px 32px rgba(0,0,0,.24)
    }
}

@media (max-width: 500px) {
    .main-news-container .each-block-news-container:nth-child(2) .each-news-block .news-content-container {
        height:280px
    }
}

.main-news-container .each-block-news-container:nth-child(2) .each-news-block .bg-container {
    width: 340px;
    height: 100%;
    border-radius: 16px;
    position: absolute
}

@media (max-width: 1325px) {
    .main-news-container .each-block-news-container:nth-child(2) .each-news-block .bg-container {
        width:100%;
        height: 530px;
        position: relative
    }
}

@media (max-width: 1030px) {
    .main-news-container .each-block-news-container:nth-child(2) .each-news-block .bg-container {
        width:100%;
        height: 440px;
        position: relative
    }
}

@media (max-width: 860px) {
    .main-news-container .each-block-news-container:nth-child(2) .each-news-block .bg-container {
        height:380px;
        width: 100%;
        position: relative
    }
}

@media (max-width: 768px) {
    .main-news-container .each-block-news-container:nth-child(2) .each-news-block .bg-container {
        height:97vw;
        width: 100%;
        position: relative
    }
}

@media (max-width: 500px) {
    .main-news-container .each-block-news-container:nth-child(2) .each-news-block .bg-container {
        height:97vw
    }
}

.main-news-container .each-block-news-container:nth-child(3) .each-news-block {
    display: flex;
    align-items: center;
    width: 56%;
    height: 340px;
    position: absolute;
    right: 0;
    bottom: -25px
}

@media (max-width: 1325px) {
    .main-news-container .each-block-news-container:nth-child(3) .each-news-block {
        display:none
    }
}

@media (max-width: 1030px) {
    .main-news-container .each-block-news-container:nth-child(3) .each-news-block {
        position:relative;
        height: auto;
        width: 49%
    }
}

@media (max-width: 768px) {
    .main-news-container .each-block-news-container:nth-child(3) .each-news-block {
        width:97%;
        height: auto;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        display: block;
        bottom: 0
    }
}

.main-news-container .each-block-news-container:nth-child(3) .each-news-block .news-content-container {
    position: absolute;
    width: 400px;
    height: 250px;
    left: 320px
}

@media (max-width: 1030px) {
    .main-news-container .each-block-news-container:nth-child(3) .each-news-block .news-content-container {
        position:relative;
        bottom: revert;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 880px) {
    .main-news-container .each-block-news-container:nth-child(3) .each-news-block .news-content-container {
        position:relative;
        width: 95%;
        margin: -40px auto auto auto;
        left: revert;
        height: 280px;
        box-shadow: 0px 16px 32px rgba(0,0,0,.24)
    }
}

@media (max-width: 500px) {
    .main-news-container .each-block-news-container:nth-child(3) .each-news-block .news-content-container {
        height:280px
    }
}

.main-news-container .each-block-news-container:nth-child(3) .each-news-block .bg-container {
    width: 340px;
    height: 100%;
    border-radius: 16px;
    position: absolute
}

@media (max-width: 1030px) {
    .main-news-container .each-block-news-container:nth-child(3) .each-news-block .bg-container {
        width:100%;
        height: 440px;
        position: relative
    }
}

@media (max-width: 860px) {
    .main-news-container .each-block-news-container:nth-child(3) .each-news-block .bg-container {
        height:380px;
        width: 100%;
        position: relative
    }
}

@media (max-width: 768px) {
    .main-news-container .each-block-news-container:nth-child(3) .each-news-block .bg-container {
        width:100%;
        height: 97vw;
        position: relative
    }
}

@media (max-width: 500px) {
    .main-news-container .each-block-news-container:nth-child(3) .each-news-block .bg-container {
        height:97vw
    }
}

.mini-news {
    width: 49%;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    text-decoration: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

@media (max-width: 768px) {
    .mini-news {
        width:100%
    }
}

.mini-news .mini-news-bg-container {
    height: 100px;
    width: 116px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    margin-right: 15px
}

.mini-news .mini-news-bg {
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    position: relative
}

.mini-news .mini-news-bg:after {
    content: '';
    top: 0;
    right: 0;
    width: 100%;
    height: 0;
    position: absolute;
    background-color: #ffcb057a;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.mini-news .mini-news-bg:before {
    content: '';
    bottom: 0;
    right: 0;
    width: 100%;
    height: 0;
    position: absolute;
    background-color: #ffcb057a;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

@media (max-width: 768px) {
    .mini-news .mini-news-bg {
        height:120px
    }
}

@media (max-width: 500px) {
    .mini-news .mini-news-bg {
        height:125px
    }
}

.mini-news .mini-news-content {
    width: calc(100% - 120px)
}

@media (max-width: 768px) {
    .mini-news .mini-news-content {
        width:calc(98% - 116px)
    }
}

.mini-news .mini-head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin-bottom: 15px
}

.mini-news .mini-head .head {
    font-size: 14px;
    font-family: "WorkSans-Bold",sans-serif;
    color: #202020;
    margin-right: 15px
}

.mini-news .mini-head .news-date {
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 14px;
    color: #202020
}

.mini-news:hover .mini-news-bg-container .mini-news-bg {
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    position: relative
}

.mini-news:hover .mini-news-bg-container .mini-news-bg:before,.mini-news:hover .mini-news-bg-container .mini-news-bg:after {
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    height: 50%
}

.main-call-to-action {
    width: 100%;
    z-index: 1;
    position: relative
}

@media (max-width: 1310px) {
    .main-call-to-action {
        padding-left:10px;
        padding-right: 10px;
        box-sizing: border-box
    }
}

.new-cta-btns .call-to-action-container {
    margin-bottom: 60px;
    margin-top: 40px
}

@media (max-width: 1024px) {
    .new-cta-btns .call-to-action-container .each-action {
        padding-top:10px;
        height: auto
    }
}

.call-to-action-container {
    width: 1310px;
    margin: 40px auto;
    background-color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1315px) {
    .call-to-action-container {
        width:100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 1024px) {
    .call-to-action-container {
        webkit-box-pack:center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 600px) {
    .call-to-action-container {
        margin:9px auto
    }
}

@media (max-width: 1315px) {
    .call-to-action-container.home-call {
        width:90%
    }
}

@media (max-width: 960px) {
    .call-to-action-container.home-call {
        width:70%
    }
}

@media (max-width: 768px) {
    .call-to-action-container.home-call {
        width:100%
    }
}

.call-to-action-container .inner-call {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    width: 50%
}

@media (max-width: 1315px) {
    .call-to-action-container .inner-call {
        width:100%;
        webkit-box-pack: space-between;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between
    }
}

@media (max-width: 768px) {
    .call-to-action-container .inner-call .each-action {
        width:auto;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.call-to-action-container .each-action {
    width: 210px;
    display: block;
    height: 215px;
    margin-left: 5px;
    text-align: center;
    padding-top: 45px;
    text-decoration: none;
    box-sizing: border-box;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    border-radius: 7px
}

.call-to-action-container .each-action:hover {
    background-color: #e8e8e8
}

.call-to-action-container .each-action:active {
    background-color: #ffcb05
}

.call-to-action-container .each-action:focus {
    background-color: #ffcb05
}

.call-to-action-container .each-action img {
    width: 65px
}

@media (max-width: 1024px) {
    .call-to-action-container .each-action {
        width:32%;
        height: 180px;
        padding-top: 25px;
        margin-bottom: 15px
    }

    .call-to-action-container .each-action img {
        width: 50px
    }
}

@media (max-width: 880px) {
    .call-to-action-container .each-action {
        height:150px;
        width: 31%
    }
}

.call-to-action-container .each-action .action-text {
    color: #000;
    font-family: "WorkSans-Regular",sans-serif;
    text-decoration: none;
    margin-top: 30px;
    font-size: 20px
}

@media (max-width: 768px) {
    .call-to-action-container .each-action .action-text {
        margin-top:15px;
        font-size: 14px
    }
}

.tabs-container {
    width: 980px;
    position: relative;
    height: 41px;
    margin: 40px auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 985px) {
    .tabs-container {
        width:900px
    }
}

.tabs-container .tab-btn {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 15px;
    background-color: #fff;
    color: #202020;
    box-shadow: none;
    border: solid 1px #e8e8e8;
    border-radius: 10px;
    font-size: 13px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    font-family: "WorkSans-Regular",sans-serif
}

.tabs-container .tab-btn.active {
    background-color: #ffcb05;
    font-family: "WorkSans-Medium",sans-serif;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.tabs-container .tab-btn:hover {
    background-color: #e8e8e8;
    border: solid 1px #e8e8e8;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.tabs-container .tab-btn:nth-child(1) {
    margin-left: 0
}

.tabs-container .tab-btn.active {
    background-color: #ffcb05;
    border: solid 1px #ffcb05
}

.careers-container {
    width: 1088px;
    margin: 160px auto;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

@media (max-width: 1095px) {
    .careers-container {
        width:100%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box
    }
}

@media (max-width: 880px) {
    .careers-container {
        display:block;
        margin: 0;
        margin-bottom: 60px
    }
}

.careers-container.annual-report-block {
    width: 1310px
}

@media (max-width: 880px) {
    .careers-container.annual-report-block {
        display:block
    }
}

@media (max-width: 1320px) {
    .careers-container.annual-report-block {
        width:95%
    }
}

@media (max-width: 1095px) {
    .careers-container.annual-report-block .careers-content {
        width:100%
    }
}

.careers-container.annual-report-block .careers-container-slider {
    width: 50%
}

.careers-container.annual-report-block .careers-container-slider .white-text p {
    color: #fff
}

@media (max-width: 880px) {
    .careers-container.annual-report-block .careers-container-slider {
        width:100%
    }
}

@media (max-width: 810px) {
    .careers-container.annual-report-block {
        width:100%;
        display: block
    }
}

.careers-container .annual-report-container {
    width: 50%;
    height: 487px;
    background-color: #fff;
    box-shadow: 0px 16px 56px rgba(0,0,0,.16);
    border-radius: 24px;
    margin-right: 15px;
    box-sizing: border-box;
    border-bottom: solid 3px #ffcb05;
    padding: 70px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

@media (max-width: 880px) {
    .careers-container .annual-report-container {
        width:100%;
        padding: 30px;
        height: auto;
        margin-bottom: 30px;
        transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -webkit-transition: all .3s ease
    }
}

.careers-container .annual-report-container .investment-img {
    width: 100%;
    margin-top: 20px
}

.careers-container .annual-report-container .investors-content {
    position: relative;
    padding-top: 10px
}

.careers-container .annual-report-container .investors-content .pricing-details {
    font-size: 20px;
    font-family: "MTNBrighterSans-Regular",sans-serif;
    margin-top: 5px;
    color: #000
}

.careers-container .annual-report-container .investors-content .date-text {
    font-size: 14px;
    font-family: "MTNBrighterSans-Regular",sans-serif;
    color: #202020;
    margin-top: 10px;
    margin-bottom: 30px
}

.careers-container .careers-content {
    width: 417px;
    margin-right: 140px;
    padding-top: 90px
}

@media (max-width: 1095px) {
    .careers-container .careers-content {
        margin:50px auto;
        width: 45%;
        padding-top: 40px
    }
}

@media (max-width: 880px) {
    .careers-container .careers-content {
        width:90%;
        margin: 0;
        padding-bottom: 60px;
        padding-left: 15px
    }
}

.careers-container .careers-content .career-heading {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 27px;
    color: #202020
}

.careers-container .careers-content .career-list {
    width: 400px
}

@media (max-width: 1095px) {
    .careers-container .careers-content .career-list {
        width:89%
    }
}

@media (max-width: 768px) {
    .careers-container .careers-content .career-list {
        width:100%
    }
}

.careers-container .careers-content .career-list li {
    list-style-type: none;
    border-bottom: 1px solid #cdcdcd;
    position: relative;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.careers-container .careers-content .career-list li:after {
    content: '';
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    right: -10px;
    border-color: #202020;
    top: 42px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

@media (max-width: 767px) {
    .careers-container .careers-content .career-list li:after {
        top:31px;
        right: 5px
    }
}

.careers-container .careers-content .career-list li:hover {
    border-bottom: solid 1px #ffcb05;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.careers-container .careers-content .career-list li:hover:after {
    right: -20px;
    border-color: #ffcb05;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.careers-container .careers-content .career-list li a {
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 20px;
    text-decoration: none;
    color: #202020;
    padding-top: 27px;
    padding-bottom: 27px;
    cursor: pointer;
    display: block;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    position: relative;
    width: 95%
}

@media (max-width: 767px) {
    .careers-container .careers-content .career-list li a {
        font-size:16px;
        line-height: 1.2
    }
}

.careers-container .careers-container-slider {
    width: 531px;
    height: 487px;
    background: linear-gradient(180deg,rgba(115,115,115,.4) 0%,rgba(0,0,0,.8) 50%),#232323;
    border-radius: 20px;
    position: relative;
    padding: 80px 40px 40px;
    box-sizing: border-box
}

@media (max-width: 1095px) {
    .careers-container .careers-container-slider {
        width:50%
    }
}

@media (max-width: 880px) {
    .careers-container .careers-container-slider {
        width:100%
    }
}

.careers-container .careers-container-slider.annual {
    padding: 80px 40px 40px 60px
}

.careers-container .careers-container-slider .career-top-text {
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 13px;
    color: #fff
}

.careers-container .careers-container-slider .career-slider-container {
    position: relative;
    color: #fff;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden
}

.careers-container .careers-container-slider .career-slider-container .slick-dots {
    margin-top: 15px;
    position: absolute;
    bottom: -13px
}

.careers-container .careers-container-slider .career-slider-container .slick-dots>li:only-child {
    display: none
}

.careers-container .careers-container-slider .career-slider-container .slick-dots button {
    background-color: #909090
}

.careers-container .careers-container-slider .career-slider-container .slick-dots button:hover {
    background: #ffcb05
}

.careers-container .careers-container-slider .career-slider-container .slick-dots li.slick-active button {
    background-color: #ffcb05
}

.careers-container .careers-container-slider .career-slider-container .career-heading {
    color: #fff;
    font-family: "MTNBrighterSans-Medium",sans-serif;
    font-size: 32px;
    margin-top: 30px;
    line-height: 30px
}

.careers-container .careers-container-slider .career-slider-container .site-text {
    padding-bottom: 40px;
    border-bottom: solid 1px #ffffff78;
    margin-bottom: 30px;
    padding-top: 20px
}

.careers-container .read-more-with-arrow {
    width: 130px
}

.banner-slide .new-banner-content {
    background: rgba(0,0,0,.38);
    backdrop-filter: blur(14px);
    width: 35%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: absolute;
    justify-content: center;
    padding-left: 100px;
    padding-bottom: 100px;
    z-index: 2
}

@media (max-width: 880px) {
    .banner-slide .new-banner-content {
        top:revert;
        width: 100%;
        padding-left: unset;
        padding-right: unset;
        height: 45%;
        bottom: 0
    }
}

@media (max-width: 768px) {
    .banner-slide .new-banner-content {
        top: revert;
        bottom: 0;
        z-index: 1;
        height: 40%;
        padding-bottom: 0;
    }
}

.banner-slide .new-banner-content .new-banner-content-text-sec {
    max-width: 540px;
    /*margin-left: auto;*/
    padding-right: 40px
}

@media (max-width: 880px) {
    .banner-slide .new-banner-content .new-banner-content-text-sec {
        max-width:88%;
        width: 100%;
        min-width: unset;
        padding-right: unset;
        margin: auto;
        margin-top: 30px
    }
}

.banner-slide .new-banner-content .banner-heading {
    font-size: 56px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    color: #fff;
    font-style: italic;
    line-height: 52px;
    width: 90%;
    margin-bottom: 16px
}

@media (max-width: 768px) {
    .banner-slide .new-banner-content .banner-heading {
        font-size:28px;
        line-height: 115%
    }
}

@media (max-width: 490px) {
    .banner-slide .new-banner-content .banner-heading {
        width:100%
    }
}

.banner-slide .new-banner-content .banner-text {
    color: #fff;
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 20px;
    width: 90%;
    margin-bottom: 16px
}

.banner-slide .new-banner-content .banner-text p {
    color: #fff
}

@media (max-width: 768px) {
    .banner-slide .new-banner-content .banner-text {
        font-size:18px;
        line-height: 125%;
        width: 100%
    }
}

.banner-slide .new-banner-content .new-button {
    background: #ffcb05;
    color: #202020;
    font-family: "WorkSans-Regular",sans-serif;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 47px;
    width: 240px;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    padding: 12px 30px;
    border-radius: 24px;
    font-family: 'WorkSans-Medium',sans-serif;
    cursor: pointer;
    text-transform: uppercase
}

@media (max-width: 880px) {
    .banner-slide .new-banner-content .new-button {
        width:100%
    }
}

.banner-slide .new-banner-content .new-button:hover {
    background: linear-gradient(180deg,#fcd818 0%,#f8c000 100%)
}
.home-page-new {
    width: 100%;
    height: 80vh;
}
@media (max-width: 380px) {
    .home-page-new {
        height: 98vh;
        width: 100%;
        aspect-ratio: unset;
    }
}
@media (max-width: 768px) {
    .home-page-new {
        height: 760px
    }
}
@media (max-width: 1440px) {
    .home-page-new {
        height: 98vh;
        width: 100%;
        aspect-ratio: unset;
    }
}
.home-page-new .banner-dots {
    left: 45%
}

@media (max-width: 768px) {
    .home-page-new .banner-dots {
        left: 50%;
        bottom: 25px;
    }
}

.stats-slider {
    margin-bottom: 60px
}

@media (max-width: 880px) {
    .stats-slider {
        margin-bottom:unset
    }
}

.stats-slider .stats-container {
    width: 100%;
    height: 660px;
}

@media (max-width: 768px) {
    .stats-slider .stats-container {
        height:500px
    }
}

.stats-slider .stats-container .section-banner,.stats-slider .stats-container .mobile-section-banner {
    border-radius: 0
}

.stats-slider .stats-container .bottom-shadow {
    border-radius: 0
}

.stats-slider .stats-container .stats-heading-sec {
    position: absolute;
    top: 15%;
    width: 100%;
    display: flex
}
@media(max-width:768px){
    .stats-slider .stats-container .stats-heading-sec {
        top: 5%;
    }
}
.stats-slider .stats-container .stats-heading-sec .stats-heading-container {
    max-width: 1400px;
    margin: auto;
    width: 88%;
    display: flex
}

.stats-slider .stats-container h2 {
    z-index: 1;
    font-size: 80px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-style: italic;
    color: #ffcb05;
    line-height: 72px;
    letter-spacing: -2px;
    width: 760px;
    margin-bottom: 48px
}

@media (max-width: 768px) {
    .stats-slider .stats-container h2 {
        font-size:40px;
        line-height: 100%;
        width: 300px
    }
}

.stats-slider .stats-container h2 span {
    color: #fff;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 80px;
    font-style: italic;
    line-height: 72px;
    letter-spacing: -2px;
    width: 509px
}

@media (max-width: 768px) {
    .stats-slider .stats-container h2 span {
        font-size:40px;
        line-height: 100%
    }
}

.stats-slider .stats-container .bottom-data-container {
    height: 400px;
    bottom: 0;
    width: 100%
}

@media (max-width: 1200px) {
    .stats-slider .stats-container .bottom-data-container {
        bottom:0
    }
}

@media (max-width: 768px) {
    .stats-slider .stats-container .bottom-data-container {
        bottom:-5%
    }
}

.stats-slider .stats-container .bottom-data-container .card-container {
    max-width: 1400px;
    width: 88%
}

@media (max-width: 500px) {
    .stats-slider .stats-container .bottom-data-container .card-container {
        width:100%
    }
}

.stats-slider .stats-container .bottom-data-container .card-container .icons-slider .each-card {
    display: flex;
    flex-direction: column;
    padding: 51px 42px;
    width: 100%;
    height: 274px;
    gap: 24px;
    text-align: left;
    pointer-events: none;
    backdrop-filter: blur(10px)
}

@media (max-width: 768px) {
    .stats-slider .stats-container .bottom-data-container .card-container .icons-slider .each-card {
        padding:24px 32px;
        height: 270px;
        gap: 16px
    }
}

.stats-slider .stats-container .bottom-data-container .card-container .icons-slider .each-card .each-icon {
    width: 54px;
    height: 54px
}

.stats-slider .stats-container .bottom-data-container .card-container .icons-slider .each-card .block-heading {
    font-size: 24px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    color: #fff;
    line-height: 125%
}

.stats-slider .stats-container .bottom-data-container .card-container .icons-slider .each-card .block-content-text {
    font-size: 16px;
    font-family: "WorkSans-Regular",sans-serif;
    color: #fff;
    line-height: 22px
}

.button {
    display: block;
    height: 47px;
    width: 240px;
    text-decoration: none;
    color: #202020;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    padding: 12px 30px;
    border-radius: 30px;
    font-family: "WorkSans-Medium",sans-serif;
    cursor: pointer;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.button.bordered-black {
    border: 2px solid #202020
}

.button.bordered-black:hover {
    background-color: #e8e8e8;
    border: 2px solid #e8e8e8;
    color: #202020;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.button.bordered-white {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff
}

.button.bordered-white:hover {
    background-color: #e8e8e8;
    color: #202020;
    border: 2px solid #e8e8e8;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.site-text {
    font-size: 16px;
    color: #202020;
    font-family: "WorkSans-Regular",sans-serif;
    line-height: 1.2
}

.site-text.white-text {
    color: #fff
}

.site-text.white-text p {
    color: #fff
}

.read-more-with-arrow {
    color: #202020;
    display: block;
    text-decoration: none;
    margin-top: 15px;
    font-size: 14px;
    position: relative;
    text-transform: uppercase;
    width: 110px;
    cursor: pointer;
    font-family: "WorkSans-Bold",sans-serif
}

.read-more-with-arrow:before {
    content: '';
    border-style: solid;
    border-width: 2px 2px 0 0;
    height: 6px;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 6px;
    right: 0;
    transform: rotate(45deg);
    position: absolute;
    top: 4px;
    border-color: #202020;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.read-more-with-arrow.white {
    color: #fff
}

.read-more-with-arrow.white:before {
    border-color: #fff
}

.read-more-with-arrow.white:hover {
    color: #ffcb05;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.read-more-with-arrow.white:hover:before {
    border-color: #ffcb05
}

.read-more-with-arrow:hover:before {
    right: -10px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.site-heading {
    text-align: center;
    font-size: 56px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    color: #202020;
    margin-bottom: 45px
}

@media (max-width: 810px) {
    .site-heading {
        text-align:left;
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 10px;
        margin-left: 10px
    }
}

.site-heading-secondary {
    text-align: center;
    font-size: 40px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    color: #202020;
    margin-bottom: 35px
}

.price-block {
    font-size: 40px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    position: relative
}

.price-block:after {
    content: 'ZAC';
    font-size: 16px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    position: absolute;
    bottom: 10px;
    margin-left: 8px
}

.view-more-block {
    margin: 90px auto 90px;
    display: block;
    text-align: center
}

.view-more-block.mini {
    margin: 40px auto 40px
}

@media (max-width: 768px) {
    .view-more-block {
        margin:60px auto 60px
    }
}

.view-more-block .view-all-btn {
    background-color: #202020;
    text-align: center;
    padding: 12px 55px;
    color: #fff;
    text-decoration: none;
    font-family: "WorkSans-Medium",sans-serif;
    border-radius: 30px;
    border: solid 2px #202020;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    cursor: pointer;
    margin: 0 auto;
    font-size: 12px;
    position: relative;
    text-transform: uppercase
}

.view-more-block .view-all-btn:hover {
    background-color: #e8e8e8;
    border: solid 2px #e8e8e8;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    color: #202020
}

.sections-scroll {
    overflow-y: hidden;
    overflow-x: auto
}

@media screen and (max-width: 768px) {
    .sections-scroll {
        overflow-y:scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding-left: 10px;
        padding-right: 10px
    }

    .sections-scroll::-webkit-scrollbar {
        display: none
    }
}

.bg-cover {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.page-name-label {
    font-size: 15px;
    color: #202020;
    font-family: "WorkSans-Regular",sans-serif
}

@media (max-width: 768px) {
    .custom-grid .news-block-container {
        width:100%
    }
}

@media (max-width: 768px) {
    .news-block-container {
        width:100%
    }
}

@media (max-width: 1030px) {
    .news-block-container .view-more-block {
        margin-top:20px
    }
}

.legal-container .main-container .tab-content-container .tab-content.shareholders h5 {
    font-size: 14px;
    margin: 10px 0
}

.tab-content-container .tab-content.shareholders h5 a {
    font-family: "WorkSans-Bold",sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #202020
}

.tab-content-container .tab-content.shareholders h2 {
    margin-bottom: 20px;
    font-size: 40px
}

@media (max-width: 768px) {
    .tab-content-container .tab-content.shareholders h2 {
        font-size:30px
    }
}

.tab-content-container .tab-content.shareholders p {
    margin-bottom: 10px
}

.tab-content-container .tab-content.shareholders select.mtn-select-dropdown {
    margin: 40px 0;
    border: none;
    border-top: 5px solid #fce068;
    padding: 15px 20px;
    border-radius: 5px;
    min-width: 350px;
    font-size: 18px;
    font-family: 'WorkSans-Regular';
    cursor: pointer;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/svgs-icons/chevron.svg);
    background-repeat: no-repeat;
    background-position: 90% center
}

.tab-content-container .tab-content.shareholders .content-cnt p {
    font-size: 18px;
    font-family: 'WorkSans-Regular';
    margin-bottom: 15px
}

.tab-content-container .tab-content.shareholders .content-cnt ul li {
    list-style-position: inside
}

.tab-content-container .tab-content.shareholders .mtn-accordion {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.tab-content-container .tab-content.shareholders .mtn-accordion .mtn-accordion-item {
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    cursor: pointer;
    border-bottom: 1.5px solid #909090;
    padding-bottom: 15px
}

.tab-content-container .tab-content.shareholders .mtn-accordion .mtn-accordion-item .title {
    font-weight: 800;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    position: relative;
    color: #202020;
    font-size: 17px;
    padding: 30px 0 10px
}

.tab-content-container .tab-content.shareholders .mtn-accordion .mtn-accordion-item .title.active {
    color: #ffcb05
}

.tab-content-container .tab-content.shareholders .mtn-accordion .mtn-accordion-item .title.active .chevron-circle:after {
    -webkit-transform: rotate(-47deg);
    -moz-transform: rotate(-47deg);
    -ms-transform: rotate(-47deg);
    -o-transform: rotate(-47deg);
    -webkit-transform: all .3s ease;
    -moz-transform: all .3s ease;
    -ms-transform: all .3s ease;
    -o-transform: all .3s ease;
    top: 9px
}

.tab-content-container .tab-content.shareholders .mtn-accordion .mtn-accordion-item .title .accordion-title {
    display: block;
    padding-right: 30px
}

.tab-content-container .tab-content.shareholders .mtn-accordion .mtn-accordion-item p,.tab-content-container .tab-content.shareholders .mtn-accordion .mtn-accordion-item .accordion-content {
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    pointer-events: none;
    overflow: hidden;
    font-size: 15px;
    color: #202020;
    max-height: 0;
    line-height: 1.4;
    transition: max-height .2s ease-out
}

@media (max-width: 768px) {
    .tab-content-container .tab-content.shareholders {
        padding-top:unset
    }

    .tab-content-container .tab-content.shareholders select.mtn-select-dropdown {
        min-width: unset;
        width: 100%;
        font-size: 14px
    }

    .tab-content-container .tab-content.shareholders .content-cnt {
        font-size: 12px
    }

    .tab-content-container .tab-content.shareholders .content-cnt p {
        font-size: 14px
    }

    .tab-content-container .tab-content.shareholders .tab-content.shareholders h5 {
        margin-bottom: 15px
    }

    .tab-content-container .tab-content.shareholders .tab-content.shareholders h2 {
        margin-bottom: 15px
    }
}

.chevron-circle {
    position: absolute;
    right: 10px;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    display: block;
    top: 28px
}

.chevron-circle:before {
    content: " ";
    border: solid 2px #202020;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 1px;
    top: 1px;
    border-radius: 50%
}

.chevron-circle:after {
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #202020;
    content: '';
    height: 4px;
    position: absolute;
    top: 7.5px;
    -webkit-transform: rotate(136deg);
    -moz-transform: rotate(136deg);
    -ms-transform: rotate(136deg);
    -o-transform: rotate(136deg);
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    vertical-align: top;
    width: 4px;
    right: 5px
}

.shareholders .selection-container {
    position: relative;
    margin-top: 23px;
    margin-bottom: 20px
}

.shareholders .selection-container .select-form {
    margin-top: 0
}

.shareholders #mtn_tabcontent_container {
    padding-bottom: 50px
}

.shareholders .lens-heading {
    margin-bottom: 40px
}

.shareholders .wrapper {
    margin-left: -17px !important
}

.shareholders .details-cnt ul li {
    font-size: 16px;
    font-family: "WorkSans-Regular",sans-serif;
    color: #202020;
    margin-bottom: 10px
}

@media (max-width: 768px) {
    .shareholders .details-cnt ul li {
        font-size:14px
    }
}

.shareholders .tab-content-container .tab-content h5 {
    font-size: 14px;
    margin: 10px 0
}

@media (max-width: 768px) {
    .shareholders .tab-content-container .tab-content {
        padding-top:0
    }
}

.legal-container {
    position: relative;
    box-sizing: border-box
}

.legal-container .main-container {
    width: 1080px;
    margin: 0 auto 100px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width: 1085px) {
    .legal-container .main-container {
        width:90%
    }
}

@media (min-width: 1500px) {
    .legal-container .main-container {
        width:1360px
    }
}

@media (max-width: 1085px) {
    .legal-container .main-container {
        padding-left:15px;
        padding-right: 15px
    }
}

@media (max-width: 768px) {
    .legal-container .main-container {
        -webkit-flex-direction:column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }
}

.legal-container .main-container .page-label {
    font-family: "WorkSans-Bold",sans-serif;
    font-size: 14px;
    color: #202020;
    margin-bottom: 30px
}

.legal-container .main-container .tab-header-container {
    width: 35%;
    padding-right: 100px
}

@media (max-width: 768px) {
    .legal-container .main-container .tab-header-container {
        width:100%;
        margin-left: -15px;
        padding-top: 80px;
        margin-top: -120px;
        background-color: #202020
    }
}

.legal-container .main-container .tab-header-container h5,.legal-container .main-container .tab-header-container>:nth-child(1) {
    background-color: #202020;
    padding: 25px 20px 50px;
    color: #fff;
    border-radius: 10px;
    padding-left: 40px;
    font-size: 20px;
    font-weight: 300;
    font-family: "MTNBrighterSans-Regular",sans-serif
}

@media (max-width: 768px) {
    .legal-container .main-container .tab-header-container h5,.legal-container .main-container .tab-header-container>:nth-child(1) {
        padding:0 15px;
        margin-bottom: 20px;
        font-family: "MTNBrighterSans-ExtraBold",sans-serif
    }
}

.legal-container .main-container .tab-header-container>:nth-child(1) strong {
    display: block;
    font-family: "MTNBrighterSans-Bold",sans-serif
}

.legal-container .main-container .tab-header-container ul {
    list-style: none;
    min-height: 350px;
    border-radius: 10px;
    background: #fff
}

@media (min-width: 768px) {
    .legal-container .main-container .tab-header-container ul {
        margin-top:-25px;
        padding: 35px 0 40px;
        box-shadow: 0px 0px 13px 0px rgba(0,0,0,.2);
        -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,.2);
        -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,.2)
    }
}

@media (max-width: 768px) {
    .legal-container .main-container .tab-header-container ul {
        background:#202020;
        border: none;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        min-height: unset;
        padding: 0 15px 30px;
        overflow-x: scroll;
        margin-top: 0;
        margin-left: -15px
    }
}

.legal-container .main-container .tab-header-container ul li {
    position: relative
}

.legal-container .main-container .tab-header-container ul li.tab-btn {
    padding-left: 20px;
    margin: 0 30px;
    margin-top: 0;
    font-family: "MTNBrighterSans-Regular",sans-serif;
    border-radius: 10px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.legal-container .main-container .tab-header-container ul li.tab-btn:hover {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    background-color: #ffcb05;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.legal-container .main-container .tab-header-container ul li.tab-btn:hover p {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.legal-container .main-container .tab-header-container ul li.tab-btn p {
    border-bottom: 1px solid #e8e8e8;
    padding: 20px;
    padding-left: 0;
    width: 75%;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

@media (max-width: 768px) {
    .legal-container .main-container .tab-header-container ul li.tab-btn {
        border-radius:5px;
        border: 1px solid #fff;
        background: 0 0;
        min-width: 220px;
        max-height: 20px;
        margin: 0;
        margin-right: 5px;
        margin-left: 15px;
        padding: 10px;
        text-align: center
    }

    .legal-container .main-container .tab-header-container ul li.tab-btn p {
        font-size: 14px;
        border: none;
        color: #fff;
        text-align: center;
        width: unset;
        padding: unset
    }
}

.legal-container .main-container .tab-header-container ul li.tab-btn.active {
    background-color: #e8e8e8;
    -webkit-transform: all .3s ease-in-out;
    -moz-transform: all .3s ease-in-out;
    -ms-transform: all .3s ease-in-out;
    -o-transform: all .3s ease-in-out;
    margin-top: -1px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.legal-container .main-container .tab-header-container ul li.tab-btn.active p {
    color: #202020;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    border-bottom: none
}

@media (max-width: 768px) {
    .legal-container .main-container .tab-header-container ul li.tab-btn.active {
        border:none;
        background-color: #ffcb05;
        border-radius: 5px
    }

    .legal-container .main-container .tab-header-container ul li.tab-btn.active p {
        color: #000;
        font-weight: 700;
        border-bottom: none
    }
}

@media (min-width: 769px) {
    .legal-container .main-container .tab-header-container ul li.tab-btn p:after {
        content: url('/svgs-icons/chevron.svg');
        position: absolute;
        right: 20px;
        font-weight: 700;
        -webkit-transform: rotateZ(270deg);
        -moz-transform: rotateZ(270deg);
        -ms-transform: rotateZ(270deg);
        -o-transform: rotateZ(270deg);
        font-family: "MTNBrighterSans-Regular",sans-serif
    }
}

.legal-container .main-container .tab-content-container {
    width: 70%
}

@media (max-width: 768px) {
    .legal-container .main-container .tab-content-container {
        width:100%
    }
}

.legal-container .main-container .tab-content-container .tab-content {
    display: none;
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 16px
}

@media (max-width: 768px) {
    .legal-container .main-container .tab-content-container .tab-content {
        margin-right:30px;
        padding-top: 50px
    }
}

.legal-container .main-container .tab-content-container .tab-content h5 {
    font-size: 20px;
    font-weight: 700;
    margin: 0
}

@media (max-width: 768px) {
    .legal-container .main-container .tab-content-container .tab-content h5 {
        font-size:16px;
        margin: 35px 0 15px
    }

    .legal-container .main-container .tab-content-container .tab-content h5 br {
        content: '';
        display: block;
        margin-top: 20px
    }
}

.legal-container .main-container .tab-content-container .tab-content p {
    font-size: 16px
}

@media (max-width: 768px) {
    .legal-container .main-container .tab-content-container .tab-content p {
        font-size:14px
    }
}

.contact-container {
    position: relative;
    box-sizing: border-box
}

.contact-container .main-container {
    width: 1080px;
    margin: 0 auto 120px
}

.contact-container .main-container h2 {
    font-size: 80px;
    font-family: 'MTNBrighterSans-Bold';
    color: #202020;
    line-height: 80px
}

@media (max-width: 768px) {
    .contact-container .main-container h2 {
        font-size:40px;
        line-height: 40px
    }
}

.contact-container .main-container h3 {
    font-family: 'MTNBrighterSans-Bold',sans-serif;
    font-size: 40px;
    color: #202020;
    line-height: 40px
}

@media (max-width: 768px) {
    .contact-container .main-container h3 {
        font-size:32px;
        line-height: 32px
    }
}

@media (max-width: 1085px) {
    .contact-container .main-container {
        width:90%
    }
}

@media (min-width: 1500px) {
    .contact-container .main-container {
        width:1360px
    }
}

.contact-container .main-container .tab-header-container {
    list-style: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 680px;
    margin-top: 50px
}

@media (max-width: 768px) {
    .contact-container .main-container .tab-header-container {
        padding:30px 0 15px 15px;
        margin-top: 0;
        max-width: unset;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 20px;
        overflow-x: scroll
    }
}

.contact-container .main-container .tab-header-container .tab-btn {
    text-decoration: none;
    min-width: 120px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    box-shadow: none;
    border: solid 1px #cdcdcd;
    border-radius: 10px;
    font-size: 13px;
    cursor: pointer;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    font-family: 'WorkSans-Regular',sans-serif;
    padding: 10px;
    text-align: center;
    margin-left: 15px
}

.contact-container .main-container .tab-header-container .tab-btn.active {
    background-color: #ffcb05;
    font-family: 'WorkSans-Medium',sans-serif
}

.contact-container .main-container .tab-header-container .tab-btn:hover {
    background-color: #e8e8e8;
    border: solid 1px #e8e8e8;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

.contact-container .main-container .tab-header-container .tab-btn.active {
    background-color: #ffcb05;
    border: solid 1px #ffcb05
}

.contact-container .main-container .tab-header-container .tab-btn:nth-child(1) {
    margin-left: 0
}

.contact-container .main-container .tab-header-container .tab-btn:last-child {
    margin-right: 15px
}

.contact-container .main-container .tab-content-container {
    margin-top: 50px
}

@media (max-width: 768px) {
    .contact-container .main-container .tab-content-container {
        margin-top:0
    }
}

.contact-container .main-container .tab-content-container .tab-content {
    display: none
}

.contact-container .main-container .tab-content-container .tab-content h3 {
    margin-bottom: 30px
}

@media (max-width: 768px) {
    .contact-container .main-container .tab-content-container .tab-content h3 {
        font-size:22px;
        margin-bottom: 0
    }
}

.contact-container .main-container .tab-content-container .tab-content .address-item-cnt {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 20px 0;
    webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start
}

.contact-container .main-container .tab-content-container .tab-content .address-item-cnt .details-cnt .title {
    font-weight: 700;
    font-size: 16px;
    font-family: "MTNBrighterSans-Regular",sans-serif
}

@media (max-width: 768px) {
    .contact-container .main-container .tab-content-container .tab-content .address-item-cnt .details-cnt .title {
        font-size:12px
    }
}

.contact-container .main-container .tab-content-container .tab-content .address-item-cnt .details-cnt div,.contact-container .main-container .tab-content-container .tab-content .address-item-cnt .details-cnt p {
    width: 100%;
    font-size: 16px;
    color: #202020;
    font-family: 'WorkSans-Regular',sans-serif;
    line-height: 150%;
    letter-spacing: -.18px;
    text-decoration: none
}

@media (max-width: 768px) {
    .contact-container .main-container .tab-content-container .tab-content .address-item-cnt .details-cnt div,.contact-container .main-container .tab-content-container .tab-content .address-item-cnt .details-cnt p {
        font-size:12px
    }
}

.contact-container .main-container .tab-content-container .tab-content .address-item-cnt .details-cnt div a,.contact-container .main-container .tab-content-container .tab-content .address-item-cnt .details-cnt p a {
    text-decoration: none;
    color: #202020;
    font-size: 16px
}

@media (max-width: 768px) {
    .contact-container .main-container .tab-content-container .tab-content .address-item-cnt .details-cnt div a,.contact-container .main-container .tab-content-container .tab-content .address-item-cnt .details-cnt p a {
        font-size:12px
    }
}

.contact-container .main-container .tab-content-container .tab-content .address-item-cnt img {
    margin-right: 30px;
    max-width: 22px;
    max-height: 22px
}

@media (max-width: 768px) {
    .contact-container .main-container .tab-content-container .tab-content .address-item-cnt img {
        margin-right:20px
    }
}

.error-banner-container {
    min-height: 70vh;
    position: relative
}

.error-banner-container .banner-content {
    width: 1250px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    bottom: 200px
}

@media (max-width: 1260px) {
    .error-banner-container .banner-content {
        width:90%
    }
}

@media (max-width: 1085px) {
    .error-banner-container .banner-content {
        width:90%;
        z-index: 1;
        position: absolute;
        bottom: 175px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%)
    }
}

@media (min-width: 1500px) {
    .error-banner-container .banner-content {
        width:1306px
    }
}

.error-banner-container .banner-content .error-heading {
    font-size: 14px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    color: #202020
}

@media (max-width: 767px) {
    .error-banner-container .banner-content .error-heading {
        color:#fff;
        font-family: "WorkSans-Regular",sans-serif
    }
}

.error-banner-container .banner-content .secondary-heading {
    font-size: 75px;
    line-height: 75px;
    color: #202020;
    margin-bottom: 4px
}

@media (max-width: 767px) {
    .error-banner-container .banner-content .secondary-heading {
        font-size:40px;
        line-height: 40px;
        color: #fff
    }
}

.error-banner-container .banner-content .error-content {
    font-size: 30px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    color: #202020;
    margin-top: 10px
}

@media (max-width: 767px) {
    .error-banner-container .banner-content .error-content {
        color:#fff;
        font-family: "WorkSans-Regular",sans-serif;
        font-size: 16px
    }
}

.error-banner-container .bottom-bar {
    width: 98%;
    height: 96px;
    position: absolute;
    bottom: 50px;
    left: 1%;
    background: rgba(123,123,123,.4);
    backdrop-filter: blur(44px);
    border-radius: 5px;
    box-sizing: border-box;
    padding-top: 22px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    z-index: 1
}

@media (min-width: 880px) {
    .error-banner-container .bottom-bar .bordered-white {
        border:solid 2px #202020;
        color: #202020
    }

    .error-banner-container .bottom-bar .bordered-white:hover {
        background-color: #202020;
        color: #fff
    }
}

* {
    padding: 0;
    margin: 0
}

body {
    background-color: #fff
}

h2 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 56px;
    line-height: 54px;
    color: #202020
}

@media (max-width: 768px) {
    h2 {
        font-size:30px;
        line-height: 30px
    }
}

h3 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 45px;
    color: #202020;
    line-height: 45px
}

@media (max-width: 768px) {
    h3 {
        font-size:30px;
        line-height: 30px
    }
}

h4 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 30px;
    line-height: 30px;
    color: #202020
}

@media (max-width: 768px) {
    h4 {
        font-size:24px;
        line-height: 24px
    }
}

span,p {
    font-size: 16px;
    color: #202020;
    font-family: "WorkSans-Regular",sans-serif;
    line-height: 150%;
    letter-spacing: -.18px;
    text-decoration: none
}

span.white-text,p.white-text {
    color: #ffff
}

.custom-grid {
    width: 1306px;
    margin: 0 auto 150px
}

@media (max-width: 1325px) {
    .custom-grid {
        width:100%;
        position: relative;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 auto 60px
    }
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

* {
    scroll-behavior: smooth
}

body.page-template.page-template-templates.page-template-campaign-landing.page-template-templatescampaign-landing-php {
    background-color: #fff
}

/*.pattern {
    background: url(/wp-content/themes/mtn-refresh/public/img/pattern-dark.png),#000;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.pattern:hover {
    background: url(/wp-content/themes/mtn-refresh/public/img/pattern-light.png),#000;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}*/

.playlist-grid .stripbanner-2 .black-pattern,.playlist-grid .stripbanner-2 .yellow-pattern {
    width: auto;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.campaign-banner,.campaign-mobile-banner {
    position: relative;
    min-height: 95vh;
    display: block;
    margin-bottom: -16px;
    padding-top: 16px;
    z-index: 0
}

@media (max-width: 1366px) {
    .campaign-banner,.campaign-mobile-banner {
        min-height:80vh
    }
}

@media (max-width: 1024px) {
    .campaign-banner,.campaign-mobile-banner {
        min-height:44vh
    }
}

@media (max-width: 768px) {
    .campaign-banner,.campaign-mobile-banner {
        min-height:90vh
    }
}

@media (max-height: 860px) {
    .campaign-banner,.campaign-mobile-banner {
        min-height:80vh
    }
}

@media (max-height: 540px) {
    .campaign-banner,.campaign-mobile-banner {
        min-height:100vh
    }
}

@media (min-width: 769px) {
    .campaign-mobile-banner {
        display:none
    }
}

@media (max-width: 768px) {
    .campaign-banner {
        display:none
    }
}

.language-select {
    position: absolute;
    bottom: 40px;
    right: 2%;
    width: 120px
}

@media (max-width: 860px) {
    .language-select {
        z-index:2;
        bottom: 60px
    }
}

/*.language-select select {
    border-radius: 20px;
    border: solid 3px #fff;
    background-color: transparent;
    color: #fff;
    padding: 6px;
    font-family: "WorkSans-Bold",sans-serif;
    font-size: 15px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(/wp-content/themes/mtn-refresh/public/img/svgs/chevron-white.svg);
    background-repeat: no-repeat;
    background-position: 90%;
    width: 100%;
    position: relative;
    overflow: visible
}*/

.language-select select option {
    position: absolute;
    bottom: 0;
    overflow: visible;
    background-color: #fff
}

.campaign-grid {
    min-height: 90vh;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

@media (max-width: 1024px) {
    .campaign-grid {
        min-height:50vh
    }
}

@media (max-width: 768px) {
    .campaign-grid {
        min-height:90vh
    }
}

@media (max-width: 540px) {
    .campaign-grid {
        min-height:400px
    }
}

.campaign-grid .leftbanner {
    width: 25%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    justify-content: start;
    align-items: end
}

@media (max-width: 1366px) {
    .campaign-grid .leftbanner {
        width:32%
    }
}

@media (max-width: 768px) {
    .campaign-grid .leftbanner {
        width:80%
    }
}

.campaign-grid .leftbanner .language-container {
    margin-left: 20%;
    margin-bottom: 10%
}

@media (max-width: 1366px) {
    .campaign-grid .leftbanner .language-container {
        margin-left:10%
    }
}

@media (max-width: 768px) {
    .campaign-grid .leftbanner .language-container .language-btn {
        display:none
    }
}

.campaign-grid .herobanner {
    width: 42%;
    background: #000;
    display: grid;
    justify-content: center;
    align-content: center;
    padding: 5% 0
}

@media (max-width: 1366px) {
    .campaign-grid .herobanner {
        width:55%;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover
    }
}

@media (max-width: 768px) {
    .campaign-grid .herobanner {
        display:none
    }
}

.campaign-grid .herobanner .hero-banner-button {
    text-align: center
}

.campaign-grid .herobanner .hero-banner-button img {
    max-width: 100%
}

.campaign-grid .stripbanner {
    width: 10%
}

@media (max-width: 1366px) {
    .campaign-grid .stripbanner {
        width:13%;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover
    }
}

@media (max-width: 768px) {
    .campaign-grid .stripbanner {
        width:20%
    }
}

.campaign-grid .splitbanner {
    width: 23%;
    display: grid
}

@media (max-width: 1366px) {
    .campaign-grid .splitbanner {
        display:none;
        width: 0
    }
}

.campaign-grid .splitbanner .splittop {
    background: #000;
    display: grid;
    min-height: 400px
}

.campaign-grid .splitbanner .splitbottom {
    background-position: right center;
    display: grid;
    align-content: space-around;
    justify-content: center;
    min-height: 300px
}

.campaign-grid .splitbanner .splitbottom .image-text-container {
    align-content: space-around;
    max-width: 80%;
    margin: auto
}

.campaign-grid .splitbanner .splitbottom .image-text-container img {
    max-width: 100%
}

@media (min-width: 769px) {
    .campaign-grid-mobile {
        display:none;
        width: 0
    }
}

.campaign-grid-mobile .herobanner {
    background: #000
}

.campaign-grid-mobile .herobanner .language-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 20px;
    padding-right: 5%
}

.campaign-about {
    padding-top: 10%;
    padding-bottom: 10%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

@media (max-width: 768px) {
    .campaign-about {
        display:grid;
        padding-top: 0
    }
}

.campaign-about .about-col-container {
    max-width: 580px;
    padding: 24px
}

.campaign-about .about-col-1 {
    width: 50%
}

@media (max-width: 768px) {
    .campaign-about .about-col-1 {
        width:100%
    }
}

.campaign-about .about-col-1 .about-col-container {
    float: right
}

@media (max-width: 768px) {
    .campaign-about .about-col-1 .about-col-container {
        float:none;
        margin-left: auto;
        margin-right: auto
    }
}

.campaign-about .about-col-2 {
    width: 50%
}

@media (max-width: 768px) {
    .campaign-about .about-col-2 {
        width:100%
    }
}

.campaign-about .about-col-2 .about-col-container {
    margin-top: 180px;
    float: left
}

@media (max-width: 768px) {
    .campaign-about .about-col-2 .about-col-container {
        float:none;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto
    }
}

.about-grid {
    min-height: 100vh;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

@media (max-width: 1024px) {
    .about-grid {
        min-height:50vh
    }
}

.about-grid .stripbanner {
    width: 10%
}

@media (max-width: 768px) {
    .about-grid .stripbanner {
        width:13%
    }

    .about-grid .stripbanner .black-pattern,.about-grid .stripbanner .yellow-pattern {
        width: auto;
        z-index: -1
    }
}

.about-grid .mainbanner {
    width: 46%;
    display: grid;
    align-content: center;
    background: #000
}

@media (max-width: 1366px) {
    .about-grid .mainbanner {
        width:59%
    }
}

@media (max-width: 768px) {
    .about-grid .mainbanner {
        width:87%
    }
}

.about-grid .mainbanner .mainbanner-content {
    width: 65%;
    margin: auto;
    margin-top: 20%;
    margin-bottom: 20%
}

.about-grid .mainbanner .mainbanner-content .about-banner-heading {
    text-align: center
}

.about-grid .mainbanner .mainbanner-content img {
    max-width: 100%
}

.about-grid .mainbanner .mainbanner-content .about-banner-text p {
    color: #fff;
    text-align: center
}

.about-grid .mainbanner .mainbanner-content .about-banner-text-bottom p {
    color: #fff;
    text-align: center
}

.about-grid .mainbanner .mainbanner-content .about-banner-text-bottom strong {
    color: #ffcb05
}

.about-grid .herobanner {
    width: 22%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center
}

@media (max-width: 1366px) {
    .about-grid .herobanner {
        width:31%;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover
    }
}

@media (max-width: 768px) {
    .about-grid .herobanner {
        width:0;
        display: none
    }
}

.about-grid .splitbanner {
    display: grid;
    width: 22%
}

@media (max-width: 1366px) {
    .about-grid .splitbanner {
        display:none;
        width: 0
    }
}

.about-grid .splitbanner .splittop {
    background: #000;
    display: grid
}

.about-grid .splitbanner .splitbottom {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center right;
    padding: 60px 0;
    display: grid
}

.about-grid .splitbanner .splitbottom .image-text-container {
    align-content: center;
    margin: auto;
    max-width: 80%
}

.about-grid .splitbanner .splitbottom .image-text-container img {
    max-width: 100%
}

.video-yellow-container {
    background: #ffcb05;
    padding-top: 100px;
    padding-bottom: 100px
}

@media (max-width: 768px) {
    .video-yellow-container {
        padding-top:0;
        padding-bottom: 0
    }
}

.video-container {
    display: grid;
    margin: auto
}

.video-container .video-frame {
    max-width: 1024px;
    width: 97%;
    aspect-ratio: 16/9;
    margin: 0 auto 15px;
    border-radius: 24px;
    position: relative;
    border: none
}

.playlist-cta {
    padding-top: 5%;
    padding-bottom: 5%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    align-items: center
}

@media (max-width: 768px) {
    .playlist-cta {
        display:grid
    }
}

.playlist-cta .about-col-1 {
    width: 50%
}

@media (max-width: 768px) {
    .playlist-cta .about-col-1 {
        width:100%
    }
}

.playlist-cta .about-col-1 .playlist-image {
    max-width: 570px;
    margin-left: auto;
    background: #ffcb05;
    padding: 24px
}

@media (max-width: 768px) {
    .playlist-cta .about-col-1 .playlist-image {
        margin:auto
    }
}

.playlist-cta .about-col-1 .playlist-image img {
    width: 100%
}

.playlist-cta .about-col-2 {
    width: 50%
}

@media (max-width: 768px) {
    .playlist-cta .about-col-2 {
        width:100%
    }
}

.playlist-cta .about-col-2 .playlist-col-container {
    max-width: 580px;
    padding: 24px;
    text-align: center;
    background: #ffcb05
}

@media (max-width: 768px) {
    .playlist-cta .about-col-2 .playlist-col-container {
        margin:auto
    }
}

.playlist-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    min-height: 100vh
}

@media (max-width: 1024px) {
    .playlist-grid {
        min-height:60vh
    }
}

@media (max-width: 768px) {
    .playlist-grid {
        min-height:90vh
    }
}

.playlist-grid .stripbanner {
    width: 10%
}

@media (max-width: 1366px) {
    .playlist-grid .stripbanner {
        display:none;
        width: 0
    }
}

@media (max-width: 768px) {
    .playlist-grid .stripbanner {
        width:13%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex
    }

    .playlist-grid .stripbanner .yellow-pattern,.playlist-grid .stripbanner .black-pattern {
        width: auto;
        z-index: -1
    }
}

.playlist-grid .mainbanner {
    background: #000;
    width: 42%;
    display: grid;
    align-content: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

@media (max-width: 1366px) {
    .playlist-grid .mainbanner {
        width:50%
    }
}

@media (max-width: 768px) {
    .playlist-grid .mainbanner {
        width:0;
        display: none
    }
}

.playlist-grid .mainbanner .mainbanner-content {
    margin: auto
}

.playlist-grid .mainbanner .hero-banner-button {
    text-align: center
}

.playlist-grid .mainbanner .hero-banner-button img {
    max-width: 100%
}

.playlist-grid .herobanner {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    width: 43%;
    display: grid;
    padding: 10% 0
}

@media (max-width: 1366px) {
    .playlist-grid .herobanner {
        width:50%
    }
}

@media (max-width: 768px) {
    .playlist-grid .herobanner {
        width:87%
    }
}

.playlist-grid .herobanner .about-banner-text {
    width: 60%;
    margin: auto;
    align-content: space-evenly;
    text-align: center
}

.playlist-grid .herobanner .about-banner-text p {
    color: #fff
}

.playlist-grid .herobanner .about-banner-text h4 {
    color: #ffcb05
}

.playlist-grid .stripbanner-2 {
    width: 5%
}

@media (max-width: 1366px) {
    .playlist-grid .stripbanner-2 {
        display:none;
        width: 0
    }
}

.cta-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    min-height: 80vh
}

@media (max-width: 1024px) {
    .cta-grid {
        min-height:50vh
    }
}

.cta-grid .splitbanner {
    display: grid;
    width: 21%
}

@media (max-width: 1366px) {
    .cta-grid .splitbanner {
        width:31%
    }
}

@media (max-width: 768px) {
    .cta-grid .splitbanner {
        width:0;
        display: none
    }
}

.cta-grid .splitbanner .splittop {
    background: #000;
    display: grid
}

.cta-grid .splitbanner .splitbottom {
    display: grid;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.cta-grid .splitbanner .splitbottom .image-text-container {
    align-content: center;
    margin: auto;
    max-width: 80%
}

.cta-grid .splitbanner .splitbottom .image-text-container img {
    max-width: 100%
}

.cta-grid .stripbanner {
    width: 10%
}

@media (max-width: 768px) {
    .cta-grid .stripbanner {
        width:20%
    }
}

.cta-grid .mainbanner {
    width: 43%;
    background: #000;
    display: grid;
    align-content: center
}

@media (max-width: 1366px) {
    .cta-grid .mainbanner {
        width:59%
    }
}

@media (max-width: 768px) {
    .cta-grid .mainbanner {
        display:none;
        width: 0
    }
}

.cta-grid .mainbanner .mainbanner-content {
    text-align: center;
    width: 60%;
    margin: auto;
    margin-top: 10%;
    margin-bottom: 10%
}

.cta-grid .mainbanner .mainbanner-content img {
    max-width: 100%
}

.cta-grid .mainbanner .mainbanner-content .about-banner-button {
    text-align: center;
    margin-top: 60px
}

.cta-grid .mainbanner .mainbanner-content .about-banner-button img {
    max-width: 100%
}

.cta-grid .herobanner {
    width: 26%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media (max-width: 1366px) {
    .cta-grid .herobanner {
        display:none;
        width: 0
    }
}

@media (max-width: 768px) {
    .cta-grid .herobanner {
        display:-webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        width: 80%
    }
}

@media (min-width: 769px) {
    .cta-grid-mobile {
        display:none
    }
}

.cta-grid-mobile .mainbanner {
    background: #000;
    display: grid;
    align-content: center
}

.cta-grid-mobile .mainbanner .mainbanner-content {
    text-align: center;
    width: 60%;
    margin: auto;
    margin-top: 10%;
    margin-bottom: 10%
}

.cta-grid-mobile .mainbanner .mainbanner-content img {
    max-width: 100%
}

.cta-grid-mobile .mainbanner .mainbanner-content .about-banner-button {
    text-align: center;
    margin-top: 60px
}

.cta-grid-mobile .mainbanner .mainbanner-content .about-banner-button img {
    max-width: 100%
}

.gallery-section {
    padding-top: 60px
}

.gallery-section .social-text {
    padding-top: 20px;
    text-align: center
}

.gallery-section .slick-dots {
    bottom: -100px
}

.gallery-section .slick-dots .slick-active button {
    background-color: #202020
}

.gallery-section .slick-dots button {
    border: solid 1px #000;
    background-color: transparent
}

.news-section {
    padding: 5% 0
}

.news-section .view-more-block {
    margin: 70px auto 90px
}

.news-section .slick-dots button {
    border: solid 1px #000;
    background-color: transparent
}

.social-feed-container .slick-arows img {
    margin-top: 7px!important
}

.social-feed-container .slick-dots .slick-active button {
    background-color: #202020
}

.social-feed-container .slick-dots button {
    border: solid 1px #000;
    background-color: transparent
}

@media (max-width: 768px) {
    .campaign-social .tweet-container {
        width:100%
    }
}

@media (max-width: 768px) {
    .campaign-social .main-tweet-slider {
        width:100%
    }
}

@media (max-width: 920px) {
    .main-card-slider .slick-prev,.main-card-slider .slick-next {
        bottom:90px
    }
}

.campaign-gallery .full-section-with-slider {
    z-index: 0
}

@media (max-width: 920px) {
    .campaign-gallery .bottom-data-container {
        width:88%;
        margin: auto
    }
}

.campaign-gallery .bottom-data-container .card-container {
    width: 96%
}

.news-section h2 {
    margin: 60px 0
}

.rounded-yellow {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding-top: 80px
}

/*.yellow-container {
    position: relative;
    background-color: #ffcb05;
    background-image: url(/wp-content/themes/mtn-refresh/public/img/what_are_we_doing.png);
    background-size: contain;
    background-position: center;
    background-repeat: repeat-x
}*/

@media (max-width: 768px) {
    .yellow-container {
        background-size:cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover
    }
}

.yellow-container .about-col-container {
    background: #ffcb05
}

.yellow-container .social-feed-container {
    padding-bottom: 10%;
    padding-top: 5%;
    margin-bottom: 0
}

.yellow-container .social-head-block {
    background: 0 0
}

.yellow-container .social-headings {
    min-width: 400px;
    background: #ffcb05;
    width: fit-content;
    z-index: 1;
    width: auto
}

.yellow-container .social-headings h4 {
    color: #202020;
    font-family: "MTNBrighterSans-Bold",sans-serif
}

.yellow-container .social-headings .social-text p {
    color: #202020
}

.yellow-container .slick-arows {
    background-color: #202020
}

.social-button-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    justify-content: space-evenly
}

@media (max-width: 1080px) {
    .social-button-block {
        display:grid
    }
}

.social-button-block .social-share-button {
    border: solid 2px #fff;
    color: #fff;
    flex-direction: row;
    webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    padding: 12px 20px;
    box-sizing: border-box;
    border-radius: 32px;
    margin: 16px 0 0;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.social-button-block .social-share-button:hover {
    background-color: #fff;
    color: #000;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.social-button-block .spotify-cta-button {
    border: solid 2px #000;
    color: #000;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 32px;
    box-sizing: border-box;
    border-radius: 32px;
    margin: 48px 0 0;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.social-button-block .spotify-cta-button:hover {
    background-color: #000;
    color: #ffcb05;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.language-btn {
    color: #fff;
    border: solid 3px #fff;
    justify-content: center;
    align-items: center;
    padding: 10px 10px 10px 20px;
    box-sizing: border-box;
    border-radius: 32px;
    text-decoration: none;
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    background: 0 0;
    margin: 20px;
    cursor: pointer
}

.language-btn option {
    color: #000
}

.gallery-section .header-container {
    padding: 0 40px
}

.gallery-section video {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 24px;
    object-fit: cover
}

@media (max-width: 768px) {
    .gallery-section video {
        display:none
    }
}

@media (min-width: 1024px) {
    .gallery-section {
        padding-bottom:80px
    }
}

.hero-animation {
    max-width: 500px;
    height: auto;
    margin: auto;
    margin-top: 0;
    margin-bottom: 0
}

@media (max-width: 860px) {
    .hero-animation {
        height:200px
    }
}

.split-animation {
    max-width: 300px;
    max-height: 300px;
    margin: auto
}

.playlist-cards-section {
    padding-bottom: 5%
}

.playlist-logo {
    margin: auto;
    text-align: center;
    padding: 20px 0;
    max-height: 50px
}

.main-playlist-slider {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-bottom: 46px
}

@media (min-width: 980px) {
    .main-playlist-slider .slick-track {
        padding-left:10%
    }
}

@media (max-width: 768px) {
    .main-playlist-slider .end-trailer {
        display:none
    }
}

.each-playlist-card {
    text-decoration: none
}

.playlist-inner-card-block {
    background: #000;
    color: #fff;
    max-width: 515px;
    padding: 24px;
    margin: 16px
}

@media (max-width: 768px) {
    .playlist-inner-card-block {
        margin:auto
    }
}

@media (max-width: 580px) {
    .playlist-inner-card-block {
        margin:16px
    }
}

.playlist-inner-card-block .playlist-inner-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin-bottom: 16px;
    align-items: center
}

@media (max-width: 269px) {
    .playlist-inner-card-block .playlist-inner-row {
        display:grid
    }
}

.playlist-inner-card-block .playlist-inner-row .spotify-container {
    width: 30%
}

@media (max-width: 288px) {
    .playlist-inner-card-block .playlist-inner-row .spotify-container {
        width:33%
    }
}

@media (max-width: 269px) {
    .playlist-inner-card-block .playlist-inner-row .spotify-container {
        width:100%
    }
}

.playlist-inner-card-block .playlist-inner-row .title-container {
    width: 70%;
    text-align: right
}

@media (max-width: 288px) {
    .playlist-inner-card-block .playlist-inner-row .title-container {
        width:67%
    }
}

@media (max-width: 269px) {
    .playlist-inner-card-block .playlist-inner-row .title-container {
        width:100%
    }
}

.playlist-inner-card-block .playlist-inner-row .spotify-container img {
    width: 88px;
    max-width: 100px
}

.playlist-inner-card-block .playlist-img {
    width: 100%
}

.playlist-inner-card-block .listen-more {
    border: 2px solid #fff;
    padding: 12px 20px;
    border-radius: 32px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    background: 0 0;
    width: 30%;
    margin-top: 16px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.playlist-inner-card-block .listen-more:hover {
    background-color: #fff;
    color: #202020;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

@media (max-width: 312px) {
    .playlist-inner-card-block .listen-more {
        max-width:100%
    }
}

.playlist-inner-card-block h4 {
    color: #fff;
    text-decoration: none;
    font-style: italic;
    font-size: 20px;
    line-height: 22px
}

@media (max-width: 360px) {
    .playlist-inner-card-block h4 {
        font-size:18px;
        line-height: 20px
    }
}

.playlist-dots .slick-dots {
    justify-content: center
}

.playlist-dots .slick-dots button {
    border: solid 1px #000;
    background-color: transparent
}

.mb-0 {
    margin-bottom: 0;
    padding-bottom: 0
}

.mt-0 {
    padding-top: 0;
    margin-top: 0
}

.about-wide-col {
    max-width: 926px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto
}

.about-wide-col .about-col-wide-header {
    font-size: 80px;
    margin-bottom: 28px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    letter-spacing: -1px;
    background-color: #ffcb05
}

@media (max-width: 860px) {
    .about-wide-col .about-col-wide-header {
        font-size:56px;
        margin-bottom: 20px
    }
}

.about-wide-col .mid-header {
    background-color: #ffcb05
}

@media (max-width: 860px) {
    .about-wide-col .mid-header {
        font-size:40px;
        margin-bottom: 20px
    }
}

.brand-actions-section {
    max-width: 1120px;
    padding: 15px;
    margin: auto
}

.campaign-about-paragraph {
    font-size: 20px;
    line-height: 30px;
    background-color: #ffcb05;
    padding: 5px
}

.campaign-about-paragraph p {
    background-color: #ffcb05;
    font-size: 20px;
    line-height: 125%
}

@media (max-width: 860px) {
    .campaign-about-paragraph p {
        font-size:16px
    }
}

.campaign-about-paragraph strong {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 24px;
    line-height: 30px;
    background-color: #ffcb05
}

.video-library-section {
    display: flex;
    flex-wrap: wrap;
    gap: 4%
}

@media (max-width: 860px) {
    .video-library-section {
        display:block
    }
}

.brand-video-container {
    width: 48%;
    margin-bottom: 40px;
    border-radius: 24px;
    display: block
}

@media (max-width: 860px) {
    .brand-video-container {
        width:100%
    }
}

.brand-video-container iframe {
    width: 100%;
    border-radius: 24px;
    aspect-ratio: 16/9
}

.brand-video-container .brand-video-title {
    font-family: "MTNBrighterSans-Medium",sans-serif;
    font-size: 24px;
    margin-top: 10px;
    line-height: 30px;
    background-color: #ffcb05
}

.brand-video-container .brand-video-description {
    font-size: 20px;
    background-color: #ffcb05;
    padding-bottom: 5px
}

.scroll-to-top {
    text-align: center;
    position: fixed;
    bottom: 1vh;
    right: 2%;
    z-index: 2;
    cursor: pointer
}

.scroll-to-top button {
    color: #fff;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #202020;
    border: none;
    cursor: pointer
}

@media (max-width: 860px) {
    .scroll-to-top button {
        width:46px;
        height: 46px
    }
}

.scroll-to-top button img {
    transform: rotate(180deg);
    width: 15px
}

.scroll-to-top p {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px;
    color: #202020;
    margin-top: 8px;
    font-family: "MTNBrighterSans-Medium",sans-serif
}

.down-arrow-cta {
    margin-top: 32px
}

.brand-act-intro {
    padding-bottom: 100px
}

@media (max-width: 860px) {
    .brand-act-intro {
        padding-bottom:60px!important;
        padding-top: 80px
    }
}

.banner-cookie {
    width: 1306px;
    height: 90px;
    position: fixed;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 4;
    border: 2px solid #383838;
    box-shadow: 0px 8px 32px rgba(0,0,0,.16);
    border-radius: 8px;
    background-color: #202020;
    display: none
}

@media (max-width: 1340px) {
    .banner-cookie {
        width:94%
    }
}

@media (max-width: 810px) {
    .banner-cookie {
        height:auto;
        width: 85%;
        padding: 30px
    }
}

@media (max-width: 600px) {
    .banner-cookie {
        width:80%
    }
}

.banner-cookie .conntent-content {
    position: absolute;
    left: 60px;
    top: 15px;
    color: #fff
}

@media (max-width: 810px) {
    .banner-cookie .conntent-content {
        position:relative;
        left: revert;
        top: revert
    }
}

.banner-cookie .conntent-content h5 {
    font-size: 24px;
    line-height: 125%;
    font-family: "MTNBrighterSans-Bold",sans-serif
}

.banner-cookie .conntent-content .cookie-text {
    color: #fff;
    font-family: "WorkSans-Regular",sans-serif;
    margin-top: 3px;
    font-size: 16px
}

.banner-cookie .conntent-content .cookie-text a {
    color: #fff
}

.banner-cookie .button {
    position: absolute;
    right: 30px;
    top: 20px
}

@media (max-width: 810px) {
    .banner-cookie .button {
        position:relative;
        right: revert;
        margin-top: 30px;
        top: revert
    }
}

@media (max-width: 1310px) {
    .single-leader-container .main-container {
        padding-left:10px;
        padding-right: 10px;
        box-sizing: border-box
    }
}

.single-leader-container .top-call-to-action {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin-bottom: 20px
}

.single-leader-container .top-call-to-action li {
    list-style: none
}

.single-leader-container .top-call-to-action li a {
    text-decoration: none;
    font-size: 14px;
    font-family: "WorkSans-Bold",sans-serif;
    line-height: 125%;
    text-transform: uppercase;
    color: #202020
}

.single-leader-container .top-call-to-action li:nth-child(1) {
    margin-right: 15px
}

.single-leader-container .data-container {
    width: 960px
}

.single-leader-container .data-container .data-container-details img {
    width: 100%;
    border-radius: 60px
}

.single-leader-container .data-container .data-container-details ul,.single-leader-container .data-container .data-container-details ol {
    margin-left: 20px !important;
    margin-bottom: 20px !important;
    position: relative
}

.single-leader-container .data-container .data-container-details ul li,.single-leader-container .data-container .data-container-details ol li {
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 15px;
    color: #202020;
    margin-bottom: 3px
}

@media (max-width: 768px) {
    .single-leader-container .data-container p {
        font-size:15px
    }
}

@media (max-width: 970px) {
    .single-leader-container .data-container {
        width:100%
    }
}

.single-leader-container .data-container .leader-data {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin-bottom: 30px
}

@media (max-width: 600px) {
    .single-leader-container .data-container .leader-data {
        display:block
    }
}

.single-leader-container .data-container .leader-data .leader-profile-img {
    width: 333px;
    height: 333px
}

@media (max-width: 450px) {
    .single-leader-container .data-container .leader-data .leader-profile-img {
        width:248px;
        height: 248px
    }
}

.single-leader-container .data-container .leader-data .leader-profile-img .profile-img {
    width: 100%;
    height: 100%;
    border-radius: 24px;
    position: relative
}

.single-leader-container .data-container .leader-data .leader-description {
    margin-left: 20px;
    padding-top: 135px
}

@media (max-width: 720px) {
    .single-leader-container .data-container .leader-data .leader-description {
        padding-top:60px
    }
}

@media (max-width: 600px) {
    .single-leader-container .data-container .leader-data .leader-description {
        padding-top:30px;
        margin-left: 0
    }
}

.single-leader-container .data-container .leader-data .leader-description .leader-name {
    font-size: 40px;
    line-height: 40px;
    color: #202020;
    margin-bottom: 20px
}

@media (max-width: 500px) {
    .single-leader-container .data-container .leader-data .leader-description .leader-name {
        font-size:32px;
        line-height: 35px;
        margin-bottom: 10px
    }
}

.single-leader-container .data-container .leader-data .leader-description .leader-designation {
    font-size: 22px;
    line-height: 22px;
    color: #202020;
    margin-top: 0
}

.single-leader-container .data-container .leader-data .leader-description .leader-buttons-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

@media (max-width: 720px) {
    .single-leader-container .data-container .leader-data .leader-description .leader-buttons-container {
        display:block
    }
}

@media (max-width: 600px) {
    .single-leader-container .data-container .leader-data .leader-description .leader-buttons-container {
        display:-webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex
    }
}

@media (max-width: 370px) {
    .single-leader-container .data-container .leader-data .leader-description .leader-buttons-container {
        display:block
    }
}

.single-leader-container .data-container .leader-data .leader-description .leader-buttons-container .each-button {
    border: 1px solid #909090;
    height: 45px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 13px;
    text-decoration: none;
    color: #909090;
    border-radius: 8px;
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 13px;
    width: 200px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

@media (max-width: 720px) {
    .single-leader-container .data-container .leader-data .leader-description .leader-buttons-container .each-button {
        width:180px;
        text-align: center;
        display: block
    }
}

@media (max-width: 450px) {
    .single-leader-container .data-container .leader-data .leader-description .leader-buttons-container .each-button {
        display:block;
        width: 170px;
        text-align: center;
        margin-bottom: 10px
    }
}

.single-leader-container .data-container .leader-data .leader-description .leader-buttons-container .each-button:hover {
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    background-color: #909090;
    color: #fff
}

.single-leader-container .data-container .leader-data .leader-description .leader-buttons-container .each-button:nth-child(1) {
    margin-right: 20px
}

@media (max-width: 720px) {
    .single-leader-container .data-container .leader-data .leader-description .leader-buttons-container .each-button:nth-child(1) {
        margin-bottom:10px
    }
}

.single-leader-container .data-container .leader-data .leader-description .social-media-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin-top: 22px
}

.single-leader-container .data-container .leader-data .leader-description .social-media-container li {
    list-style: none;
    margin-right: 15px
}

.single-leader-container .data-container .leader-data .leader-description .social-media-container li a {
    text-decoration: none
}

.single-leader-container .data-container .leader-data .leader-description .social-media-container li:last-child {
    margin-left: 30px
}

.single-leader-container .data-container .leader-data .leader-description .social-media-container li:last-child span {
    font-size: 15px;
    font-family: "WorkSans-Medium",sans-serif;
    color: #606060
}

.single-leader-container .data-container .leader-data .leader-description .social-media-container li:last-child img {
    margin-right: 10px;
    margin-bottom: -4px
}

.single-leader-container .data-container h4 {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 30px
}

.single-leader-container .executive-block-container {
    position: relative;
    margin-top: 120px
}

@media (max-width: 768px) {
    .single-leader-container .executive-block-container {
        margin-top:50px
    }
}

.single-leader-container .executive-block-container .post-related {
    text-align: center;
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 40px
}

@media (max-width: 550px) {
    .single-leader-container .executive-block-container .post-related {
        font-size:32px;
        line-height: 34px;
        text-align: left
    }
}

.single-leader-container .executive-block-container .view-more-block {
    margin: 40px auto 150px
}

@media (max-width: 500px) {
    .single-leader-container .executive-block-container .view-more-block {
        margin:0 auto 90px
    }
}

.single-leader-container .executive-block-container .view-more-block .view-all-btn {
    padding: 12px 20px;
    margin: 10px
}

@media (max-width: 500px) {
    .single-leader-container .executive-block-container .view-more-block .view-all-btn {
        width:200px;
        margin: 10px auto
    }
}

@media (max-width: 500px) {
    .single-leader-container .executive-block-container .view-more-block .view-all-btn {
        display:block
    }
}

.single-leader-container .executive-block-container .each-leader h5 {
    font-size: 20px
}

.single-leader-container .leader-profile {
    width: 100%;
    height: 310px;
    border-radius: 24px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

@media (max-width: 768px) {
    .single-leader-container .leader-profile {
        height:180px;
        transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -webkit-transition: all .3s ease
    }
}

.pn_figure-caption {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    padding: 0 15rem
}

.pn_figure-copy-title {
    color: var(--grey-scale-raven,#202020);
    text-align: left;
    font-family: 'MTNBrighterSans-Bold',sans-serif;
    font-weight: 700;
    font-size: 56px;
    line-height: 60.52px;
    position: relative;
    width: 100%
}

.pn_figure-caption-img {
    border-radius: 16px;
    flex-shrink: 0;
    width: 934px;
    height: 441px;
    position: relative;
    z-index: -1
}

.pn_figure-copy {
    margin: -32px 0 0;
    background: var(--brand-colours-sunshine,#ffcb05);
    border-radius: 24px;
    border-style: solid;
    border-color: rgba(255,255,255,.2);
    border-width: 1px;
    padding: 64px;
    display: flex;
    flex-direction: column;
    gap: 48px;
    align-items: center
}

.pn_figure-copy-text {
    columns: 2;
    font-family: 'WorkSans-Regular',sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%
}

.pn_figure-copy-text.pn_column-1 {
    columns: 1;
    font-family: 'WorkSans-Regular',sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%
}

.pn_our-partners {
    padding-top: 4rem
}

.pn_tools-footer {
    display: flex;
    flex-direction: row;
    border-radius: 20px;
    position: relative;
    padding: 80px 40px 4rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    gap: 24px;
    width: 1180px;
    margin-inline:auto;margin-bottom: 4rem
}

.pn_tools-footer .column {
    width: 531px;
    height: 487px;
    padding: 20px 40px;
    border-radius: 24px;
    border-style: solid;
    border-width: 2px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    box-sizing: border-box
}

.pn_tools-footer .column:nth-child(odd) {
    background: #000;
    border-color: #383838;
    color: #000
}

.pn_tools-footer .column-1 span,.pn_tools-footer .column-1 p,.pn_tools-footer .column-1 h4,.pn_tools-footer .column-1 a {
    color: #fff
}

.pn_tools-footer .column-1 a.each-action:before {
    border-color: #fff
}

.pn_tools-footer .column-2 span,.pn_tools-footer .column-2 p,.pn_tools-footer .column-2 h4,.pn_tools-footer .column-2 a {
    color: #000
}

.pn_tools-footer a {
    text-decoration: none
}

.pn_tools-footer .column:nth-child(even) {
    background: #ffcb05;
    border-color: #ffcb05;
    color: #000
}

.pn_tools-footer a.each-action {
    position: relative;
    text-align: left;
    font-family: 'Worksans-bold',sans-serif;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start
}

.pn_tools-footer a.each-action:before {
    content: '';
    border-style: solid;
    border-width: 2px 2px 0 0;
    height: 6px;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 6px;
    right: 15rem;
    transform: rotate(45deg);
    position: absolute;
    top: 4px;
    border-color: #202020;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

@media screen and (max-width: 1000px) {
    .pn_tools-footer {
        padding:80px 20px 4rem
    }

    .pn_figure-caption {
        padding: 0 1rem
    }

    .pn_figure-caption-img {
        width: 95%;
        height: auto
    }

    .pn_figure-copy {
        padding: 64px 30px
    }

    .pn_figure-copy-title {
        color: var(--grey-scale-raven,#202020);
        text-align: left;
        font-family: 'MTNBrighterSans-Bold',sans-serif;
        font-size: 32px;
        font-weight: 100%;
        position: relative;
        align-self: stretch;
        width: 100%
    }

    .pn_figure-copy-text {
        display: flex;
        flex-direction: column;
        columns: 2;
        font-family: 'WorkSans-Regular',sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 150%
    }

    .pn_tools-footer {
        flex-direction: column !important;
        width: 100%
    }

    .pn_tools-footer .column {
        width: 100%;
        height: 487px;
        padding: 20px;
        border-radius: 24px;
        border-style: solid;
        border-width: 2px;
        display: flex;
        flex-direction: column;
        gap: 30px;
        justify-content: center;
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
        box-sizing: border-box
    }

    .pn_tools-footer a.each-action:before {
        right: 10rem;
        transform: rotate(45deg);
        position: absolute;
        top: 8px
    }
}

.pn_margin-y-2 {
    margin: 2rem 0
}

.pn_border-top-clear {
    border-top: none !important
}

.pn_custom-separator {
    margin-top: 0;
    position: relative;
    top: 3rem;
    height: 2px;
    background: #eee;
    width: 70%;
    margin-inline:auto}

.pn_video-container .pn_video-frame {
    width: 95%;
    aspect-ratio: 16/9;
    margin: 0 auto 15px;
    border-radius: 24px;
    position: relative;
    border: none
}

.pn_news-block-container {
    position: relative;
    padding: 4rem 0 0;
    width: 100%
}

.pn_news-block-container h2 {
    margin-bottom: 3rem
}

.view-all-btn {
    background-color: #202020;
    text-align: center;
    padding: 12px 55px;
    color: #fff;
    text-decoration: none;
    font-family: 'WorkSans-Medium',sans-serif;
    border-radius: 30px;
    border: solid 2px #202020;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    cursor: pointer;
    margin: 0 auto;
    font-size: 12px;
    position: relative;
    text-transform: uppercase
}

@media (min-width: 280px) and (max-width:320px) {
    .view-all-btn {
        padding:12px 15px !important
    }
}

.pn_carousel-header {
    display: flex;
    flex-direction: column;
    align-items: center
}

.pn_carousel-header p {
    margin: 1rem 0 0 !important;
    max-width: 670px
}

.pn_carousel-section {
    padding-bottom: 4rem
}

.pn_carousel-section .pn_carousel-header {
    border-top: 1px solid #e8e8e8
}

.pn_carousel-section .pn_carousel-header.container {
    padding-bottom: 0
}

.pn_carousel-section .primary-icons-container {
    margin-bottom: 0
}

.pn_copy-section {
    padding-bottom: 4rem
}

.pn_copy-section .pn_copy-header {
    border-top: none;
    display: flex;
    flex-direction: column
}

.pn_copy-section .pn_copy-header h5 {
    font-family: 'WorkSans-Regular',sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.pn_copy-section .pn_copy-header p {
    margin: 1rem 0 0 !important;
    max-width: 100%
}

.pn_copy-section .pn_copy-header.container {
    padding-bottom: 0
}

.pn_copy-section .primary-icons-container {
    margin-bottom: 0
}

.pn_partner-markets-wrap {
    padding: 5rem;
    width: 100%;
    max-width: 934px;
    margin-block:4rem;margin-inline:auto}

.pn_partner-markets-wrap h3.solution-detail-heading {
    margin-top: 3rem;
    margin-bottom: 1rem;
    font-size: 2.5rem;
    line-height: 110%
}

.pn_partner-markets-wrap label {
    font-family: 'WorkSans-Regular',sans-serif
}

@media (max-width: 860px) {
    .pn_partner-markets-wrap {
        padding:3rem 1rem;
        width: 90%
    }
}

.pn_partner-markets-wrap .breadcrumb-container {
    padding-bottom: 2rem
}

.pn_partner-markets-wrap .pn_contact-header {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.pn_partner-markets-wrap .pn_contact-header h3.solution-detail-heading {
    margin-bottom: unset
}

.pn_partner-markets-wrap form::placeholder {
    color: #909090
}

.pn_partner-markets-wrap form select::nth-child(1) {
    color: #909090
}

.pn_partner-markets-wrap form input {
    border: none
}

.pn_partner-markets-wrap select.solutions-input-field {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23606060' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 15px;
    background-position: 95% !important;
    color: #000
}

.pn_partner-markets-wrap .right {
    border: 1px solid blue
}

.pn_partner-markets-wrap .error {
    border: 1px solid red
}

.pn_partner-markets-wrap .pn_supplier-select label {
    font-family: 'MTNBrighterSans-Bold',sans-serif;
    font-size: 14px;
    line-height: 17.5px
}

.pn_partner-markets-wrap .pn_supplier-select .solutions-input {
    max-width: 21.0625rem
}

.pn_partner-markets-wrap .pn_supplier-select .solutions-input select {
    border-top: .25rem solid #ffcb05 !important;
    color: #000;
    background-color: #fafafa;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,.04) inset
}

.pn_partner-markets-wrap .contact-business-row {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2rem
}

@media (max-width: 860px) {
    .pn_partner-markets-wrap .contact-business-row {
        flex-direction:column
    }
}

.pn_partner-markets-wrap .contact-business-row .column {
    display: flex;
    gap: 1rem;
    flex-direction: column
}

@media (max-width: 860px) {
    .pn_partner-markets-wrap .contact-business-row .column:first-child {
        padding-bottom:1rem !important
    }
}

.pn_partner-markets-wrap .contact-business-row .column div {
    display: flex;
    align-items: center;
    gap: .5rem
}

.pn_partner-markets-wrap .contact-business-row .column div input {
    transform: scale(1.5)
}

.solution-success-section .solution-success-message {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 2rem;
    height: 50vh
}

.solution-success-section .solution-success-message .solution-message-body {
    max-width: 948px
}

.solution-success-section .solution-success-message .solution-message-button a button {
    background-color: #202020;
    text-align: center;
    padding: 12px 55px;
    color: #fff;
    text-decoration: none;
    font-family: 'WorkSans-Medium',sans-serif;
    border-radius: 30px;
    border: solid 2px #202020;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    cursor: pointer;
    margin: 0 auto;
    font-size: 12px;
    position: relative;
    text-transform: uppercase;
    transition: all .3s ease-in-out
}

.solution-success-section .solution-success-message .solution-message-button a button:hover {
    background-color: #e8e8e8;
    border: solid 2px #e8e8e8;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    color: #202020
}

.page-template-gssc-home .header-banner .each-banner .button,.page-template-gssc-partner .header-banner .each-banner .button {
    position: relative;
    left: unset;
    right: unset;
    bottom: unset;
    width: max-content;
    font-size: 13px;
    padding-top: 14px;
    transform: none
}

.page-template-gssc-partner .header-banner .each-banner .banner-content .banner-heading {
    font-size: 53px;
    font-family: 'MTNBrighterSans-Bold',sans-serif;
    color: #fff;
    width: 300px;
    line-height: 55px
}

.business-solution-contact {
    margin-top: 180px
}

@media (max-width: 860px) {
    .business-solution-contact {
        margin-top:50px
    }
}

.business-solution-contact .solution-detail-section {
    max-width: 748px;
    width: 55%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px
}

@media (max-width: 860px) {
    .business-solution-contact .solution-detail-section {
        width:95.32%
    }
}

.business-solution-contact .solution-detail-section .solution-detail-heading {
    font-family: 'WorkSans-Bold',sans-serif;
    font-size: 40px;
    line-height: 50px;
    color: #202020;
    margin-bottom: 0
}

.business-solution-contact .solution-detail-section .solution-detail-text {
    font-family: 'WorkSans-Regular',sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #202020
}

.business-solution-contact .deal-category {
    margin-top: 60px
}

@media (max-width: 860px) {
    .business-solution-contact .deal-category {
        margin-top:30px
    }
}

.business-solution-contact .solution-features-list {
    margin-bottom: 90px
}

@media (max-width: 860px) {
    .business-solution-contact .solution-features-list {
        margin-bottom:40px
    }
}

.business-solution-contact .bundle-details-section {
    width: 460px;
    max-width: 100%
}

.business-contact-form {
    margin-top: 40px
}

.business-contact-form .contact-name-row,.business-contact-form .contact-details-row {
    font-family: 'WorkSans-Regular',sans-serif;
    margin-bottom: 24px;
    display: flex;
    gap: 20px
}

@media (max-width: 860px) {
    .business-contact-form .contact-name-row,.business-contact-form .contact-details-row {
        display:block
    }
}

.business-contact-form .contact-name-row .solutions-input,.business-contact-form .contact-details-row .solutions-input {
    width: 50%
}

@media (max-width: 860px) {
    .business-contact-form .contact-name-row .solutions-input,.business-contact-form .contact-details-row .solutions-input {
        width:100%;
        margin-bottom: 24px
    }
}

.business-contact-form .contact-name-row .solutions-input .solutions-input-field,.business-contact-form .contact-details-row .solutions-input .solutions-input-field {
    width: 100%;
    padding: 20px 15px;
    border: solid 1px #b0b0b0;
    border-radius: 4px;
    box-sizing: border-box
}

.business-contact-form .contact-name-row .solutions-input .solutions-input-field::placeholder,.business-contact-form .contact-details-row .solutions-input .solutions-input-field::placeholder {
    color: #cfcfcf;
    font-size: 14px;
    line-height: 16px;
    font-family: 'WorkSans-Regular',sans-serif;
    opacity: 1
}

.business-contact-form .contact-business-row {
    font-family: 'WorkSans-Regular',sans-serif
}

.business-contact-form .contact-business-row .business-input {
    width: 100%;
    padding: 20px 15px;
    border: solid 1px #b0b0b0;
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom: 24px
}

.business-contact-form .contact-business-row .business-input::placeholder {
    color: #cfcfcf;
    font-size: 14px;
    line-height: 16px;
    font-family: 'WorkSans-Regular',sans-serif;
    opacity: 1
}

.business-contact-form .mtn-callback-form-btn {
    margin-left: auto;
    margin-right: auto;
    border: none;
    text-transform: uppercase;
    padding: 16px;
    background-color: #e8e8e8;
    margin-top: 0;
    transition: .3s ease-in-out all;
    width: 242px;
    cursor: pointer
}

@media (max-width: 768px) {
    .business-contact-form .mtn-callback-form-btn {
        width:100%
    }
}

.business-contact-form .mtn-callback-form-btn:hover {
    background-image: linear-gradient(#fcd818,#f8c000);
    transition: .3s ease-in-out all;
    box-shadow: 0px 4px 8px rgba(0,0,0,.24)
}

#sc-statistics .each-icon-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#sc-statistics .each-icon-block .each-icon {
    height: 82px
}

* {
    padding: 0;
    margin: 0
}

body {
    background-color: #fff
}

h2 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 56px;
    line-height: 54px;
    color: #202020
}

@media (max-width: 768px) {
    h2 {
        font-size:30px;
        line-height: 30px
    }
}

h3 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 45px;
    color: #202020;
    line-height: 45px
}

@media (max-width: 768px) {
    h3 {
        font-size:30px;
        line-height: 30px
    }
}

h4 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 30px;
    line-height: 30px;
    color: #202020
}

@media (max-width: 768px) {
    h4 {
        font-size:24px;
        line-height: 24px
    }
}

span,p {
    font-size: 16px;
    color: #202020;
    font-family: "WorkSans-Regular",sans-serif;
    line-height: 150%;
    letter-spacing: -.18px;
    text-decoration: none
}

span.white-text,p.white-text {
    color: #ffff
}

.custom-grid {
    width: 1306px;
    margin: 0 auto 150px
}

@media (max-width: 1325px) {
    .custom-grid {
        width:100%;
        position: relative;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 auto 60px
    }
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.news-page-header {
    height: 120px
}

@media (max-width: 768px) {
    .news-page-header {
        height:80px
    }
}

@media (max-width: 768px) {
    .newsroom-heading h2 {
        font-size:38px;
        max-width: 300px;
        line-height: 110%;
        letter-spacing: -1px
    }
}

.people-news-flex {
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
    align-items: center
}

.people-news-flex .search-form {
    margin-bottom: 10px;
    position: unset;
    top: 5px
}

@media (max-width: 768px) {
    .people-news-flex .search-form {
        display:none
    }
}

.people-news-flex .category-scroller .category-tabs {
    display: flex;
    overflow: scroll;
    gap: 16px
}

.people-news-flex .category-scroller .category-tabs .tab-btn {
    margin-left: 0
}

.people-news-flex .category-scroller .category-tabs button {
    white-space: nowrap
}

@media (max-width: 768px) {
    .people-news-flex .category-scroller .category-tabs button {
        min-width:136px
    }
}

@media (max-width: 768px) {
    .hideonmobile {
        display:none
    }
}

.people-page {
    -webkit-font-smoothing: subpixel-antialiased !important;
    text-rendering: optimizeLegibility !important;
    margin-bottom: 80px
}

@media (max-width: 1024px) {
    .people-page .call-to-action-container {
        justify-content:space-between;
        margin-bottom: 50px
    }
}

.people-page .call-to-action-container .each-action {
    height: auto
}

@media (max-width: 1024px) {
    .people-page .call-to-action-container .each-action {
        width:48%
    }
}

.people-page .call-to-action-container .each-action img {
    max-height: 80px;
    width: unset
}

.people-page .people-banner .banner-bg {
    background-position: top
}

.people-page .people-banner .banner-content .banner-heading {
    text-rendering: optimizeLegibility
}

@media (max-width: 768px) {
    .people-page .people-banner .banner-content .banner-heading {
        font-family:"MTNBrighterSans-Medium",sans-serif !important;
        -webkit-font-family: "MTNBrighterSans-Regular",sans-serif !important
    }
}

@media (max-width: 768px) {
    .people-page .people-banner .banner-content .banner-text p {
        max-width:300px
    }
}

@media (max-width: 768px) {
    .people-page .people-banner .banner-content .page-title .main-page {
        font-size:11px
    }

    .people-page .people-banner .banner-content .page-title .secondary-page {
        font-size: 11px
    }
}

.people-page .people-banner .banner-content .text-black .main-page,.people-page .people-banner .banner-content .text-black .secondary-page {
    color: #202020
}

.people-page .people-banner .banner-content .text-white .main-page,.people-page .people-banner .banner-content .text-white .secondary-page {
    color: #fff
}

.people-page .people-banner .slick-dots .slick-active {
    border: solid 3px #ffcb05 !important
}

.people-page .people-banner .slick-dots .slick-active button {
    background-color: #202020
}

.people-page .people-banner .bottom-bar .button {
    width: fit-content;
    min-width: 216px
}

@media (max-width: 560px) {
    .people-page .people-banner .bottom-bar .button {
        min-width:170px
    }
}

.people-page .people-banner .bottom-bar .bordered-white {
    color: #202020;
    border: solid 2px #202020
}

.people-page .people-banner .bottom-bar .bordered-white:hover {
    background-color: #ffcb05
}

@media (max-width: 768px) {
    .people-page .people-banner .bottom-bar .bordered-white {
        position:unset
    }
}

@media (max-width: 768px) {
    .people-page .people-banner .bottom-bar {
        display:flex;
        justify-content: center
    }
}

.people-page .people-carousel-container .mobile-section-banner {
    filter: brightness(.86)
}

.people-page .people-carousel-container .bottom-data-container {
    height: unset;
    max-width: 1300px;
    width: 98%
}

.people-page .people-carousel-container .bottom-data-container .data-heading {
    line-height: 100%
}

@media (max-width: 768px) {
    .people-page .people-carousel-container .bottom-data-container .data-heading {
        font-size:40px;
        line-height: 100%;
        width: 100%
    }
}

.people-page .people-carousel-container .bottom-data-container .data-subtext {
    max-width: 654px;
    margin: auto;
    color: #fff;
    text-align: center
}

.people-page .people-carousel-container .bottom-data-container .data-subtext p {
    margin-top: 20px;
    color: #fff;
    font-size: 20px;
    line-height: 150%
}

.people-page .people-carousel-container .bottom-data-container .slick-arrow {
    bottom: 140px
}

@media (min-width: 1200px) {
    .people-page .people-carousel-container .bottom-data-container .slick-arrow {
        bottom:80px
    }
}

@media (max-width: 520px) {
    .people-page .people-carousel-container .bottom-data-container .slick-arrow {
        bottom:120px
    }
}

.people-page .people-carousel-container .bottom-data-container .card-container {
    margin-top: 30px;
    width: 90%
}

@media (max-width: 768px) {
    .people-page .people-carousel-container .bottom-data-container .card-container {
        width:80%
    }
}

.people-page .people-carousel-container .bottom-data-container .each-card {
    min-height: 180px;
    height: unset;
    -webkit-backdrop-filter: blur(20.4925px)
}

.people-page .people-carousel-container .bottom-data-container .each-card .card-heading {
    font-size: 21px;
    line-height: 115%
}

.people-page .small-left h4 {
    margin-bottom: 24px;
    font-size: 40px;
    line-height: 110%;
    font-family: "MTNBrighterSans-Bold",sans-serif
}

@media (max-width: 768px) {
    .people-page .small-left h4 {
        font-size:32px;
        margin-bottom: 16px;
        line-height: 110%
    }
}

.people-page .small-left .left-intro-text {
    font-size: 16px;
    font-family: "WorkSans-Regular",sans-serif;
    line-height: 24px;
    letter-spacing: -.1px;
    color: #707070
}

@media (max-width: 768px) {
    .people-page .intro-m {
        margin-top:40px!important
    }
}

.people-page .left-intro-sec {
    max-width: 920px;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 100px;
    width: 95%
}

@media (max-width: 768px) {
    .people-page .left-intro-sec {
        margin-bottom:64px
    }
}

.people-page .left-intro-sec h3 {
    margin-bottom: 24px
}

.people-page .left-intro-sec h3 p {
    font-size: 56px;
    line-height: 60px;
    font-family: "MTNBrighterSans-Bold",sans-serif
}

@media (max-width: 768px) {
    .people-page .left-intro-sec h3 p {
        font-size:32px;
        margin-bottom: 16px;
        line-height: 110%
    }
}

@media (max-width: 400px) {
    .people-page .left-intro-sec h3 p {
        font-family:"MTNBrighterSans-Medium",sans-serif;
        font-size: 30px
    }
}

.people-page .left-intro-sec .left-intro-text p {
    font-size: 20px;
    font-family: "WorkSans-Regular",sans-serif;
    line-height: 30px
}

.people-page .left-intro-sec .sm-16 p strong {
    font-family: "WorkSans-Bold",sans-serif
}

@media (max-width: 768px) {
    .people-page .left-intro-sec .sm-16 p strong {
        font-family:"WorkSans-Medium",sans-serif
    }
}

.people-page .left-intro-sec .left-intro-cta-text p {
    margin-top: 24px;
    font-size: 16px;
    font-family: "WorkSans-Regular",sans-serif;
    line-height: 24px;
    color: #606060
}

@media (max-width: 768px) {
    .people-page .left-intro-sec .left-intro-cta-text p {
        margin-top:12px
    }
}

.people-page .left-intro-sec .left-intro-cta-text p strong {
    font-family: "WorkSans-Bold",sans-serif;
    color: #202020
}

.people-page .left-intro-sec .left-intro-btn {
    display: block;
    text-transform: uppercase;
    border: solid 2px #202020;
    border-radius: 24px;
    padding: 12px 30px;
    box-sizing: border-box;
    font-size: 14px;
    font-family: "WorkSans-Medium",sans-serif;
    margin-top: 32px;
    min-width: 216px;
    width: fit-content;
    transition: all .3s ease-in-out
}

@media (max-width: 768px) {
    .people-page .left-intro-sec .left-intro-btn {
        margin-top:12px
    }
}

.people-page .left-intro-sec .left-intro-btn:hover {
    transition: all .3s ease-in-out;
    background-color: #202020;
    color: #fff
}

.people-page .left-intro-sec .left-intro-tc-text {
    margin-top: 48px
}

@media (max-width: 768px) {
    .people-page .left-intro-sec .left-intro-tc-text {
        display:none
    }
}

.people-page .left-intro-sec .left-intro-tc-text p {
    font-style: italic;
    color: #909090;
    font-size: 16px
}

.people-page .left-intro-sec .left-intro-tc-text a {
    font-size: 16px;
    color: #909090;
    text-decoration: underline;
    transition: all .3s ease-in-out
}

.people-page .left-intro-sec .left-intro-tc-text a:hover {
    transition: all .3s ease-in-out;
    color: #202020
}

.people-page .intro-section {
    max-width: 822px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px
}

@media (max-width: 520px) {
    .people-page .intro-section {
        margin-bottom:30px
    }
}

@media (max-width: 768px) {
    .people-page .intro-section .s-32 p {
        font-size:32px!important
    }
}

.people-page .intro-section h3 {
    text-align: center;
    margin-bottom: 32px
}

.people-page .intro-section h3 p {
    font-size: 56px;
    line-height: 60px;
    font-family: "MTNBrighterSans-Bold",sans-serif
}

@media (max-width: 768px) {
    .people-page .intro-section h3 {
        font-size:40px;
        margin-bottom: 16px
    }

    .people-page .intro-section h3 p {
        font-size: 40px!important;
        line-height: 110%
    }
}

.people-page .intro-section .intro-sec-p {
    text-align: center
}

.people-page .intro-section .intro-sec-p p {
    font-size: 20px;
    font-family: "WorkSans-Regular",sans-serif;
    line-height: 30px
}

@media (max-width: 520px) {
    .people-page .intro-section .intro-sec-p p {
        font-size:16px;
        line-height: 24px
    }
}

.people-page .people-video-section .video-container {
    margin-bottom: 80px
}

@media (max-width: 520px) {
    .people-page .people-video-section .video-container {
        margin-bottom:40px
    }
}

.people-page .people-video-section .video-container .video-frame {
    max-width: 1872px;
    width: 97%;
    aspect-ratio: 16/9
}

.people-page .narrow-sect {
    max-width: 768px;
    margin: auto
}

.people-page .mid-sect {
    max-width: 822px;
    margin: auto
}

@media (max-width: 768px) {
    .people-page .cta-out {
        border-top:solid 2px #e8e8e8;
        padding-top: 50px
    }
}

.people-page .cta-text-section {
    text-align: center;
    max-width: 822px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px
}

.people-page .cta-text-section h3 {
    margin-bottom: 32px
}

.people-page .cta-text-section h3 p {
    font-size: 56px;
    line-height: 60px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    letter-spacing: -2px
}

@media (max-width: 768px) {
    .people-page .cta-text-section h3 p {
        font-size:32px;
        line-height: 110%
    }
}

.people-page .cta-text-section .intro-sec-p p {
    font-size: 20px;
    font-family: "WorkSans-Regular",sans-serif;
    line-height: 30px
}

@media (max-width: 520px) {
    .people-page .cta-text-section .intro-sec-p p {
        font-size:16px;
        line-height: 24px
    }
}

.people-page .cta-text-section .btns-sect {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    margin-top: 16px
}

@media (max-width: 480px) {
    .people-page .cta-text-section .btns-sect {
        gap:24px
    }
}

.people-page .cta-text-section .btns-sect .mtn-cta-btn {
    background-color: #202020;
    box-sizing: border-box;
    color: #fff;
    padding: 20px;
    width: 216px;
    border-radius: 30px;
    text-transform: uppercase;
    font-family: "WorkSans-Regular",sans-serif;
    line-height: 100%;
    font-size: 12px
}

.people-page .pillars-section {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    width: 97%;
    background-color: #f8f8f8;
    border-radius: 16px;
    padding: 66px;
    box-sizing: border-box
}

.people-page .pillars-section h3 {
    text-align: center;
    max-width: 936px;
    margin: auto
}

.people-page .pillars-section h3 p {
    font-size: 56px;
    font-style: normal;
    font-family: "MTNBrighterSans-Bold",sans-serif
}

@media (max-width: 560px) {
    .people-page .pillars-section h3 p {
        font-size:40px
    }
}

.people-page .pillars-section .partners-desc {
    max-width: 936px;
    margin: auto
}

@media (max-width: 560px) {
    .people-page .pillars-section .partners-desc {
        max-width:295px
    }
}

.people-page .pillars-section .partners-desc p {
    text-align: center;
    font-size: 20px;
    font-style: normal
}

.people-page .pillars-section .primary-icons-container {
    width: 100%;
    margin: 0;
    margin-top: 50px
}

.people-page .pillars-section .stat-icon-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (max-width: 735px) {
    .people-page .pillars-section .stat-icon-container {
        flex-direction:column;
        align-items: center;
        gap: 40px
    }
}

.people-page .pillars-section .stat-icon-container .each-icon-block {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    max-width: 260px;
    width: 25%
}

@media (max-width: 1200px) {
    .people-page .pillars-section .stat-icon-container .each-icon-block {
        width:50%
    }
}

@media (max-width: 768px) {
    .people-page .pillars-section .stat-icon-container .each-icon-block {
        width:100%
    }
}

.people-page .pillars-section .stat-icon-container .each-icon-block img {
    max-width: 55px;
    height: 84px;
    width: auto;
    max-height: 100%
}

.people-page .pillars-section .stat-icon-container .each-icon-block .block-heading {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 28px;
    line-height: 115%;
    text-align: center;
    max-width: 160px;
    margin-bottom: 8px
}

.people-page .pillars-section .stat-icon-container .each-icon-block .block-content-text {
    text-align: center;
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 16px;
    line-height: 24px
}

.people-page .pillars-section .stat-icon-container .each-icon-block .block-bottom-cta {
    margin-top: 16px;
    line-height: 18px;
    font-family: "MTNBrighterSans-Bold",sans-serif
}

.people-page .small-stats .primary-icons-container {
    margin-top: 0
}

.people-page .stats-sect,.people-page .partners-section {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    width: 95%
}

.people-page .stats-sect .small-head p,.people-page .partners-section .small-head p {
    font-size: 40px;
    line-height: 110%
}

@media (max-width: 768px) {
    .people-page .stats-sect .small-head p,.people-page .partners-section .small-head p {
        font-size:32px
    }
}

.people-page .stats-sect h3,.people-page .partners-section h3 {
    display: flex;
    justify-content: center;
    text-align: center;
    margin: auto;
    max-width: 1054px;
    margin-bottom: 32px
}

.people-page .stats-sect h3 p,.people-page .partners-section h3 p {
    font-size: 56px;
    line-height: 60px;
    font-family: "MTNBrighterSans-Bold",sans-serif
}

@media (max-width: 768px) {
    .people-page .stats-sect h3 p,.people-page .partners-section h3 p {
        font-size:32px;
        line-height: 110%;
        max-width: 280px
    }
}

@media (max-width: 520px) {
    .people-page .stats-sect .each-icon-block,.people-page .partners-section .each-icon-block {
        margin-bottom:10px!important
    }
}

.people-page .stats-sect .partners-desc,.people-page .partners-section .partners-desc {
    text-align: center;
    max-width: 780px;
    margin: auto
}

.people-page .stats-sect .partners-desc p,.people-page .partners-section .partners-desc p {
    font-size: 20px;
    line-height: 150%
}

.people-page .stats-sect .primary-icons-container,.people-page .partners-section .primary-icons-container {
    max-width: 1440px;
    width: 100%
}

@media (max-width: 520px) {
    .people-page .stats-sect .primary-icons-container,.people-page .partners-section .primary-icons-container {
        margin-bottom:30px
    }
}

.people-page .stats-sect .stat-icon-container,.people-page .partners-section .stat-icon-container {
    width: 100%;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.people-page .stats-sect .stat-icon-container .slick-next,.people-page .partners-section .stat-icon-container .slick-next,.people-page .stats-sect .stat-icon-container .slick-prev,.people-page .partners-section .stat-icon-container .slick-prev {
    display: none !important
}

@media (max-width: 1140px) {
    .people-page .stats-sect .stat-icon-container,.people-page .partners-section .stat-icon-container {
        width:100%;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box
    }
}

@media (max-width: 768px) {
    .people-page .stats-sect .stat-icon-container,.people-page .partners-section .stat-icon-container {
        padding-left:10px;
        padding-right: 10px
    }
}

.people-page .stats-sect .stat-icon-container .each-icon-block,.people-page .partners-section .stat-icon-container .each-icon-block {
    text-align: center;
    box-sizing: border-box;
    padding: 0;
    display: inline-block;
    width: 280px
}

.people-page .stats-sect .stat-icon-container .each-icon-block:nth-child(1),.people-page .partners-section .stat-icon-container .each-icon-block:nth-child(1) {
    margin-left: 0
}

.people-page .stats-sect .stat-icon-container .each-icon-block img,.people-page .partners-section .stat-icon-container .each-icon-block img {
    margin: 0 auto
}

.people-page .stats-sect .stat-icon-container .each-icon-block .block-heading,.people-page .partners-section .stat-icon-container .each-icon-block .block-heading {
    font-size: 20px;
    margin-bottom: 30px;
    font-family: "MTNBrighterSans-Medium",sans-serif;
    margin: 0 auto;
    width: 200px;
    text-align: center;
    display: block;
    color: #202020;
    line-height: 23px;
    margin-top: 18px
}

@media (max-width: 768px) {
    .people-page .stats-sect .stat-icon-container .each-icon-block .block-heading,.people-page .partners-section .stat-icon-container .each-icon-block .block-heading {
        width:100%;
        line-height: 23px
    }
}

.people-page .stats-sect .stat-icon-container .each-icon-block .block-content-text,.people-page .partners-section .stat-icon-container .each-icon-block .block-content-text {
    width: 200px;
    margin: 20px auto;
    font-size: 15px;
    font-family: "WorkSans-Regular",sans-serif;
    color: #404040
}

.people-page .stats-sect .stat-icon-container .slick-dots,.people-page .partners-section .stat-icon-container .slick-dots {
    webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.people-page .compain-primary-contianer {
    height: 880px;
    width: 97%;
    position: relative;
    margin: 70px auto 110px;
    color: #fff
}

@media (min-width: 1420px) {
    .people-page .compain-primary-contianer {
        height:780px
    }
}

@media (max-width: 880px) {
    .people-page .compain-primary-contianer {
        height:640px;
        margin: 70px auto 60px
    }
}

.people-page .compain-primary-contianer .campaign-desktop-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    border-radius: 20px
}

@media (max-width: 880px) {
    .people-page .compain-primary-contianer .campaign-desktop-bg {
        display:none
    }
}

.people-page .compain-primary-contianer .campaign-mobile-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 20px;
    z-index: 0
}

@media (min-width: 880px) {
    .people-page .compain-primary-contianer .campaign-mobile-bg {
        display:none
    }
}

.people-page .compain-primary-contianer .inner-campaign {
    position: absolute;
    width: 1306px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    bottom: 111px;
    z-index: 1
}

@media (max-width: 1310px) {
    .people-page .compain-primary-contianer .inner-campaign {
        width:90%
    }
}

@media (max-width: 768px) {
    .people-page .compain-primary-contianer .inner-campaign {
        bottom:20px
    }
}

.people-page .compain-primary-contianer .inner-campaign .data-container {
    background: rgba(255,255,255,.1605);
    border: 2px solid rgba(255,255,255,.0783);
    box-sizing: border-box;
    backdrop-filter: blur(30.4925px);
    -webkit-backdrop-filter: blur(30.4925px);
    width: 576px;
    position: relative;
    border-radius: 24px;
    padding: 40px 45px
}

@media (max-width: 1100px) {
    .people-page .compain-primary-contianer .inner-campaign .data-container {
        width:400px;
        height: auto;
        padding: 23px 24px
    }
}

@media (max-width: 768px) {
    .people-page .compain-primary-contianer .inner-campaign .data-container .bordered-white {
        width:175px
    }
}

@media (max-width: 600px) {
    .people-page .compain-primary-contianer .inner-campaign .data-container {
        width:100%
    }
}

.people-page .compain-primary-contianer .inner-campaign .data-container h5 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 40px
}

@media (max-width: 768px) {
    .people-page .compain-primary-contianer .inner-campaign .data-container h5 {
        font-size:24px;
        letter-spacing: -1px;
        line-height: 125%
    }
}

.people-page .compain-primary-contianer .inner-campaign .data-container .callout-text {
    color: #fff;
    font-size: 16px;
    font-family: "WorkSans-Regular",sans-serif;
    margin-top: 15px;
    margin-bottom: 20px
}

.people-page .news-heading-top {
    margin-bottom: 48px
}

@media (max-width: 768px) {
    .people-page .news-heading-top h3 {
        font-size:32px;
        max-width: 200px;
        margin: auto;
        margin-top: 80px
    }
}

.people-page .apply-cta-center {
    text-align: center;
    max-width: 570px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 100px;
    margin-top: 40px
}

@media (max-width: 768px) {
    .people-page .apply-cta-center {
        margin-bottom:80px;
        margin-top: 30px
    }
}

.people-page .apply-cta-center h3 {
    font-size: 40px;
    margin-bottom: 24px;
    line-height: 110%
}

@media (max-width: 768px) {
    .people-page .apply-cta-center h3 {
        max-width:340px;
        font-size: 32px;
        line-height: 100%
    }
}

.people-page .apply-cta-center a {
    border-radius: 32px;
    background-color: #202020;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 30px;
    font-family: "WorkSans-Medium",sans-serif;
    min-width: 216px;
    font-size: 14px;
    display: block;
    max-width: fit-content;
    box-sizing: border-box;
    text-align: center
}

.people-page .values-icons-container {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 120px;
    max-width: 1100px;
    width: 95%;
    margin: auto;
    gap: 2%;
    justify-content: center
}

@media (max-width: 560px) {
    .people-page .values-icons-container {
        width:100%;
        padding-bottom: 60px
    }
}

.people-page .values-icons-container a {
    color: #202020
}

.people-page .values-icons-container .each-value {
    box-sizing: border-box;
    padding: 32px 0;
    margin-bottom: 2%;
    border: solid 2px #e9e9e9;
    border-radius: 20px;
    display: flex;
    color: #202020;
    text-decoration: none;
    flex-direction: column;
    justify-content: center;
    width: 18%
}

@media (max-width: 960px) {
    .people-page .values-icons-container .each-value {
        width:30%
    }
}

@media (max-width: 560px) {
    .people-page .values-icons-container .each-value {
        width:45%;
        padding: 8px 20px;
        min-height: 170px;
        justify-content: flex-end;
        margin-bottom: 20px
    }
}

.people-page .values-icons-container .each-value .value-card-head p {
    color: inherit;
    font-size: 20px;
    line-height: 100%;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    text-align: center
}

.people-page .values-icons-container .each-value .value-card-head p strong {
    color: #202020
}

@media (max-width: 560px) {
    .people-page .values-icons-container .each-value .value-card-head p {
        font-size:20px;
        word-wrap: break-word;
        font-family: "MTNBrighterSans-Medium",sans-serif;
        letter-spacing: -1px
    }
}

.people-page .values-icons-container .each-value button {
    margin-top: 24px;
    padding: 16px;
    border-radius: 40px;
    box-sizing: border-box;
    border: none;
    background-color: #ffcb05;
    text-transform: uppercase;
    font-family: "WorkSans-Medium",sans-serif;
    font-size: 14px;
    max-width: 130px;
    margin-left: auto;
    margin-right: auto;
    color: #202020;
    transition: all .3s ease-in-out
}

.people-page .values-icons-container .each-value:hover {
    transition: all .3s ease-in-out;
    box-shadow: 0px 4px 16px rgba(0,0,0,.2)
}

.people-page .callout-section .value-callout-container {
    width: 97%;
    max-width: 1872px;
    background-color: #e8e8e8;
    border-radius: 24px;
    margin: auto;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 100px
}

@media (max-width: 768px) {
    .people-page .callout-section .value-callout-container {
        width:90%;
        min-height: 700px;
        margin-bottom: 35px
    }
}

.people-page .callout-section .value-callout-container .callout-desktop-bg {
    position: absolute;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 55%;
    width: 100%;
    z-index: 0;
    border-radius: 24px
}

@media (max-width: 1080px) {
    .people-page .callout-section .value-callout-container .callout-desktop-bg {
        background-position:40%
    }
}

@media (max-width: 768px) {
    .people-page .callout-section .value-callout-container .callout-desktop-bg {
        display:none
    }
}

.people-page .callout-section .value-callout-container .callout-mobile-bg {
    position: absolute;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    z-index: 0;
    border-radius: 24px;
    background-position-y: 70%
}

@media (min-width: 768px) {
    .people-page .callout-section .value-callout-container .callout-mobile-bg {
        display:none
    }
}

@media (min-width: 620px) {
    .people-page .callout-section .value-callout-container .callout-mobile-bg {
        background-position-y:60%
    }
}

.people-page .callout-section .value-callout-container .callout-details {
    z-index: 1;
    position: relative;
    padding: 150px;
    max-width: 600px
}

@media (max-width: 1200px) {
    .people-page .callout-section .value-callout-container .callout-details {
        padding:10%
    }
}

@media (max-width: 560px) {
    .people-page .callout-section .value-callout-container .callout-details {
        padding:30px;
        max-width: 300px
    }
}

.people-page .callout-section .value-callout-container .callout-details h3 {
    margin-bottom: 16px
}

.people-page .callout-section .value-callout-container .callout-details h3 p {
    font-size: 56px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    line-height: 60px;
    color: inherit
}

.people-page .callout-section .value-callout-container .callout-details h3 p strong {
    color: #202020
}

@media (max-width: 768px) {
    .people-page .callout-section .value-callout-container .callout-details h3 p {
        font-size:30px;
        line-height: 100%;
        font-family: "MTNBrighterSans-Medium",sans-serif;
        letter-spacing: -1px
    }
}

.people-page .callout-section .value-callout-container .callout-details .value-callout-sub {
    margin-bottom: 16px
}

.people-page .callout-section .value-callout-container .callout-details .value-callout-sub p {
    color: #606060
}

.people-page .callout-section .value-callout-container .callout-details h4 {
    margin-bottom: 16px;
    font-size: 24px;
    font-family: "WorkSans-Medium",sans-serif;
    letter-spacing: -1px
}

.people-page .callout-section .value-callout-container .callout-details .value-callout-text {
    margin-bottom: 16px
}

.people-page .callout-section .value-callout-container .callout-details .value-callout-text p strong {
    font-family: "WorkSans-Bold",sans-serif
}

@media (max-width: 768px) {
    .people-page .callout-section .value-callout-container .callout-details .value-callout-text p strong {
        font-family:"WorkSans-Medium",sans-serif
    }
}

.people-page .callout-section .value-callout-container .callout-details .value-callout-btn {
    text-transform: uppercase;
    font-size: 14px;
    font-family: "WorkSans-Medium",sans-serif;
    padding: 16px;
    border: solid 2px #202020;
    box-sizing: border-box;
    border-radius: 32px;
    display: block;
    min-width: 216px;
    max-width: fit-content;
    transition: all .3s ease-in-out
}

.people-page .callout-section .value-callout-container .callout-details .value-callout-btn:hover {
    background-color: #202020;
    color: #fff;
    transition: all .3s ease-in-out
}

.site-footer {
    background: #00002b;
    width: 100%;
    border-radius: 16px 16px 0 0;
    padding: 40px 0;
    height: auto;
    position: relative;
    box-sizing: border-box;
    z-index: 1
}

@media (max-width: 1088px) {
    .site-footer {
        padding:60px 20px
    }
}

@media (max-width: 880px) {
    .site-footer {
        padding:15px 0
    }
}

.site-footer .footer-container {
    width: 1300px;
    margin: 0 auto;
    position: relative
}

@media (min-width: 1600px) {
    .site-footer .footer-container {
        width:1416px
    }
}

@media (max-width: 1365px) {
    .site-footer .footer-container {
        width:100%;
/*        padding-left: 30px;
        padding-right: 30px;*/
        box-sizing: border-box
    }
}

@media (max-width: 880px) {
    .site-footer .footer-container {
        padding-left:15px;
        padding-right: 15px
    }
}

.site-footer .footer-container .top-footer-block {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 0px;
    border-bottom: 0
}

@media (max-width: 880px) {
    .site-footer .footer-container .top-footer-block {
        justify-content:flex-start
    }
}

.site-footer .footer-container .top-footer-block .logo-container {
    margin-right: 30px;
    max-width: 100%;
    width: 180px;
    display: flex;
    align-self: center;
}

@media (max-width: 992px) {
    .site-footer .footer-container .top-footer-block .logo-container {
        margin-right:0px !important;
    }
}

.site-footer .footer-container .top-footer-block .logo-container img {
    width: 100%;
/*    height: 100%;*/
    transform: translateY(-30px)
}
@media(max-width:768px){
    .site-footer .footer-container .top-footer-block .logo-container img {

        transform: translateY(0px)
    }
}
.site-footer .footer-container .middle-footer-block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 0
}

@media (max-width: 880px) {
    .site-footer .footer-container .middle-footer-block {
        flex-direction:column;
        align-items: flex-start;
        gap: 20px
    }
}

.site-footer .footer-container .middle-footer-block .footer-menu-desktop {
    display: flex;
    gap: 30px;
    margin: 0 30px;
    /*    padding-bottom: 100px*/
}

@media (max-width: 992px) {
    .site-footer .footer-container .middle-footer-block .footer-menu-desktop {
        display:none
    }
}

.site-footer .footer-container .middle-footer-block .footer-menu-mobile {
    display: none
}

@media (max-width: 992px) {
    .site-footer .footer-container .middle-footer-block .footer-menu-mobile {
        display:flex;
        flex-direction: column
    }
}

.site-footer .footer-container .middle-footer-block .footer-menu-mobile .accordion {
    border: 1px solid #979797;
    border-radius: 15px;
    margin-bottom: 10px
}

.site-footer .footer-container .middle-footer-block .footer-menu-mobile .accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 15px
}

.site-footer .footer-container .middle-footer-block .footer-menu-mobile .accordion-content {
    overflow: hidden;
    max-height: 0;
    transition: max-height .3s ease
}

.site-footer .footer-container .middle-footer-block .footer-menu-mobile .accordion-content ul {
    padding: 15px
}

.site-footer .footer-container .middle-footer-block .footer-menu-mobile .accordion.active .accordion-content {
    max-height: 1000px
}

.site-footer .footer-container .middle-footer-block .footer-menu-mobile .accordion-toggle {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff
}

.site-footer .footer-container .footer-menu-desktop,.site-footer .footer-container .footer-menu-mobile {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.site-footer .footer-container .footer-menu-column,.site-footer .footer-container .accordion {
/*    flex: 1 0 16.666%;*/
    margin-bottom: 20px
}

.site-footer .footer-container h3 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #fff
}

@media (max-width: 880px) {
    .site-footer .footer-container h3 {
        margin-bottom:0
    }
}

.site-footer .footer-container ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.site-footer .footer-container ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-family: "WorkSans-Regular",sans-serif;
    transition: color .3s ease;
    opacity: 75%
}

    .site-footer .footer-container ul li a:hover {
        color: #fed700 !important;
        opacity:100%;
    }

.site-footer .footer-container .footer-menu-desktop {
    display: flex;
    gap: 63px
}

@media (max-width: 880px) {
    .site-footer .footer-container .footer-menu-desktop {
        display:none
    }
}

.site-footer .footer-container .footer-menu-mobile {
    display: none
}

@media (max-width: 880px) {
    .site-footer .footer-container .footer-menu-mobile {
        display:flex;
        flex-direction: column
    }
}

.site-footer .footer-container .footer-menu-mobile .accordion {
    border: 2px solid #fff;
    margin-bottom: 10px
}

.site-footer .footer-container .footer-menu-mobile .accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding-bottom: 5px
}

.site-footer .footer-container .footer-menu-mobile .accordion-content {
    overflow: hidden;
    max-height: 0;
    transition: max-height .3s ease
}

.site-footer .footer-container .footer-menu-mobile .accordion.active .accordion-content {
    max-height: 1000px
}

.site-footer .footer-container .footer-menu-mobile .accordion-toggle {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff
}

.site-footer .footer-container .bottom-footer-block {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 40px;
    margin-top: 20px;
    border-top: solid 1px #fed700;
}

@media (max-width: 880px) {
    .site-footer .footer-container .bottom-footer-block {
        border-top:none;
        flex-direction: row-reverse;
        align-items: flex-start;
        justify-content:flex-start;
        flex-wrap:wrap;
        gap: 10px
    }
}

.site-footer .footer-container .bottom-footer-block .all-right {
    color: #fff;
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    margin-left: 30px
}

@media (max-width: 880px) {
    .site-footer .footer-container .bottom-footer-block .all-right {
        order:2;
        line-height: 22px;
        margin-top: 10px;
        margin-left: 0
    }
}

.site-footer .footer-container .bottom-footer-block .social-media-list {
    margin-right: 30px
}

.site-footer .footer-container .bottom-footer-block .social-media-list ul {
    display: flex;
    flex-direction: row
}

@media (max-width: 880px) {
    .site-footer .footer-container .bottom-footer-block .social-media-list ul {
        order:1;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        justify-content: flex-start;
        gap: 10px;
        margin-right: 0
    }
}

.site-footer .footer-container .bottom-footer-block .social-media-list ul li {
    list-style: none
}

@media (max-width: 880px) {
    .site-footer .footer-container .bottom-footer-block .social-media-list ul li {
        margin-left:0
    }
}

.site-footer .footer-container .bottom-footer-block .social-media-list ul li a {
    color: #fed700;
    opacity:1;
}
.site-footer .footer-container .bottom-footer-block .social-media-list ul li#facebook a:hover {
    color: #1877F2 !important;
}
.site-footer .footer-container .bottom-footer-block .social-media-list ul li#tiktok a:hover {
    color: white !important;
}
.site-footer .footer-container .bottom-footer-block .social-media-list ul li#youtube a:hover {
    color: red !important;
}
.site-footer .footer-container .bottom-footer-block .social-media-list ul li#linkedin a:hover {
    color: royalblue !important;
}
.site-footer .footer-container .bottom-footer-block .social-media-list ul li#instagram a:hover svg path {
    fill: url(#instagram-gradient) !important;
}
* {
    padding: 0;
    margin: 0
}

body {
    background-color: #fff
}

h2 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 56px;
    line-height: 54px;
    color: #202020
}

@media (max-width: 768px) {
    h2 {
        font-size:30px;
        line-height: 30px
    }
}

h3 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 45px;
    color: #202020;
    line-height: 45px
}

@media (max-width: 768px) {
    h3 {
        font-size:30px;
        line-height: 30px
    }
}

h4 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 30px;
    line-height: 30px;
    color: #202020
}

@media (max-width: 768px) {
    h4 {
        font-size:24px;
        line-height: 24px
    }
}

span,p {
    font-size: 16px;
    color: #202020;
    font-family: "WorkSans-Regular",sans-serif;
    line-height: 150%;
    letter-spacing: -.18px;
    text-decoration: none
}

span.white-text,p.white-text {
    color: #ffff
}

.custom-grid {
    width: 1306px;
    margin: 0 auto 150px
}

@media (max-width: 1325px) {
    .custom-grid {
        width:100%;
        position: relative;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 auto 60px
    }
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.pc-landing {
    margin-bottom: 120px
}

.pc-landing .people-banner .banner-bg {
    background-position: top
}

.pc-landing .people-banner .banner-content .banner-heading {
    text-rendering: optimizeLegibility
}

@media (max-width: 768px) {
    .pc-landing .people-banner .banner-content .banner-heading {
        font-family:"MTNBrighterSans-Medium",sans-serif !important;
        -webkit-font-family: "MTNBrighterSans-Regular",sans-serif !important
    }
}

@media (max-width: 768px) {
    .pc-landing .people-banner .banner-content .banner-text p {
        max-width:300px
    }
}

@media (max-width: 768px) {
    .pc-landing .people-banner .banner-content .page-title .main-page {
        font-size:11px
    }

    .pc-landing .people-banner .banner-content .page-title .secondary-page {
        font-size: 11px
    }
}

.pc-landing .people-banner .banner-content .text-black .main-page,.pc-landing .people-banner .banner-content .text-black .secondary-page {
    color: #202020
}

.pc-landing .people-banner .banner-content .text-white .main-page,.pc-landing .people-banner .banner-content .text-white .secondary-page {
    color: #fff
}

.pc-landing .people-banner .slick-dots .slick-active {
    border: solid 3px #ffcb05 !important
}

.pc-landing .people-banner .slick-dots .slick-active button {
    background-color: #202020
}

.pc-landing .people-banner .bottom-bar .button {
    width: fit-content;
    min-width: 216px
}

@media (max-width: 560px) {
    .pc-landing .people-banner .bottom-bar .button {
        min-width:170px
    }
}

.pc-landing .people-banner .bottom-bar .bordered-white {
    color: #fff;
    border: solid 2px #fff
}

.pc-landing .people-banner .bottom-bar .bordered-white:hover {
    background-color: #ffcb05
}

@media (max-width: 768px) {
    .pc-landing .people-banner .bottom-bar .bordered-white {
        position:unset
    }
}

@media (max-width: 768px) {
    .pc-landing .people-banner .bottom-bar {
        display:flex;
        justify-content: center
    }
}

.pc-landing .pc-video h2 {
    text-align: center;
    font-size: 56px;
    line-height: 60.5px;
    max-width: 1400px;
    margin: 100px auto 0
}

@media (max-width: 820px) {
    .pc-landing .pc-video h2 {
        max-width:376px;
        font-size: 32px;
        line-height: 100%;
        margin: 48px auto 0
    }
}

.pc-landing .pc-video .video-intro-text {
    max-width: 935px;
    width: 95%;
    margin: auto;
    margin-top: 24px
}

.pc-landing .pc-video .video-intro-text p {
    text-align: center;
    font-size: 20px;
    color: #606060
}

.pc-landing .pc-video .video-intro-text p strong {
    font-family: "WorkSans-Bold",sans-serif
}

.pc-landing .pc-video .video-intro-text p em {
    font-family: "WorkSans-LightItalic",sans-serif
}

.pc-landing .pc-video .video-container {
    margin-top: 120px;
    margin-bottom: 120px
}

@media (max-width: 820px) {
    .pc-landing .pc-video .video-container {
        margin-top:48px;
        margin-bottom: 80px
    }
}

.pc-landing .pc-video .video-container .video-frame {
    max-width: 97%
}

@media (max-width: 820px) {
    .pc-landing .pc-video .video-container .video-frame {
        max-width:95%
    }
}

.pc-landing .message-section {
    max-width: 1100px;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 120px;
    width: 95%;
    display: flex;
    align-items: stretch;
    gap: 30px
}

@media (max-width: 820px) {
    .pc-landing .message-section {
        flex-direction:column-reverse;
        margin-top: 48px;
        margin-bottom: 48px
    }
}

.pc-landing .message-section .message-heading-mobi {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 32px
}

@media (min-width: 820px) {
    .pc-landing .message-section .message-heading-mobi {
        display:none
    }
}

.pc-landing .message-section .message-col {
    max-width: 625px;
    width: 100%
}

@media (max-width: 820px) {
    .pc-landing .message-section .message-col {
        max-width:100%
    }
}

.pc-landing .message-section .message-col h2 {
    margin-top: 0;
    margin-bottom: 40px;
    margin-left: none;
    text-align: left
}

@media (max-width: 820px) {
    .pc-landing .message-section .message-col h2 {
        display:none
    }
}

.pc-landing .message-section .message-col .pc-message p {
    font-size: 20px;
    line-height: 150%
}

.pc-landing .message-section .message-col .pc-message p strong {
    font-family: "WorkSans-Medium",sans-serif;
    font-size: 24px;
    line-height: 125%
}

@media (max-width: 820px) {
    .pc-landing .message-section .message-col .pc-message p strong {
        font-size:20px
    }
}

.pc-landing .message-section .image-col {
    max-width: 550px;
    width: 100%
}

@media (max-width: 820px) {
    .pc-landing .message-section .image-col {
        max-width:100%
    }
}

.pc-landing .message-section .image-col img {
    width: 100%;
    height: auto
}

.pc-landing .stats-sect {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    width: 95%
}

.pc-landing .stats-sect .small-head p {
    font-size: 40px;
    line-height: 110%
}

@media (max-width: 768px) {
    .pc-landing .stats-sect .small-head p {
        font-size:32px
    }
}

.pc-landing .stats-sect h3 {
    display: flex;
    justify-content: center;
    text-align: center;
    margin: auto;
    max-width: 1054px;
    margin-bottom: 32px
}

.pc-landing .stats-sect h3 p {
    font-size: 56px;
    line-height: 60px;
    font-family: "MTNBrighterSans-Bold",sans-serif
}

@media (max-width: 768px) {
    .pc-landing .stats-sect h3 p {
        font-size:32px;
        line-height: 110%;
        max-width: 280px
    }
}

@media (max-width: 520px) {
    .pc-landing .stats-sect .each-icon-block {
        margin-bottom:10px!important
    }
}

.pc-landing .stats-sect .partners-desc {
    text-align: center;
    max-width: 780px;
    margin: auto
}

.pc-landing .stats-sect .partners-desc p {
    font-size: 20px;
    line-height: 150%
}

.pc-landing .stats-sect .primary-icons-container {
    max-width: 1440px;
    width: 100%
}

@media (max-width: 520px) {
    .pc-landing .stats-sect .primary-icons-container {
        margin-bottom:30px
    }
}

.pc-landing .stats-sect .stat-icon-container {
    width: 100%;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (max-width: 820px) {
    .pc-landing .stats-sect .stat-icon-container {
        justify-content:center
    }
}

.pc-landing .stats-sect .stat-icon-container .slick-next,.pc-landing .stats-sect .stat-icon-container .slick-prev {
    display: none !important
}

@media (max-width: 1140px) {
    .pc-landing .stats-sect .stat-icon-container {
        width:100%;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box
    }
}

@media (max-width: 768px) {
    .pc-landing .stats-sect .stat-icon-container {
        padding-left:10px;
        padding-right: 10px
    }
}

.pc-landing .stats-sect .stat-icon-container .each-icon-block {
    text-align: center;
    box-sizing: border-box;
    padding: 0;
    display: inline-block;
    width: 280px
}

.pc-landing .stats-sect .stat-icon-container .each-icon-block:nth-child(1) {
    margin-left: 0
}

.pc-landing .stats-sect .stat-icon-container .each-icon-block img {
    margin: 0 auto
}

.pc-landing .stats-sect .stat-icon-container .each-icon-block .block-heading {
    font-size: 20px;
    margin-bottom: 30px;
    font-family: "MTNBrighterSans-Medium",sans-serif;
    margin: 0 auto;
    width: 200px;
    text-align: center;
    display: block;
    color: #202020;
    line-height: 23px;
    margin-top: 18px
}

@media (max-width: 768px) {
    .pc-landing .stats-sect .stat-icon-container .each-icon-block .block-heading {
        width:100%;
        line-height: 23px
    }
}

.pc-landing .stats-sect .stat-icon-container .each-icon-block .block-content-text {
    width: 200px;
    margin: 20px auto;
    font-size: 15px;
    font-family: "WorkSans-Regular",sans-serif;
    color: #404040
}

.pc-landing .stats-sect .stat-icon-container .slick-dots {
    webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pc-top-label {
    display: flex;
    gap: 32px;
    align-items: center;
    flex-wrap: wrap
}

.pc-top-label span {
    font-family: "WorkSans-Bold",sans-serif;
    font-size: 15px
}

* {
    padding: 0;
    margin: 0
}

body {
    background-color: #fff
}

h2 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 56px;
    line-height: 54px;
    color: #202020
}

@media (max-width: 768px) {
    h2 {
        font-size:30px;
        line-height: 30px
    }
}

h3 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 45px;
    color: #202020;
    line-height: 45px
}

@media (max-width: 768px) {
    h3 {
        font-size:30px;
        line-height: 30px
    }
}

h4 {
    font-family: "MTNBrighterSans-Bold",sans-serif;
    font-size: 30px;
    line-height: 30px;
    color: #202020
}

@media (max-width: 768px) {
    h4 {
        font-size:24px;
        line-height: 24px
    }
}

span,p {
    font-size: 16px;
    color: #202020;
    font-family: "Work Sans",sans-serif;
    line-height: 150%;
    letter-spacing: -.18px;
    text-decoration: none
}

span.white-text,p.white-text {
    color: #ffff
}

.custom-grid {
    width: 1306px;
    margin: 0 auto 150px
}

@media (max-width: 1325px) {
    .custom-grid {
        width:100%;
        position: relative;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 auto 60px
    }
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

@keyframes fadeInDown {
    0% {
        opacity: 1;
        transform: translateY(-1em)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@media (max-width: 768px) {
    .pachi-landing .header-banner .each-banner .bottom-bar {
        display:flex;
        justify-content: center
    }
}

@media (max-width: 768px) {
    .pachi-landing .header-banner .each-banner .button {
        position:unset
    }
}

.pachi-landing .header-banner .each-banner .button:hover {
    background-color: #fce068;
    color: #fff
}

.pachi-landing .header-banner .each-banner .banner-content {
    top: 220px
}

.pachi-landing .header-banner .each-banner .banner-content .banner-heading {
    font-size: 80px;
    line-height: 100%
}

.pachi-landing .header-banner .each-banner .banner-content .banner-text {
    width: 100%
}

.pachi-landing .header-banner .each-banner .banner-content .banner-text p {
    width: 100% !important;
    font-size: 20px;
    max-width: 626px
}

@media (max-width: 768px) {
    .pachi-landing .header-banner .each-banner .banner-content .banner-text p {
        font-size:16px
    }
}

.pachi-landing .video-container {
    margin-top: 120px
}

@media (max-width: 768px) {
    .pachi-landing .video-container {
        margin-top:60px
    }
}

.pachi-landing .video-container .video-frame {
    max-width: 1400px;
    width: 95%
}

@media (min-width: 1600px) {
    .pachi-landing .video-container .video-frame {
        max-width:1100px
    }
}

.pachi-landing .campaign-primary-container {
    overflow: hidden;
    border-radius: 32px;
    max-width: 95%;
    width: 100%;
    height: 800px;
    position: relative;
    margin: auto;
    margin-bottom: 100px
}

@media (min-width: 769px) {
    .pachi-landing .campaign-primary-container .campaign-mobile-bg {
        display:none;
        background-position: top
    }
}

.pachi-landing .campaign-primary-container .bg-cover {
    width: 100%;
    height: 100%;
    position: absolute
}

.pachi-landing .campaign-primary-container .inner-campaign {
    max-width: 1100px;
    margin: auto;
    position: relative;
    width: 90%;
    height: 100%
}

.pachi-landing .campaign-primary-container .inner-campaign .data-container {
    position: absolute;
    z-index: 1;
    bottom: 100px;
    width: 100%;
    max-width: 576px;
    padding: 48px 50px;
    box-sizing: border-box;
    border-radius: 24px;
    border: 2px solid rgba(255,255,255,.08);
    background: rgba(0,0,0,.16);
    backdrop-filter: blur(21.74625397px)
}

@media (max-width: 768px) {
    .pachi-landing .campaign-primary-container .inner-campaign .data-container {
        bottom:20px
    }
}

.pachi-landing .campaign-primary-container .inner-campaign .data-container h5 {
    font-size: 24px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    color: #fff;
    margin-bottom: 16px
}

.pachi-landing .campaign-primary-container .inner-campaign .data-container .callout-text p {
    color: #fff;
    font-size: 16px;
    line-height: 150%
}

@media (max-width: 768px) {
    .pachi-landing .campaign-primary-container .inner-campaign .data-container .callout-text p {
        font-size:14px
    }
}

.pachi-landing .campaign-primary-container .inner-campaign .data-container .button {
    max-width: 240px;
    width: 100%;
    margin-top: 24px;
    transition: all .3s ease
}

.pachi-landing .campaign-primary-container .inner-campaign .data-container .button:hover {
    background-color: #202020;
    color: #fff;
    border: solid 1px #202020
}

.pachi-landing .stats-sect {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    width: 95%
}

.pachi-landing .stats-sect .slick-track {
    display: flex;
    justify-content: space-between
}

.pachi-landing .stats-sect h3 {
    display: flex;
    justify-content: center;
    text-align: center;
    margin: auto;
    max-width: 1054px;
    margin-bottom: 32px
}

.pachi-landing .stats-sect h3 p {
    font-size: 56px;
    line-height: 60px;
    font-family: "MTNBrighterSans-Bold",sans-serif
}

@media (max-width: 768px) {
    .pachi-landing .stats-sect h3 p {
        font-size:40px;
        line-height: 110%;
        max-width: 280px
    }
}

@media (max-width: 520px) {
    .pachi-landing .stats-sect .each-icon-block {
        margin-bottom:10px !important
    }
}

.pachi-landing .stats-sect .primary-icons-container {
    max-width: 1440px;
    width: 100%
}

@media (max-width: 768px) {
    .pachi-landing .stats-sect .primary-icons-container {
        margin-bottom:60px;
        margin-top: 24px
    }
}

.pachi-landing .stats-sect .stat-icon-container {
    width: 100%;
    position: relative;
    margin: auto;
    display:-webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap
}

@media (max-width: 820px) {
    .pachi-landing .stats-sect .stat-icon-container {
        justify-content:center
    }
}

.pachi-landing .stats-sect .stat-icon-container .slick-next,.pachi-landing .stats-sect .stat-icon-container .slick-prev {
    display: none !important
}

@media (max-width: 1140px) {
    .pachi-landing .stats-sect .stat-icon-container {
        width:100%;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box
    }
}

@media (max-width: 768px) {
    .pachi-landing .stats-sect .stat-icon-container {
        padding-left:10px;
        padding-right: 10px
    }
}

.pachi-landing .stats-sect .stat-icon-container .each-icon-block {
    text-align: center;
    box-sizing: border-box;
    padding: 0;
    display: inline-block;
    max-width: 280px
}

@media (max-width: 768px) {
    .pachi-landing .stats-sect .stat-icon-container .each-icon-block {
        max-width:unset
    }
}

.pachi-landing .stats-sect .stat-icon-container .each-icon-block:nth-child(1) {
    margin-left: 0
}

.pachi-landing .stats-sect .stat-icon-container .each-icon-block img {
    margin: 0 auto
}

.pachi-landing .stats-sect .stat-icon-container .each-icon-block .block-heading {
    font-size: 20px;
    margin: 18px auto 30px;
    font-family: "MTNBrighterSans-Medium",sans-serif;
    width: 280px;
    text-align: center;
    display: block;
    color: #202020;
    line-height: 23px
}

@media (max-width: 768px) {
    .pachi-landing .stats-sect .stat-icon-container .each-icon-block .block-heading {
        width:100%;
        line-height: 23px
    }
}

.pachi-landing .stats-sect .stat-icon-container .each-icon-block .block-content-text {
    width: 266px;
    margin: 20px auto;
    font-size: 16px;
    font-family: "WorkSans-Regular",sans-serif;
    color: #404040
}

.pachi-landing .stats-sect .stat-icon-container .slick-dots {
    webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pachi-landing .pachi-faq-section {
    margin-bottom: 100px !important;
    max-width: 1000px;
    width: 95%;
    margin: auto
}

@media (max-width: 768px) {
    .pachi-landing .pachi-faq-section {
        margin-bottom:64px !important
    }
}

.pachi-landing .pachi-faq-section h2 {
    text-align: center;
    font-size: 56px;
    line-height: 100%;
    margin-bottom: 56px
}

@media (max-width: 768px) {
    .pachi-landing .pachi-faq-section h2 {
        font-size:40px;
        margin-bottom: 38px
    }
}

.pachi-landing .pachi-faq-section h3 {
    font-size: 28px;
    line-height: 115%
}

@media (max-width: 768px) {
    .pachi-landing .pachi-faq-section h3 {
        font-size:24px
    }
}

.pachi-landing .pachi-faq-section .pachi-faq-container {
    margin-top: 32px;
    margin-bottom: 56px
}

.pachi-landing .pachi-faq-section .pachi-faq-container details {
    transition: all .3s ease;
    border-bottom: solid 1px #e8e8e8
}

.pachi-landing .pachi-faq-section .pachi-faq-container details .pachi-faq-text {
    padding: 20px 16px 20px 60px
}

.pachi-landing .pachi-faq-section .pachi-faq-container details .pachi-faq-text p {
    font-size: 16px;
    line-height: 150%
}

.pachi-landing .pachi-faq-section .pachi-faq-container summary {
    transition: all .3s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    list-style: none;
    padding: 20px 16px;
    font-size: 20px;
    line-height: 150%;
    font-family: "WorkSans-Regular",sans-serif
}

@media (max-width: 768px) {
    .pachi-landing .pachi-faq-section .pachi-faq-container summary {
        font-size:16px
    }
}

.pachi-landing .pachi-faq-section .pachi-faq-container summary img {
    transition: all .3s ease;
    max-width: 24px;
    max-height: 24px
}

.pachi-landing .pachi-faq-section .pachi-faq-container details[open] {
    background-color: #e8e8e8;
    animation-name: fadeInDown;
    animation-duration: .5s
}

.pachi-landing .pachi-faq-section .pachi-faq-container details[open] summary {
    font-family: "WorkSans-Medium",sans-serif;
    font-size: 16px
}

.pachi-landing .pachi-faq-section .pachi-faq-container details[open] summary img {
    transform: rotate(180deg)
}

.pachi-carousel-container {
    border-radius: 32px;
    max-width: 95%;
    margin: auto
}

.pachi-carousel-container .full-size-container {
    width: 100%;
    max-height: 800px
}

.pachi-carousel-container .bottom-data-container {
    max-width: 1100px;
    height: unset
}

@media (max-width: 520px) {
    .pachi-carousel-container .bottom-data-container {
        width:100%
    }
}

.pachi-carousel-container .bottom-data-container .card-container {
    width: 100%
}

@media (min-width: 1200px) {
    .pachi-carousel-container .bottom-data-container .card-container .slick-next,.pachi-carousel-container .bottom-data-container .card-container .slick-prev {
        bottom:90px
    }
}

@media (max-width: 1200px) {
    .pachi-carousel-container .bottom-data-container .card-container {
        width:88%
    }
}

@media (max-width: 768px) {
    .pachi-carousel-container .bottom-data-container .card-container {
        width:80%
    }
}

.pachi-carousel-container .bottom-data-container .card-container .card-heading {
    font-size: 28px;
    line-height: 100%;
    margin-bottom: 10px
}

@media (max-width: 768px) {
    .pachi-carousel-container .bottom-data-container .card-container .card-heading {
        font-size:24px;
        margin-bottom: 6px
    }
}

.pachi-carousel-container .bottom-data-container .card-container .card-desc {
    padding: 6px 20px;
    font-size: 16px;
    color: #fff;
    font-family: "WorkSans-Regular",sans-serif
}

@media (max-width: 768px) {
    .pachi-carousel-container .bottom-data-container .card-container .card-desc {
        font-size:14px;
        padding: 16px
    }
}

.pachi-carousel-container .data-heading {
    margin-bottom: 56px
}

.pachi-join {
    padding-bottom: 120px
}

@media (max-width: 768px) {
    .pachi-join h2 {
        font-size:36px !important
    }
}

.pachi-intro {
    padding-bottom: 0
}

.pachi-intro,.pachi-join {
    padding-top: 100px;
    max-width: 900px;
    width: 95%;
    margin: auto
}

@media (max-width: 768px) {
    .pachi-intro,.pachi-join {
        padding-top:60px;
        padding-bottom: 60px
    }
}

.pachi-intro h2,.pachi-join h2 {
    font-size: 56px
}

@media (max-width: 768px) {
    .pachi-intro h2,.pachi-join h2 {
        font-size:32px
    }
}

.pachi-intro .pachi-join-intro,.pachi-join .pachi-join-intro {
    max-width: 840px
}

@media (max-width: 768px) {
    .pachi-intro .pachi-join-intro p,.pachi-join .pachi-join-intro p {
        font-size:16px !important
    }
}

.pachi-intro .pachi-join-intro p strong,.pachi-join .pachi-join-intro p strong {
    font-size: 24px
}

.pachi-intro .pachi-comp-intro,.pachi-join .pachi-comp-intro,.pachi-intro .pachi-join-intro,.pachi-join .pachi-join-intro {
    margin-top: 24px;
    margin-bottom: 24px
}

.pachi-intro .pachi-comp-intro p,.pachi-join .pachi-comp-intro p,.pachi-intro .pachi-join-intro p,.pachi-join .pachi-join-intro p {
    font-size: 20px
}

.pachi-intro .pachi-comp-intro p em,.pachi-join .pachi-comp-intro p em,.pachi-intro .pachi-join-intro p em,.pachi-join .pachi-join-intro p em {
    font-size: 24px;
    font-style: normal
}

.pachi-intro .pachi-comp-intro p strong,.pachi-join .pachi-comp-intro p strong,.pachi-intro .pachi-join-intro p strong,.pachi-join .pachi-join-intro p strong {
    font-family: "WorkSans-Bold",sans-serif
}

.pachi-intro .comp-logos,.pachi-join .comp-logos {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: center
}

@media (max-width: 768px) {
    .pachi-intro .comp-logos .pachi-logo,.pachi-join .comp-logos .pachi-logo {
        max-width:100%
    }
}

.pachi-page {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
    max-width: 95%;
    background: #fcd818;
    background: linear-gradient(180deg,#fcd818 0%,#f8c000 66%);
    margin: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    border-radius: 32px
}

.pachi-page .competition-header {
    padding-bottom: 64px;
    border-bottom: solid 1px #202020;
    margin-bottom: 64px
}

.pachi-page .competition-header h2 {
    font-size: 56px;
    margin-bottom: 24px;
    line-height: 100%
}

@media (max-width: 768px) {
    .pachi-page .competition-header h2 {
        font-size:40px
    }
}

.pachi-page .competition-header p {
    font-size: 20px
}

.pachi-page .competition-section {
    max-width: 1100px;
    width: 90%;
    margin: auto
}

.pachi-page .competition-section .competition-selector {
    display: flex;
    flex-direction: column;
    max-width: 480px;
    position: relative
}

.pachi-page .competition-section .competition-selector .country-placeholder {
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 7px;
    left: 16px
}

.pachi-page .competition-section .competition-selector .country-placeholder img {
    width: 100%
}

.pachi-page .competition-section .competition-selector h2 {
    font-size: 56px;
    line-height: 100%
}

@media (max-width: 768px) {
    .pachi-page .competition-section .competition-selector h2 {
        font-size:40px
    }
}

.pachi-page .competition-section .competition-selector label {
    margin-top: 24px;
    font-size: 28px;
    font-family: "MTNBrighterSans-Bold",sans-serif
}

@media (max-width: 768px) {
    .pachi-page .competition-section .competition-selector label {
        font-size:24px
    }
}

.pachi-page .competition-section .competition-selector select {
    padding: 16px;
    padding-left: 70px;
    border-radius: 12px;
    border: none;
    font-size: 20px;
    margin-top: 16px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-position: 98%;
    background-size: 24px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="31" height="20" viewBox="0 0 31 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="chevron down 1" clip-path="url(%23clip0_19702_7839)"><path id="Vector" d="M27.25 0.53125L15.8125 11.9688L4.375 0.53125L0.625 4.28125L15.8125 19.4688L31 4.28125L27.25 0.53125Z" fill="%230F0F0F"/></g><defs><clipPath id="clip0_19702_7839"><rect width="30.375" height="18.9375" fill="white" transform="translate(0.625 0.53125)"/></clipPath></defs></svg>')
}

.pachi-page .competition-section .competition-selector select option {
    background: #fff
}

.pachi-page .competition-section .competition-opco-section {
    margin-top: 56px;
    position: relative
}

@media (max-width: 768px) {
    .pachi-page .competition-section .competition-opco-section .opco-name {
        font-size:40px
    }
}

.pachi-page .competition-section .competition-opco-section .opco-country-icon {
    position: absolute;
    top: -104px;
    left: 16px;
    max-width: 40px;
    max-height: 40px
}

.pachi-page .competition-section .opco-detail {
    display: none
}

.pachi-page .competition-section .opco-detail .opco-rules {
    display: flex;
    gap: 100px;
    margin-top: 32px
}

@media (max-width: 1200px) {
    .pachi-page .competition-section .opco-detail .opco-rules {
        gap:50px
    }
}

@media (max-width: 768px) {
    .pachi-page .competition-section .opco-detail .opco-rules {
        flex-direction:column
    }
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-l {
    max-width: 671px;
    width: 50%
}

@media (max-width: 768px) {
    .pachi-page .competition-section .opco-detail .opco-rules .rules-col-l {
        width:100%
    }
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-l details {
    padding-bottom: 32px;
    padding-top: 24px;
    border-top: solid 1px #606060;
    transition: .3s all ease
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-l details summary {
    font-size: 28px;
    font-family: "MTNBrighterSans-Bold",sans-serif;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-l details summary img {
    width: 30px;
    transition: .3s all ease
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-l details .opco-step-detail {
    animation-name: fadeInDown;
    animation-duration: .5s;
    margin-top: 24px
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-l details .opco-step-detail p {
    font-size: 20px
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-l details .opco-step-detail p strong {
    font-family: "WorkSans-Bold",sans-serif
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-l details .opco-step-detail li {
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 20px;
    margin-bottom: 8px;
    margin-left: 20px
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-l details .opco-step-detail li strong {
    font-family: "WorkSans-Bold",sans-serif
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-l details .opco-step-detail h4 {
    font-size: 24px
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-l details[open] {
    animation-name: fadeInDown;
    animation-duration: .5s
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-l details[open] summary img {
    transform: rotate(180deg)
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-l .pachi-partners-intro {
    margin-bottom: 24px;
    padding-top: 24px;
    border-top: solid 1px #606060
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-l .pachi-partners-intro h3 {
    font-size: 28px
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-l .pachi-partners {
    display: flex;
    gap: 20px;
    align-items: center
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-l .pachi-partners .pachi-partner-thumb {
    max-width: 205px
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-l .pachi-partners .pachi-partner-thumb img {
    width: 100%
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-r {
    max-width: 671px;
    width: 50%
}

@media (max-width: 768px) {
    .pachi-page .competition-section .opco-detail .opco-rules .rules-col-r {
        width:100%
    }
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-r .pachi-timeline {
    margin-bottom: 48px
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-r h3 {
    font-size: 28px;
    font-family: "MTNBrighterSans-Bold",sans-serif
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-r h4 {
    font-size: 24px;
    font-family: "MTNBrighterSans-Bold",sans-serif
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-r p {
    font-size: 20px;
    line-height: 150%;
    margin-top: 24px
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-r p strong {
    font-family: "WorkSans-Bold",sans-serif
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-r li {
    font-family: "WorkSans-Regular",sans-serif;
    font-size: 20px;
    margin-bottom: 8px;
    margin-left: 20px
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-r li strong {
    font-family: "WorkSans-Bold",sans-serif
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-r .pachi-prizes-list {
    margin-top: 24px;
    list-style: none
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-r .pachi-prizes-list li {
    display: flex;
    gap: 11px;
    align-items: center;
    font-size: 20px;
    font-family: "MTNBrighterSans-Medium",sans-serif;
    margin-bottom: 24px
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-r .pachi-prizes-list li img {
    max-width: 50px;
    max-height: 50px
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-r .prize-text {
    margin-top: 48px
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-r .prize-text p {
    font-size: 20px;
    font-family: "MTNBrighterSans-Medium",sans-serif
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-r .pachi-cta-btn {
    background-color: #202020;
    color: #fff;
    text-transform: uppercase;
    border-radius: 32px;
    width: 100%;
    display: block;
    text-align: center;
    padding: 24px;
    font-size: 14px;
    font-family: "WorkSans-Regular",sans-serif;
    line-height: 100%;
    box-sizing: border-box;
    margin-bottom: 48px;
    margin-top: 48px;
    transition: all .5s ease
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-r .pachi-cta-btn:hover {
    color: #202020;
    background-color: #fff
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-r .pachi-contact-list {
    list-style: none;
    margin-top: 24px
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-r .pachi-contact-list li {
    display: flex;
    gap: 11px;
    align-items: center;
    margin-bottom: 24px;
    font-size: 20px;
    font-family: "MTNBrighterSans-Medium",sans-serif
}

.pachi-page .competition-section .opco-detail .opco-rules .rules-col-r .pachi-contact-list li img {
    max-width: 50px;
    max-height: 50px
}

.pachi-page .competition-section .showing-opco {
    display: block
}

/*!
Theme Name: MTN Refresh
Theme URI: https://plusnarrative.com/
Author: PlusNarrative
Author URI: https://plusnarrative.com/
Description: MTN new theme campaign
Version: 1.0.25
License: GNU General Public License v3 or later
Text Domain: pn
*/
body .header-banner .each-banner .page-title span:nth-child(2) {
    font-weight: 400 !important;
    font-family: 'WorkSans-Regular',sans-serif !important
}

body .container p {
    margin-bottom: 16px
}

p:empty {
    display: none
}

#primary-header li.dropdown.search-icon {
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

#primary-header li.dropdown.search-icon:hover input#wp-block-search__input-1 {
    opacity: 1
}

#primary-header li.dropdown.search-icon input#wp-block-search__input-1 {
    height: 60px;
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 0px 8px 64px rgb(0 0 0/16%);
    backdrop-filter: blur(10.8731px);
    border-radius: 4px;
    opacity: 0;
    transition: all .3s ease-in-out
}

#primary-header li.dropdown.search-icon button.wp-block-search__button.wp-element-button {
    display: none
}

#primary-header li.dropdown.search-icon {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    width: 100%;
    position: absolute;
    right: 5rem
}

#primary-header ul.menu-right.expandable {
    overflow: scroll
}

#primary-header ul.menu-right.expandable::-webkit-scrollbar {
    visibility: hidden
}

#primary-header ul.menu-right.expandable a {
    width: 200px
}

#primary-header .block-mega.expand {
    height: 750px
}

@media (max-width: 1000px) {
    #primary-header ul.expandable.show .menu-right.expandable {
        overflow:hidden;
        height: 100%
    }

    #primary-header ul.menu-right.expandable {
        overflow: scroll;
        height: 100% !important
    }
}

.header-banner .each-banner .page-title {
    color: #fff !important;
    margin-bottom: 10px;
    display: flex !important
}

.header-banner .each-banner .page-title span {
    color: #fff;
    font-family: 'MTNBrighterSans-Bold',sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 125%;
    text-transform: uppercase;
    font-feature-settings: 'salt'
}

.header-banner .each-banner .page-title .main-page:empty {
    display: none
}

.header-banner .each-banner .banner-content .banner-heading {
    font-size: 53px;
    font-family: 'MTNBrighterSans-Bold',sans-serif;
    color: #fff;
    width: 485px;
    line-height: 55px
}

.header-banner .each-banner .banner-content .banner-text p {
    color: #fff;
    font-size: 16px;
    width: 380px !important
}

.header-separtor {
    display: flex;
    justify-content: center;
    padding-bottom: 3rem
}

.header-banner .each-banner .banner-content .banner-text {
    color: #fff;
    font-family: 'MTNBrighterSans-Regular',sans-serif;
    font-size: 20px;
    margin-top: 5px;
    width: 415px
}

.header-container .mobile-dropdowns.show {
    padding-top: 18px;
    padding-bottom: 12px !important
}

.page-title span.main-page {
    font-family: 'Worksans-bold';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    font-feature-settings: 'salt' on;
    color: #202020
}

.careers-container .careers-container-slider .career-slider-container .career-heading {
    color: #fff;
    font-family: 'MTNBrighterSans-Medium',sans-serif;
    font-size: 30px;
    margin-top: 30px;
    line-height: 30px
}

.careers-container .careers-content .button,.full-section-with-slider .button {
    background-color: #2b1a1a;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-family: 'WorkSans-Medium',sans-serif;
    border-radius: 30px;
    border: solid 2px #202020;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    cursor: pointer;
    margin: 1.5rem 0;
    font-size: 12px;
    position: relative;
    text-transform: uppercase
}

.cs_url-btn {
    background-color: #202020;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-family: 'WorkSans-Medium',sans-serif;
    border-radius: 30px;
    border: solid 2px #202020;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    cursor: pointer;
    margin: 1.5rem auto;
    font-size: 12px;
    position: relative;
    text-transform: uppercase
}

.cs_url-btn:hover {
    opacity: .8
}

.careers-container .read-more-with-arrow {
    width: auto
}

.careers-container .read-more-with-arrow.white:before {
    border-color: #fff;
    right: 30%
}

.careers-container .read-more-with-arrow:hover:before {
    right: 25%
}

.full-section-with-slider .button {
    margin: 6rem auto 0
}

#sustainability .slick-slide {
    display: flex;
    flex-direction: row;
    gap: 4rem;
    padding: 1rem 0;
    align-items: center;
    justify-content: center
}

#sustainability ul li {
    font-family: 'WorkSans-Regular',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-feature-settings: 'salt' on;
    color: #404040;
    margin-top: 1rem
}

#sustainability button.slide-arrow {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #ffcb05;
    border: none;
    position: absolute;
    top: 40%;
    display: flex;
    align-items: center;
    justify-content: center
}

#sustainability button.slide-arrow.prev-arrow {
    left: 8%
}

#sustainability button.slide-arrow.next-arrow {
    right: 8%
}

#sustainability .slick-dots li.slick-active button {
    outline: none;
    background-color: #ffcb05;
    box-sizing: border-box
}

#sustainability button.slide-arrow.prev-arrow:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='15' viewBox='0 0 8 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.06759 1.15338 8.09532 1.72061 7.7903 2.1129L7.70711 2.20711L2.415 7.5L7.70711 12.7929C8.06759 13.1534 8.09532 13.7206 7.7903 14.1129L7.70711 14.2071C7.34662 14.5676 6.77939 14.5953 6.3871 14.2903L6.29289 14.2071L0.292893 8.20711C-0.0675907 7.84662 -0.0953203 7.27939 0.209705 6.8871L0.292893 6.79289L6.29289 0.792893Z' fill='%23202020'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 8px;
    height: 14px;
    margin: 0 auto;
    display: flex;
    z-index: 9999
}

#sustainability button.slide-arrow.next-arrow:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='15' viewBox='0 0 8 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.70711 0.792893C1.31658 0.402369 0.683418 0.402369 0.292893 0.792893C-0.0675907 1.15338 -0.0953207 1.72061 0.209704 2.1129L0.292893 2.20711L5.585 7.5L0.292893 12.7929C-0.0675907 13.1534 -0.0953207 13.7206 0.209704 14.1129L0.292893 14.2071C0.653378 14.5676 1.22061 14.5953 1.6129 14.2903L1.70711 14.2071L7.70711 8.20711C8.06759 7.84662 8.09532 7.27939 7.7903 6.8871L7.70711 6.79289L1.70711 0.792893Z' fill='%23202020'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 8px;
    height: 14px;
    margin: 0 auto;
    display: flex;
    z-index: 9999
}

#sustainability .slider-caption h3 {
    font-family: 'MTNBrighterSans-Bold',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 125%;
    display: flex;
    align-items: center;
    font-feature-settings: 'salt' on;
    color: #202020;
    margin-top: -1rem
}

.sustainability-diagram-container {
    position: relative;
    display: flex;
    width: 1306px;
    margin: 0 auto 50px;
    padding-bottom: 3rem;
    border-bottom: 1px solid #e8e8e8
}

.sustainability-diagram-container a {
    text-decoration: none;
    color: #000
}

.slick-dots li.slick-active button {
    outline: none;
    background-color: #ffcb05;
    box-sizing: border-box
}

.full-size-container .card-container .findout-more {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    position: relative;
    top: 10px;
    font-family: 'WorkSans-Regular',sans-serif
}

.full-size-container .card-container .card-heading {
    margin-bottom: 0
}

.pn_column-styling h5 {
    font-weight: 900;
    font-family: 'MTNBrighterSans-Bold',sans-serif;
    font-size: 20px !important;
    line-height: 32px;
    margin: 27px 0;
    color: #202020
}

#sustainability .slick-list {
    width: 60%;
    margin: 0 auto;
    height: 325px !important
}

@media (max-width: 768px) {
    #sustainability .slick-list {
        width:60%;
        margin: 0 auto;
        min-height: 736px
    }

    .header-banner .each-banner .banner-content .banner-heading {
        font-size: 28px !important;
        line-height: 31px !important
    }
}

#sustainability .slider-caption {
    width: 50%
}

#sustainability ul.slick-dots {
    justify-content: center
}

.sustainability-diagram-container .col-md {
    width: 350px;
    height: 240px;
    border-radius: 24px;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 0px 4px 0px #ffcb05;
    border-radius: 24px;
    margin-bottom: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2rem
}

.sustainability-diagram-container .col-md .img-w-heading img {
    width: 80px;
    height: 80px
}

.sustainability-diagram-container .col-md .img-w-heading h5 {
    margin-bottom: 1rem;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    font-family: 'MTNBrighterSans-Bold',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    width: 63%;
    margin-left: 1rem
}

.sustainability-diagram-container .col-md .img-w-heading {
    display: flex
}

.sustainability-diagram-container .col-md:nth-child(2) {
    height: 126px
}

.sustainability-diagram-container .main-diagram {
    display: flex;
    width: 450px;
    flex-direction: column;
    padding-top: 4rem
}

.sustainability-diagram-container .main-diagram h3 {
    text-align: center;
    margin-bottom: 3rem
}

.sustainability-diagram-container .main-diagram img {
    width: 70%;
    margin: 0 auto
}

.sustainability-diagram-container .main-diagram a {
    display: flex;
    flex-direction: column
}

.home h2.banner-heading,.page-template-home-sustainability h2.banner-heading {
    font-style: italic;
    font-weight: 800;
    font-size: 80px !important;
    line-height: 80px !important;
    letter-spacing: -1px;
    color: #ffcb05 !important;
    width: 655px !important
}

.pn_commitments-section .primary-icons-container {
    width: 1134px;
    margin: 40px auto !important
}

@media (max-width: 768px) {
    .home h2.banner-heading,.page-template-home-sustainability h2.banner-heading {
        font-style:italic;
        font-weight: 800;
        font-size: 50px !important;
        line-height: 51px !important;
        letter-spacing: -1px;
        color: #ffcb05 !important;
        width: 95% !important
    }

    .home .header-banner .each-banner .banner-content,.page-template-home-sustainability .header-banner .each-banner .banner-content {
        width: 100%
    }

    .page-template-home-sustainability .header-banner {
        height: 590px !important;
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .careers-container .careers-container-slider {
        width: 100%;
        min-height: 600px !important
    }

    .careers-container .careers-container-slider .slick-list.draggable {
        min-height: 100%
    }
}

.page-template-home-sustainability .header-banner {
    height: 95vh;
    width: 100%;
    position: relative;
    overflow: hidden
}

@media (min-width: 1550px) {
    .page-template-home-sustainability .header-banner {
        height:80vh;
        width: 100%;
        position: relative;
        overflow: hidden
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) and (orientation:portrait) {
    .page-template-home-sustainability .header-banner {
        height:65vh;
        width: 100%;
        position: relative;
        overflow: hidden
    }
}

@media (max-width: 1000px) {
    .header-banner .each-banner .banner-content .banner-text p {
        color:#fff;
        font-size: 16px;
        width: 100% !important
    }

    .header-banner .each-banner .banner-content .banner-text {
        width: 100% !important;
        margin-top: 14px
    }

    .header-banner .each-banner .banner-content .banner-heading {
        width: 100% !important
    }

    .sustainability-diagram-container .main-diagram {
        display: flex;
        width: 100%;
        flex-direction: column;
        padding-top: 4rem;
        order: 1
    }

    .sustainability-diagram-container .col-md {
        width: 100% !important;
        height: 240px !important;
        padding: 2rem;
        box-sizing: border-box
    }

    .sustainability-diagram-container {
        flex-direction: column;
        display: flex;
        width: 95% !important;
        margin: 0 auto
    }

    .sustainability-diagram-container .diagram-col-left {
        order: 2 !important;
        display: flex;
        flex-direction: column
    }

    .sustainability-diagram-container .diagram-col-right {
        display: flex;
        flex-direction: column;
        order: 3
    }

    #sustainability .slick-slide {
        display: flex;
        flex-direction: column;
        gap: 4rem;
        padding: 1rem 0;
        overflow: hidden
    }

    #sustainability .slick-slide .slider-caption ul {
        list-style-position: inside
    }

    .header-separtor {
        text-align: center;
        padding: 0 1rem 0
    }

    .slider-caption {
        width: 100% !important
    }

    .tax-sub-pillar-category ul.tabs.tabs-container li.tab-item a.active {
        padding: 1rem !important
    }
}

.sustainability-diagram-container {
    position: relative;
    display: flex;
    width: 1306px;
    margin: 0 auto 50px
}

.sustainability-diagram-container .site-text {
    color: #606060;
    font-size: 17px;
    line-height: 1.5
}

.sustainability-diagram-container .site-text-large,.leadership-container .site-text-large {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    font-feature-settings: 'salt' on;
    color: #202020;
    max-width: 90%
}

.page-template-reports .site-text li,.page-template-certifications .site-text li {
    padding: .3rem 0
}

.page-template-reports .site-text ul,.page-template-certifications .site-text ul {
    list-style: none
}

.page-template-reports .site-text ul li a,.page-template-certifications .site-text ul li a {
    text-decoration: none;
    color: #606060;
    transition: all .3s ease-in-out
}

.site-text ul li a {
    text-decoration: none;
    color: #606060;
    transition: all .3s ease-in-out
}

.site-text ul li a:hover {
    text-decoration: none;
    color: #000;
    transition: all .3s ease-in-out
}

.page-template-reports .site-text ul li a:hover,.page-template-certifications .site-text ul li a:hover {
    text-decoration: none;
    color: #000;
    transition: all .3s ease-in-out
}

.page-template-reports .sections-scroll,.page-template-certifications .sections-scroll {
    display: block !important
}

.site-text li:before {
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 23 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.2991 5.51339C21.5699 5.78423 21.8021 6.15178 21.9955 6.61607C22.189 7.08036 22.2857 7.50595 22.2857 7.89286V24.6071C22.2857 24.9941 22.1503 25.3229 21.8795 25.5938C21.6086 25.8646 21.2798 26 20.8929 26H1.39286C1.00595 26 0.677085 25.8646 0.40625 25.5938C0.135415 25.3229 0 24.9941 0 24.6071V1.39286C0 1.00595 0.135415 0.677085 0.40625 0.40625C0.677085 0.135415 1.00595 0 1.39286 0H14.3929C14.7798 0 15.2054 0.096725 15.6696 0.290179C16.1339 0.483632 16.5015 0.715773 16.7723 0.986607L21.2991 5.51339ZM14.8571 1.97321V7.42857H20.3125C20.2158 7.14806 20.1094 6.94978 19.9933 6.83371L15.452 2.29241C15.3359 2.17634 15.1376 2.06994 14.8571 1.97321ZM20.4286 24.1429V9.28571H14.3929C14.0059 9.28571 13.6771 9.1503 13.4062 8.87946C13.1354 8.60863 13 8.27976 13 7.89286V1.85714H1.85714V24.1429H20.4286ZM12.971 15.5391C13.2902 15.7906 13.6964 16.0614 14.1897 16.3516C14.7604 16.2839 15.3263 16.25 15.8873 16.25C17.3092 16.25 18.1652 16.487 18.4554 16.9609C18.6101 17.1737 18.6198 17.4252 18.4844 17.7154C18.4844 17.7251 18.4795 17.7347 18.4699 17.7444C18.4602 17.7541 18.4505 17.7638 18.4408 17.7734V17.7879C18.3828 18.1555 18.0394 18.3393 17.4107 18.3393C16.9464 18.3393 16.3903 18.2426 15.7422 18.0491C15.0941 17.8557 14.4654 17.5993 13.856 17.2801C11.7184 17.5123 9.82255 17.9137 8.16853 18.4844C6.68861 21.0186 5.51823 22.2857 4.65737 22.2857C4.51228 22.2857 4.37686 22.2519 4.25112 22.1842L3.9029 22.01C3.89323 22.0004 3.86421 21.9762 3.81585 21.9375C3.71912 21.8408 3.6901 21.6667 3.72879 21.4152C3.81585 21.0283 4.08668 20.5858 4.54129 20.0876C4.99591 19.5895 5.6343 19.1228 6.45647 18.6875C6.59189 18.6004 6.70312 18.6295 6.79018 18.7746C6.80952 18.7939 6.8192 18.8132 6.8192 18.8326C7.32217 18.0104 7.83965 17.0577 8.37165 15.9743C9.02939 14.6588 9.53236 13.3917 9.88058 12.173C9.64844 11.3798 9.50093 10.6084 9.43806 9.85882C9.37518 9.10919 9.40662 8.49256 9.53236 8.00893C9.63876 7.62202 9.84189 7.42857 10.1417 7.42857H10.4464H10.4609C10.6834 7.42857 10.8527 7.50112 10.9687 7.64621C11.1429 7.84933 11.1864 8.1782 11.0993 8.63281C11.08 8.69085 11.0606 8.72954 11.0413 8.74888C11.051 8.7779 11.0558 8.81659 11.0558 8.86496V9.30022C11.0365 10.49 10.9687 11.4185 10.8527 12.0859C11.3847 13.6723 12.0908 14.8233 12.971 15.5391ZM4.61384 21.5022C5.11682 21.2701 5.77939 20.506 6.60156 19.2098C6.10826 19.5967 5.68508 20.003 5.33203 20.4286C4.97898 20.8542 4.73958 21.2121 4.61384 21.5022ZM10.3884 8.15402C10.2433 8.56027 10.2336 9.19866 10.3594 10.0692C10.369 10.0015 10.4029 9.78869 10.4609 9.4308C10.4609 9.40178 10.4948 9.19383 10.5625 8.80692C10.5722 8.76823 10.5915 8.72954 10.6205 8.69085C10.6109 8.68118 10.606 8.6715 10.606 8.66183C10.5964 8.64249 10.5915 8.62798 10.5915 8.6183C10.5818 8.4055 10.519 8.2314 10.4029 8.09598C10.4029 8.10565 10.3981 8.11533 10.3884 8.125V8.15402ZM8.58928 17.7444C9.89509 17.2221 11.2686 16.8304 12.7098 16.5692C12.6905 16.5595 12.6276 16.5136 12.5212 16.4314C12.4148 16.3491 12.3374 16.2839 12.2891 16.2355C11.5539 15.5874 10.9397 14.7362 10.4464 13.6819C10.1853 14.5138 9.78386 15.4665 9.24219 16.5402C8.95201 17.0818 8.73438 17.4833 8.58928 17.7444ZM17.9621 17.5123C17.7299 17.2801 17.0528 17.1641 15.9308 17.1641C16.6659 17.4349 17.2656 17.5703 17.7299 17.5703C17.8653 17.5703 17.9524 17.5655 17.9911 17.5558C17.9911 17.5461 17.9814 17.5316 17.9621 17.5123Z' fill='%23202020'/%3E%3C/svg%3E%0A") !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    content: '';
    position: relative;
    top: 3px;
    width: 20px;
    height: 20px;
    display: inline-flex;
    margin: 0 20px 0 0
}

body .tab-content-container ul.document-list li {
    list-style-type: none !important;
    list-style-position: none !important
}

.wp-block-column.is-vertically-aligned-top img {
    height: 79px
}

.wp-container-5 .wp-block-image figure {
    height: 79px
}

.tax-sub-pillar-category header {
    padding: 2rem 0
}

.tax-sub-pillar-category ul.tabs.tabs-container {
    display: flex;
    align-content: space-between;
    justify-content: space-between
}

.tax-sub-pillar-category header h1.page-title {
    font-family: 'WorkSans-Bold',sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 80px;
    line-height: 80px;
    letter-spacing: -1px;
    color: #202020
}

.tax-sub-pillar-category main {
    width: 1306px;
    margin: auto;
    padding: 4rem 0 !important;
    display: block
}

.tax-sub-pillar-category ul.tabs.tabs-container {
    display: flex;
    align-content: space-between;
    justify-content: flex-start;
    gap: 1rem;
    width: 100%;
    list-style: none
}

.tax-sub-pillar-category ul.tabs.tabs-container li.tab-item {
    display: flex;
    align-items: center;
    background-color: #fff;
    color: #202020;
    box-shadow: none;
    border: solid 1px #e8e8e8;
    border-radius: 10px;
    font-size: 13px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    font-family: 'WorkSans-Regular',sans-serif
}

.tax-sub-pillar-category ul.tabs.tabs-container li.tab-item a {
    text-decoration: none;
    color: #202020;
    padding: 1rem 1.5rem
}

.tax-sub-pillar-category ul.tabs.tabs-container li.tab-item a.active {
    text-decoration: none;
    color: #202020;
    padding: .8rem 1.5rem;
    border-radius: 10px;
    background: #ffcb05
}

.tab-content-container .tab-content {
    display: none
}

.tab-content-container .tab-content:first {
    display: block
}

.tab-content-container ul {
    font-size: 16px;
    color: #202020;
    font-family: 'WorkSans-Regular',sans-serif;
    line-height: 1.2;
    list-style: none
}

.tab-content-container ul:not(.site-text) {
    font-size: 16px;
    color: #202020;
    font-family: 'WorkSans-Regular',sans-serif;
    line-height: 25px;
    list-style-type: circle !important;
    padding-left: 1rem
}

.tab-content-container ul:not(.site-text) li {
    list-style-type: disc !important;
    list-style-position: outside;
    overflow: visible
}

.tab-content figure img {
    border-radius: 10px
}

.tab-content figure {
    padding-top: 1rem;
    border-radius: 8px !important
}

.tab-content h3 {
    font-family: 'WorkSans-Bold',sans-serif;
    font-size: 40px;
    padding-bottom: 1rem
}

.tab-content h4,.each-bock-content h4 {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    font-family: 'MTNBrighterSans-regular',sans-serif;
    padding-bottom: 1rem
}

.tab-content h4,.tab-content p {
    width: 75%
}

body .tab-content .panel p {
    width: 100% !important;
    display: block
}

body .tab-content .panel ul {
    padding-bottom: 1rem !important
}

.tab-content h5 {
    font-family: 'MTNBrightersans-Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 125%;
    padding-bottom: 1rem
}

.tab-content p,.each-bock-content p {
    padding-bottom: 1rem
}

.tab-content .wp-block-buttons {
    padding: 2rem 0
}

.tab-content .wp-block-buttons {
    padding: 1rem 0
}

.tab-content ul.social-media-container {
    display: flex;
    flex-direction: row;
    padding-left: 0
}

.tab-content ul.social-media-container li {
    list-style-type: none !important;
    padding-right: .5rem
}

.tab-content ul.social-media-container .video-btn {
    margin-left: 2rem
}

.tab-content ul.social-media-container .video-btn a {
    display: flex;
    text-decoration: none;
    gap: 10px
}

.mtn-btn_dark .wp-block-button__link {
    border-radius: 24px !important;
    padding: 1rem 3rem;
    font-family: 'WorkSans-Medium',sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 8px;
    text-align: center;
    text-transform: uppercase;
    background-color: #202020 !important;
    color: #fff !important
}

.tab-content a.wp-block-button__link.wp-element-button,.each-bock-content a.wp-block-button__link.wp-element-button {
    background-color: #fff;
    color: #202020;
    box-shadow: none;
    border: solid 1px #e8e8e8;
    border-radius: 10px;
    font-size: 13px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    font-family: 'WorkSans-Regular',sans-serif
}

.pn_custom-mx-w-1 {
    max-width: 987px;
    margin-inline:auto}

.pn_custom-event-section .pn_clear-btn {
    margin: 0 auto;
    width: 556px
}

@media (max-width: 1000px) {
    .tax-sub-pillar-category main {
        width:100% !important;
        margin: auto;
        padding: 4rem 0 !important;
        display: block
    }

    .tax-sub-pillar-category main div.page-title {
        margin-bottom: 30px
    }

    .tax-sub-pillar-category header h1.page-title {
        font-family: 'WorkSans-Bold',sans-serif;
        font-style: normal;
        font-weight: 800;
        font-size: 30px;
        line-height: 30px;
        letter-spacing: -1px;
        color: #202020
    }

    select#tabs-select {
        position: relative;
        display: block;
        width: 92%;
        margin: 0 auto;
        padding: 1rem;
        background: #fafafa;
        box-shadow: 0px 2px 4px rgb(0 0 0/16%);
        border-radius: 4px;
        border: none;
        border-top: 3px solid #ffc000
    }

    .tax-sub-pillar-category header {
        padding: 2rem 1rem
    }

    .tab-content h4,.tab-content p {
        width: 100%
    }

    .tab-content {
        padding: 0 1rem
    }

    .tax-sub-pillar-category ul.tabs.tabs-container {
        display: flex;
        align-content: space-between;
        justify-content: flex-start;
        gap: 1rem;
        width: 100%;
        list-style: none;
        overflow: scroll;
        margin: 1rem;
        height: 66px
    }

    .tax-sub-pillar-category ul.tabs.tabs-container::-webkit-scrollbar {
        visibility: hidden
    }

    .tax-sub-pillar-category.term-economic-value ul.tabs.tabs-container {
        display: block !important;
        margin: 2rem 1rem !important;
        width: 92% !important
    }

    .tax-sub-pillar-category.term-economic-value .dropdown h5 {
        display: none;
        color: #000;
        width: 90%;
        margin: 0 auto;
        font-family: 'WorkSans-Bold',sans-serif
    }

    .tax-sub-pillar-category.term-economic-value .dropdown h5 {
        display: block
    }

    .tax-sub-pillar-category ul.tabs.tabs-container li.tab-item {
        min-width: 65%;
        text-align: center
    }

    .tax-sub-pillar-category ul.tabs.tabs-container li.tab-item a {
        width: 100%;
        padding: 1rem
    }

    .tab-content h3 {
        font-family: 'WorkSans-Bold',sans-serif;
        font-size: 30px;
        line-height: 30px;
        padding-bottom: 1rem
    }

    select#tabs-select {
        min-width: 90% !important
    }

    .careers-container .read-more-with-arrow.white:before {
        border-color: #fff;
        right: 5% !important
    }

    .page-template-sustainabilities-news-only .careers-container .read-more-with-arrow.white:before {
        border-color: #fff;
        right: 30% !important
    }

    .careers-container .careers-container-slider .slick-list.draggable {
        overflow: visible
    }
}

.single .view-more-block {
    margin-bottom: 0
}

.tax-sub-pillar-category.term-economic-value ul.tabs.tabs-container li.tab-item {
    background: #fafafa;
    border: none
}

.tax-sub-pillar-category.term-economic-value ul.tabs.tabs-container li.tab-item a {
    text-decoration: none;
    color: #202020;
    padding: 1rem 1.5rem
}

.tax-sub-pillar-category.term-economic-value ul.tabs.tabs-container li.tab-item a.active {
    background: 0 0;
    top: 0;
    border-top: 3px solid #ffc000;
    width: 100%;
    border-radius: 4px
}

.tax-sub-pillar-category.term-economic-value .tab-content {
    padding-top: 4rem
}

.tax-sub-pillar-category.term-economic-value .tabs-wrapper {
    position: relative
}

.tax-sub-pillar-category.term-economic-value select#tabs-select {
    display: block
}

.dropdown select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px 30px 5px 10px;
    border: 1px solid #ccc;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    background: #fff url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7.41 8.59L12 13.17l4.59-4');
    background-position-x: 2rem
}

select#tabs-select {
    display: none;
    position: relative;
    padding: 1rem;
    background: #fafafa;
    box-shadow: 0px 2px 4px rgb(0 0 0/16%);
    border-radius: 4px;
    border: none;
    min-width: 22rem;
    border-top: 3px solid #ffc000
}

.tax-sub-pillar-category .dropdown h5 {
    display: none;
    color: #000;
    font-family: 'WorkSans-Bold',sans-serif
}

.tax-sub-pillar-category.term-economic-value .dropdown h5 {
    display: block
}

.tax-sub-pillar-category.term-economic-value ul.tabs.tabs-container:after {
    content: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.75398 1.70711C10.1445 1.31658 10.1445 0.683418 9.75398 0.292893C9.3935 -0.0675907 8.82627 -0.0953207 8.43398 0.209704L8.33977 0.292893L5.04688 3.585L1.75398 0.292893C1.3935 -0.0675907 0.826266 -0.0953207 0.433975 0.209704L0.339768 0.292893C-0.0207157 0.653378 -0.0484457 1.22061 0.256579 1.6129L0.339768 1.70711L4.33977 5.70711C4.70025 6.06759 5.26748 6.09532 5.65977 5.7903L5.75398 5.70711L9.75398 1.70711Z' fill='%23202020'/%3E%3C/svg%3E");
    position: absolute;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
    top: 14px;
    right: 1rem;
    transition: all .3s ease-in-out
}

.tax-sub-pillar-category.term-economic-value ul.tabs.tabs-container:hover:after {
    transform: rotate(180deg)
}

.tax-sub-pillar-category.term-economic-value ul.tabs:hover .tabs-container:after {
    transform: rotate(180deg) !important;
    transition: all .3s ease-in-out
}

.term-child-online-protection .tab-content p,.term-child-online-protection .tab-content ul,.term-ethics .tab-content p,.term-ethics .tab-content ul {
    width: 60% !important
}

.term-child-online-protection .tabs-wrapper .tab-content-container,.term-ethics .tabs-wrapper .tab-content-container {
    position: relative
}

/*.term-child-online-protection .tabs-wrapper .tab-content-container:after,.term-ethics .tabs-wrapper .tab-content-container:after {
    content: '';
    position: absolute;
    background: url('/wp-content/themes/mtn-refresh/resources/img/mtn-zambia-vwp-main-pillar-logo.svg');
    background-size: cover;
    width: 376.7px;
    height: 304.46px;
    right: 0;
    top: 0
}*/

.page-template-gbv-case-studies .header-banner .each-banner .banner-content .banner-text {
    color: #fff;
    font-family: 'MTNBrighterSans-Regular',sans-serif;
    font-size: 20px;
    margin-top: 5px;
    width: 515px
}

.page-template-gbv-case-studies .header-banner .each-banner .banner-content .banner-text p {
    color: #fff;
    font-size: 16px;
    width: 500px !important
}

@media (max-width: 1000px) {
    .term-child-online-protection .tabs-wrapper .tab-content-container:after {
        display:none
    }

    .term-child-online-protection .tab-content p,.term-child-online-protection .tab-content ul,.term-ethics .tab-content p,.term-ethics .tab-content ul {
        width: 100% !important
    }

    /*.term-child-online-protection .tabs-wrapper .tab-content-container:after,.term-ethics .tabs-wrapper .tab-content-container:after {
        content: '';
        position: relative;
        background: url('/wp-content/themes/mtn-refresh/resources/img/mtn-zambia-vwp-main-pillar-logo.svg');
        background-size: cover;
        width: 95%;
        height: 304.46px;
        display: flex;
        margin: 0 auto
    }*/

    .page-template-sustainabilities-news-only .careers-content h3.career-heading:before {
        top: 0 !important
    }

    .term-ethics .mtn-accordion-item .panel {
        display: table !important
    }
}

.tabs-wrapper .leadership-data {
    display: inline-flex !important;
    justify-items: flex-start !important;
    width: 100%
}

.tabs-wrapper .wp-block-column.leadership-img {
    width: 130px !important;
    flex-basis: 330px !important;
    flex-grow: 0 !important
}

.tabs-wrapper .leadership-img {
    width: 130px !important
}

.leadership-data h5 {
    padding-bottom: 0
}

.leadership-description a.wp-block-button__link.wp-element-button {
    padding: .8rem 3rem
}

.page-template-sustainabilities-news-only .careers-container {
    margin: 40px auto
}

.page-template-sustainabilities-news-only .careers-content .button {
    display: none
}

.page-template-sustainabilities-news-only .careers-content h3.career-heading:before {
    content: 'DOING IT RIGHT';
    position: absolute;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    font-family: 'WorkSans-Regular';
    top: 25px
}

.category-tabs .tab-btn {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 15px;
    background-color: #fff;
    color: #202020;
    box-shadow: none;
    padding: 1rem;
    border: solid 1px #e8e8e8;
    border-radius: 10px;
    font-size: 13px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    font-family: 'WorkSans-Regular',sans-serif
}

.category-tabs .tab-btn.active {
    background-color: #ffcb05;
    font-family: 'WorkSans-Medium',sans-serif;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.category-tabs .tab-btn:hover {
    background-color: #e8e8e8;
    border: solid 1px #e8e8e8;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.category-tabs .tab-btn:nth-child(1) {
    margin-left: 0
}

.category-tabs .tab-btn.active {
    background-color: #ffcb05;
    border: solid 1px #ffcb05
}

.page-template-sustainabilities-news-only .read-more-with-arrow {
    color: transparent !important
}

.page-template-sustainabilities-news-only .read-more-with-arrow:after {
    content: 'View code of Ethics';
    position: absolute;
    color: #fff;
    left: 0;
    top: 0;
    transition: all .3s ease-in-out
}

.page-template-sustainabilities-news-only .read-more-with-arrow:hover:after {
    color: #ffcb05;
    transition: all .3s ease-in-out
}

.pillar-highlight_banner {
    width: 100%;
    height: 800px;
    margin: 50px auto 15px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 8px 8px 0 0
}

.pillar-component-item {
    padding: 0 10px
}

.pillar-highlight_banner h2,.pillar-highlight_banner p {
    color: #fff
}

.pillar-excerpt_section h3 {
    margin-bottom: 20px
}

.pillar-excerpt_section ul li strong {
    font-family: 'MTNBrighterSans-Bold',sans-serif;
    max-width: 130px
}

.pillar-excerpt_section ul {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    gap: 4rem;
    margin: 5rem 0 0;
    justify-content: center
}

.pillar-excerpt_section ul li {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    list-style-type: none;
    max-width: 33%;
    align-items: center;
    text-align: center;
    font-family: 'WorkSans-Regular',sans-serif
}

.pillar-excerpt_section ul li img {
    width: 75px;
    height: 62px
}

.pillar-highlight_content {
    position: absolute;
    left: 100px;
    bottom: 100px;
    color: #fff;
    max-width: 476px;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: rgba(255,255,255,.1605);
    border: 2px solid rgba(255,255,255,.0783);
    backdrop-filter: blur(21.7463px);
    border-radius: 24px
}

.pillar-component-card {
    background: #f8f8f8;
    background-size: 90% 90%
}

.pillar-excerpt_section.last-excerpt_section {
    padding-bottom: 3rem
}

.last-excerpt_section .container {
    padding-top: 0
}

.pillar-figure_caption figure img {
    border-radius: 24px
}

.pillar-figure_caption figure figcaption {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 3rem;
    box-sizing: border-box;
    gap: 1rem;
    background: #ffcb05;
    width: 840px;
    height: 150px;
    margin: 0 auto;
    border-radius: 24px;
    position: relative;
    top: -3rem
}

.pillar-figure_caption figcaption span strong {
    font-family: 'MTNBrighterSans-Bold',sans-serif
}

.page-template-reports-overview .primary-icons-container {
    width: 1134px;
    margin: 90px auto;
    height: 270px !important;
    position: relative;
    box-sizing: border-box
}

.priorities-main h2 {
    text-align: center
}

.priorities-main .slick-dots li.slick-active button {
    outline: none;
    background-color: #ffcb05;
    box-sizing: border-box;
    transform: scale(1.8)
}

.pillar-figure_caption figcaption span {
    display: block;
    margin-top: 16px
}

.pillar-highlight_content a {
    border: 2px solid #fff;
    text-decoration: none;
    color: #fff;
    padding: 1rem 2rem;
    border-radius: 80px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    width: fit-content;
    font-family: 'WorkSans-Regular',sans-serif;
    transition: all .3s ease-in-out
}

.pillar-highlight_content a:hover {
    background-color: #fff;
    color: #000
}

.pillar-figure_caption .container {
    padding-bottom: 0 !important
}

.page-template-reports-overview footer#colophon {
    margin-top: 6rem
}

.page-template-reports-overview .wp-block-button__link {
    font-family: 'WorkSans-Medium',sans-serif !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px
}

.wp-block-heading-xl {
    font-family: 'MTNBrighterSans-Bold',sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 56px !important;
    line-height: 61px !important
}

.page-template-reports-overview h2.wp-block-heading,.page-template-reports-overview h2 {
    font-family: 'MTNBrighterSans-Bold',sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 40px;
    line-height: 110%;
    margin-bottom: 20px
}

.page-template-reports-overview .pillar-highlight_banner h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 56px;
    line-height: 61px
}

.page-template-reports-overview .wp-block-heading-xs {
    font-family: 'MTNBrighterSans-Bold',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 110%;
    margin-bottom: 20px
}

.page-template-reports-overview .container {
    max-width: 936px;
    margin: 0 auto !important;
    padding: 4rem 0
}

.container {
    max-width: 936px;
    margin: 0 auto !important;
    padding: 4rem 0
}

.page-template-reports-overview .priorities-main .three-icon-container .slick-dots {
    position: relative;
    top: -3rem;
    left: 0
}

.pillar-highlight_banner-mobile {
    display: none
}

@media (max-width: 1000px) {
    .pillar-figure_caption figure figcaption {
        width:95%;
        padding: 6rem 3rem
    }

    .container {
        max-width: 100%;
        margin: 0 auto !important;
        padding: 4rem 1rem !important
    }

    .pillar-figure_caption figure figcaption p {
        font-size: 12px;
        margin-top: 16px
    }

    .pillar-highlight_content {
        position: relative;
        left: unset;
        bottom: unset;
        padding: 1rem
    }

    .pillar-figure_caption figure img {
        border-radius: 24px;
        width: 100%
    }

    .page-template-reports-overview .pillar-highlight_banner h2 {
        font-style: normal;
        font-weight: 700;
        font-size: 42px;
        line-height: 35px
    }

    .pillar-excerpt_section ul {
        display: flex;
        flex-direction: column
    }

    .pillar-excerpt_section ul li {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        list-style-type: none;
        max-width: 100%
    }

    .three-icon-container .each-icon-block {
        padding: 0;
        display: inline-block
    }

    .priorities-main .three-icon-container .slick-dots {
        position: relative;
        top: 0;
        z-index: 9999;
        width: 100%;
        display: flex
    }
}

@media (max-width: 860px) {
    .page-template-reports-overview .header-banner .each-banner .button {
        position:absolute;
        left: 0;
        right: 0;
        width: 190px;
        font-size: 13px;
        padding-top: 14px;
        transform: none
    }

    .page-template-reports-overview .priorities-main .three-icon-container .slick-dots {
        position: relative;
        top: 1rem;
        left: 5rem
    }

    .page-template-reports-overview .pillar-highlight_banner h2 {
        font-style: normal;
        font-weight: 700;
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 0
    }

    .pillar-highlight_banner {
        width: 100%;
        height: 644px;
        margin: 50px auto 15px;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: none !important;
        background-position: center;
        border-radius: 8px 8px 0 0;
        padding: 1rem 1rem 2rem;
        box-sizing: border-box;
        display: flex;
        align-items: flex-end
    }

    .pillar-highlight_banner-mobile {
        display: block;
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        bottom: 0;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 8px 8px 0 0
    }

    .pillar-highlight_banner h2 {
        margin-bottom: 0
    }

    .page-template-reports-overview .primary-icons-container {
        width: 100%
    }
}

.page-template-reports-overview h2.banner-heading {
    font-family: 'MTNBrighterSans-Bold',sans-serif;
    font-style: normal;
    font-weight: 800 !important;
    font-size: 80px !important;
    line-height: 80px !important;
    letter-spacing: -1px !important;
    color: #fff !important
}

#toTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #ffcb05;
    background-size: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.9066 9.62067C19.9346 9.62067 19.9497 9.58913 19.93 9.56937L10.8059 0.44526C10.7441 0.383464 10.6701 0.341226 10.5917 0.318544C10.4224 0.269509 10.2322 0.311738 10.0987 0.44523L0.974556 9.56934C0.954776 9.58912 0.96995 9.62067 0.997923 9.62067L4.99056 9.62067C5.12317 9.62067 5.25035 9.56799 5.34411 9.47422L10.0987 4.71964C10.294 4.52437 10.6105 4.52437 10.8058 4.71964L15.5604 9.47422C15.6542 9.56799 15.7813 9.62067 15.9139 9.62067L19.9066 9.62067Z' fill='%23202020'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-blend-mode: darken;
    background-position: center;
    color: #fff;
    background-color: #fff;
    border: 2px solid #e8e8e8;
    box-shadow: 0px 8px 32px rgba(0,0,0,.16);
    cursor: pointer;
    padding: 1.5rem;
    border-radius: 40px;
    font-size: 18px
}

.pn_solutions-paragraph .column-image {
    border-radius: 24px;
    flex-shrink: 0;
    max-width: 600px;
    height: 748px;
    position: relative
}

.pn_solutions-paragraph .column-text {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    justify-content: flex-start;
    padding-right: 5rem;
    flex: 1;
    position: relative
}

.pn_solutions-paragraph {
    display: flex;
    flex-direction: row;
    gap: 65px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 100%;
    max-width: 1412px;
    position: relative;
    margin-inline:auto}

.pn_event-corner-data {
    background: rgba(255,255,255,.2);
    border-radius: 24px;
    border-style: solid;
    border-color: rgba(255,255,255,.08);
    border-width: 2px;
    padding: 48px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    backdrop-filter: blur(10px);
    position: absolute;
    bottom: 120px;
    left: 120px;
    max-width: 574px;
    box-sizing: border-box
}

.pn_event-corner-data h3 {
    color: #fff;
    text-align: left;
    font-family: 'MTNBrighterSans-Bold',sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 125%;
    position: relative
}

.pn_event-corner-data p {
    color: #fff;
    text-align: left;
    font-size: 16px;
    font-family: 'WorkSans-Regular',sans-serif;
    line-height: 150%;
    position: relative
}

.pn_custom-event-section {
    padding-top: 2rem
}

.pn_custom-event a.each-action {
    font-family: 'WorkSans-Regular',sans-serif;
    font-size: 14px;
    line-height: 16px;
    border-radius: 24px;
    border-style: solid;
    border-color: #fff;
    text-transform: uppercase;
    border-width: 2px;
    width: 216px;
    height: 48px;
    position: relative;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all .3s ease-in-out
}

.pn_custom-event a.each-action:hover {
    background: #fff;
    color: #000
}

.pn_content-section {
    display: flex;
    flex-direction: column;
    gap: 48px;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    flex-shrink: 0;
    width: 1174px;
    position: relative;
    font-family: 'WorkSans-Regular',sans-serif;
    line-height: 150%;
    letter-spacing: -.18px;
    text-decoration: none
}

.pn_content-title-author {
    color: #202020;
    font: 400 italic 20px/54px 'MTN Brighter Sans',sans-serif;
    text-transform: uppercase
}

.pn_commitments-section {
    display: flex;
    padding: 0 8rem;
    margin-inline:auto;flex-direction: column
}

.pn_commitments-section p:empty {
    display: none !important
}

.pn_commitments-section .columns-wrap {
    display: flex;
    flex-direction: row;
    gap: 24px
}

.pn_commitments-section .column-1 {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative
}

.pn_commitments-section .icons-wrap {
    margin: 3rem auto;
    background: #ffcb05;
    border-radius: 32px;
    border-style: solid;
    border-color: rgba(255,255,255,.2);
    border-width: 1px;
    padding: 64px 0 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    justify-content: flex-start
}

.pn_commitments-section .slick-dots button {
    background-color: #fff;
    transition: all .3s ease-in-out
}

.pn_commitments-section .slick-dots li.slick-active button {
    background-color: #000;
    transform: scale(1.1)
}

.pn_dark-btn {
    display: inline-flex;
    font-family: 'WorkSans-Regular',sans-serif;
    text-decoration: none;
    font-size: 14px;
    background: #202020;
    text-transform: uppercase;
    border-radius: 24px;
    width: 285px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #fff;
    transition: all .3s ease-in-out
}

.pn_dark-btn:hover {
    background-color: #fff;
    color: #202020
}

.pn_yellow-btn {
    display: inline-flex;
    font-family: 'WorkSans-Regular',sans-serif;
    text-decoration: none;
    font-size: 14px;
    background: #ffcb05;
    text-transform: uppercase;
    border-radius: 24px;
    width: 285px;
    height: 48px;
    display: flex;
    color: #202020 !important;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #fff;
    transition: all .3s ease-in-out
}

.pn_yellow-btn:hover {
    background-color: #ffb700;
    color: #202020
}

.pn_clear-btn {
    border-radius: 24px;
    border-style: solid;
    border-color: #202020;
    font-family: 'WorkSans-Regular',sans-serif;
    border-width: 2px;
    width: 285px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #000;
    transition: all .3s ease-in-out
}

.pn_clear-btn:hover {
    background-color: #000;
    color: #fff
}

.pn_solutions-btns {
    display: flex;
    gap: 20px
}

.page-template-gbv-tools .gbv-header-wrap {
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding-bottom: 3rem
}

.pn_gbv-header {
    width: 1310px;
    position: relative;
    margin: 8rem auto
}

.gbv-header-wrap {
    display: flex;
    flex-direction: column;
    gap: 25px
}

.gbv-header-wrap p {
    max-width: 472px
}

.pn_gbv-header .breadcrumb-heavy {
    font-size: 15px;
    color: #202020;
    font-family: 'WorkSans-Bold',sans-serif;
    margin-bottom: 15px
}

.breadcrumb-light {
    font-size: 15px;
    color: #202020;
    font-family: 'WorkSans-Regular',sans-serif;
    margin-bottom: 15px
}

.pn_breadcrumbs {
    display: flex;
    gap: 2rem
}

.pn_selectCountry-container {
    display: flex;
    flex-direction: column
}

.pn_selectCountry-container label {
    margin-top: 3rem;
    margin-bottom: 0 !important
}

.pn_vital-contacts-sections {
    padding-bottom: 4rem
}

select#selectCountry {
    border-top: 4px solid #ffc000 !important;
    background-color: #fafafa;
    background-repeat: no-repeat;
    background-position: 350px;
    border: 1px solid #fafafa;
    width: 379px;
    height: 52px;
    position: relative;
    padding: 0 1rem;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,.16);
    background-image: url("data:image/svg+xml,%3Csvg class='icon-8-px' width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5533 1.98246C10.9428 1.52897 10.9428 0.793716 10.5533 0.340225C10.1938 -0.078382 9.62806 -0.110583 9.2368 0.243623L9.14284 0.340225L5.85862 4.16314L2.57439 0.340225C2.21485 -0.078382 1.64911 -0.110583 1.25786 0.243623L1.1639 0.340225C0.804361 0.758832 0.776705 1.41752 1.08093 1.87306L1.1639 1.98246L5.15337 6.62741C5.51291 7.04602 6.07864 7.07822 6.4699 6.72401L6.56386 6.62741L10.5533 1.98246Z' fill='%23202020'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: right left;
    background-size: 10px;
    margin: 1rem 0 2rem;
    appearance: none
}

p.pn_country-copy {
    max-width: 660px;
    margin: 1rem 0 2rem
}

.pn_gbv-main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 40px
}

.pn_gbv-main .detail-item-container {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.pn_gbv-main .pn_contact-detail-item {
    padding-top: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.pn_gbv-main .pn_contact-detail-item h4 {
    font-size: 16px
}

.pn_gbv-main h3 {
    font-size: 20px
}

.pn_our-partners {
    max-width: 1200px;
    width: 88%;
    margin-inline:auto;padding: 6rem 0 4rem
}

.pn_partner-img {
    display: flex;
    max-width: 250px;
    align-items: center;
    justify-content: center
}

.pn_partner-img img {
    width: 100%
}

.pn_img-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px
}

.pn_button-wrap {
    display: flex;
    gap: 20px
}

#selected_country .pn_country-content {
    display: none
}

#selected_country .pn_country-content:first-child() {
    display: block
}

#selected_country .pn_country-content.active {
    display: block
}

.pn_country-content h2 {
    visibility: hidden
}

.table-container td.table-entry a {
    color: #000 !important
}

.pn_gbv-main .pn_contact-detail-item a[href='#'] {
    display: none
}

@media (max-width: 1000px) {
    .pn_solutions-paragraph {
        display:flex;
        flex-direction: column;
        gap: 45px;
        align-items: center;
        justify-content: flex-start;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        position: relative;
        margin-inline:auto}

    .pn_solutions-paragraph .column-image {
        width: 100%;
        height: auto
    }

    .pn_solutions-paragraph .column-text {
        padding: 0 2rem
    }

    .pn_commitments-section {
        padding: 0 1rem
    }

    .pn_commitments-section .columns-wrap {
        display: flex;
        flex-direction: column
    }

    .pn_commitments-section .column-1 img {
        width: 100%
    }

    .pn_commitments-section .column-2 {
        display: none
    }

    .pn_commitments-section .icons-wrap {
        width: 100%;
        padding: 64px 1rem 0;
        box-sizing: border-box
    }

    .pn_event-corner-data {
        position: absolute;
        bottom: 4%;
        left: 5%;
        width: 90%;
        max-width: 574px;
        box-sizing: border-box;
        padding: 1rem
    }

    body .pn_gbv-header {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    .pn_button-wrap {
        display: flex;
        gap: 20px;
        flex-direction: column
    }

    .pn_gbv-header .column.column-2 {
        display: none
    }

    .pn_vital-contacts-sections {
        padding: 0 1rem 4rem
    }

    .pn_solutions-btns {
        display: flex;
        gap: 20px;
        flex-direction: column
    }

    .pn_img-grid {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center
    }

    .pn_partner-img {
        width: 100%;
        max-width: unset
    }

    .pn_content-section {
        width: auto
    }

    .pn_custom-event-section .pn_clear-btn {
        width: 95%
    }

    .pn_commitments-section .primary-icons-container {
        width: 100% !important;
        margin: 40px auto !important
    }

    .pn_gbv-main {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 40px;
        width: 90%
    }

    .gbv-header-wrap p {
        max-width: max-content;
        width: 95%
    }

    select#selectCountry {
        width: 100%;
        background-position: 95%
    }

    .page-template-gbv-case-studies .header-banner .each-banner .banner-content .banner-text {
        color: #fff;
        font-family: 'MTNBrighterSans-Regular',sans-serif;
        font-size: 20px;
        margin-top: 5px;
        width: auto
    }

    .page-template-gbv-case-studies .header-banner .each-banner .banner-content .banner-text p {
        color: #fff;
        font-size: 16px;
        width: auto !important
    }
}

.org-chart {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    position: relative
}

.level {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    position: relative
}

.box {
    padding: 10px;
    margin: 0 10px;
    position: relative;
    z-index: 2
}

.box img {
    width: 140px;
    height: auto
}

.committee {
    background-color: #0f0f0f;
    color: #fff;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-family: 'MTNBrighterSans-Regular',sans-serif;
    font-size: 11.76px;
    font-weight: 700;
    width: 150px;
    position: relative;
    z-index: 2;
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.committee-title {
    background: linear-gradient(180deg,#fcd818 0%,#f8c000 100%);
    color: #0f0f0f;
    padding: 10px;
    border-radius: 8px;
    font-family: 'MTNBrighterSans-Regular',sans-serif;
    font-size: 14px;
    font-weight: 700;
    width: 205px;
    position: relative;
    z-index: 2;
    margin-left: 56px
}

.committee-title.board-title {
    margin-bottom: 20px
}

.secretary {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 22%
}

.box.ceo-box {
    margin-left: 56px
}

.box.ceo-image {
    margin-bottom: 20px
}

.committees-container {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    position: relative
}

.committee-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.org-chart:before {
    content: '';
    position: absolute;
    top: 80px;
    left: 616px;
    width: 2px;
    height: 235px;
    background-color: #d9d9d9;
    z-index: 1
}

div.level:nth-child(5):after {
    content: '';
    position: absolute;
    top: -90px;
    left: 616px;
    height: 375px;
    width: 2px;
    background-color: #d9d9d9;
    z-index: 1
}

.level:first-child:after {
    content: '';
    position: absolute;
    top: calc(100% + 20px);
    left: 616px;
    width: 15%;
    height: 2px;
    background-color: #d9d9d9;
    z-index: 1
}

.committees-container:before {
    content: '';
    position: absolute;
    top: -20px;
    left: 90px;
    width: calc(100% - 145px);
    height: 2px;
    background-color: #d9d9d9;
    z-index: 1
}

.committee-column:before {
    content: '';
    position: absolute;
    left: 50%;
    width: 2px;
    height: 180px;
    background-color: #d9d9d9;
    z-index: 1
}

.committee-column:after {
    content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    width: 2px;
    height: 20px;
    background-color: #d9d9d9;
    z-index: 1
}

div.level:nth-child(5) {
    margin-top: 60px
}

@media (max-width: 1280px) {
    .committee {
        width:207px
    }

    .committee-column {
        width: 100%
    }

    .box img {
        max-width: 186px;
        height: auto
    }

    .org-chart:before,div.level:nth-child(5):after {
        left: 50%
    }

    .box.ceo-box,.committee-title {
        margin-left: inherit
    }

    .committees-container {
        flex-direction: column;
        gap: 16px
    }

    .secretary {
        position: relative;
        right: auto;
        top: auto;
        bottom: -100px
    }

    .level:first-child:before,.level:first-child:after,.committees-container:before {
        display: none
    }

    .committee-column:after {
        top: 0;
        height: 30px
    }

    .committee-column:before {
        height: 340px
    }

    .committee-column:last-of-type:before {
        height: 280px
    }

    div.level:nth-child(3):after {
        content: '';
        position: absolute;
        top: -90px;
        left: 50%;
        height: 375px;
        width: 2px;
        background-color: #d9d9d9;
        z-index: 1
    }

    div.level:nth-child(6):after {
        content: '';
        position: absolute;
        top: -90px;
        left: 50%;
        height: 385px;
        width: 2px;
        background-color: #d9d9d9;
        z-index: 1
    }
}

h3.center.spotlight-heading {
    max-width: 768px
}