.consultation-sec {
position: relative;
padding-bottom: 84px;
background-position: top 450px left;
}
.consultation-sec::before {
content: "";
height: 166px;
width: 21px;
position: absolute;
right: 65px;
top: 450px;
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.consultation-sec>div {
position: relative;
}
.consultation-sec .choosefile .btn-file {
border: 1px solid rgba(21, 52, 42, .1019607843);
}
.consultation-sec .choosefile .input-group-btn .fileupload-new {
font-size: 16px;
height: 100%;
position: relative;
}
.consultation-sec .choosefile .input-group-btn .fileupload-new::before {
content: "";
height: calc(100% + 2px);
width: calc(100% + 2px);
position: absolute;
top: -1px;
right: -1px;
border: 1px solid #f16232;
}
.consultation-sec .choosefile #fileName {
font-weight: 400;
max-width: calc(100% - 220px);
text-align: start;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.consultation-sec .choosefile .cardnumber .input-group-btn .fileupload-new {
background-color: rgba(0, 0, 0, 0);
padding: 6px 20px 6px 0px;
}
.consultation-sec .choosefile .cardnumber .input-group-btn .fileupload-new::before {
border-left: none;
border-color: rgba(21, 52, 42, .1019607843);
}
.consultation-sec .choosefile .pay_btn {
font-weight: 600;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
transition: all .2s;
box-shadow: none;
padding: 18px 15px;
text-align: center;
width: 100%;
border-radius: 5px;
border: 1px solid;
}
.consultation-sec .choosefile .pay-with-card-btn {
background-color: #5469d4;
border-color: #5469d4;
color: #fff;
margin-bottom: 10px;
margin-top: 16px;
}
.consultation-sec .choosefile .pay-with-card-btn:hover {
background-color: #fff;
color: #5469d4;
}
.consultation-sec .choosefile .pay-with-paypal {
background-color: #ffc439;
border-color: #ffc439;
color: #18415f;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
padding-block: 15px;
}
.consultation-sec .choosefile .pay-with-paypal:hover {
background-color: #fff;
}
.consultation-sec .choosefile .stripe_btn {
padding: 4px 10px;
border: 1px solid #635bff;
font-weight: 600;
font-size: 14px;
line-height: 24px;
text-align: center;
color: #635bff;
display: inline-flex;
align-items: center;
gap: 4px;
border-radius: 0px;
transition: all ease-in-out .2s;
}
.consultation-sec .choosefile .stripe_btn img {
transition: all ease-in-out .2s;
}
.consultation-sec .choosefile .stripe_btn:hover {
color: #fff;
background-color: #635bff;
}
.consultation-sec .choosefile .stripe_btn:hover img {
filter: brightness(10);
}
.consultation-sec .choosefile .payment-method {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-top: 10px;
}
.stepsBar {
max-width: 761px;
background: #f9f9f9;
border-radius: 20px;
padding: 20px 20px 18px;
text-align: center;
margin: 23px auto 30px;
}
.stepsBar ul {
text-decoration: none;
margin: 0px;
padding: 0px;
display: inline-flex;
-moz-column-gap: 60px;
column-gap: 60px;
}
.stepsBar ul li {
padding-top: 36px;
text-align: center;
position: relative;
height: unset;
}
.stepsBar ul li h2, .stepsBar ul li p {
margin: 0px;
}
.stepsBar ul li h2 {
font-weight: 700;
font-size: 16px;
line-height: 30px;
text-transform: capitalize;
color: #000;
}
.stepsBar ul li p {
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #18415f;
}
.stepsBar ul li::before, .stepsBar ul li::after {
content: "";
width: 28px;
height: 28px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
}
.stepsBar ul li::before {
background-image: url('data:image/svg+xml,');
}
.stepsBar ul li.isactive .progress-bar::before {
background-color: #00ab84;
}
.stepsBar ul li.active::before, .stepsBar ul li.isactive::before {
background-image: url('data:image/svg+xml,');
}
.stepsBar ul li.complete::before {
background-image: url('data:image/svg+xml,');
}
.stepsBar ul li.complete .progress-bar::before {
width: 100%;
background-color: #00ab84;
}
.stepsBar ul li .progress-bar {
display: block;
position: absolute;
top: 14px;
left: calc(50% + 30px);
height: 2px;
border-radius: 2px;
width: 100%;
background-color: #afd0de;
overflow: hidden;
}
.stepsBar ul li .progress-bar::before {
content: "";
width: 50%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 2px;
background-color: rgba(0, 0, 0, 0);
}
.stepsBar ul li:last-child .progress-bar {
display: none;
}
.book-consultation .available_appointments {
max-width: 960px;
margin-inline: auto;
}
.book-consultation .appointments-box {
max-width: 100%;
border-radius: 20px;
background-color: #f9f9f9;
border: none;
box-shadow: none;
padding-inline: 20px;
padding-bottom: 15px;
margin-bottom: 20px;
}
.book-consultation h2 {
padding: 19px 46px;
}
.book-consultation .available_slot {
margin-bottom: 10px;
margin-top: 0px;
}
.book-consultation .available_slot>span {
position: relative;
}
.book-consultation .available_slot>span::before {
content: "";
width: calc(100% + 20px);
height: 1px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
display: block;
position: absolute;
z-index: -1;
}
.book-consultation .available_slot>span span {
font-weight: 600;
}
.book-consultation .change_time {
font-weight: 400;
font-size: 14px;
line-height: 24px;
text-align: center;
margin-bottom: 26px;
color: #18415f;
}
.book-consultation .time_slots {
max-width: 627px;
margin-inline: auto;
width: 100%;
padding: 0px;
overflow: hidden;
}
.book-consultation .time_slots.cust_overflow {
max-height: 283px;
overflow: hidden auto;
}
.book-consultation .time_slots li a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 14px 5px 12px;
}
.book-consultation .time_slots li a svg {
margin-bottom: 10px;
}
.book-consultation .time_slots li a::after, .book-consultation .time_slots li a::before {
background-color: #f9f9f9;
}
.book-consultation .time_slots li a.active svg path {
fill: #fff;
}
.book-consultation .show_all_btn {
font-size: 16px;
margin-bottom: 20px;
}
.book-consultation .bottom_btn_area {
margin-inline: auto;
display: flex;
align-items: center;
padding-inline: 31px;
gap: 10px 20px;
}
.book-consultation .bottom_btn_area .arrow path {
transition: .2s;
}
.book-consultation .bottom_btn_area .common_outline_btns, .book-consultation .bottom_btn_area .common_btns {
width: 100%;
}
.book-consultation .bottom_btn_area .common_outline_btns svg, .book-consultation .bottom_btn_area .common_btns svg {
flex: 0 0 auto;
}
.book-consultation .bottom_btn_area .common_outline_btns {
margin: 0px;
}
.book-consultation .bottom_btn_area .common_outline_btns:hover svg path {
stroke: #fff;
}
.book-consultation .bottom_btn_area .common_btns:hover svg path {
stroke: #000;
}
.alternative-date {
margin: 0px 0px 25px;
}
.alternative-date .choose_date_btn {
font-weight: 600;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
text-decoration: underline;
color: #f16232;
transition: all ease-in-out .3s;
}
.alternative-date .choose_date_btn:hover {
text-decoration: none;
}
.day-slider {
max-width: 480px;
margin: 21px auto 16px;
background-color: #fff;
border-radius: 20px;
padding: 8px 54px;
}
.day-slider .item, .day-slider .item::before, .day-slider .item span, .day-slider .item .date {
transition: all ease-in-out .3s;
}
.day-slider .item {
text-align: center;
padding: 12px 14px 18px;
position: relative;
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0);
cursor: pointer;
}
.day-slider .item::before {
content: "";
width: 4px;
height: 4px;
position: absolute;
left: 50%;
transform: translate(-50%);
bottom: 12px;
background-color: #afd0de;
}
.day-slider .item span {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #18415f;
}
.day-slider .item .date {
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #000;
}
.day-slider .item.active, .day-slider .item:hover {
border-color: #00ab84;
background-color: #f7fdf9;
}
.day-slider .item.active span, .day-slider .item.active .date, .day-slider .item:hover span, .day-slider .item:hover .date {
color: #00ab84;
}
.day-slider .item.active::before, .day-slider .item:hover::before {
background-color: #00ab84;
}
.day-slider .owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 24px;
width: 24px;
border-radius: 4px;
transition: all ease-in-out .3s;
}
.day-slider .owl-nav button svg path {
transition: all ease-in-out .3s;
}
.day-slider .owl-nav button.owl-prev {
left: -34px;
}
.day-slider .owl-nav button.owl-next {
right: -34px;
}
.day-slider .owl-nav button:hover, .day-slider .owl-nav button.disabled {
background-color: #f9f9f9;
}
.day-slider .owl-nav button:hover svg path, .day-slider .owl-nav button.disabled svg path {
stroke: #00ab84;
}
.navbar .timer {
width: calc(100% - 272px);
margin-right: auto;
text-align: center;
}
.navbar .timer span {
padding: 10px 24px;
color: #00ab84;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-transform: capitalize;
border-radius: 40px;
border: 1px solid #00ab84;
}
.describe-sec {
position: relative;
overflow: hidden;
}
.describe-sec::after {
content: "";
height: 166px;
width: 21px;
position: absolute;
left: 65px;
bottom: 450px;
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.describe-sec .innerFluid {
padding: 0;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center right -20px;
}
.describe-sec .stepsBar {
margin-bottom: 20px;
}
.describe-sec .appointments-box {
margin-top: 20px;
}
.describe-sec .available_appointments {
padding: 10px;
border: 1px solid #f9f9f9;
max-width: 980px;
margin-top: 20px;
}
.describe-sec .available_appointments .appointments-box {
text-align: start;
padding: 20px;
border-radius: 0px;
}
.describe-sec .available_appointments .appointments-box .time_slots {
max-width: 100%;
}
.describe-sec .available_appointments .category-label {
font-weight: 600;
font-size: 18px;
line-height: 27px;
text-transform: capitalize;
color: #002845;
margin-bottom: 16px;
}
.describe-sec .available_appointments .category-label span {
color: #00ab84;
}
.describe-sec .message textarea {
padding: 16px 20px;
resize: none;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #18415f;
}
.describe-sec .message textarea::-moz-placeholder {
color: #18415f;
}
.describe-sec .message textarea::placeholder {
color: #18415f;
}
.describe-sec .message textarea:focus {
border-color: var(--bs-border-color);
}
.describe-sec .consultation_form_section {
margin: 0px;
padding: 0px;
display: flex;
}
.describe-sec .consultation_form_section::before, .describe-sec .consultation_form_section::after {
display: none;
}
.describe-sec .consultation_form_section .form_label label {
font-weight: 600;
font-size: 18px;
line-height: 27px;
text-transform: capitalize;
color: #002845;
}
.describe-sec .consultation_form_section .form_label label strong {
color: #00ab84;
}
.describe-sec .consultation_form_section .cmmn_classs input[type=text] {
padding: 16px 20px;
height: 50px;
border-color: rgba(21, 52, 42, .1019607843) !important;
}
.describe-sec .consultation_form_section .cmmn_classs select {
border-color: rgba(21, 52, 42, .1019607843) !important;
}
.describe-sec .consultation_form_section .cmmn_classs .addBTn, .describe-sec .consultation_form_section .cmmn_classs .remove {
width: 50px;
height: 50px;
border-radius: 10px;
transition: all .2s;
background-color: #f16232;
outline: none;
}
.describe-sec .consultation_form_section .cmmn_classs .message {
margin: 10px 0px 0px;
font-size: 14px;
line-height: 24px;
color: #002845;
}
.describe-sec .consultation_form_section .cmmn_classs .height_weight {
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #ececec;
}
.describe-sec .consultation_form_section .cmmn_classs .fileupload #fileName {
color: #18415f;
}
.describe-sec .consultation_form_section .cmmn_classs input::-moz-placeholder {
color: #18415f !important;
}
.describe-sec .consultation_form_section .cmmn_classs .select2-selection__rendered, .describe-sec .consultation_form_section .cmmn_classs .label_select label, .describe-sec .consultation_form_section .cmmn_classs input::placeholder {
color: #18415f !important;
}
.timeline {
margin-block: 0px;
padding-block: 0px;
text-align: center;
font-size: 18px;
line-height: 29px;
color: #000;
}
.timeline span {
color: #00ab84;
}
.all_category {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin: 0px;
padding: 0px;
}
.all_category li label {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 24px;
border: 1px solid #fff;
background-color: #fff;
color: #000;
border-radius: 60px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-transform: capitalize;
transition: all ease-in-out .3s;
cursor: pointer;
}
.all_category li input:checked~label {
border-color: #00ab84;
color: #00ab84;
}
.all_category.check-box li label {
position: relative;
}
.all_category.check-box li label::before {
content: "";
width: 17px;
height: 17px;
border-radius: 4px;
border: 1px solid #afd0de;
display: inline-block;
background-position: center;
background-repeat: no-repeat;
transition: all .2s;
overflow: hidden;
}
.all_category.check-box li input:checked~label::before {
background-image: url('data:image/svg+xml,');
border-color: #00ab84;
}
.including_data>div:not(:last-child) {
margin-bottom: 10px;
}
.describe-box {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 16px;
}
.describe-box p {
margin: 0px;
}
.describe-box p, .describe-box ul {
font-size: 16px;
line-height: 100%;
color: #18415f;
}
.describe-box ul li {
display: flex;
gap: 10px;
position: relative;
}
.describe-box ul li:not(:last-child) {
margin-bottom: 12px;
}
.describe-box ul li::before {
content: "";
width: 16px;
height: 16px;
background: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
}
.complete-booking .stepsBar {
margin-bottom: 20px;
}
.complete-booking .page_heading {
font-weight: 400;
font-size: 24px;
line-height: 29px;
text-align: center;
font-weight: 600;
color: #000;
}
.complete-booking .consultation_form_section::after, .complete-booking .consultation_form_section::before {
display: none;
}
.complete-booking .available_appointments {
max-width: 980px;
}
.complete-booking .available_appointments .appointments-box {
padding: 20px;
border-radius: 0px;
margin-top: 20px;
background-color: #f7fdf9;
text-align: start;
}
.complete-booking .available_appointments .appointments-box ul {
margin: 0 0 16px;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.complete-booking .available_appointments .appointments-box ul .label, .complete-booking .available_appointments .appointments-box ul p {
font-size: 16px;
margin: 0px;
}
.complete-booking .available_appointments .appointments-box ul .label {
font-weight: 600;
line-height: 100%;
color: #000;
}
.complete-booking .available_appointments .appointments-box ul p {
line-height: 24px;
color: #18415f;
}
.complete-booking .available_appointments .appointments-box .message input {
padding: 10px 20px;
color: #00ab84;
}
.complete-booking .available_appointments .appointments-box .message p {
margin: 8px 0 0;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #18415f;
}
.complete-booking .available_appointments .consultation_form_section {
display: flex;
flex-direction: column;
padding: 0px;
}
.complete-booking .available_appointments .consultation_form_section .form_border2 {
padding: 10px;
border: 1px solid #f9f9f9;
}
.complete-booking .available_appointments .cmmn_classs .fileupload .btn-file input {
height: 100%;
opacity: 1;
visibility: visible;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #18415f;
min-height: 48px;
}
.complete-booking .available_appointments .cmmn_classs .fileupload .btn-file input::-moz-placeholder {
color: #18415f;
}
.complete-booking .available_appointments .cmmn_classs .fileupload .btn-file input::placeholder {
color: #18415f;
}
.complete-booking .available_appointments .cmmn_classs #fileName {
font-weight: 400;
}
.complete-booking .available_appointments .cmmn_classs .message {
margin: 16px 0px 0px;
text-align: end;
font-size: 14px;
line-height: 1;
color: #18415f;
}
.complete-booking .rating_group {
margin-top: 20px;
padding: 20px 58px;
background-color: #f9f9f9;
}
.complete-booking .rating_group .rating-slider .item {
padding: 15px 14px;
background-color: #fff;
}
.complete-booking .rating_group .rating-slider .item .rating-header {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px 10px;
margin-bottom: 16px;
}
.complete-booking .rating_group .rating-slider .item .rating-header .rating {
list-style: none;
display: flex;
align-items: center;
gap: 1px;
margin-right: auto;
}
.complete-booking .rating_group .rating-slider .item .rating_date, .complete-booking .rating_group .rating-slider .item .author {
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #647d85;
}
.complete-booking .rating_group .rating-slider .item .title {
font-weight: 600;
font-size: 16px;
line-height: 100%;
color: #000;
margin-bottom: 4px;
}
.complete-booking .rating_group .rating-slider .item p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #18415f;
margin-bottom: 10px;
}
.complete-booking .rating_group .rating-slider .owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 22px;
width: 22px;
border-radius: 4px;
transition: all ease-in-out .3s;
}
.complete-booking .rating_group .rating-slider .owl-nav button.owl-prev {
left: -38px;
}
.complete-booking .rating_group .rating-slider .owl-nav button.owl-next {
right: -38px;
}
body::before,
body::after {
display: none;
}
@media screen and (max-width: 768px) {
.book-consultation .bottom_btn_area {
flex-direction: column;
padding-inline: 0px;
}
.book-consultation .bottom_btn_area .common_outline_btns,
.book-consultation .bottom_btn_area .common_btns {
word-break: break-all;
white-space: normal;
line-height: 1 !important;
max-width: 400px;
}
}
@media screen and (max-width: 576px) {
.navbar .timer {
width: auto;
text-align: end;
margin: 0px;
}
.navbar .timer span {
font-size: 14px;
}
.consultation-sec {
padding-bottom: 30px;
}
.consultation-sec .choosefile .btn-file {
border: 1px solid rgba(21, 52, 42, .1019607843);
}
.consultation-sec .choosefile .input-group-btn .fileupload-new {
font-size: 14px;
}
.consultation-sec .choosefile #fileName {
max-width: calc(100% - 40px);
}
.consultation-sec .choosefile .cardnumber .input-group-btn .fileupload-new {
padding: 6px 10px 6px 0px;
}
.consultation-sec .choosefile .pay_btn {
font-size: 14px;
padding: 16px 15px;
}
.consultation-sec .choosefile .pay-with-paypal {
padding-block: 11px;
}
.consultation-sec .choosefile .stripe_btn {
padding: 4px 10px;
border: 1px solid #635bff;
font-weight: 600;
font-size: 14px;
line-height: 24px;
text-align: center;
color: #635bff;
display: inline-flex;
align-items: center;
gap: 4px;
border-radius: 0px;
transition: all ease-in-out .2s;
}
.consultation-sec .choosefile .stripe_btn img {
transition: all ease-in-out .2s;
}
.consultation-sec .choosefile .stripe_btn:hover {
color: #fff;
background-color: #635bff;
}
.consultation-sec .choosefile .stripe_btn:hover img {
filter: brightness(10);
}
.consultation-sec .choosefile .payment-method {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-top: 10px;
}
.stepsBar ul {
-moz-column-gap: 20px;
column-gap: 20px;
}
.stepsBar ul li p {
line-height: 18px;
}
.stepsBar ul li .progress-bar {
left: calc(50% + 10px);
}
.book-consultation h2 {
padding: 15px 30px;
}
.book-consultation .show_all_btn {
font-size: 14px;
}
.book-consultation .bottom_btn_area .send_btn {
padding: 11px 30px;
}
.complete-booking .available_appointments .appointments-box ul {
grid-template-columns: 1fr;
gap: 10px;
}
.complete-booking .available_appointments .appointments-box ul .label,
.complete-booking .available_appointments .appointments-box ul p {
font-size: 14px;
}
.complete-booking .rating_group {
padding: 20px 40px;
}
.complete-booking .rating_group .rating-slider .item .rating_date,
.complete-booking .rating_group .rating-slider .item .author {
font-size: 14px;
}
.complete-booking .rating_group .rating-slider .item .title {
font-size: 14px;
}
.complete-booking .rating_group .rating-slider .item p {
font-size: 14px;
line-height: 22px;
}
.complete-booking .rating_group .rating-slider .owl-nav button.owl-prev {
left: -31px;
}
.complete-booking .rating_group .rating-slider .owl-nav button.owl-next {
right: -31px;
}
.timeline {
font-size: 16px;
line-height: 26px;
}
.all_category {
gap: 14px;
}
.all_category li label {
gap: 8px;
padding: 10px 20px;
font-size: 14px;
line-height: 20px;
}
.all_category li label img {
max-width: 24px;
}
.describe-sec .height-unit-sec,
.describe-sec .weight-unit-sec {
display: flex;
flex-wrap: wrap;
row-gap: 5px;
}
.describe-sec .inputwei2 {
margin-left: 0px;
}
.describe-sec .inputwei1 {
margin-right: 10px;
}
}
@media screen and (max-width: 400px) {
.day-slider {
padding-inline: 40px;
}
}