body {
  background-color: #F8F8F8!important;
}
.container {
  width: 1385px !important;
  max-width: 100% !important;
  border: none !important;
  background: #FFF !important;
  padding: 0px 19px 0px 21px !important;
}
.longform_cont img#logo {
  width: 100%;
  max-width: 459.478px;
  height: auto;
}
.longform_logo {
  padding-top: 33px;
  margin-bottom: 33px;
 
}
.retainer-header {
  display: flex;
  justify-content: space-between;
  gap: 21px;
  margin-bottom: 10px !important;
  width: 1341px;
  margin: auto;
}
.retainer-video-wrap {
  width: 60%;
  /* width: 775px; */
  /* margin: 0px -8px -4px -8px; */
}
.retainer-legalteam-img {
  width: 76px;
  height: 76px;
  object-fit: cover;
  object-position: center;
  clip-path: circle(50%);
  margin-bottom: 15px;
  border-radius: 50%;
}
.retainer-legalteam {
  width: 40%;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0px;
  padding: 15px;
  border-radius: 10px;
  background: #F8F8F8;
}
.intake_tit {
  color: #4B4B4B;
  text-align: center;
  font-family: Arial;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.retainer-leagalwrap {    
  display: flex;
  width: 95%;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-between;
  gap: 20px 15px;
  flex-wrap: wrap;
}
.retainer-legal-member h6 {
  font-size: 20px;
}
.retainer-legal-member.text-center {
  width: 120px;
}
.retainer-legal-member p {
  color: #4B4B4B;
  text-align: center;
  font-family: Arial;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  margin-bottom: 2.5px;
}
.intake_name {
  font-size: 16px;
}
.intake_position {
  font-size: 14px;
}
iframe#intro_video, iframe#intro_video_head {
  width: 100%!important;
  height: auto!important;
  aspect-ratio: 16/9;
}
#retainer_video .modal-dialog, #intro_video_head .modal-dialog, #retainer_video_new .modal-dialog {
  max-width: 80%!important;
}
.video-list {
margin-top: 10px!important;
}
.pagi_top {
  width: 1341px!important;
  height: 74px!important;
  display: flex!important;
  border-radius: 10px 10px 0px 0px !important;
  border: 3px solid #F8F8F8!important;
  background: #F8F8F8!important;
  align-items: center!important;
  padding-left: 51px!important;
  padding-right: 72px!important;
  margin: auto!important;
  margin-bottom: 49px !important;
  margin-left: -20px !important;
  margin-top: -28px !important;
  justify-content: flex-start;
}
.pag_client {
  width: 450px;
  height: 26px;
  color: #4B4B4B;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
}
.pag_client a.active {
  background-color: #DEF0F9!important;
  color: #4B4B4B!important;   
  padding: 4px 8.5px!important; 
}
.pag_client a {
  color: #4B4B4B!important;            
  font-family: Arial!important;
  font-size: 16px!important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.pag_client a {    
  padding: 0px 8.5px!important;
  margin: 2px 5px!important;
}
.pag_client a:hover:not(.active) {
  padding: 4px 8.5px!important;
}
.box_out {   
  height: 595px; 
  box-shadow: none;
  padding: 25px 21px 25px 30px;
  border-radius: 10px;
  border: 3px solid #F8F8F8;
  background: rgba(255, 255, 255, 0.05);
  margin: 0px auto 21px 0px;
}
.w-1339 {
  width: 1343px;
}
.vid_crq {
  border: 0.5px solid #D8D8D8 !important;
  padding: 7px 7px 7px 7px !important;
  width: 39px !important;
  height: 38.37px !important;
  line-height: 1 !important;
}
.f_main {
  width: 100%;
  height: 146px;
  gap: 175px;
  margin-top: 19px;
}
.f_intro {   
  display: flex;
  width: 100%;
  height: 137.86px; 
  color: #5F5F5F;
  text-align: left;
  font-family: Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 23.5px;
  padding-left: 4px;
  /* border-left: 3px solid #F8F8F8; */
  margin-top: 4px;
}
.f_intro_text {
  width: 100%;
  height: 96px;
}
.fontw-700 {
  font-weight: 700;
}
.f_adr_1 {   
display: flex;
  width: 100%;
  height: 138px;
  color: #5F5F5F;
  font-family: Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding-left: 7px;
  /* border-left: 3px solid #F8F8F8; */  
  margin-top: 4px;
}
img.line_img.fs_2 {
right: 6%!important;
}
img.line_img.fs_3 {
right: 6.8%!important;
}
.f_adr_2 {  
  display: flex;
  width: 100%;
  height: 139px; 
  color: #5F5F5F;
  font-family: Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding-left: 14.5px;
  /* border-left: 3px solid #F8F8F8; */
  margin-top: 4px;
}
.form_input input {
  width: 305px;
  height: 39px;
  border-radius: 10px;
  border: 0.5px solid #4B4B4BCC;
  color: rgba(75, 75, 75, 0.80) !important;
  font-family: Arial;
  font-size: 16px!important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.form_input textarea {
width: 1242px;
height: 66px;
border-radius: 10px;
border: 0.5px solid #4B4B4BCC;
color: rgba(75, 75, 75, 0.80) !important;
font-family: Arial;
font-size: 16px!important;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.form_input .selectize-input {
  width: 305px !important;
  height: 39px;
  border-radius: 10px !important;
  border: 0.5px solid #4B4B4BCC !important;
  color: rgba(75, 75, 75, 0.80) !important;
  font-family: Arial;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal !important;
}
.form_input select {
  width: 305px !important;
  height: 39px!important;
  border-radius: 10px !important;
  border: 0.5px solid #4B4B4BCC !important;
  color: rgba(75, 75, 75, 0.80) !important;
  font-family: Arial;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal !important;
}
.yes_no {
  width: 305px;
  height: 39px;
  border-radius: 10px;
  border: 0.5px solid #4B4B4BCC;
  color: #4B4B4B;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.yes_no label.form-check-label {
  margin-top: 5px;
}
#custom_scroll::-webkit-scrollbar {
  width: 5px!important;
}
.pad_1 {
  padding-left: 1px!important;
}
.pad_8 {
  padding-left: 8.4px!important;
}
.padl_0 {
  padding-left: 0px!important;
}
.padl_2 {
  padding-left: 2px !important;
}
.padl_4 {
  padding-left: 4px !important;
}
.padl_3 {
  padding-left: 3px !important;
}
.marl_5 {
  margin-left: -5px !important;
}
.padl_7 {
  padding-left: 7px !important;
}
.padl_5 {
  padding-left: 5px !important;
}
.marl_7 {
  margin-left: -7px !important;
}
.padl_6 {
  padding-left: 6px !important;
}
.long_form label {
  padding-left: 15px !important;
  padding: 0rem .75rem;
  color: #4B4B4B !important;
  font-family: Arial;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
  margin-top: 6px;
}
.placeholder-m,
input::placeholder {
  color: rgba(75, 75, 75, 0.80) !important;
  font-family: Arial !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}
.long_form .titletxt {
  color: #464A4C;
  font-family: Inter;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 259.647px;
  margin-top: 3px;
  height: 31px;
}
.scrollable {    
  height: 430px!important;    
  padding-right: 22px!important;
  padding-left: 8px!important;
  padding-bottom: 1px; 
  margin-bottom: 1px;
}
.yes_no label.form-check-label {
  color: #4B4B4B;
}
input.ui-select-search.ui-select-toggle {
  margin-top: -7px !important;
}
.custom-file-upload {
  width: 305px !important;
  height: 39px;
  border-radius: 10px !important;
  border: 0.5px solid #4B4B4BCC !important;
  color: rgba(75, 75, 75, 0.80) !important;
  font-family: Arial !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal !important;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.new-btn-longform {
  width: 299px;
  height: 44.058px;
  background: linear-gradient(180deg, #40B3DF -65.82%, #2A88AC 212.22%);
  border: none;
  color: #FFF;
  border-radius: 10px;
  text-shadow: 0px 0.2px 1px rgba(0, 0, 0, 0.25);
  font-family: Inter;
  flex-shrink: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
}
.yes_no .bs-invalid-msg {
  position: absolute;
  width: 200px;
  margin-top: 30px;
  left: 0px;
  font-size: 14px;
}
.f_box {
  margin-left: 21px!important;
  margin-right: 23px;
  margin-top: 21px;
}
.ret_icon {
  margin-left: 6px;
  color: #fff !important;
  background: #2A88AC !important;
  padding: 5px 4px 0px 2px;
  border-radius: 5px;
  font-size: 15px;
  width: 24px;
  height: 24px;
  text-align: center;
  cursor: pointer;
}
.prep-item-box {
  background: #ffffff!important;
  padding: 0px!important;
}
.yes_no_bord {
display: flex;
  gap: 1px;
  text-align: center;
  border-right: 2px solid #4B4B4B33;
  padding-right: 0px !important;
  height: 43.5px;
  line-height: 2.3;
  padding-left: 18px !important;
  max-width: 14.266667% !important;
  align-items: center;
  justify-content: center;
}
.info_bord {
  text-align: center;
  border-right: 2px solid #4B4B4B33;
  height: 43.5px;
  max-width: 95px!important;
  padding-left: 32.5px!important;
  padding-right: 32.5px!important;
}
.video_bord {
  text-align: center;
  padding-left: 0px !important;
  padding-right: 0px !important;
  max-width: 84px !important;
}
.ques_col {
  max-width: 45.3% !important;
}
.ques_row {
  align-items: center;
  margin-bottom: 4px;
}
.yes_no_bord .form-check {    
  margin-bottom: 0rem!important;
}
.info_bord p {
  line-height: 2.8;
  color: #2A88AC;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
  width: 29px;
  height: 19px;
}
.sub_info {
  padding-right: 15px;
  padding-left: 15px;
  width: 106px;
  margin-left: 1rem;
  border-left: 2px solid #4B4B4B33;
  border-right: none !important;
}
.sub_ans_col {
  position: relative;
  left: 8px;
}
.input_wid {
display: flex;
justify-content: flex-end;
}
.save_longform {
  width: 56px;
  height: 34px;
  padding: 5px;
  color: #FFF;
  text-align: center;
  text-shadow: 0px 0.2px 1px rgba(0, 0, 0, 0.25);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: linear-gradient(180deg, #40B3DF -65.82%, #2A88AC 212.22%)!important;
  border: none!important;
  border-radius: 10px!important;
}
.marr_28 {
  margin-right: 26px;
  margin-bottom: 51px;
  margin-top: 6px;
}
.mart_36 {
  margin-top: 36px;
  padding-right: 31px!important;
}
.sub_head {
  font-family: Arial !important;
  width: 450px;
  height: 54px;
  line-height: 2.4!important;
  margin: 0px !important;
  color: #2A88AC !important;
  font-size: 20px !important;
}
.long_form select, .long_form .selectize-control.single .selectize-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/select.png);
  background-color: #fff;
  background-position: calc(100% - 18px) center;
  background-repeat: no-repeat;
  padding-right: 30px;
}
.long_form .selectize-control.single .selectize-input:after {
  display: none;
}
.tooltip_eye .tooltiptext.visible {
  /* visibility: visible; */
  display: block;
  opacity: 1;
}
.tooltip_eye .tooltiptext {
  left: -249.3px !important;
  bottom: 90%;
  width: 372px;
  background-color: #F8F8F8;
  color: #4B4B4B;
  line-height: 21px;
  padding: 17px;
  border-radius: 10px;
  font-family: Inter;
  font-style: normal;
}
.tooltip_eye .tooltiptext::after {
  display: none;
  left: 79%!important;
}
.tooltip_eye {
  margin-left: 0px!important;
}
.eye_1 .tooltiptext {
  bottom: unset!important;
  top: 90%!important;
}
.eye_1 .tooltiptext::after {
  transform: rotate(180deg)!important;
  top: unset!important;
  bottom: 100%!important;
}
.sub_ans {
  position: relative;
  left: 229px;
}
.sub_ans .sub_info {    
margin-left: 1rem !important;
}
.btusa_ques input[type="text"] {
  width: 467px;
  color: rgba(75, 75, 75, 0.80) !important;
  font-family: Arial;
  font-size: 18px!important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  height: 40px;
  border: 1px solid #4B4B4B33;
  border-radius: 10px;
}
.btusa_ques input[type="text"] {
  color: rgba(75, 75, 75, 0.80) !important;
  font-family: Arial;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  height: 40px;
  border: 1px solid #4B4B4B33;
  border-radius: 10px;
}
.btusa_ques select {
  color: rgba(75, 75, 75, 0.80) !important;
  font-family: Arial;
  font-size: 18px!important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  height: 40px;
  border: 1px solid #4B4B4B33;
  border-radius: 10px;
}
#amt_in_dollar0 {
  width: 307px;
  color: rgba(75, 75, 75, 0.80) !important;
  font-family: Arial;
  font-size: 18px!important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  height: 40px;
  border: 1px solid #4B4B4B33;
  border-radius: 10px;
}
.f_intro:after {
height: 50% !important;
}
.pagi_tit {
color: #4B4B4B;
text-align: center;
font-family: Inter;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 0px;
width: 309px;
margin-left: 12px;
}

.form-check-input:only-child {
width: 18px;
height: 18px;
position: relative;
top: 3px;
}
.form-control {  
padding-left: 15px !important;
}
.form-check-inline input[type=radio] {
width: 18px;
height: 18px;  
position: relative;
top: 3px;
left: 3px;
}
.sub_ans input[type=radio] {
left: 0px;
}
.sub_ans_col input[type=radio] {  
left: 0px;
}
.ques_row .col-md-3 {  
max-width: 24.75% !important;
}
.sub_ans label {
font-family: Arial !important;
font-size: 16px !important;
}
.pagi_bot {
  width: 1343px !important;
  height: 74px !important;
  display: flex !important;
  border-radius: 10px !important;
  border: 3px solid #F8F8F8 !important;
  background: #F8F8F8 !important;
  align-items: center !important;
  padding-left: 51px!important;
  padding-right: 55px !important;
  margin: auto !important; 
  justify-content: flex-start; 
  margin: 17px 0px 25px 0px!important;
}
.line_img {
position: relative;
right: 2%;
margin-top: 7px;
}
#member_popup, #circulation_pop, #circle_popup, #hs90th_popup {
  position: absolute!important;
  background-color: rgba(0, 0, 0, 0.5);
  top: -10%;
}
.button_event {
  width: 100px !important;
}
@media only screen and (max-width:991px) {
  .retainer-header {
      flex-direction: column;
  }
  .retainer-legalteam {
      padding: 10px;
      width: 100%;
  }
}
/* @media (min-width:1390px) {
  .retainer-video-wrap {
      width: 717px;
  }
  .retainer-legalteam {
      width: 603px;
      height: 406px;
      margin: 10px 0px;
      padding: 20px 24px 22px 25px;
  }
  .retainer-leagalwrap {
      gap: 30px 38px;
      justify-content: flex-start;
  }
  .retainer-legal-member.text-center {
      width: 150px;
  }
  iframe#intro_video, iframe#intro_video_head {
      width: 740px !important;
      margin: 4px 0px 0px -11px;
  }
  iframe#intro_video_ques {
      width: 717px !important;
      margin: 3px 0px -4px 0px;
  }
  .f_main {
      width: 1274px !important;
      margin-left: 6px;
  }
  .f_intro {   
      width: 444px!important;
  }    
  .f_adr_1 {   
      width: 349px!important;
  }
  .f_adr_2 {  
      width: 307px!important;
  }
  .f_intro_text {
      width: 365px!important;       
  }
  
  .f_adr_1text {
      width: 278px!important;        
  }
  .f_adr_2text {
      width: 255px!important;        
  }    
} */
@media only screen and (max-width:400px) {
  .retainer-legal-member.text-center {
      width: calc((100% / 2) -(15px / 2));
  }
}

/* media query code */

.retainer-legalteam {
  width: 603px;
  height: 406px;
  margin: 10px 0px;
  padding: 20px 24px 22px 25px;
}
.retainer-leagalwrap {
  gap: 30px 38px;
  justify-content: flex-start;
}
.retainer-legal-member.text-center {
  width: 150px;
}
iframe#intro_video, iframe#intro_video_head {
  width: 740px !important;
  margin: 4px 0px 0px -11px;
}
iframe#intro_video_ques {
    width: 715px !important;
    margin: 10px 0px -6px 0px;
    border-radius: 10px;
    border: 4px solid #fff;
    box-shadow: 0px 10px 20px 1px rgba(0, 0, 0, 0.10);
}
.f_main {
  width: 1073px !important;
  margin-left: auto;
  margin-right: auto;
}
.f_intro {   
  width: 280px!important;
}    
.f_adr_1 {   
  width: 193px!important;
}
.f_adr_2 {  
  width: 280px!important;
}
.f_intro_text {
  width: 275.809px!important;       
}

