.support_main {
display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 50px;
}

.support_parent {
width: 1170px;
   height: 800px;
   border-radius: 24px;
   background: #FFF;
   box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.30);
   margin-inline: auto;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.support_parent h1 {
color: #000;
   text-align: center;
   font-family: var(--font-Outfit);
   font-size: 40px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   letter-spacing: 0.4px;
   text-transform: uppercase;
}

.support_form {
max-width: 1000px;
   width: 100%;
   margin-inline: auto;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   gap: 20px;
}

.All_inputs {
display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 30px;
}

.input_fileds {
display: flex;
   flex-direction: column;
   gap: 5px;
}

.contact_form_data {
width: 450px;
   height: 60px;
   border-radius: 30px !important;
   background: #FFF;
   box-shadow: 0px 0px 3px 2px #CECECE !important;
   padding: 20px !important;
   border: 1px solid #ccc;
}

.labels {
color: #000 !important;
   font-family: var(--font-poppins) !important;
   font-size: 16px !important;
   font-style: normal !important;
   font-weight: 500 !important;
   line-height: normal !important;
   letter-spacing: 0.16px;
   text-transform: capitalize;
   margin-left: 20px;
}

/* .support_text_area {
display: block;
   margin: 0 auto;
   padding-inline: 30px;
   margin-top: 20px;
}

*/

.Support_Message {
width: 946px;
   height: 200px;
   border-radius: 30px;
   background: #FFF;
   box-shadow: 0px 0px 3px 2px #CECECE;
   margin: 0 auto;
   resize: none;
padding: 20px;
}

.Support_form_submit {
display: flex;
   padding: 24px 37px;
   justify-content: center;
   align-items: center;
   gap: 10px;
   border-radius: 50px;
   background: #017AEA;
   box-shadow: 15px 15px 10px 1px rgba(38, 35, 98, 0.25);
   border: none;
/* margin-top: 40px; */
}

.Support_form_submit span {
color: #FFF;
   font-family: var(--font-poppins);
   font-size: 30px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   letter-spacing: 0.3px;
   text-transform: capitalize;
}

#Reach_Us {
   display: flex;
   align-items: center;
   gap: 20px;
}


/*tablet responsve */
@media screen and (max-width: 1024px) and (min-width: 768px) {

   .support_form {
      padding-bottom: 20px;
   }


   .support_main {
      flex-direction: row;
      padding: 10px;
   }

   .support_parent {
      height: 100%;
   }

   .support_parent h1 {
      font-size: 30px;
   }

   .All_inputs {
      grid-template-columns: 1fr;
   }

   /*.contact_form_data {
width: 100% !important;
}*/

   .Support_Message {
      width: 500px;
      height: 150px;
   }

   .Support_form_submit {
      margin-block: 40px;
      padding: 20px;
   }

   .Support_form_submit span {
      font-size: 20px;
   }

   #Reach_Us {
      flex-direction: column;
   }
}

/* mobile responsve  */
@media screen and (max-width: 599px) {
.support_form {
      padding-bottom: 20px;
   }

.support_main {
   flex-direction: row;
   padding: 10px;
}

.support_parent {
   height: 100%;
}

.support_parent h1 {
   font-size: 30px;
}

.All_inputs {
   grid-template-columns: 1fr;
}

.contact_form_data {
   width: 100% !important;
}

.Support_Message {
   width: 300px;
   height: 100px;
}

.Support_form_submit {
   margin-block: 40px;
   padding: 20px;
}

.Support_form_submit span {
   font-size: 20px;
}
#Reach_Us {
   flex-direction: column;
   margin-inline: 20px;
}
}