.navbar-container {
    position: absolute;
    z-index: 1;
    left: 0px;
    right: 0px;
    width: 100%;
    height: auto;
}

    .navbar-container .navbar-brand {
        height: 100px;
    }

.top-section {
}


    .top-section .top-block-container {
        background: #fff;
        position: relative;
    }

    .top-section .top-image {
        position: relative;
        max-height: calc(100vh - 360px);
    }

    .top-section .top-image-en {
        max-height: calc(100vh - 450px);
    }

    .top-section .top-image img {
    }

    .top-section .tob-block-heading-area {
        position: absolute;
        bottom: 20px;
        left: 0px;
        right: 0px;
    }


        .top-section .tob-block-heading-area .heading {
            font-size: 65px;
            line-height: 75px;
            font-weight: 600;
            text-align: center;
            color: #fff;
            padding: 0px 10px;
        }


    .top-section .top-block-en .tob-block-heading-area {
        max-width: 960px;
        margin: 0px auto;
        position: absolute;
        bottom: inherit;
        left: 0px;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 40px;
    }


        .top-section .top-block-en .tob-block-heading-area .heading {
            font-size: 45px;
            line-height: 55px;
            font-weight: 300;
            text-align: left;
            color: #000;
            padding: 0px 10px;
        }

    .top-section .top-block {
        position: relative;
    }

        .top-section .top-block .tob-block-content-area {
            max-width: 960px;
            margin: 0px auto;
            padding-top: 20px;
        }

        .top-section .top-block .top-content {
            margin-bottom: 30px;
        }

            .top-section .top-block .top-content p {
                font-size: 24px;
                line-height: 35px;
            }

.case-study-section .section-content {
    background: #D6ECFF;
    border-radius: 10px;
    padding: 50px 30px;
}

.case-study-section .image-block {
    padding: 30px 0px;
    padding-bottom: 50px;
    position: relative;
}

    .case-study-section .image-block img {
        max-width: 100%;
        box-shadow: 0px 0px 5px 0px #0000004d;
        border-radius: 8px;
    }

    .case-study-section .image-block .numbers {
        position: absolute;
        left: 0px;
        right: 0px;
    }

        .case-study-section .image-block .numbers .number {
            position: absolute;
            bottom: -30px;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: #1ACD5A;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0px 1px 3px 0px #0000004d;
        }

            .case-study-section .image-block .numbers .number.one {
                left: 10%;
            }

            .case-study-section .image-block .numbers .number.two {
                left: 35%;
            }

            .case-study-section .image-block .numbers .number.three {
                left: 60%;
            }

            .case-study-section .image-block .numbers .number.four {
                left: 85%;
            }

            .case-study-section .image-block .numbers .number span {
                color: #fff;
                font-size: 25px;
                line-height: 1;
            }

.pep-data-overview {
}

    .pep-data-overview .section-content {
        background: #D4EDDA;
        border-radius: 10px;
        padding: 50px 30px;
    }

    .pep-data-overview .pep-sun-images {
        margin: 30px auto;
        max-width: 1000px;
        width: 100%;
        box-shadow: 0px 0px 5px 0px #0000004d;
        border-radius: 8px;
        background: #fff;
    }

        .pep-data-overview .pep-sun-images img {
            width: 100%;
            display: none;
        }

    .pep-data-overview .body-text {
        margin: 0px auto;
        max-width: 1000px;
    }