.f_adr_1text {
  width: 186.187px!important;        
}
.f_adr_2text {
  width: 265.5px!important;        
}  

/* End of media query code */

/* ------Book consult css--------- */
.consult-with-member {
  gap: 10px;
}
.consult-with li {
  list-style-type: none;
  padding: 10px 0px;
  display: flex;
  align-items: center;
  gap: 7px;
}
.consult-with span {
  color: #4B4B4B;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.consult-with-img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  clip-path: circle();
}
#bookConsultModal .consult-with-img {
  margin: 10px 0px;
}
.consult-with ul {
  padding-left: 14px;
}
.consult-with-wrap p:first-child {
  padding: 20px;
}
.consult-with-wrap p {
  color: rgba(75, 75, 75, 0.70);
  text-align: justify;
  font-family: Arial;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 166.667% */
}
.calendar-section .consult-with li img {
  width: 24px;
  height: 24px;
}
.legal-consult-info h5,
.calendar-section h5,
.legal-consult-info span,
.legal-consult-info a {
  color: #4B4B4B;
  font-family: Arial;
  font-style: normal;
  line-height: 16px;
}
.legal-consult-info h5, .calendar-section .consult-with-member h5 {
  font-size: 16px;
  font-weight: 600;
  font-family: Inter;
}
.calendar-section .consult-with-member {
  margin: 20px 0px 37px 0px;
}
.next-month-date {
  color: #4B4B4B;
  opacity: 0.2;
}
.calendar-section h5 {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  padding-top: 6px;
}
.time-slots span {
  color: #4B4B4B;
  text-align: center;
  text-shadow: 0px 0.2px 1px rgba(0, 0, 0, 0.25);
  font-family: Arial;
  font-size: 16px;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 100%;
  height: 44.058px;
  padding: 10px;
  background: #F8F8F8;
  border-radius: 10px;
  cursor: pointer;
  text-transform: uppercase;
}
.yes_no_bord label {
  font-family: Arial !important;
  font-size: 16px !important;
}
.sub_ans_col label {
font-family: Arial !important;
font-size: 16px !important;
}
.time-slots {
  max-height: 435px;
  overflow-y: auto;
  padding-top: 10px;
  /* padding-right: 10px; */
}
.time-slot {
  position: relative;
}
.time-slot.selected span {
  background: rgba(42, 136, 172, 0.2);  
  color: rgba(42, 136, 172, 1);
}
.time-slot span.fakeInputBox {
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
  height: 100%;
}
.time-slot span.fakeInputBox input[type="checkbox"] {
  width: 100%;
  height: 100%;  
  font-family: Arial;
}
.time-slots > :nth-child(n+6) {
  display: none;
}
.time-slot {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 27px;
  padding: 0px 0px;
}
.time-slot span, .time-slot button {
  transition: width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  max-width: 306px;
}
/* .time-slot.selected span, .time-slot.selected button {
  width: 50%;
  max-width: 153px;
} */
.time-slot button {
  max-width: 140px;
  height: 44.058px;
  padding: 10px;
  background: #2A88AC;
  color: #ffffff;
  border: 0px;
  border-radius: 10px;
  font-family: Arial;
  font-size: 16px;
}
.time-slots::-webkit-scrollbar {
  width: 7px;
  background: #F8F8F8;
  border-radius: 10px;
}
.time-slots::-webkit-scrollbar-thumb {
  background: #2A88AC;
  border-radius: 10px;
}
.time-slots::-webkit-scrollbar-track {
  border-radius: 10px;
}
#bookConsultModal .close {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 30px;
  color: #4B4B4B;
  cursor: pointer;
  background: transparent;
  border: 1px solid #4B4B4B;
  border-radius: 50%;
  width: 41px;
  height: 41px;
  padding: 15px;
  vertical-align: middle;
  align-content: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#bookConsultModal li img {
  width: 30px;
  height: 30px;
}
#bookConsultModal .modal-content {
  border-radius: 30px;
}
.modal-header {
  border-bottom: 1px solid #D9D9D9;
}
#bookConsultModal .modal-body {
  padding-left: 28px!important;
}
#bookConsultModal .modal-content {
  color: #484848;
  text-align: center;
  font-family: Arial;
  font-style: normal;
  line-height: normal;
  padding-left: 25px!important;
  padding-right: 25px!important;
}
.modal-title {
  text-transform: capitalize;
}
#bookConsultModal .modal-dialog:before {
  content: url(../images/ai-icon/tick.png);
  position: absolute;
  top: -50px;
  left: 50%;
  width: auto;
  height: auto;
  transform: translate(-50%, -15px);
  border-radius: 10px;
  z-index: 9;
}
#bookConsultModal .modal-content p {
  font-size: 28px;
  font-weight: 400;
}
#bookConsultModal .modal-content h5 {
  font-size: 35px;
  font-weight: 700;
}
#bookConsultModal .consult-with {
  gap: 33px;
  margin-bottom: 6px;
}
#bookConsultModal .consult-with > div, #bookConsultModal .consult-with > ul {
  width: calc(50% - 16.5px);
}
#bookConsultModal h6 {
  color: #4B4B4B;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 100% */
}
.calendar-section h5 span {
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  font-family: Inter;
}
.legal-consult-info span {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 6px;
}
.legal-consult-info a {
  color: #2A88AC;
  font-size: 12px;
  font-weight: 400;
}
.legal-consult-info {
  display: flex;
  flex-flow: column wrap;
  width:50%;
}
.calendar-section {
  width: 1343px;
  /* display: flex;
  flex-flow: row wrap; */
  border-radius: 10px;
  border: 3px solid #F8F8F8;
  background: rgba(255, 255, 255, 0.05);
  /* flex-wrap: nowrap; */
}
.cal_out_box {
  display: flex;
  flex-wrap: nowrap;
  width: 1343px;
  padding: 0px;
}
.calendar-section > div {
  padding: 0px 20px;
}
.calendar-section > div:not(:nth-child(2)) {
  width: 30%;
}
.calendar-section > div:nth-child(2) {
  width: 40%;
} 
/* .calendar-section > div + div {
  border-left: 3px solid #F8F8F8;
} */
.calendar-container {
  padding: 20px 10px;
}
.calendar-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 26px;
}

