.container-with-overflow {
    height: 82vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.main-text {
    position: relative;
}

.explore-challenges:hover {
    background-color: #007DC4 !important;
}

.centered {
    position: absolute;
    top: 83%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .centered h1 {
        font-family: Montserrat;
        font-size: 3.125rem;
        font-weight: 700;
        line-height: 60px;
    }

    .centered h2 {
        font-family: Montserrat;
        font-size: 1.875rem;
        font-weight: 700;
        line-height: 60px;
    }

    .centered h3 {
        font-family: Lato;
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 24px;
    }

.challenges-count-section {
    background-color: #090909;
    padding: 5.208vw;
}

    .challenges-count-section label {
        font-family: Lato;
        font-size: 4.375rem;
        font-weight: 900;
        line-height: 84px;
        text-align: center;
    }

    .challenges-count-section span {
        font-family: Lato;
        font-size: 4.375rem;
        font-weight: 900;
        line-height: 84px;
        text-align: center;
    }

    .challenges-count-section p {
        color: #FFFFFF;
        text-align: center;
        font-family: Lato;
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 700;
        line-height: 26px;
    }

.open-challenges-section {
    margin: 3.646vw 5.208vw;
}

    .open-challenges-section .home-page-open-challenges {
        cursor: pointer;
    }

        .open-challenges-section .home-page-open-challenges .image-container {
            width: 100%;
            display: block;
            overflow: hidden;
            border-radius: 10px !important;
        }

            .open-challenges-section .home-page-open-challenges .image-container img {
                width: 100%;
                height: 328px;
                transition: transform 1s ease;
            }

        .open-challenges-section .home-page-open-challenges:hover .image-container img {
            transform: scale(1.1);
            border-radius: 10px !important;
        }

        .open-challenges-section .home-page-open-challenges:hover .challenge-title {
            color: #007DC4;
        }

        .open-challenges-section .home-page-open-challenges:hover .challenge-description p {
            color: #191919;
        }



    .open-challenges-section label {
        font-family: Lato;
        font-size: 2.1875rem;
        font-weight: 700;
        line-height: 44px;
        text-align: center;
    }

        .open-challenges-section label span {
            font-family: Lato;
            font-size: 3rem;
            font-weight: 700;
            line-height: 57.6px;
            color: #F7931E;
        }

    .open-challenges-section .challenge-type {
        padding: 5px 10px 5px 10px;
        border-radius: 20px;
        border: 1px solid #007DC4;
        display: flex;
        align-self: center;
    }

        .open-challenges-section .challenge-type label.challenge-text {
            color: #007DC4;
            font-family: Lato;
            font-size: 0.75rem;
            font-weight: 400;
            line-height: 14.4px;
            text-align: center;
            display: inline-block;
            width: 142px;
            white-space: nowrap;
            overflow: hidden !important;
            text-overflow: ellipsis;
        }

        .open-challenges-section .challenge-type label {
            color: #007DC4;
            font-family: Lato;
            font-size: 0.75rem;
            font-weight: 400;
            line-height: 14.4px;
            text-align: center;
        }

    .open-challenges-section .challenge-title {
        font-family: Lato;
        font-size: 1.625rem;
        font-weight: 600;
        line-height: 33px;
        text-align: left;
        height: 6.5rem;
        display: -webkit-box;
        max-width: 400px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .open-challenges-section label.grey-text {
        font-family: Lato;
        font-size: 1rem;
        font-weight: 400;
        line-height: 26px;
        color: rgba(9, 9, 9, 0.50);
    }

    .open-challenges-section label.date-amount {
        color: #090909;
        font-family: Lato;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 600;
        line-height: 33.2px;
    }

    .open-challenges-section .challenge-description {
        color: rgba(9, 9, 9, 0.50);
        font-family: Lato;
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0.16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

.start-o-sphere-section {
    background: #007DC4;
    margin-top: 70px;
    padding: 3.125vw 5.208vw;
}

    .start-o-sphere-section label {
        color: #FFFFFF;
        font-family: Lato;
        font-size: 3.125rem;
        font-style: normal;
        font-weight: 700;
        line-height: 55px;
        /*margin-bottom: 3.75rem;*/
    }

    .start-o-sphere-section .pitch-section {
    }

    .start-o-sphere-section label.pitch-content {
        color: #FFFFFF;
        font-family: Lato;
        font-size: 1.625rem;
        font-style: normal;
        font-weight: 700;
        line-height: 33.2px;
        /*text-decoration: underline;*/
        border-bottom: 1.25px solid #FFFFFF;
    }

    .start-o-sphere-section label.pitch-label {
        margin-top: 10px;
        color: #FFFFFF;
        font-family: Lato;
        font-size: 3.125rem;
        font-style: normal;
        font-weight: 700;
        line-height: 55px;
        height: 7rem;
    }

    .start-o-sphere-section label.pitch-date {
        color: #FFFFFF;
        font-family: Lato;
        font-size: 1.625rem;
        font-style: normal;
        font-weight: 700;
        line-height: 33.2px;
        margin-top: 10px;
    }

    .start-o-sphere-section label.pitch-description {
        color: #FFFFFF;
        font-family: Lato;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        margin-top: 20px;
    }

.pitch-card {
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0px 3px 5px 0px rgba(9, 9, 9, 0.30);
    padding: 1rem;
}

    .pitch-card label.card-label {
        color: #000;
        font-family: Lato;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .pitch-card label.label1 {
        color: rgba(9, 9, 9, 0.50);
        font-family: Lato;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .pitch-card label.label2 {
        color: #090909;
        font-family: Lato;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

.success-story-section {
    padding: 0.52vw 5.21vw;
    margin-top: 4.875rem;
}

    .success-story-section label {
        color: #090909;
        text-align: center;
        font-family: Lato;
        font-size: 2.1875rem;
        font-style: normal;
        font-weight: 700;
        line-height: 44px;
    }

        .success-story-section label span {
            color: #F7931E;
            font-family: Lato;
            font-size: 3rem;
            font-style: normal;
            font-weight: 700;
            line-height: 50px;
        }

    .success-story-section .story,
    .success-story-section .story3 {
        position: relative;
        transition: transform 0.1s ease;
    }

        .success-story-section .story .image-container,
        .success-story-section .story3 .image-container {
            width: 100%;
            display: block;
            overflow: hidden;
            border-radius: 10px !important;
        }

            .success-story-section .story .image-container img {
                width: 100%;
                height: 251px;
                border-radius: 10px;
                transition: transform 1s ease;
            }

            .success-story-section .story3 .image-container img {
                width: 100%;
                height: 251px;
                border-radius: 10px;
                transition: transform 1s ease;
            }

        .success-story-section .story:hover .image-container img,
        .success-story-section .story3:hover .image-container img {
            transform: scale(1.1);
            border-radius: 10px !important;
        }

        .success-story-section .story label.story-name {
            position: absolute;
            top: 70%;
            left: 6%;
            text-align: left;
            color: #FFF;
            font-family: Lato;
            font-size: 1.375rem;
            font-style: normal;
            font-weight: 700;
            line-height: 150%;
        }

        .success-story-section .story3 label.story-name {
            position: absolute;
            top: 77%;
            left: 2%;
            text-align: left;
            color: #FFF;
            font-family: Lato;
            font-size: 2.1875rem;
            font-style: normal;
            font-weight: 700;
            line-height: 150%;
        }

        .success-story-section .story label.company-name {
            position: absolute;
            top: 90%;
            left: 7%;
            text-align: left;
            opacity: 0;
            transition: 0.3s;
            font-size: 1.125rem;
            color: #FFF;
        }

        .success-story-section .story3 label.company-name {
            position: absolute;
            top: 90%;
            left: 2%;
            text-align: left;
            opacity: 0;
            transition: 0.3s;
            font-size: 1.125rem;
            color: #FFF;
        }

        .success-story-section .story:hover label.story-name {
            top: 55%;
            transition: 1s;
        }

        .success-story-section .story:hover label.company-name {
            top: 80%;
            transition: 1s;
            opacity: 1;
        }

        .success-story-section .story3:hover label.story-name {
            top: 70%;
            transition: 1s;
        }


        .success-story-section .story3:hover label.company-name {
            top: 90%;
            transition: 1s;
            opacity: 1;
        }

.expertise-section {
    background: rgba(0, 84, 131, 0.05);
    padding: 9.115vw 5.208vw;
    margin-top: 6.875rem;
}

    .expertise-section label {
        color: #090909;
        font-family: Lato;
        font-size: 2.1875rem;
        font-style: normal;
        font-weight: 700;
        line-height: 44px;
    }

        .expertise-section label span {
            color: #F7931E;
            font-family: Lato;
            font-size: 3.125rem;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            text-transform: capitalize;
        }

#user-interests .category-section {
    position: relative;
    transition: transform 0.1s ease;
}

    #user-interests .category-section .image-container {
        width: 100%;
        display: block;
        overflow: hidden;
        border-radius: 10px !important;
    }

        #user-interests .category-section .image-container img {
            width: 100%;
            height: 210px;
            border-radius: 10px;
            transition: transform 1s ease;
        }

    #user-interests .category-section:hover .image-container img {
        transform: scale(1.1);
        border-radius: 10px !important;
    }

    #user-interests .category-section:hover .pickgradient-expertise {
        background: linear-gradient(360deg, rgba(9, 9, 9, 0.90) 35%, rgba(9, 9, 9, 0.27) 100%);
    }

    #user-interests .category-section label {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        color: #FFFFFF;
        text-align: center;
        font-family: Lato;
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 700;
        line-height: 26px;
    }

    #user-interests .category-section button {
        position: absolute;
        top: 90%;
        left: 50%;
        transform: translate(-50%, -50%);
        /*display: none;*/
        opacity: 0;
        transition: 0.3s;
        color: #FFF;
        text-align: center;
        font-family: Lato;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        border-radius: 5px;
        border: 1px solid #FFFFFF;
        padding: 10px 20px;
        background-color: #000000;
    }

        #user-interests .category-section button:hover {
            /*background-color: darkgray;*/
            background: rgba(255, 255, 255, 0.20);
        }

    #user-interests .category-section img.up {
        position: absolute;
        bottom: -5%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #user-interests .category-section:hover label {
        top: 35%;
        transition: 0.75s;
    }

    #user-interests .category-section:hover button {
        top: 70%;
        transition: 0.75s;
        opacity: 1;
        /*display: block;*/
    }

    #user-interests .category-section:hover img.up {
        display: none;
    }

