* {
        box-sizing: border-box;
        font-family: "Roboto", sans-serif;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
        text-rendering: optimizeLegibility !important;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        font-weight: 400;
        font-kerning: auto;
        text-align: left;
    }

    *,
    *::before,
    *::after {
        box-sizing: inherit;
    }

    .mm-page,
    .mm-wrapper_background body {
        background-color: transparent;
    }

    .frontpage-container {
        overflow: hidden !important;
    }

    :root {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        --white: #ffffff;
        --black: #000000;
        /* --text-color: #4f4f4f; */
        --text-color: #393939;
        --primary: #f16978;
        --sec-green: #08877d;
        --orange: #ffaa3b;
        --pre-blue: #09213d;
    }

    input {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    html,
    body,
    main {
        margin: 0;
        -webkit-text-size-adjust: 100%;
        text-align: justify;
        line-height: 1.2;
        background: var(--white);
        font-size: 16px;
        color: var(--text-color);
        scroll-behavior: smooth;
    }

    html,
    body {
        overflow-x: hidden;
        position: relative;
        display: block;
        width: 100%;
        max-width: 100%;
    }

    body {
        overflow-y: hidden;
    }


    a {
        text-decoration: none;
        color: var(--secondary-color);
        cursor: pointer;
    }

    img {
        height: auto;
        max-width: 100%;
    }

    .section {
        position: relative;
        display: block;
        margin: 0 auto;
        clear: both;
        width: 100%;
        opacity: 1;
    }

    .layout-container,
    .frontpage-container {
        position: relative;
        display: block;
        width: 100%;
        clear: both;
    }


    .frontpage-container #cont-parent .container {
        padding-left: 0;
        padding-right: 0;
        /* background-color: tan; */
    }

    .layout-container .captcha {
        border: none !important;
    }

    /**Header**/
    #header-region {
        position: relative;
        display: block;
    }

    #header-region #header {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10;
        padding: 30px 0 0;
    }

    .region-header {
        display: flex;
        align-items: center;
    }

    .frontpage-container #slider::after,
    #header-region::before {
        position: absolute;
        display: block;
        content: "";
    }

    #header-region::before {
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 1;
    }

    #block-pre-site-branding {
        padding: 0;
    }

    /*menu*/
    #block-pre-main-menu {
        position: relative;
        display: flex;
        margin: 0;
        /* width: 100%; */
        align-items: center;
    }

    #block-pre-main-menu ul:not(.contextual-links) {
        position: relative;
        display: inline-block;
        text-align: right;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    #block-pre-main-menu ul:not(.contextual-links)>li {
        position: relative;
        float: unset;
        display: inline-block;
        margin: 0 5px;
        margin: 0 1px;
    }

    #block-pre-main-menu ul:not(.contextual-links)>li a {
        display: inline-block;
        margin: 0;

        color: var(--white);
        font-weight: 500;
        padding: 10px 40px;
        border-radius: 50px;
    }

    #block-pre-main-menu ul:not(.contextual-links)>li a:hover {
        color: var(--primary);
        transition: background 2s;
        background-color: rgba(255, 255, 255, 0.11);
        text-shadow: none;
    }

    /**Slider**/
    #block-pre-views-block-main-block-1,
    #slider {
        position: relative;
        display: block;
        line-height: 0;
        background: var(--pre-blue);
    }



    #slider .slide__media {
        position: relative;
        display: block;
    }

    #slider #block-pre-views-block-main-block-1::after {
        content: "";
        position: absolute;
        display: block;
        background-image: -moz-linear-gradient(90deg, rgb(9, 33, 61) 0%, rgba(9, 33, 61, 0) 100%);
        background-image: -webkit-linear-gradient(90deg, rgb(9, 33, 61) 0%, rgba(9, 33, 61, 0) 100%);
        background-image: -ms-linear-gradient(90deg, rgb(9, 33, 61) 0%, rgba(9, 33, 61, 0) 100%);
        left: 0px;
        bottom: 0;
        width: 100%;
        height: 500px;
        z-index: 5;
    }

    /* 
        {
        .Rectangle_2 {
        
            position: absolute;
            left: -10px;
            top: 450px;
            width: 1818px;
            height: 431px;
            z-index: 10;
        } */
    #slider .media,
    #slider .media--slick,
    #slider .media--ratio,
    #slider .media--ratio--fluid,
    #slider .media--image,
    #slider .is-b-loaded {
        padding: 0 !important;
    }

    .content-layout #slider .contextual-region {
        position: static;
    }

    #slider #block-pre-views-block-main-block-1 .slick-slide {
        position: relative;
    }

    #slider #block-pre-views-block-main-block-1 img {
        position: relative;
        display: block;
        width: 100%;
        height: 100vh;
    }

    .frontpage-container #slider::after {
        background: linear-gradient(rgba(20.4, 17.6, 15.7), transparent);
        left: 0px;
        right: 0;
        top: 0;
        width: 100%;
        height: 20%;
        z-index: 4;
    }

    .frontpage-container #slider .slide__caption {
        position: absolute;
        display: block;
        transform: translateY(-55px);
        z-index: 1000 !important;
        overflow: hidden;
        line-height: 1;
        width: 100%;
        height: auto;
        top: unset;
        bottom: 200px;
        z-index: 6;
    }

    .slide__description {
        position: relative;
        display: block;
        width: 940px !important;
        padding: 0;
        margin: 0 auto;
        color: var(--white);
        z-index: 1000 !important;
    }

    .slide__description .views-field-title {
        display: block;
        text-align: center;
    }

    .slide__description .views-field-title span {
        position: relative;
        display: inline-block;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
        font-size: 4.2rem;
        text-align: center;
        font-weight: 700;
        color: var(--white);
        z-index: 7;
    }

    .slide__description .views-field-body p {
        position: relative;
        display: inline-block;
         text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
         color: var(--white);
        text-align: center;
        font-size: 1.87rem;
        font-weight: 500;
        z-index: 7;
    }

    .frontpage-container #slider .slick__arrow {
        position: absolute;
        display: block;
        width: 100%;
        max-width: 1500px;
        height: 50px;
        margin: 0 auto;
        top: unset;
        left: 0;
        right: 0;
        bottom: 70px;
        z-index: 6 !important;
    }


    .slick__arrow {
        top: auto;
        bottom: 23px;
        width: 40%;
        right: 0;
        left: auto;
    }

    .slick__arrow button:before {
        display: none;
    }

    .slick__arrow button {
        width: 20px;
        height: 20px;
    }

    .slick__arrow .slick-prev,
    .slick__arrow .slick-next {
        background-size: contain;
        height: 50px;
        width: 50px;
    }

    .slick__arrow .slick-prev {
        background: url("./../img/slide-prev.png") no-repeat center;

    }

    .slick__arrow .slick-next {
        background: url("./../img/slide-next.png") no-repeat center;
        right: unset;
        left: 230px;
    }

    /*slick dots*/


    #slider .slick__slider>.main-dots {
        width: 1500px;
        position: absolute;
        text-align: left;
        bottom: 40px;
        left: 0;
        right: 0;
        height: auto;
        margin: 0 auto;
        display: block;
        top: unset;
        z-index: 6;
    }

    #slider .slick-dots {
        position: relative;
        display: block;
        left: 0;
        right: unset;
        bottom: unset;
        top: unset;
        padding: 10px 0;
        width: 290px;
    }


    .slick-dots li {
        width: auto;
        height: unset;
        top: 0;
    }

    #slider .slick-dots li.slick-active {
        padding: 0 0 0 4px;
    }

    .slick-dots li.slick-active {
        position: absolute;
        left: 0;
        /* margin: 0 0 5px; */
        bottom: -7px;
    }

    .slick-dots li button::before {
        color: transparent !important;
    }

    #slider .main-dots .slick-dots li.slick-active::after {
        content: "0";
        position: absolute;
        left: -2px;
        top: 5px;
        line-height: 1;
        font-weight: 700;
        color: var(--white);
    }

    .slick-dots li:nth-last-child(1) {
        position: absolute;
        right: 0;
        padding-left: 3px;
    }

    .main-dots .slick-dots::before {
        content: "";
        position: absolute;
        width: 70%;
        height: 2px;
        background: var(--white);
        top: 50%;
        right: 0;
        left: 0;
        margin: 0 auto;
    }


    .slick-dots li:nth-last-child(1) button,
    .slick-dots li.slick-active button {
        display: block;
        font-size: 1rem;
        line-height: 1;
        color: var(--white);
        width: auto;
    }

    .slick-dots li button {
        display: none;
        font-weight: 700;
    }

    #scroll-d {
        position: absolute;
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        z-index: 10;
        bottom: 46px;
    }

    #scroll-d::before {
        content: "";
        position: absolute;
        display: block;
        height: 150px;
        width: 1px;
        z-index: 100;
        top: unset;
        background: #fff;
        bottom: 100px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    #scroll-d a {
        position: relative;
        font-size: 1%;
        padding: 20px 11px;
        border: 2px solid #ffff;
        border-radius: 20px;
        display: inline-block;
    }

    #scroll-d a::before {
        content: "";
        position: absolute;
        display: block;
        top: -10px;
        background: url(../img/scroll-arrow.png) no-repeat center;
        height: 100%;
        width: 100%;
        left: 0;
        right: 0;
        animation: float 3s ease-in-out infinite;
    }

    .feed-icon {
        display: none !important;
    }

    /*side menu*/
    #block-pre-mainnavigation {
        display: inline-block;
        min-width: 20%;
        padding-left: 23rem;
        position: fixed;
        right: 25px;
        top: 300px;
        z-index: 500;
        height: 10px;
    }

    #block-pre-mainnavigation ul {
        width: 50px;
        background-color: rgba(29, 29, 29, 0.267);
        border-radius: 5rem;
        height: auto;
        position: relative;
        text-align: center;
        padding: 10px 5px;
    }

    #block-pre-mainnavigation ul li {
        position: relative;
        display: inline-block;
        border: 1px solid transparent;
        height: 30px;
        width: 30px;
        padding: 0;
        text-align: center;
        margin-bottom: 5px;
    }


    #block-pre-mainnavigation ul li:hover {
        content: "";
        border: 1px solid white;
        border-radius: 50%;
    }

    #block-pre-mainnavigation ul .active {
        content: "";
        border: 1px solid white;
        border-radius: 50%;

    }

    #block-pre-mainnavigation ul li.active::before {
        background: var(--primary);
    }

    #block-pre-mainnavigation ul li::before {
        content: "";
        position: absolute;
        display: inline-block;
        /* border: 0.7rem solid white; */
        border-radius: 50%;
        background: var(--white);
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 11px;
        height: 11px;
        bottom: 0;
    }

    #block-pre-mainnavigation ul li a {
        display: none;
    }

    #block-pre-mainnavigation ul li:hover a {
        cursor: pointer;
        color: var(--white);
        font-size: 1rem;
        line-height: 1;
        height: 100%;
        display: block;
        text-decoration: none;
        padding-right: 55px;
        text-shadow: 1px 1px 1px black;
        font-weight: 700;
        margin-top: 0;
        white-space: nowrap;
        width: 200px;
        position: absolute;
        right: 0;
        text-align: right;

    }

    #block-pre-mainnavigation ul li .is-active {
        position: absolute;
        display: flex;
        align-items: center;
        height: 100%;
        cursor: pointer;
        width: fit-content;
        color: var(--white);
        font-size: 1rem;
        text-decoration: none;
        padding-right: 55px;
        text-shadow: 1px 1px 1px black;
        font-weight: 700;
        margin-top: 0;
        white-space: nowrap;
        right: 0;
        text-align: right;
    }

    @keyframes float {
        0% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(1.25rem);
        }

        to {
            transform: translateY(0);
        }
    }

    /**content top*/
    #content-top {
        background: var(--pre-blue) url("./../img/dna.png") no-repeat center right 100px;
        padding: 100px 0 0;
    }

    #content-top::before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        background: transparent url(./../img/curved-white-bg-2700.png) no-repeat;
        background-size: auto;
        background-size: cover;
        height: 350px;
    }

    #content-top header {
        position: relative;
        display: block;
        text-align: center;
        margin: 0 auto 130px;
        max-width: 1424px;
    }

    #content-top header h2 {
        position: relative;
        display: block;
        font-size: 3.5rem;
        font-weight: 300;
        text-align: center;
        color: var(--white);
    }

    #content-top header p {
        font-size: 1.75rem;
        text-align: center;
        color: var(--white);
    }

    #block-pre-views-block-about-block-1 .views-view-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 30px 0;
    }

    #block-pre-views-block-about-block-1 .ab-blocks>div {
        position: relative;
        display: block;
        padding: 40px;
        height: 100%;
        background: var(--sec-green);
        border-radius: 20px;
        color: var(--white);
    }

    #block-pre-views-block-about-block-1 .ab-blocks>div:hover {
        background: var(--orange);
    }

    #block-pre-views-block-about-block-1 .ab-blocks:nth-child(2n)>div {
        margin-top: 50px;
    }

    #block-pre-views-block-about-block-1 .ab-blocks>div .views-field-title .field-content {
        display: inline-block;
        font-weight: 700;
        font-size: 2.25rem;
        margin: 30px 0 25px;
        line-height: 1;
    }

    #block-pre-views-block-about-block-1 .ab-blocks>div .views-field-body p {
        font-size: 1.3rem;
        margin: 0;
    }



    #block-pre-views-block-about-block-1 .ab-blocks>div {}

    /**content*/

    #content {
        padding: 250px 0;
        background: transparent url("../img/benefits-bg.png") no-repeat center center;
    }

    #block-pre-views-block-benefits-left-images-block-2,
    #block-pre-views-block-benefits-left-images-block-1 {
        position: relative;
        display: block;
    }

    #block-pre-views-block-benefits-left-images-block-1 .benefit-imgs {
        display: flex;
        gap: 30px;
    }



    #block-pre-views-block-benefits-left-images-block-1 .benefit-imgs img {
        border-radius: 20px;
        overflow: hidden;
    }

    #block-pre-views-block-benefits-left-images-block-1 .benefits:first-child img {
        max-height: 340px;
        object-fit: cover;
    }

    #block-pre-views-block-benefits-left-images-block-2 .block__title {
        display: block;
        font-size: 3.5rem;
        font-weight: 300;
        margin: 0;
        color: var(--pre-blue);
    }

    #block-pre-views-block-benefits-left-images-block-2 {
        padding: 0 0 0 50px;
    }

    #block-pre-views-block-benefits-left-images-block-2 header {}

    #block-pre-views-block-benefits-left-images-block-2 header p {
        display: block;
        margin: 38px 0 60px;
        font-size: 1.8rem;
        font-weight: 600;
        color: var(--pre-blue);
    }

    #block-pre-views-block-benefits-left-images-block-2 .views-view-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 20px 0;
    }

    #block-pre-views-block-benefits-left-images-block-2 .benefit>div {
        display: flex;
        align-items: center;
        height: 100%;
        gap: 10px 20px;
        border-radius: 50px;
        padding: 18px 22px;
        background: var(--white);
        box-shadow: 0px 2px 29px 0px rgba(0, 0, 0, 0.32);
    }

    #block-pre-views-block-benefits-left-images-block-2 .views-field-field-icon {}

    #block-pre-views-block-benefits-left-images-block-2 .views-field-title .field-content {
        font-size: 1.2rem;
        font-weight: 600;
        color: #6c6c6c;
    }

    /*East*/
    #content-bottom1 {
        background: #ece8e6;
    }

    #content-bottom .region-content-bottom {
        display: flex;
        flex-wrap: wrap;
    }

    #content-bottom::before {
        position: absolute;
        content: "";
        bottom: unset;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: transparent url("../img/earth.png") no-repeat center left 0;
        z-index: 1;
    }

    #block-pre-views-block-east-southern-africa-landscape-block-2,
    #block-pre-views-block-east-southern-africa-landscape-block-1 {
        position: relative;
        display: block;
        padding: 0;
        overflow: visible;
    }

    #block-pre-views-block-east-southern-africa-landscape-block-2>.block__content,
    #block-pre-views-block-east-southern-africa-landscape-block-1>.block__content {
        position: relative;
        display: block;
        padding: 150px 0;
        height: 100%;
        overflow: visible;
    }

    #block-pre-views-block-east-southern-africa-landscape-block-1>.block__content::before {
        background: var(--sec-green);
        right: 0;
    }

    #block-pre-views-block-east-southern-africa-landscape-block-2>.block__content::before,
    #block-pre-views-block-east-southern-africa-landscape-block-1>.block__content::before {
        position: absolute;
        content: "";
        display: block;
        top: 0;
        bottom: 0;
        width: 100vw;
        height: 100%;
    }

    #block-pre-views-block-east-southern-africa-landscape-block-2>.block__content::before {
        background: var(--pre-blue);
        left: 0;
    }

    #block-pre-views-block-east-southern-africa-landscape-block-1 .views-row {
        position: relative;
        display: block;
        z-index: 12;
        padding: 70px 50px;
        background-color: rgba(0, 0, 0, 0.431);
        border-radius: 13px;
        margin: 0 50px 0 0;
        color: var(--white);
    }

    #block-pre-views-block-east-southern-africa-landscape-block-1 .views-row .views-field-body p {
        font-size: 1.2rem;
        line-height: 1.3;
    }

    #block-pre-views-block-activities-block-1 .block__title,
    #block-pre-views-block-east-southern-africa-landscape-block-2 .views-field-title .field-content,
    #block-pre-views-block-east-southern-africa-landscape-block-1 .views-field-title .field-content {
        position: relative;
        display: block;
        color: var(--white);
        font-size: 3.5rem;
        padding: 33px 0 0;
        font-weight: 300;
    }

    #block-pre-views-block-east-southern-africa-landscape-block-1 .views-field-title .field-content {
        text-shadow: 0px 2px 1.88px rgba(0, 0, 0, 0.92);
    }

    #block-pre-views-block-precision-strategic-goals-block-1 .views-field-title .field-content::before,
    #block-pre-views-block-east-southern-africa-landscape-block-2 .views-field-title .field-content::before,
    #block-pre-views-block-east-southern-africa-landscape-block-1 .views-field-title .field-content::before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        content: "";
        width: 86px;
        height: 4px;
        border-radius: 50px;
        background-color: var(--primary);
    }


    #block-pre-views-block-east-southern-africa-landscape-block-2 .views-row {
        padding: 0 0 0 95px
    }

    #block-pre-views-block-activities-block-1 .views-field-body ul:not(.contextual-links),
    #block-pre-views-block-precision-strategic-goals-block-1 .views-field-body ul {
        padding: 0;
    }

    #block-pre-views-block-east-southern-africa-landscape-block-2 .views-field-body ul:not(.contextual-links) {
        color: var(--white);
        padding: 0;
    }

    #block-pre-views-block-activities-block-1 .views-field-body ul:not(.contextual-links) li,
    #block-pre-views-block-precision-strategic-goals-block-1 .views-field-body ul:not(.contextual-links) li,
    #block-pre-views-block-east-southern-africa-landscape-block-2 .views-field-body ul:not(.contextual-links) li {
        position: relative;
        display: inline-block;

        font-size: 1.2rem;
        width: 100%;
        margin: 0 0 10px;
        line-height: 1.5;
    }

    #block-pre-views-block-activities-block-1 .views-field-body ul:not(.contextual-links) li,
    #block-pre-views-block-east-southern-africa-landscape-block-2 .views-field-body ul:not(.contextual-links) li {
        padding-left: 40px;
    }

    #block-pre-views-block-precision-strategic-goals-block-1 .views-field-body ul:not(.contextual-links) li {
        padding-left: 25px;
    }

    #block-pre-views-block-activities-block-1 .views-field-body ul:not(.contextual-links) li::before,
    #block-pre-views-block-east-southern-africa-landscape-block-2 .views-field-body ul:not(.contextual-links) li::before {
        position: absolute;
        left: 0;
        top: 9px;
        content: "";
        display: block;
        width: 14px;
        height: 21px;
        background: url(".././img/check-mark.png") no-repeat center left;
    }

    /*PSG*/
    #content-bottom1 {
        padding: 220px 0;
    }

    #block-pre-views-block-precision-strategic-goals-block-1 .views-field-title {
        position: relative;
        display: block;
        max-width: 318px;
        width: 20%;
    }

    #block-pre-views-block-precision-strategic-goals-block-1 .views-field-fieldset {
        position: relative;
        display: block;
        padding: 80px 40px;
        width: 80%;
    }

    #block-pre-views-block-precision-strategic-goals-block-1 .views-field-fieldset::after {
        position: absolute;
        display: block;
        content: "";
        width: 85%;
        top: 0;
        bottom: 0;
        left: 0;
        background-color: var(--white);
        border-radius: 20px;
        z-index: 5;
    }

    #block-pre-views-block-precision-strategic-goals-block-1 .views-field-fieldset .wrapper {
        position: relative;
        display: flex;
        z-index: 10;
    }

    #block-pre-views-block-activities-block-2 .activity-img .field-content,
    #block-pre-views-block-precision-strategic-goals-block-1 .views-field-fieldset .views-field-field-photo .field-content {
        line-height: 0;
        border-radius: 20px;
        overflow: hidden;
    }

    #block-pre-views-block-precision-strategic-goals-block-1 .views-field-body {
        position: relative;
        display: block;
        max-width: 690px;
    }

    #block-pre-views-block-precision-strategic-goals-block-1 .views-field-title .field-content {
        position: relative;
        display: block;
        color: var(--pre-blue);
        font-size: 3.5rem;
        padding: 69px 0 0;
        font-weight: 300;
    }

    #block-pre-views-block-precision-strategic-goals-block-1 .block__content .views-row {
        display: flex;
        flex-wrap: wrap;
    }

    #block-pre-views-block-precision-strategic-goals-block-1 .views-field-body ul li::before {
        content: "";
        color: var(--primary);
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--primary);
        display: inline-flex;
        align-items: center;
        position: absolute;
        left: 0;
        top: 9px;
    }

    /*Activities*/
    #content-bottom2 {
        z-index: 15;
        padding: 200px 0 170px;
        overflow: hidden;
        background: #ece8e6;
    }

    #content-bottom2::after {
        content: "";
        display: block;
        border-radius: 50%;
        background-color: rgb(9, 33, 61);
        position: absolute;
        left: -100px;
        width: 2505px;
        height: 2505px;
        bottom: 0;
        top: 158px;
        z-index: 10;
    }

    #content-bottom2 .region-content-bottom2 {
        position: relative;
        display: block;
        z-index: 100;
    }

    #block-pre-views-block-activities-block-1,
    #block-pre-views-block-activities-block-2 {
        position: relative;
        display: block;
        color: var(--white);
    }

    #block-pre-views-block-activities-block-2 {
        padding: 0 50px 0 0;
    }

    #block-pre-views-block-activities-block-2 .views-row:last-child {
        margin: 50px 0 0;
    }

    #block-pre-views-block-activities-block-2 .activity-img {
        display: flex;
        gap: 0 20px;
    }

    #block-pre-views-block-activities-block-1 .block__title {
        margin: 70px 0 40px;
    }

    /**footer**/
    /* #last-wrapper {
        position: relative;
        display: block;
      
        overflow: hidden !important;

    } */



    #footer {
        background: var(--pre-blue);
        z-index: 15;
    }

    #footer .container {
        border-top: 1px solid var(--primary);
        background: var(--pre-blue);
        padding: 100px 0;
    }

    #footer .region-footer {
        display: flex;
        justify-content: space-between;
    }

    #block-pre-contactsblock .field--name-body p {
        text-align: end;
    }

    #block-pre-contactsblock .field--name-body p:first-child {
        font-size: 3rem;
        margin: 0;
        font-weight: 300;
    }

    #block-pre-contactsblock .field--name-body p:nth-child(2) {
        margin: 2px 0;
    }

    #block-pre-contactsblock .field--name-body p:nth-child(2) a {
        font-size: 1.3rem;
        font-weight: 700;

    }

    #block-pre-contactsblock.field--name-body p:nth-child(3) {
        font-size: 1.3rem;
        font-weight: 300;
    }

    #block-pre-footerlogo {
        position: relative;
        display: block;
        width: 50%;
    }

    #block-pre-footerlogo {}

    #block-pre-contactsblock .field--name-body {
        color: var(--white);
        display: flex;
        flex-direction: column;
        justify-content: end;
        width: 100%;
    }






    /***********************Responsive ************************/

    /* @media screen and (max-height: 700px) {

    .frontpage-container #slider .slide__media,
    .frontpage-container #slider .slick-list img {
        height: 768px !important;
    }

    } */

    @media (min-width: 1551px) {

        #slider .slide__caption,
        #slider .main-dots,
        .container {
            width: 1500px;
        }
    }

    @media (max-width: 1600px) {}

    @media (min-width: 1300px) and (max-width: 1400px) {

        .frontpage-container #slider .slick__arrow,
        #slider .slide__caption,
        #slider .slick__slider>.main-dots,
        .container {
            width: 1250px;
        }
    }

    @media (min-width: 1400px) {

        .frontpage-container #slider .slick__arrow,
        #slider .slide__caption,
        #slider .slick__slider>.main-dots,
        .container {
            width: 1300px;
        }
    }

    @media (min-width: 1450px) {

        .frontpage-container #slider .slick__arrow,
        #slider .slide__caption,
        #slider .slick__slider>.main-dots,
        .container {
            width: 1371px;
        }

    }

    @media (min-width: 1551px) {

        .container {
            width: 1500px;
        }
    }

    @media (min-width: 1650px) {}

    @media (max-width: 1550px) {

        html,
        body,
        main {
            font-size: 16px;
        }

        #block-pre-main-menu ul:not(.contextual-links)>li a {
            padding: 10px 30px;
        }

  #block-pre-views-block-about-block-1 .ab-blocks>div {
    padding: 26px;
  }

  #block-pre-views-block-about-block-1 .ab-blocks > div .views-field-title .field-content {
  margin: 20px 0;
  }
    }

    @media (max-width: 1440px) {
        #content-bottom::before {
            background: transparent url("../img/earth.png") no-repeat top 96px left 0;
            background-size: 500px;
        }
    }

    @media (max-width: 1300px) {

        .frontpage-container #slider .slick__arrow,
        #slider .slide__caption,
        #slider .slick__slider>.main-dots {
            width: 1170px;
        }

        #block-pre-main-menu ul:not(.contextual-links)>li a {
            padding: 10px 25px;
        }

    }




    @media (max-width: 1200px) {

        html,
        body,
        main {
            font-size: 14px;
        }

        #block-pre-main-menu ul {
            display: none !important;
        }

        .frontpage-container #slider .slick__arrow,
        #slider .slide__caption,
        #slider .slick__slider>.main-dots {
            width: 970px;
        }

        #block-pre-views-block-precision-strategic-goals-block-1 .views-field-title .field-content {
            padding: 39px 0 0;
            margin: 0 0 50px;
        }

        #block-pre-views-block-precision-strategic-goals-block-1 .views-field-title {
            max-width: 100%;
            width: 100%;
        }

        #block-pre-views-block-precision-strategic-goals-block-1 .views-field-fieldset {
            width: 100%;
        }

        #block-pre-views-block-precision-strategic-goals-block-1 .views-field-body {
            max-width: 60%;
        }

    }

    @media (max-width: 991px) {

        html,
        body,
        main {
            font-size: 14px;
        }


        .frontpage-container #slider .slick__arrow,
        #slider .slide__caption .slide__description,
        #slider .slick__slider>.main-dots {
            width: 750px !important;
            z-index: 10;
        }

        #block-pre-views-block-benefits-left-images-block-2 {
            margin: 50px 0 0;
        }

        #block-pre-views-block-east-southern-africa-landscape-block-1 .views-row {
            margin: 0;
        }

        #block-pre-views-block-east-southern-africa-landscape-block-2>.block__content::before,
        #block-pre-views-block-east-southern-africa-landscape-block-1>.block__content::before {
            width: 1000vw;
        }

        #block-pre-views-block-east-southern-africa-landscape-block-2>.block__content::before {
            left: -100vw;
        }

        #block-pre-views-block-east-southern-africa-landscape-block-1>.block__content::before {
            right: -100vw;
        }

        #content-bottom::before {
            background: transparent url("../img/earth.png") no-repeat top 90px center;
            background-size: 459px;

        }

         #block-pre-views-block-about-block-1 .ab-blocks:nth-child(2n) > div{
  margin:0 !important;
 }
    }

    @media (max-width: 768px) {

        html,
        body,
        main {
            font-size: 13px;
        }

        .row {
            margin-right: 0;
            margin-left: 0;
        }


    }

    @media (max-width: 567px) {

        html,
        body,
        main {
            font-size: 13px;
        }

        #slider .slide__caption,
        #slider .main-dots {
            width: 1170px
        }
    }