.calendar-header select {
  width: 151px;
  height: 32px;
  border-radius: 7px;
  color: #4B4B4B;
  font-family: Arial;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/select1.png);
  background-color: #F8F8F8;
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
  padding: 6px 12px;
}
.calendar {
  width: 100%;
  border-collapse: collapse;
}
.calendar th, .calendar td div {
  width: 38px;
  height: 37px;
  text-align: center;
  vertical-align: middle;
  color: #4B4B4B;
  text-align: center;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
}
.calendar tr {
  height: 47px;
}
.calendar th {
  color: #555;
  font-weight: 700;
}
.calendar td {
  padding: 5px;
}
.calendar td div {
  cursor: pointer;
  font-weight: 400;
  width: 38px;
  height: 37px;
  align-content: center;
  clip-path: circle();
  /* transition: background 0.3s; */
}
.calendar td div:hover {
  background: rgba(42, 136, 172, 0.20);
  opacity: 0.8;
  color: #2A88AC;
}
td div.selected {
  background: #2A88AC!important;
  opacity: 0.8!important;
  color: #ffffff!important;
}
td div.highlighted {
  background: rgba(42, 136, 172, 0.20);
  opacity: 0.8;
  color: #2A88AC;
}
td div.highlighted-border {
  border: 1px solid #2A88AC;
}
td.sub_ans.salry {
  left: 179px!important;
}
.thankyou {
  color: #484848;
  text-align: center;
  font-family: Arial;
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  /* width: 179px; */
  height: 34px;
  margin-bottom: 14px;
}
.thankyou_txt {
  color: #484848;
  text-align: center;
  font-family: Arial;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: 24px;
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 28px;
}
.consult_txt {
  color: #484848;
  text-align: center;
  font-family: Arial;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.img_compdiv {
  text-align: center;
  margin-top: -134px;
  margin-bottom: 30px;
}
.time_div {
  width: 35.5%;
  display: flex;
  align-items: center;
}
.cal_div {
  width: 28.5%;
  display: flex;
  align-items: center;
}
.phone_div {
  width: 29%;
  display: flex;
  align-items: center;
}
.time_icon {
  width: 30.16px;
  height: 30.16px;
}
.apt_body {
  padding: 16px 18px!important;
}
.completed_img {
  width: 154px;
  height: 154px;
}
.close_img {
  width: 41.919px;
  height: 41.012px;
  cursor: pointer;
}
.slot_row {  
  margin-left: 24px;
}
.apt_pop {
  width: 572px;
  height: 403px;
  border-radius: 30px;
  box-shadow: 0px 0px 20px -1px rgba(0, 0, 0, 0.20);
  border: none;
  padding: 0px;
}
.apt_text {
  margin-bottom: 28px;
}
.time_text {
  color: #4B4B4B;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0px;
}
/* .eye_2 .tooltiptext {
  top: 100%!important;
  bottom: unset!important;
  }
  .tooltip_eye .tooltiptext::after {
      top: unset !important;
      bottom: 100% !important;
  } */
@media only screen and (max-width: 1389px){
  .ai-video-header {
    align-items: center;
  }
}
/* @media (min-width:1390px){
  .calendar-container {
    padding: 20px 14px 20px 11px;
  }
  .ai-video-wrap {
    width: 719px;
  }
  .legal-consult {
    width: 370px;
    height: 406px;
  }
  iframe.ai-video {
    width: 735px !important;
    margin: -4px 0px 0px -11px;
  }
  .calendar-section h5, .legal-consult h2 {
    font-size: 26px;
  }
  .consult-with-wrap {
    width: 449px!important;
    padding: 0px 74px 0px 53px!important;
  }
  .consult-calendar {
    width: 456px!important;
    padding: 0px 47.23px 0px 54.77px!important;
  }
  .consult-calendar h5 {
    padding-left: 14px;
    margin-bottom: 13px;
  }
  .time-slots-wrap {
    width: 436px!important;
    padding-left: 72.89px!important;
    padding-right: 55.11px!important;
  }
  .time-slots-wrap h5 {
    padding-left: 11px;
    margin-bottom: 23px;
  }
  .dashboard-wrap .outer-wrap .inr-lft-wrap {
    width: 225px;
  }
  .dashboard-wrap .outer-wrap .inr-rgt-wrap {
    width: calc(100% - 225px);
  }
  .legal-consult-img, .consult-with-img {
    width: 83px;
    height: 83px;
  }
  .time-slots span {
    font-size: 20px;
  }
  .time-slot button {
    font-size: 18px;
  }
  #bookConsultModal .modal-dialog {
    max-width: 572px;
    width: 572px;
    min-width: 572px;
  }
  .legal-consult-img {
    margin-left: 15px;
    margin-right: 13px;
  }
  .legal-consult-member {
    gap: 0px;
  }
} */

/* media query code */

.calendar-container {
  padding: 20px 14px 20px 11px;
}
.ai-video-wrap {
  width: 719px;
}
.legal-consult {
  width: 370px;
  height: 406px;
}
iframe.ai-video {
  width: 735px !important;
  margin: -4px 0px 0px -11px;
}
.calendar-section h5, .legal-consult h2 {
  font-size: 26px;
}
.consult-with-wrap {
  width: 449px!important;
  padding: 0px 74px 0px 53px!important;
}
.consult-calendar {
  width: 456px!important;
  padding: 0px 47.23px 0px 54.77px!important;
}
.consult-calendar h5 {
  padding-left: 14px;
  margin-bottom: 13px;
}
.time-slots-wrap {
  width: 436px!important;
  padding-left: 72.89px!important;
  padding-right: 55.11px!important;
}
.time-slots-wrap h5 {
  text-align: center;
  padding-left: 11px;
  margin-bottom: 23px;
}
.dashboard-wrap .outer-wrap .inr-lft-wrap {
  width: 225px;
}
.dashboard-wrap .outer-wrap .inr-rgt-wrap {
  width: calc(100% - 225px);
}
.legal-consult-img, .consult-with-img {
  width: 83px;
  height: 83px;
}
.time-slots span {
  font-size: 20px;
}
.time-slot button {
  font-size: 18px;
}
#bookConsultModal .modal-dialog {
  max-width: 572px;
  width: 572px;
  min-width: 572px;
}
.legal-consult-img {
  margin-left: 15px;
  margin-right: 13px;
}
.legal-consult-member {
  gap: 0px;
}

/* End of media query code */

.position_field .selectize-input {
  color: rgba(75, 75, 75, 0.80) !important;
  font-family: Arial;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  height: 40px;
  border: 1px solid #4B4B4B33!important;
  border-radius: 10px!important;
  background: none !important;
}
.position_field input.ui-select-search.ui-select-toggle {
  height: 20px;
}
.position_field .selectize-input input {
  color: rgba(75, 75, 75, 0.80) !important;
  font-family: inherit;
  font-size: 18px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}
.ques-panel-title {
    background: #F8F8F8;
    padding: 21px 13px 22px;
}
.ques-title, .ques-panel-title {
    color: #4B4B4B;
    text-align: center;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.ques_form {
    border-radius: 10px;
    overflow: hidden;
    border: 3px solid #F8F8F8;
    margin-bottom: 20px;
    background: transparent !important;
}
@media (min-width: 1385px) {
    .ques-panel-title {
        font-size: 26px;
    }
    .retainer-video-wrap {
      width: 717px;
    }
}
.bookConsult > div {
    margin-top: 60px !important;
}
.consult-with-wrap h5 {
    margin-bottom: 30px;
}
.bookConsult h5 {
    color: #4B4B4B;
    text-align: center;
    font-family: Arial;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}