.copeia-pep-partner {
    display: flex;
    flex-wrap: wrap;
    border: 0.5px solid #B4B4B4;
}

    .copeia-pep-partner .partner-block {
        width: 50%;
        height: 100px;
        padding: 10px;
        border: 0.5px solid #B4B4B4;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .copeia-pep-partner .partner-block a {
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .copeia-pep-partner .partner-block a img {
                max-width: 200px;
                width: 100%;
            }

        .copeia-pep-partner .partner-block.stada a img {
            max-width: auto;
            height: 70px;
        }

.konst-dosis-section {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

    .konst-dosis-section .konst-dosis-block {
        border-radius: 10px;
        position: relative;
        overflow: hidden;
    }

        .konst-dosis-section .konst-dosis-block img {
            width: 100%;
        }

        .konst-dosis-section .konst-dosis-block .konst-dosis-btn {
            position: absolute;
            right: 30px;
            bottom: 20px;
            max-width: 250px;
            width: 100%;
        }

.about-copeia-block {
    position: relative;
}

    .about-copeia-block .block-image {
        max-width: 100%;
        border-radius: 10px;
        overflow: hidden;
    }

    .about-copeia-block .about-copeia {
        position: absolute;
        right: 30px;
        top: 50%;
        transform: translateY(-50%);
        background: #ffffff80;
        max-width: 580px;
        width: 100%;
        padding: 20px;
        border-radius: 10px;
    }

        .about-copeia-block .about-copeia img {
            max-width: 100px;
            width: 100%;
            margin-bottom: 30px;
        }

.aurora-block {
    max-width: 960px;
    margin: 0px auto;
    padding-top: 50px;
}

    .aurora-block img {
        max-width: 200px;
        width: 100%;
    }

@media screen and (max-width:960px) {
    .top-section .top-image {
        max-height: inherit;
    }

    .top-section .top-image-en {
        max-height: inherit;
    }

    .navbar-container .navbar-brand {
        height: 90px;
    }

    .top-section .tob-block-heading-area {
        bottom: 15px;
    }


        .top-section .tob-block-heading-area .heading {
            font-size: 52px;
            line-height: 65px;
        }

    .top-section .top-block-en .tob-block-heading-area {
        bottom: inherit;
    }


        .top-section .top-block-en .tob-block-heading-area .heading {
            font-size: 40px;
            line-height: 45px;
        }

    .top-section .top-block .top-content p {
        font-size: 22px;
        line-height: 31px;
    }

    .case-study-section .image-block .numbers .number {
        bottom: -25px;
        width: 50px;
        height: 50px;
    }

    .pep-data-overview .body-text {
        padding: 0px 40px;
    }

    .about-copeia-block .about-copeia {
        margin-top: 20px;
        position: relative;
        background: #ffffff;
        max-width: 100%;
        transform: inherit;
        right: inherit;
        top: inherit;
    }
}

@media screen and (max-width:767px) {

    .navbar-container .navbar-brand {
        height: 80px;
    }


    .top-section .tob-block-heading-area .heading {
        font-size: 42px;
        line-height: 50px;
    }

    .top-section .top-block-en {
        margin-top: 1.5rem;
    }

        .top-section .top-block-en .tob-block-heading-area {
            bottom: inherit;
            top: inherit;
            transform: inherit;
            position: relative;
            margin-top: inherit;
        }


            .top-section .top-block-en .tob-block-heading-area .heading {
                font-size: 35px;
                line-height: 42px;
                padding: 0px;
            }

    .top-section .top-block .top-content p {
        font-size: 21px;
        line-height: 27px;
    }

    .top-section .top-block .tob-block-content-area {
        padding-top: 0px;
    }

    .case-study-section .section-content {
        padding: 30px 15px;
    }

    .case-study-section .image-block {
        padding: 20px 0px;
        padding-bottom: 30px;
    }

        .case-study-section .image-block .numbers .number {
            bottom: -20px;
            width: 40px;
            height: 40px;
        }

            .case-study-section .image-block .numbers .number span {
                font-size: 20px;
            }

    .pep-data-overview .section-content {
        padding: 30px 15px;
    }

    .pep-data-overview .pep-sun-images {
        margin: 20px 0px;
    }

    .pep-data-overview .body-text {
        padding: 0px;
    }
}

@media screen and (max-width:600px) {
    .navbar-container .navbar-brand {
        height: 70px;
    }


    .top-section .tob-block-heading-area .heading {
        text-align: left;
    }


    .top-section .top-block-en .tob-block-heading-area .heading {
        font-size: 32px;
        line-height: 36px;
    }

    .case-study-section .image-block .numbers .number {
        bottom: -15px;
        width: 30px;
        height: 30px;
    }
}