.solver-section {
    /*margin-top: 6.25rem;*/
    padding: 5.208vw;
}

    .solver-section label {
        color: #090909;
        font-family: Lato;
        font-size: 2.1875rem;
        font-style: normal;
        font-weight: 700;
        line-height: 44px;
    }

        .solver-section label span {
            color: #F7931E;
            font-family: Lato;
            font-size: 3.125rem;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            text-transform: capitalize;
        }

    .solver-section .solver-label label {
        color: #090909;
        font-family: Lato;
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 700;
        line-height: 33.2px;
    }

    .solver-section .solver-label p {
        color: #090909;
        font-family: Lato;
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }

.queries-section {
    background: rgba(0, 125, 196, 0.05);
    padding: 2.604vw 16.25vw;
    /*margin-top: 6.25rem;*/
}

    .queries-section label {
        color: #090909;
        text-align: center;
        font-family: Lato;
        font-size: 1.625rem;
        font-style: normal;
        font-weight: 700;
        line-height: 33.2px;
    }

        .queries-section label span {
            color: #F7931E;
            font-family: Lato;
            font-size: 1.625rem;
            font-style: normal;
            font-weight: 700;
            line-height: 33.2px;
        }

    .queries-section .queries-section-content {
        margin-top: 4.375rem;
    }

        .queries-section .queries-section-content input[type="text"] {
            color: rgba(9, 9, 9, 0.60);
            font-family: Lato;
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: 26px;
            border: none;
            border-bottom: 1px solid #CCCCCC;
            border-radius: 0;
            background: transparent;
            padding-left: 0;
        }

