﻿.start-o-sphere-section {
    padding: 6.615vw 5.208vw;
    background-image: url('../resources/images/start o sphere_d.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

    .start-o-sphere-section label.pitch-content {
        color: #FFFFFF;
        font-family: Montserrat;
        font-size: 3rem;
        font-style: normal;
        font-weight: 700;
        line-height: 60px;
        /*text-transform: capitalize;*/
    }

    .start-o-sphere-section label.pitch-label {
        color: #FFFFFF;
        font-family: Montserrat;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        /*text-transform: capitalize;*/
    }

    .start-o-sphere-section p {
        color: #FFF;
        font-family: Lato;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        margin-top: 1.875rem;
    }

.pitches-count-section {
    padding: 5.417vw 5.208vw;
}

    .pitches-count-section label {
        color: #0059A5;
        text-align: center;
        font-family: Lato;
        font-size: 4.375rem;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        text-transform: capitalize;
    }

    .pitches-count-section span {
        color: #0059A5;
        text-align: center;
        font-family: Lato;
        font-size: 4.375rem;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        text-transform: capitalize;
    }

    .pitches-count-section p {
        color: #0059A5;
        text-align: center;
        font-family: Lato;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
    }

.pitch-days-section {
    background: #F7F9FA;
    padding: 5.208vw;
}

    .pitch-days-section label {
        color: #090909;
        font-family: Lato;
        font-size: 2.5rem;
        font-style: normal;
        font-weight: 700;
        line-height: 54px;
        /*text-transform: capitalize;*/
    }

    .pitch-days-section p {
        color: #090909;
        font-family: Lato;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        margin-top: 1.875rem;
    }

    .pitch-days-section .calendar-image img {
        width: 100%;
        height: 268px;
        margin-bottom: 1.25rem;
    }

.pitch-card {
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0px 3px 5px 0px rgba(9, 9, 9, 0.30);
    padding: 16px;
}

    .pitch-card img {
        width: 100%;
        height: 215px;
        border-radius: 10px;
    }

    .pitch-card label.card-label {
        color: #000;
        font-family: Lato;
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 600;
        line-height: 33px;
        margin-top: 20px;
        height: 64px;
        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: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
    }

    .pitch-card label.label2 {
        color: #090909;
        font-family: Lato;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
    }

.past-pitch-days {
    margin-top: 3.75rem;
}

    .past-pitch-days label {
        color: #F7931E;
        text-align: center;
        font-family: Lato;
        font-size: 2.1875rem;
        font-style: normal;
        font-weight: 700;
        line-height: 44px;
        /*text-decoration: underline;*/
    }

    .past-pitch-days span {
        color: #090909;
        font-family: Lato;
        font-size: 2.1875rem;
        font-style: normal;
        font-weight: 700;
        line-height: 44px;
        text-decoration: none !important;
    }

    .past-pitch-days .past-pitch-card {
        border-radius: 10px;
        background: #FFFFFF;
        box-shadow: 0px 3px 5px 0px rgba(9, 9, 9, 0.30);
        gap: 20px;
        padding: 16px 16px 24px 16px;
    }

        .past-pitch-days .past-pitch-card img {
            width: 100%;
            height: 215px;
            border-radius: 10px;
        }

        .past-pitch-days .past-pitch-card .past-pitch-content {
            /* padding: 0.25rem 1.875rem 0.25rem 0;*/
        }

            .past-pitch-days .past-pitch-card .past-pitch-content .pitch-header label {
                padding: 5px 10px;
                color: #090909;
                text-align: center;
                font-family: Lato;
                font-size: 0.75rem;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
            }

            .past-pitch-days .past-pitch-card .past-pitch-content div.challenge-type label.challenge-text {
                color: #007DC4;
                font-family: Lato;
                font-size: 0.85rem;
                font-weight: 400;
                line-height: normal;
                text-align: center;
                display: inline-block;
            }

            .past-pitch-days .past-pitch-card .past-pitch-content label.label1 {
                color: #000;
                font-family: Lato;
                font-size: 1.125rem;
                font-style: normal;
                font-weight: 600;
                line-height: 33.2px;
                height: 64px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }

            .past-pitch-days .past-pitch-card .past-pitch-content label.label2 {
                color: rgba(9, 9, 9, 0.50);
                text-align: right;
                font-family: Lato;
                font-size: 1.125rem;
                font-style: normal;
                font-weight: 600;
                line-height: 26px;
            }

.categories-startup-section {
    /*  margin-top: 5rem;*/
    background: #F7F9FA;
    padding: 5.208vw;
}

    .categories-startup-section .cat-label {
        color: #090909;
        text-align: center;
        font-family: Lato;
        font-size: 2.1875rem;
        font-style: normal;
        font-weight: 700;
        line-height: 44px;
        text-align: center;
        text-transform: unset;
        margin-bottom: 1.875rem;
    }

        .categories-startup-section .cat-label span {
            color: #F7931E;
        }

    .categories-startup-section .category-section {
        position: relative;
        transition: transform 0.1s ease;
    }

        .categories-startup-section .category-section .image-container {
            width: 100%;
            display: block;
            overflow: hidden;
            border-radius: 10px !important;
        }

            .categories-startup-section .category-section .image-container img {
                width: 100%;
                height: 210px;
                border-radius: 10px;
                transition: transform 1s ease;
            }

        .categories-startup-section .category-section:hover .image-container img {
            transform: scale(1.1);
            border-radius: 10px !important;
        }

        .categories-startup-section .category-section:hover .banner-gradient-overlay {
            /*background: linear-gradient(to top, rgba(9, 9, 9, 1) 25%, rgba(9, 9, 9, 0.7) 50%, rgba(9, 9, 9, 0) 100%);*/
            background: linear-gradient(360deg, rgba(9, 9, 9, 0.90) 44.03%, rgba(9, 9, 9, 0.27) 100%);
            Selection colors RGB
        }

        .categories-startup-section .category-section label {
            position: absolute;
            top: 65%;
            left: 50%;
            transform: translate(-50%, -50%);
            white-space: nowrap;
            color: #FFFFFF;
            text-align: center;
            font-family: Lato;
            font-size: 1.375rem;
            font-style: normal;
            font-weight: 700;
            line-height: 26px;
        }

        .categories-startup-section .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;
        }

            .categories-startup-section .category-section button:hover {
                /*background-color: darkgray;*/
                background: rgba(255, 255, 255, 0.20);
            }

        .categories-startup-section .category-section img.up {
            position: absolute;
            bottom: -6%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .categories-startup-section .category-section:hover label {
            top: 45%;
            transition: 0.75s;
        }

        .categories-startup-section .category-section:hover button {
            top: 70%;
            transition: 0.75s;
            opacity: 1;
            /*display: block;*/
        }

        .categories-startup-section .category-section:hover img.up {
            display: none;
        }

.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: 2.1875rem;
        font-style: normal;
        font-weight: 700;
        line-height: 33.2px;
    }

    .queries-section .queries-section-content {
        margin-top: 2.5rem;
    }

        .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;
        }


