p, br{
    display: none;
 }
 
 .formContainer{
     display: flex !important;
     justify-content: center !important;
     /* align-items: center !important; */
     font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif !important;
      max-width: 45vw;
     box-shadow: 3px 3px 10px rgba(116, 116, 116, 0.8) !important; /* Add box shadow */
     margin: auto !important;
     flex-direction: column !important;  
     height: auto !important;
     /* background-color: rgb(255, 255, 255) !important; */
     padding: 2em;
 }
 
 input[type="text"],  input[type="phone"], input[type="email"]{
     width: 100%;
     height: 3em !important;
     padding: 1em !important;
     border: 1px solid rgba(0, 0, 0, 0.19);
     box-shadow: 1px 1px 5px rgba(8, 102, 255, 0.3) !important; 
     font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif !important;
     font-size: 1.1em !important;
 }
 
 .formContainer select{
     width: 100%;
     height: 3em !important;
     padding: 0 0 !important;
     border: 1px solid rgba(0, 0, 0, 0.19);
     box-shadow: 1px 1px 5px rgba(8, 102, 255, 0.3) !important; 
     font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif !important;
     font-size: 1.1em !important;
     padding-left: 1em !important;
 }
 
 .formContainer label{
     font-weight: normal !important;
 }
 
 .Name
 {
     display: flex;
     flex-direction: column;
 }
 
 .notif, .contact
 {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     grid-gap: 1.4em;
 }
 
 .formContainer input[type="checkbox"]
 {
     margin: 0;
     padding: 0;
     width: auto;
 }
 
 .segmentGroup{
     /* background-color: red; */
     padding-bottom: 1.5em;
 }
 
 .flightDetails{
     /* border: 1px solid black; */
     display: flex;
     flex-direction: column;
     padding-bottom: 1.5em;
 }
 
 .inputGroup{
     padding-bottom: 1em;
 }
 
 h3{
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif !important;
    text-align: center; 
    
 }

 #bookH3, #meetingH3, #notInterestedH3
 {
    font-size: 22px !important;
    line-height: 22px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;


 }

.segmentH5
 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif !important;
    font-size: 20px !important;
    color: #2D2D2D !important;
    line-height: 22px !important;
    font-weight: 400 !important;
 }
 
 h2{
     font-size: 1.5em !important;
     padding-bottom: 0.5em;
 }
 
 #service_agreement{
     margin-left: 10px !important;
     margin-right: 10px !important;
     font-size: 110% !important;
     font-weight: 400 !important;
     margin-top: -5px !important;
 }
 
 .decisionGroup{
     /* border: 1px solid black;
     background-color: red; */
 }
 
 input[type="checkbox"], input[type="radio"] {
     height: 1em;
     width: 40px;
 }
 
 
 #bookNow{
     /* border: 1px solid black;
     background-color: red; */
 }
 
 
 
 .col-sm-12{
     padding: 0 !important;
 }
 
 .questionGroup{
     padding: 0;
     margin: 2em 0em;
 }
 
 #submitSection
 {
     padding-top: 1em !important;
     
 }
 
 
 #airlines
 {
     padding: 0 1em !important;
 }
 
 
 
 
 .output{
     max-width: 45vw;
 }
 
 
 
 .slide-container
 {
    margin-top: 5em !important;
 }
 
 







 #reviseMode {
    margin: 20px;
}

.radioFieldLabel {
    margin-bottom: 10px;
}


.radioGroup {
    display: flex;
    flex-direction: column; 
    gap: 10px; 
}

.radioGroupContainer {
    display: flex;
    flex-direction: column; 
    gap: 10px; 
}


.radioItem {
    display: flex;
    align-items: center; 
    gap: 10px;
}


.radioItem input[type="radio"] {
    flex-shrink: 0; 
    margin: 0; 
}


.fieldLabel {
    word-break: break-word; 
    margin-bottom:0;
}

 










 
 /* table design */
 .optionsTable {
     display: block;
     width: 100%;
     /* padding: 0 2em; */
 }
 
 .matrixLayout {
     table-layout: fixed;
     width: 100%;
     margin-top: 0 !important;
 }
 
 .matrixLayout th,
 .matrixLayout td {
     width: 0;
     /* Reset the default width */
     white-space: nowrap;
     /* Prevent table cells from wrapping */
 }
 
 .matrixLayout th {
     background-color: lightgray;
     text-align: center;
    
 }
 
 .matrixLayout td {
     text-align: center;
 }
 
 .post-entry table th:first-child,
 .post-entry table td:first-child {
     text-align: center;
     padding-left: 1vw;
 }
 
 .post-entry table th,
 .post-entry table td {
     padding: 1vw;
 }
 
 
 /* bootstrap override */
 .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
     background-color: rgba(199,8,27,1) !important;
 }
 
 @media (max-width: 850px){
     .formContainer{
         display: flex !important;
         justify-content: center !important;
         /* align-items: center !important; */
         font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif !important;
          max-width: 90vw;
         box-shadow: 3px 3px 10px rgba(116, 116, 116, 0.8) !important; /* Add box shadow */
         margin: auto !important;
         flex-direction: column !important;  
         height: auto !important;
         /* background-color: rgb(255, 255, 255) !important; */
         padding: 2em;
     }
 
 
     .contact, .Name, .notif
     {
         display: flex;
         flex-direction: column;
         grid-gap: 0;
     }
 
 
     .formContainer input[type="checkbox"]
     {
         margin: 0;
         padding: 0;
         width: auto;
     }
 
     
     .formContainer input[type="radio"]
     {
         margin: 0;
         padding: 0;
         margin-top: 0.3em;
         /* width: auto; */
     }
 
     .radioGroup{
         display: flex;
     }
 
     .radioGroup label
     {
         padding-left: 0.5em;
     }
 
    
 }