.what-they-say-section {
    background: #043A5B;
    margin-top: 6.25rem;
    padding: 5.208vw;
}

    .what-they-say-section label.main-label {
        color: #FFFFFF;
        text-align: center;
        font-family: Lato;
        font-size: 1.625rem;
        font-style: normal;
        font-weight: 700;
        line-height: 33.2px;
        margin-bottom: 1.875rem;
    }

.what-they-say-section-content {
    padding: 2.604vw 1.563vw;
    border-radius: 10px;
    border: 1px solid #FFFFFF;
}

    .what-they-say-section-content p {
        color: #FFFFFF;
        font-family: Lato;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
    }

    .what-they-say-section-content .label3 {
        color: #FFFFFF;
        font-family: Lato;
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 700;
        line-height: 26px;
    }

    .what-they-say-section-content .label4 {
        color: #FFFFFF;
        font-family: Lato;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

/*.contact-us-section {
    background: #005483;
    padding: 1.563vw 5.208vw
}*/

/*.contact-us-section .main-heading label {
        color: #FFF;
        text-align: center;
        font-family: Lato;
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 700;
        line-height: 26px;
    }

    .contact-us-section .main-content label {
        color: #FFF;
        text-align: center;
        font-family: Lato;
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }

    .contact-us-section .all-header {
        color: #FFFFFF;
        font-family: Lato;
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .contact-us-section .address {
        color: #FFF;
        font-family: Lato;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 26px;
    }

    .contact-us-section .address-content {
        color: #FFF;
        font-family: Lato;
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }*/

.modal-header {
    /*margin: 1rem 1.25rem 0.625rem 1.25rem;
    padding: 0 0 0.625rem 0;*/
    background-color: transparent !important;
}

    .modal-header .modal-title {
        font-family: Lato;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
    }

.modal-body {
    padding: 1.25rem;
}

    .modal-body .makePitchCard {
        background-color: #F4FAFD;
    }

    .modal-body .listenPitchCard {
        background-color: #FFF8ED;
    }

    .modal-body .makePitchCard,
    .modal-body .listenPitchCard {
        border-radius: 10px;
        box-shadow: 0px 3px 5px 0px rgba(9, 9, 9, 0.30);
        padding: 3.375rem 2.1875rem;
        gap: 11px;
        cursor: pointer;
    }

        .modal-body .makePitchCard .labelModal1,
        .modal-body .listenPitchCard .labelModal1 {
            color: #191919;
            text-align: center;
            font-family: Lato;
            font-size: 1.625rem;
            font-style: normal;
            font-weight: 700;
            line-height: 33.2px;
        }

        .modal-body .makePitchCard .labelModal2
        .modal-body .listenPitchCard .labelModal2 {
            color: #191919;
            text-align: center;
            font-family: Lato;
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: 22px;
        }

.control-label {
    color: #090909;
    font-family: Lato;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

::placeholder {
    color: rgba(9, 9, 9, 0.50);
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.btn-close:focus {
    box-shadow: none;
}


/* media query */
@media only screen and (min-width:1366px) and (max-width:1920px) {
    .open-challenges-section .challenge-type label.challenge-text {
        width: 142px;
    }
}

@media only screen and (min-width:992px) and (max-width:1365px) {
    .open-challenges-section .challenge-type label.challenge-text {
        width: 90px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .open-challenges-section .challenge-type label.challenge-text {
        width: 115px;
    }

    .success-story-section .story label.story-name {
        font-size: 1rem;
        left: 9%;
    }

    .success-story-section .story3 label.story-name {
        font-size: 1.5rem;
    }
}

@media only screen and (min-width:769px) and (max-width:991px) {
    .centered {
        top: 95%;
    }
}

@media only screen and (max-width:768px) {
    .container-with-overflow {
        height: 88vh;
        overflow-y: auto;
    }

    .centered {
        top: 100%;
    }

        .centered h1 {
            font-size: 2.1875rem;
            line-height: 44px;
        }

        .centered h2 {
            font-size: 1.625rem;
            line-height: 33.2px;
        }

        .centered h3 {
            font-size: 1.125rem;
            line-height: 24px;
        }

    .challenges-count-section label {
        font-size: 3.125rem;
    }

    .challenges-count-section p {
        font-size: 1.25rem;
    }

    .open-challenges-section .challenge-type label.challenge-text {
        width: 74px;
    }

    .open-challenges-section label,
    .open-challenges-section label span {
        font-size: 1.375rem;
        line-height: 24px;
    }

        .open-challenges-section label.grey-text {
            font-size: 0.875rem;
            line-height: 20px;
        }

        .open-challenges-section label.date-amount {
            font-size: 0.875rem;
            line-height: normal;
        }

    .open-challenges-section .challenge-description {
        font-size: 0.875rem;
        line-height: 22px;
        letter-spacing: 0.28px;
    }

    .open-challenges-section .challenge-title {
        font-size: 1.125rem;
    }

    .start-o-sphere-section {
        margin-top: 30px;
        padding: 20px 10px;
    }

        .start-o-sphere-section label {
            font-size: 1.625rem;
        }

        .start-o-sphere-section .pitch-section {
            text-align: center;
        }

        .start-o-sphere-section label.pitch-content {
            font-size: 1.375rem;
            line-height: 26px;
            margin-bottom: 1.875rem;
            text-align: center;
        }

        .start-o-sphere-section label.pitch-label {
            font-size: 1.625rem;
            line-height: normal;
        }

        .start-o-sphere-section label.pitch-date {
            font-size: 1.125rem;
            font-weight: 600;
            line-height: 24px;
        }

        .start-o-sphere-section label.pitch-description {
            font-size: 1rem;
            font-weight: 400;
            line-height: 26px;
        }

    .pitch-card {
    }

        .pitch-card lable.card-label {
        }

    .success-story-section {
        margin-top: 1.875rem;
    }

        .success-story-section label {
            font-size: 1.375rem;
            line-height: 10px;
        }

            .success-story-section label span {
                font-size: 1.375rem;
            }

        .success-story-section .story label.story-name {
            top: 47%;
            font-size: 1.25rem;
        }

    .expertise-section label {
        font-size: 1.375rem;
        line-height: 26px;
    }

        .expertise-section label span {
            font-size: 1.375rem;
        }

    #user-interests .category-section {
    }

        #user-interests .category-section img {
            width: -webkit-fill-available !important;
        }

        #user-interests .category-section label {
            font-size: 1.625rem;
            line-height: 33.2px;
            top: 45%;
        }

        #user-interests .category-section button {
            font-size: 1rem;
            width: 90%;
            /*display: block;*/
            opacity: 1;
            top: 83%;
        }

        #user-interests .category-section img.up {
            display: none;
        }

    .solver-section label {
        font-size: 1.375rem;
        line-height: 26px;
    }

        .solver-section label span {
            font-size: 1.375rem;
        }

    .queries-section {
        padding: 20px 20px 70px 20px;
    }

        .queries-section label {
            font-size: 1.375rem;
        }

            .queries-section label span {
                font-size: 1.375rem;
            }

        .queries-section .queries-section-content {
            margin-top: 1.875rem;
        }

            .queries-section .queries-section-content input[type="text"] {
                font-size: 0.875rem;
                line-height: 20px;
                padding-left: 0;
            }

    .what-they-say-section {
    }

        .what-they-say-section label.main-label {
            font-size: 1.375rem;
        }

    .what-they-say-section-content {
    }

        .what-they-say-section-content p {
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: 22px;
        }

        .what-they-say-section-content .label3 {
            font-size: 1.125rem;
            font-weight: 600;
            line-height: 24px;
        }

        .what-they-say-section-content .label4 {
            font-size: 0.875rem;
            font-weight: 700;
            line-height: normal;
        }

    .success-story-section .story label.company-name,
    .success-story-section .story3 label.company-name {
        opacity: 1;
        left: 6%;
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
    }

    .scroll-down {
        display: none;
    }
    /*.contact-us-section {
    }

        .contact-us-section .main-heading label {
            font-size: 1.25rem;
            font-weight: 600;
            line-height: 33.2px;
        }

        .contact-us-section .main-content label {
            font-size: 0.875rem;
            font-weight: 400;
            line-height: 20px;
        }

        .contact-us-section .all-header {
        }

        .contact-us-section .address {
            font-family: Lato;
            font-size: 1.125rem;
            font-weight: 400;
            line-height: 24px;
        }*/
}

@media only screen and (max-width:576px) {
    .open-challenges-section .challenge-type label.challenge-text {
        width: 135px;
    }

    .centered {
        top: 130%;
    }
}

@media only screen and (max-width:420px) {
    .open-challenges-section .challenge-type label.challenge-text {
        width: 120px;
    }
}

.carousel-inner {
    position: relative;
}

.viewNext {
    position: absolute;
    right: 80px;
    bottom: 150px;
    z-index: 100;
}