/* media query */
@media only screen and (max-width: 768px) {
    .start-o-sphere-section {
        background-image: url('../resources/images/start o sphere_mobile.png');
        background-size: 100% 100%;
    }

        .start-o-sphere-section label.pitch-content {
            font-size: 1.5rem;
            line-height: normal;
            display: flex;
            /*justify-content: center;*/
        }

        .start-o-sphere-section label.pitch-label {
            font-size: 0.875rem;
            line-height: 26px;
            text-transform: unset;
        }

        .start-o-sphere-section p {
            font-size: 1.125rem;
            margin-top: 0.625rem !important;
        }

    .pitches-count-section label {
        font-size: 3.125rem;
        font-weight: 700;
    }

    .pitches-count-section p {
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 33.2px;
    }

    .pitch-days-section label {
        font-size: 1.625rem;
        line-height: 33.2px;
        display: flex;
        justify-content: center;
    }

    .pitch-days-section p {
        font-size: 1rem;
        font-weight: 400;
        line-height: 26px;
        margin-top: 0.625rem;
    }

    .pitch-days-section .calendar-image img {
        width: 100%;
        height: 268px;
        margin-bottom: 1.25rem;
    }

    .pitch-card {
    }

        .pitch-card label.card-label {
            font-size: 1.125rem;
            line-height: 24px;
        }

        .pitch-card label.label1 {
            font-size: 0.875rem;
            line-height: 20px;
        }

        .pitch-card label.label2 {
            font-size: 0.875rem;
            font-weight: 700;
            line-height: 20px;
        }

    .past-pitch-days {
    }

        .past-pitch-days label {
            font-size: 1.375rem;
            line-height: 26px;
        }

        .past-pitch-days span {
            font-size: 1.375rem;
            line-height: 26px;
        }

        .past-pitch-days .past-pitch-card {
            gap: 10px;
        }

            .past-pitch-days .past-pitch-card img {
                width: 100%;
                height: 100%;
                border-radius: 10px;
            }

            .past-pitch-days .past-pitch-card .past-pitch-content {
                /*  padding: 0.625rem 1.25rem;*/
            }

                .past-pitch-days .past-pitch-card .past-pitch-content label {
                    font-size: 1.125rem;
                    font-weight: 600;
                    line-height: 24px;
                }

                .past-pitch-days .past-pitch-card .past-pitch-content .pitch-header label {
                }

                .past-pitch-days .past-pitch-card .past-pitch-content div.challenge-type {
                }

                    .past-pitch-days .past-pitch-card .past-pitch-content div.challenge-type label {
                        font-size: 0.75rem;
                        line-height: normal;
                    }

                .past-pitch-days .past-pitch-card .past-pitch-content label.label1 {
                    font-size: 0.875rem;
                    line-height: 20px;
                }

                .past-pitch-days .past-pitch-card .past-pitch-content label.label2 {
                    font-size: 0.875rem;
                    font-weight: 700;
                    line-height: 20px;
                }

    .categories-startup-section {
        margin-top: 3rem;
    }

        .categories-startup-section .cat-label {
            font-size: 1.375rem;
            line-height: 26px;
        }

            .categories-startup-section .cat-label span {
            }

        .categories-startup-section .category-section {
        }

            .categories-startup-section .category-section img {
            }

            .categories-startup-section .category-section label {
                font-size: 1.625rem;
                line-height: 33.2px;
                top: 45%;
            }

            .categories-startup-section .category-section button {
                font-size: 1rem;
                width: 90%;
                /*display: block;*/
                opacity: 1;
                top: 70%;
            }

            .categories-startup-section .category-section img.up {
                display: none;
            }

    .queries-section {
        padding: 20px 20px 70px 20px;
    }

        .queries-section label {
            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;
            }
}

.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;
}
