.content .container { max-width: 650px!important; }
.content .invalid-message{ width: 100%; }
.content .box { padding: 20px 0px; }
.content .box1 { align-items: flex-start; }
.content .left { text-align: left; margin-top: 13px; width: 30%; color: var(--main-color); }
.content .req { margin-left: 8px; font-size: 9px; color: #fff; display: inline-block; font-weight: 700; background-color: var(--main-color); padding: 4px 4px; border-radius: 5px; }
.content .right { width: 70%; color: #000; font-weight: 700; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.content .right span { font-size: 12px; display: block; margin-top: 10px; font-weight: normal; }
.content .right1 span { display: block; }
.content .right1 .text { font-size: 1.3rem; }
.content .right .text { font-size: 1.3rem; font-weight: normal; }
.content label.mr-2.ml-2.my-auto { margin: 0 15px 0 5px; font-weight: normal; }
.content .textbox { background: #F5F5F5; padding: 13px; border: 0px solid #e2e0e0; border-radius: 0px; }
.content .textboxdec { cursor: pointer; background: #000; margin-left: 15px; padding: 17px 10px; color: #fff; font-size: 1rem; display: inline-block; width: 116px; text-align: center; font-weight: normal; }
.content .textbox2 { flex: 1; }
.content .textbox2a { max-width: 85px; }
.content .dayselect { min-width: 70px; background-color: #fff; }
.content .textbox1 { width: 100%; }
.content .textbox3 { max-width: 70px; }
.content .right1 { padding-bottom: 30px; }
.content .selectbox { min-width: 180px; border: none; padding: 13px; background-color: #fff; margin-left: 36px; margin-right: 8px; }
.content .selectbox:first-of-type { margin-left: 0; }
.content .button { text-align: center; cursor: pointer; }
.content  .formsubmit { cursor: pointer; }
.content #contact_form .button { margin: auto; max-width: 255px; flex: 1; text-align: center; cursor: pointer; }
.content #contact_form .button > *{  }
.content #contact_form .formsubmit { cursor: pointer; }
.content #step2 .button { padding-top: 75px; text-align: center; }
.content #step2 .formsubmit { background: #ccc; background-size: 8px; padding: 17px 105px; border-radius: 30px; color: #fff; font-size: 19px; display: inline-block; border: none; }
.content .pi,
.content #invalid_recaptcha{ text-align: center; }
.content #agree{ width: auto; display: inline-block; }
.content .input { text-align: center; margin-top: 5px; font-weight: bold; font-size: 14px; }
.content #confirm_button_container{ margin-top: 40px; gap: 10px; }
.content .check-inner h2 { font-weight: 400; text-align: center; margin-bottom: 30px; font-size: 2.2rem; color: var(--main-color); }
.content .center{ text-align: center; }
.content .check-inner .flex .left { margin-top: 0; width: 30%; align-self: stretch; background-color: #F5F5F5; }
.content .check-inner .flex .right { width: 70%; align-self: stretch; padding: }

.content .select{ position: relative; }
.content .select .invalid-message{ margin-top: 10px; }
.content .select:before{ content: ""; position: absolute; transition: all .3s; left: 160px; top: 18px; margin: auto; width: 5px; height: 5px; border-top: 1px solid var(--main-color); border-right: 1px solid var(--main-color); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.content .disabled-btn{ background: #B7B7B7; }
.content .disabled-btn2{ background: var(--btn-color); }
.content input:focus,
.content select:focus{ border: none; outline: none; }

.content .goto-top{ margin-top: 40px; }
.content .icon-box{ margin-bottom: 30px; text-align: center; }
.content .icon-box img{ max-width: 50px; }
.content .check-inner .flex:not(:last-child){ margin-bottom: 40px; }

 @media screen and (max-width: 768px) {
   .content .invalid-message { line-height: 1.4 !important; font-size: 1.3rem !important; }
   .content .check-inner p { line-height: 1.5; }
   .content .formsubmit { width: 300px; }
   .content .button { margin: 0 auto; }
   .content .formsubmit { padding: 18px 0px; }
 }

@media (max-width: 640px) {
  .content .flex { flex-direction: column; }
  .content .check-inner .flex .left, .check-inner .flex .right { width: 100%; }
  .content .left{ width: 100%; margin-top: 0; margin-bottom: 10px; }
  .content .box { padding: 15px 0px; flex-wrap: wrap; }
  .content .right { width: 100%; }
  .content .selectbox { width: 100%; }
  .content .textboxdec { margin: 0; margin-top: 10px; margin-left: 20px; width: 80px; vertical-align: middle; }
  .content .form-check.pl-0 { margin-top: 19px; }
  .content .myform { padding-top: 0; }
  .content .check-inner p{ font-size: 1.5rem; }
 }