/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

#dropDown1{
    background-color: #732D3D;
    color: white;
}

@font-face {
    font-family: 'bromello-Script';
    src: url("../bromello-Regular.ttf");
    }
    .slideSize{
        height: 700px;
    }
    #heading1{
    font-family: 'bromello-Script';
    font-size: 100px;
    color: #6C2233;
    }
    #container{
    position: relative;
    }
    #rectangle74{
    width: 100%;
    }
    #pineappleAudio {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
        border-radius: 0;
        background-color: #6C2233;
        padding: 0 20px;
    
        display: -webkit-box;
    
        display: -ms-flexbox;
    
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    #rectangle64{
    position: absolute;
    left: 60%;
    top: 15%;
    width: 30%;
    height: 81%;
    }
    #ellipse7{
    position: absolute;
    left: 75%;
    top: 15vw;
    width: 15vw;
    height: 40vw;
    }
    #playAudio{
    position: absolute;
    left: 70%;
    top: 39%;
    width: 10%;
    height: 35%; 
    cursor: pointer;
    }
    #para1{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;      
    text-align: justify;
    color: #6C2233;
    padding-left: 15%;
    padding-right: 10%;
    padding-top: 5%;
    padding-bottom: 5%;
    }
    
    
    #heading2{
    font-family: 'bromello-Script';
    font-size: 100px;
    color: white
    }
    #paraCenter{
    padding-left: 15%;
    padding-right: 15%;
    color: white;
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 40px;  
    }
    
    #pineappleLogo{
    position: absolute;
    width: 20%;
    height: 35%; 
    left: 75%;
    }
    
    #ellipse72{
    position: absolute;
    width: 10vw;
    height: 10vw;
    right: 90%; 
    }
    
    #ellipse73{
    position: absolute;
    width: 5%;
    height: 10%;
    left: 95%;
    bottom: 3%;
    }
    
    #mic{
    position: relative;
    padding-top: 18%;
    width: 95%;
    height: 95%;
    z-index: 3;
    }
    
    #micPara{
    color: white;
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;  
    padding-top: 32%;
    padding-right: 15%;
    }
    
    #ellipse74{
    position: absolute;
    width: 13vw;
    height: 13vw;
    top: 30%;
    left: 35%;
    }
    
    #ellipse75{
    position: absolute;
    top: 65%;
    left: 5%;
    width: 13vw;
    height: 13vw;    
    z-index: 1;
    }
    
    #micPic2{
    position: relative;
    width: 100%;
    height: 100%;
    }
    
    #priceHeading{
    font-family: 'bromello-Script';
    font-size: 80px;
    color: white;
    text-align: center;
    padding-top: 10%;
    }
    
    #pricePara{
    color: white;
    text-align: justify;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 50px;  
    padding-top: 5%;
    padding-right: 5%;
    }
    
    #ellipse76{
    position: absolute;
    width: 15vw;
    height: 15vw;
    top: 18%;
    left: 52%;
    }
    
    #ellipse77{
    position: absolute;
    width: 16vw;
    height: 16vw;
    top: 52%;
    left: 77%;
    }
    
    #registerHeading{
    font-family: 'bromello-Script';
    font-size: 80px;
    color: white;
    text-align: center;
    padding-top: 10%;
    }
    .bgColor{
    background-color: #6C2233;
    }
    .form-style-7{
    position: relative;
    max-width: 70%;
    height: 80%;
    margin:100px auto;
    background: #732D3D;
    border-radius:2px;
    padding: 5%;  
    font-family: 'Montserrat';
    z-index: 3;
    -webkit-box-shadow: 2px 2px 2px 2px;
            box-shadow: 2px 2px 2px 2px;
    }
    .form-style-7 h1{
    display: block;
    text-align: center;
    padding: 0;
    
    margin: 0px 0px 20px 0px;
    color: white;
    font-size:x-large;
    
    }
    .form-style-7 ul{
    list-style:none;
    padding:0;
    margin:0;	
    
    }
    .form-style-7 li{
    display: block;
    padding: 15px;
    border:2px solid #DDDDDD;
    margin-bottom: 70px;
    border-radius: 3px;
    background: #732D3D;
    }
    
    .form-style-7 li:last-child{
    border:none;
    margin-bottom: 0px;
    text-align: center;
    }
    
    #contactDetailsLabel{
    width: 20%;
    }
    #participationLabel{
    width: 30%;
    }
    .inputColor{
    background: #732D3D;
    color: white;
    font-family: 'Montserrat';
    }
    
    .inputColor1{
    background: #732D3D;
    color: white;
    font-family: 'Montserrat';
    }
    
    .form-style-7 li > label{
    z-index: 1;
    display: block;
    float: left;
    margin-top: -30px;
    background:#732D3D;
    text-align: center;
    
    height: 5%;
    padding: 2px 5px 20px 5px;
    color: white;
    font-size: 19px;
    font-weight: 600;
    overflow: hidden;
    font-family: 'Montserrat';
    }
    
    .form-style-7 input[type="text"],
    .form-style-7 textarea,
    .form-style-7 select 
    {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    display: block;
    outline: none;
    border: none;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    padding: 0;
    font-family: 'Montserrat';
    }
    
    .form-style-7 textarea{
    background: #732D3D;
    }
    
    .form-style-7 textarea{
    resize:none;
    
    }
    .form-style-7 input[type="submit"],
    .form-style-7 input[type="button"]{
    background: white;
    border: none;
    text-align: center;
    padding: 15px 30px 15px 30px;
    border-bottom: 3px solid white;
    border-radius: 3px;
    color: #D2E2FF;
    }
    
    #upload-description{
    color: white;
    text-align: center;
    }

    #category1{
        width: auto;
    }
    #name1{
        width: auto;
    }
    #contactDetailsLabel{
        width: auto;
    }
    #participationLabel{
        width: auto;
    }
    #currentJobLabel{
        width: auto;
    }


    
    #upload-image{
    cursor: pointer;
    }
    
    .inputFile{
    display: none;
    }
    
    #submit{
    background-color: #732D3D;
    color: white;
    border: 1px solid white;
    }
    
    #upload{
    padding-right: 15%;
    }
    
    #submit:hover{
    background-color: white;
    color: #732D3D;
    border: 1px solid #732D3D;
    }
    
    #pineappleLogoForm{
    position: absolute;
    height: 40%;
    left: 80%;
    bottom: -15%;
    z-index: 3;
    display: block;
    }
    
    #ellipse78{
    position: absolute;
    width: 8vw;
    height: 8vw;
    left: -5%;
    }
    #ellipse79{
    position: absolute;
    width: 13vw;
    height: 13vw;
    right: -20%;
    }
    #ellipse80{
    position: absolute;
    width: 10vw;
    height: 10vw;
    left: -20%;
    }
    @media only screen and (min-width: 1650px) {
        #ellipse77{
            display: none;
            }
            #ellipse75{
                display: none;
                }    
    }
    @media only screen and (min-width: 600px) and (max-width: 880px){
        #category1{
            width: auto;
        }
        #name1{
            width: auto;
        }
        #contactDetailsLabel{
            width: auto;
        }
        #participationLabel{
            width: auto;
        }
        #currentJobLabel{
            width: auto;
        }
   
        #heading1{
    font-size: 70px;
    }
    #para1{
    font-size: 17px;
    line-height: 30px;      
    text-align: justify;
    padding-left: 0%;
    padding-right: 0%;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #6C2233;
    
    }
    
    #ellipse71{
    display: none;
    }
    #ellipse72{
    display: none;
    }
    #ellipse73{
    display: none;
    }
    #ellipse74{
    display: none;
    }
    #ellipse75{
    display: none;
    }
    #ellipse76{   
    display: none;
    }
    #ellipse77{
    display: none;
    }
    #ellipse78{
    display: none;
    }
    #ellipse79{
    display: none;
    }
    #ellipse80{
    display: none;
    }
    #pineappleLogo{
    display: none;
    }
    #pineappleLogoForm{
    display: none;
    }
    
    .form-style-7 li > label{
    z-index: 1;
    display: block;
    float: left;
    
    background:#732D3D;
    text-align: center;
    width: 24%;
    height: 5%;
    padding: 2px 5px 20px 5px;
    color: white;
    font-size: 12px;
    font-weight: 600;
    overflow: hidden;
    font-family: 'Montserrat';
    }
    #heading2{
    font-family: 'bromello-Script';
    font-size: 70px;
    color: white
    }
    
 
    #micPara{
    color: white;
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;  
    padding-top: 0%;
    padding-right: 0%;
    }
    #priceHeading{
    font-family: 'bromello-Script';
    font-size: 70px;
    color: white;
    text-align: center;
    padding-top: 0%;
    }
    
    #pricePara{
    color: white;
    text-align: left;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;  
    padding: 0%;
    margin: 0%;
    }
    #registerHeading{
    font-family: 'bromello-Script';
    font-size: 70px;
    color: white;
    text-align: center;
    padding-top: 7%;
    }
    #paraCenter{
    padding-left: 10%;
    padding-right: 10%;
    color: white;
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 550;
    font-size: 16px;
    line-height: 30px;  
    }
    
    #micPic2{
    position: relative;
    width: 80%;
    height: 80%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 12%;
    }
    #mic{
    position: relative;
    padding-top: 10%;
    margin-left: 15%;
    width: 75%;
    height: 75%;
    }
    }
    @media only screen and (min-width: 1000px) and (max-width: 1199px){
       
    .slideSize{
        height: 800px;
    }
        #ellipse71{
            display: none;
            }
        #ellipse74{
            display: none;
            }
            #ellipse75{
            display: none;
            }
            #ellipse76{   
            display: none;
            }
            #ellipse77{
            display: none;
            }
            #ellipse72{
                display: none;
                }
                
                #ellipse73{
                display: none;
                }
                #pineappleLogo{
              display: none;
                    }
                    #category1{
                        width: auto;
                    }
                    #name1{
                        width: auto;
                    }
                    #contactDetailsLabel{
                        width: auto;
                    }
                    #participationLabel{
                        width: auto;
                    }
                    #currentJobLabel{
                        width: auto;
                    }
               
                    #heading1{
                font-size: 70px;
                }
                #para1{
                font-size: 17px;
                line-height: 30px;      
                text-align: justify;
                padding-left: 0%;
                padding-right: 0%;
                font-family: 'Montserrat', sans-serif;
                font-style: normal;
                font-weight: 400;
                color: #6C2233;
                
                }
                
                
                .form-style-7 li > label{
                z-index: 1;
                display: block;
                float: left;
                
                background:#732D3D;
                text-align: center;
                width: 24%;
                height: 5%;
                padding: 2px 5px 20px 5px;
                color: white;
                font-size: 12px;
                font-weight: 600;
                overflow: hidden;
                font-family: 'Montserrat';
                }
                #heading2{
                font-family: 'bromello-Script';
                font-size: 70px;
                color: white
                }
                
             
                #micPara{
                color: white;
                text-align: justify;
                font-family: 'Montserrat', sans-serif;
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 30px;  
                padding-top: 0%;
                padding-right: 0%;
                }
                #priceHeading{
                font-family: 'bromello-Script';
                font-size: 70px;
                color: white;
                text-align: center;
                padding-top: 0%;
                }
                
                #pricePara{
                color: white;
                text-align: left;
                font-family: 'Montserrat';
                font-style: normal;
                font-weight: 300;
                font-size: 18px;
                line-height: 30px;  
                padding: 0%;
                margin: 0%;
                }
                #registerHeading{
                font-family: 'bromello-Script';
                font-size: 70px;
                color: white;
                text-align: center;
                padding-top: 7%;
                }
                #paraCenter{
                padding-left: 10%;
                padding-right: 10%;
                color: white;
                text-align: justify;
                font-family: 'Montserrat', sans-serif;
                font-style: normal;
                font-weight: 550;
                font-size: 18px;
                line-height: 30px;  
                }
                
                #micPic2{
                position: relative;
                width: 50%;
                height: 40%;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                margin-left: 22%;
                }
                #mic{
                align-content: center;    
                position: relative;
                padding-top: 5%;
                width: 65%;
                height: 65%;
                padding-left: 25%;
                }
                    
    }

    @media only screen and (min-width: 1199px) and (max-width: 1406px){
        .slideSize{
            height: 700px;
        }
            #ellipse71{
                display: none;
                }
            #ellipse74{
                display: none;
                }
                #ellipse75{
                display: none;
                }
                #ellipse76{   
                display: none;
                }
                #ellipse77{
                display: none;
                }
                #ellipse72{
                    display: none;
                    }
                    
                    #ellipse73{
                    display: none;
                    }
                    #pineappleLogo{
                  display: none;
                        }
                        #category1{
                            width: auto;
                        }
                        #name1{
                            width: auto;
                        }
                        #contactDetailsLabel{
                            width: auto;
                        }
                        #participationLabel{
                            width: auto;
                        }
                        #currentJobLabel{
                            width: auto;
                        }
                   
                        #heading1{
                    font-size: 70px;
                    }
                    #para1{
                    font-size: 17px;
                    line-height: 30px;      
                    text-align: justify;
                    padding-left: 0%;
                    padding-right: 0%;
                    font-family: 'Montserrat', sans-serif;
                    font-style: normal;
                    font-weight: 400;
                    color: #6C2233;
                    
                    }
                    
                    
                    .form-style-7 li > label{
                    z-index: 1;
                    display: block;
                    float: left;
                    
                    background:#732D3D;
                    text-align: center;
                    width: 24%;
                    height: 5%;
                    padding: 2px 5px 20px 5px;
                    color: white;
                    font-size: 12px;
                    font-weight: 600;
                    overflow: hidden;
                    font-family: 'Montserrat';
                    }
                    #heading2{
                    font-family: 'bromello-Script';
                    font-size: 70px;
                    color: white
                    }
                    
                 
                    #micPara{
                    color: white;
                    text-align: justify;
                    font-family: 'Montserrat', sans-serif;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 18px;
                    line-height: 30px;  
                    padding-top: 20%;
                    padding-right: 0%;
                    }
                    #priceHeading{
                    font-family: 'bromello-Script';
                    font-size: 70px;
                    color: white;
                    text-align: center;
                    padding-top: 0%;
                    }
                    
                    #pricePara{
                    color: white;
                    text-align: left;
                    font-family: 'Montserrat';
                    font-style: normal;
                    font-weight: 300;
                    font-size: 18px;
                    line-height: 30px;  
                    padding-top: 10%;
                    margin: 0%;
                    padding-left: 10%;
                    }
                    #registerHeading{
                    font-family: 'bromello-Script';
                    font-size: 70px;
                    color: white;
                    text-align: center;
                    padding-top: 7%;
                    }
                    #paraCenter{
                    padding-left: 10%;
                    padding-right: 10%;
                    color: white;
                    text-align: justify;
                    font-family: 'Montserrat', sans-serif;
                    font-style: normal;
                    font-weight: 550;
                    font-size: 18px;
                    line-height: 30px;  
                    }
                    
                    #micPic2{
                    position: relative;
                    width: 100%;
                    height: 100%;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    margin-right: 10%;
                    }
                    #mic{
                    align-content: center;    
                    position: relative;
                    padding-top: 5%;
                    width: 100%;
                    height: 100%;
                    padding-left: 5%;
                    }
    }

    @media only screen and (min-width: 880px) and (max-width: 1000px){
    
        .slideSize{
            height: 1000px;
        }
        #heading1{
    font-size: 80px;
    }
    #para1{
    font-size: 18px;
    line-height: 30px;      
    text-align: justify;
    padding-left: 0%;
    padding-right: 0%;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #6C2233;
    
    }
    #ellipse71{
    display: none;
    }
    #ellipse72{
    display: none;
    }
    #ellipse73{
    display: none;
    }
    #ellipse74{
    display: none;
    }
    #ellipse75{
    display: none;
    }
    #ellipse76{   
    display: none;
    }
    #ellipse77{
    display: none;
    }
    #ellipse78{
    display: none;
    }
    #ellipse79{
    display: none;
    }
    #ellipse80{
    display: none;
    }
    #pineappleLogo{
    display: none;
    }
    #pineappleLogoForm{
    display: none;
    }
    .form-style-7 li > label{
    z-index: 1;
    display: block;
    float: left;
    
    background:#732D3D;
    text-align: center;
    width: 16%;
    height: 5%;
    padding: 2px 5px 20px 5px;
    color: white;
    font-size: 12px;
    font-weight: 600;
    overflow: hidden;
    font-family: 'Montserrat';
    }
    #heading2{
    font-family: 'bromello-Script';
    font-size: 70px;
    color: white
    }
    
    #category1{
        width: auto;
    }
    #name1{
        width: auto;
    }
    #contactDetailsLabel{
        width: auto;
    }
    #participationLabel{
        width: auto;
    }
    #currentJobLabel{
        width: auto;
    }
    #micPara{
    color: white;
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;  
    padding-top: 0%;
    padding-right: 0%;
    }
    #priceHeading{
    font-family: 'bromello-Script';
    font-size: 70px;
    color: white;
    text-align: center;
    padding-top: 0%;
    }
    
    #pricePara{
    color: white;
    text-align: left;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;  
    padding: 0%;
    margin: 0%;
    }
    #registerHeading{
    font-family: 'bromello-Script';
    font-size: 70px;
    color: white;
    text-align: center;
    padding-top: 7%;
    }
    #paraCenter{
    padding-left: 10%;
    padding-right: 10%;
    color: white;
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 550;
    font-size: 20px;
    line-height: 30px;  
    }
    
    #micPic2{
    position: relative;
    width: 80%;
    height: 80%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 12%;
    }
    #mic{
    position: relative;
    padding-top: 10%;
    margin-left: 15%;
    width: 75%;
    height: 75%;
    }
    
    
    
    
    }
    @media only screen and (max-width: 600px) {
        .slideSize{
            height: 900px;
        }
        #rectangle74{
    width: 100%;
    }
    #rectangle64{
    position: absolute;
    left: 60%;
    top: 1%;
    width: 40%;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    }
    #playAudio{
    position: absolute;
    left: 73%;
    top: 31%;
    width: 15%;
    height: 45%; 
    cursor: pointer;
    }
    #ellipse7{
    position: absolute;
    left: 82%;
    top: -10%;
    width: 15vw;
    height: 40vw;
    }
    #heading1{
    font-size: 50px;
    }
    #para1{
    font-size: 15px;
    line-height: 30px;      
    text-align: justify;
    padding-left: 0%;
    padding-right: 0%;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #6C2233;
    
    }
    
    #ellipse71{
    display: none;
    }
    #ellipse72{
    display: none;
    }
    #ellipse73{
    display: none;
    }
    #ellipse74{
    display: none;
    }
    #ellipse75{
    display: none;
    }
    #ellipse76{   
    display: none;
    }
    #ellipse77{
    display: none;
    }
    #ellipse78{
    display: none;
    }
    #ellipse79{
    display: none;
    }
    #ellipse80{
    display: none;
    }
    #pineappleLogo{
    display: none;
    }
    #pineappleLogoForm{
    display: none;
    }
    #heading2{
    font-size: 50px;
    }
    #paraCenter{
    padding-left: 0%;
    padding-right: 0%;
    color: white;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 550;
    font-size: 15px;
    line-height: 30px;  
    }
    
    #micPara{
    color: white;
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;  
    padding-top: 0%;
    padding-right: 0%;
    }
    
    #priceHeading{
    font-family: 'bromello-Script';
    font-size: 50px;
    color: white;
    text-align: center;
    padding-top: 0%;
    }
    
    #pricePara{
    color: white;
    text-align: left;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 30px;  
    padding: 0%;
    margin: 0%;
    }
    #registerHeading{
    font-family: 'bromello-Script';
    font-size: 50px;
    color: white;
    text-align: center;
    padding-top: 7%;
    }
    
    .inputColor{
    font-size: 15px;
    
    }
    .form-style-7{
    position: relative;
    width: 100%;
    height: 100%;
    margin: 10% auto;
    background: #732D3D;
    border-radius:2px;  
    font-family: 'Montserrat';
    z-index: 3;
    -webkit-box-shadow: 2px 2px 2px 2px;
            box-shadow: 2px 2px 2px 2px;
    }
    .form-style-7 li{
    display: block;
    padding: 15px;
    border:2px solid #DDDDDD;
    margin-bottom: 50px;
    border-radius: 3px;
    background: #732D3D;
    }
    
    .form-style-7 li > label{
    z-index: 1;
    display: block;
    float: left;
    
    background:#732D3D;
    text-align: center;
    width: 40%;
    height: 5%;
    padding: 2px 5px 20px 5px;
    color: white;
    font-size: 12px;
    font-weight: 600;
    overflow: hidden;
    font-family: 'Montserrat';
    }
    
    #category1{
        width: auto;
    }
    #name1{
        width: auto;
    }
    #contactDetailsLabel{
        width: auto;
    }
    #participationLabel{
        width: auto;
    }
    #currentJobLabel{
        width: auto;
    }
    .form-style-7 input[type="submit"],
    .form-style-7 input[type="button"]{
    background: white;
    border: none;
    text-align: center;
    padding: 10px 20px 10px 20px;
    border-bottom: 3px solid white;
    border-radius: 3px;
    color: #D2E2FF;
    }
    
    #upload-image{
    width: 90%;
    margin-left: -70%;
    }
    #upload-description{
    font-size: 12px;
    margin-left: -140%;
    }
    
    }