.title {
        font-weight: 700;
    }

        .title.headline-first {
            font-size: 3rem;
            text-align: center;
        }

    .headline-second {
        text-align: center;
    }


    .grid-text-container {
        text-align: center
    }

    .sub-title {
        margin-top: 1rem;
        font-size: 16px;
        font-weight: bolder;
    }


    .triangle-shape {
        height: 180px;
        width: 100%;
        border-right: 50vw solid;
        border-left: 50vw solid;
        border-bottom: 90px solid;
        border-top: 90px solid;
        border-color: white white #f5f5f5 #f5f5f5;
        position: absolute;
        z-index: 1;
    }

    .wt-bg {
        background-color: #f5f5f5;
    }

    .reg-div {
        width: 700px;
    }

        .reg-div input {
            height: 3rem;
            box-shadow: 0 5px 25px 0 rgba(0,0,0,0.25);
        }

        .reg-div select {
            height: 3rem;
            box-shadow: 0 5px 25px 0 rgba(0,0,0,0.25);
        }

        .reg-div btn {
            box-shadow: 0 5px 25px 0 rgba(0,0,0,0.25);
            background-color: #23a7de;
            font-size: 16px;
        }

    .img-lp1 {
        width: 45%;
        min-width:320px;
        height:auto!important;
        border-radius: 10px;
        box-shadow: 0 5px 25px 0 rgba(0,0,0,0.25);
    }

#logo-img {
   width:15%;
   min-width:200px;
}

.lp1-grid {
    margin: auto;
    width: auto;
    max-width:700px;
}

        .lp1-grid svg {
            width: 40px;
            height: 40px;
            fill: #23a7de;
            margin: 5px;
        }

            .lp1-grid svg:hover {
                transform: scale(1.5);
            }

        .lp1-grid div {
            padding: 1rem;
        }

    .media-div {
        border-top: 1px solid dimgrey;
        border-bottom: 1px solid dimgrey;
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

        .media-div img {
            width: 35px;
            height: 35px;
            margin: 1rem;
        }


    .media-icon-parent {
        border: 2px solid rgba(0,0,0,0.25);
        border-radius: 50%;
        margin: 5px;
        cursor: pointer;
    }

        .media-icon-parent:hover {
            border: 2px solid #f5f5f5
        }



    /*new css*/

#main-body {
    background-image: url("../images/landing_page_1.jpg");
    background-size: cover;
    outline: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

#main-div-registration {
    background-color: rgba(245,245,245,0.8);
    padding: 2rem;
    /* border-radius: 30px; */
    box-shadow: 0 5px 25px 0 rgb(0 0 0 / 25%);
    width: 100%;
    max-width: 700px;
    overflow: auto;
    max-height: 90%;
}

@media (min-width: 1024px) {
    .form-group .input_label {
        display: none;
    }
}


.col-50 {
    width: 48%;
    margin: 0 1% 0 1%;
}

.row{
    justify-content:space-between
}
/*portrait*/
@media screen and (max-width:481px) {
    .col-50 {
        width: 100%;
    }
    #browser-menu {
        display: flex;
        position: static;
        width: 100%;
       
        margin-top: 20px;
    }

    .triangle-shape {
        display: none
    }

    .main-div-lp1 {
        background-image: url('../images/bg_triangle.jpg');
        width: 94% !important;
        margin: 3% !important;
        background-repeat: no-repeat;
    }
}

#supported-div p{
    font-size:2rem;
    text-align:center;
}

/*landscape*/
@media screen and (max-height:481px) {
    #browser-menu {
        display: flex;
        position: static;
        width: max-content;
        margin-top: 20px;
    }
    .triangle-shape {
        display: none
    }

    .main-div-lp1 {
        background-image: url('../images/bg_triangle.jpg');
        width: 94% !important;
        margin: 3% !important;
        background-repeat: no-repeat;
    }
}