#page01{
    display: flex;
    flex-direction: column;
    margin: 0 1.7em 0 1.7em;
   
    
}



#page01 > div{
    margin-bottom: 1.4em;
    
}

/* trip type, service and packages */
#page01Details{
   
    border-bottom: 1px solid #D6D0D0;
    display: flex;
    flex-direction: row;
    padding-bottom: 1em;
}

/* trip type section */
#tripType{
   
    flex: 0.4;
    display: flex;
    flex-direction: column;
    justify-content: center;
}



/* service and package */
#servicePackage{
   
    display: flex;
    flex-direction: row;
    flex: 0.6;
}



#page01 > div:nth-child(1) > div:nth-child(2) >div{
   
    flex: 1;
}

/* 
#tripType{
    display: flex;
    flex-direction: row;
   
}
#tripTypeLabel{
    margin-bottom: 0 !important;
} */


#serviceType {
    /* border: 1px solid black; */
    margin-right: 1em;
}

#serviceType, #eventType {
   flex-grow:1;
}





#page01 > div:nth-child(3) >input{
    width: 100%; 
}

/* 4 input fields */
#page01Text{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.4em; 
    margin-top: 1em !important;

}

#page01Text > .inputGroup
{
    margin-bottom: 0.75em;
}



#source{
margin-top: 1em !important;
}





/* label for how did you hear */
#page01 > div:nth-child(6)>div{
    /* border: 1px solid black; */
    
   margin-bottom: 0.4em;
}





@media (max-width: 850px){
    #page01Text{
        display: flex;
       flex-direction: column;
       gap: 1.4em;
    }

    #page01Details{
   
        border-bottom: 1px solid #D6D0D0;
        display: flex;
        flex-direction: column;
        padding-bottom: 1em;
    }

    #servicePackage{
   
        display: flex;
        flex-direction: column;
        gap: 1em;
        
    }


    #serviceType{
        margin: 0;
    }

    #tripType{
        margin-bottom: 1em;
    }


    .radioGroup{
        gap: 2em;
    }
    
   

   }