Server : Apache System : Linux 145.162.205.92.host.secureserver.net 5.14.0-611.45.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Apr 1 05:56:53 EDT 2026 x86_64 User : tradze ( 1001) PHP Version : 8.1.34 Disable Function : NONE Directory : /home/tradze/www/storage/framework/views/ |
<!doctype html>
<html lang="en">
<head>
<title>Tradze, <?php echo $__env->yieldContent('title'); ?></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE"/>
<meta property="og:title" content="<?php echo $__env->yieldContent('meta_title'); ?>">
<meta property="og:description" content="<?php echo $__env->yieldContent('meta_description'); ?>">
<!-- Global styles START -->
<?php echo $__env->make('frontend_new.partials.core-css', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<!-- Global styles END -->
<!-- Start css page -->
<link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/plugins/owl.carousel/owl-carousel/owl.theme.css')); ?>" type="text/css" media="screen"/>
<link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/plugins/owl.carousel/owl-carousel/owl.carousel.css')); ?>" type="text/css" media="screen"/>
<link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/plugins/FlipClock/compiled/flipclock.css')); ?>" type="text/css" media="screen">
<link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/bootstrap-css/bootstrap-datepicker.css')); ?>" type="text/css" media="screen">
<link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/css-carousel-treatments.css')); ?>" type="text/css" media="screen"/>
<link rel="stylesheet" href="<?php echo e(asset('/themes/frontend/assets/css/typehead-bootstrap3.css')); ?>" type="text/css" media="screen">
<link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/css-top-contact.css')); ?>" type="text/css" media="screen"/>
<link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/build.css')); ?>" type="text/css" media="screen"/>
<link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/css-book-massage.css')); ?>" type="text/css" media="screen"/>
<link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/css-treatment.css')); ?>" type="text/css" media="screen"/>
<link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/salon/salon_details/css/file.css')); ?>">
<link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/salon/salon_details/css/style.css')); ?>">
<link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/salon/salon_details/css/responsive.css')); ?>">
<!-- <link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/css-slider.css')); ?>"> -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css" />
<?php echo $__env->yieldContent('css_page'); ?>
<style type="text/css">
.owl-carousel .owl-stage {
display: flex;
align-items: center;
margin: 0 auto;
}
#map {
height: 400px;
}
.clock svg{
width:20px;
height:20px;
}
.mobile-version-services{
display: none;
}
.clock svg polygon {
fill: #ffd962;
}
.mt-10{
margin-top:10px;
}
/*****new carousel*****/
html {
scroll-behavior: smooth;
}
.content-slider .owl-dots {
display: none;
}
/* .content-slider .owl-nav {
display: flex;
justify-content: space-between;
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
} */
.content-slider .owl-nav span {
font-size: 60px;
background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #fff, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.content-slider .owl-stage-outer {
margin: 0 20px;
}
.bg-grayBlock{
/* background:#bfb79e; */
/* padding:24px 0; */
background: linear-gradient(to bottom, rgba(17,17,17,1) 0%,rgba(118,118,118,0.84) 100%);
}
.content-slider {
width: 100%;
}
/* .slider-head a{
color:#fff;
} */
.slider-head a:hover{
color: #000;
}
/* .slider-head:before,
.slider-head:after {
position:absolute;
top:40px;
right:40px;
bottom:40px;
left:40px;
content:'';
opacity:0;
transition:opacity .35s,transform .35s;
z-index:1;
border:1px solid #b69e59;
} */
.msg_inner {
color: #fff;
font-size: 16px;
line-height: 20px;
/ font-weight: 600; /
}
.space {
padding: 0 5px;
border-image-source: linear-gradient(101deg, #0022c3, #00fafb) !important;
border: 2px solid;
border-image-slice: 1;
border-width: 2px;
border: var(--border) !important;
background-image: var(--my-gradient) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
}
a.first-servive_inner.first_service{
margin-right:0;
}
.servicesDetail-block {
text-align: center;
/* padding: 40px 0; */
}
.servicesDetail-block h4 {
font-size: 22px;
color: #333;
/* font-weight: 700; */
position: relative;
/* color:#fff; */
/* padding-bottom: 15px; */
/* padding: 40px 0; */
}
.servicesDetail-block h1 {
/* font-size: 22px; */
color: #333;
position: relative;
}
.servicesDetail-block h1:after {
position: absolute;
content: '';
background: #ffd962;
width: 40px;
height: 1px;
bottom: 0;
left: 50%;
text-align: center;
transform: translateX(-50%);
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
border: var(--border) !important;
background-image: var(--my-gradient) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: var(--my-shadow) !important;
}
.servicesDetail-block h4:after {
position: absolute;
content: '';
background: #ffd962;
width: 40px;
height: 1px;
bottom: 0;
left: 50%;
text-align: center;
transform: translateX(-50%);
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
border: var(--border) !important;
background-image: var(--my-gradient) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: var(--my-shadow) !important;
}
.hairDryer {
max-width: 285px;
margin: 0 auto;
padding: 18px 0;
}
.more .moreBtn {
border: 1px solid #ffd962;
padding: 10px 20px;
color:#000;
font-weight:bold;
background:transparent;
/* color:#fff; */
position: relative;
border: solid 2px transparent !important;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: 1px 1000px 1px #fff inset !important;
}
.more {
text-align: center;
margin-top:30px;
}
.more .moreBtn:hover{
border-color: #b69e59;
}
.more .moreBtn:after{
background: #b69e59;
content: '';
position: absolute;
z-index: -1;
width: 100%;
height: 0;
bottom: 0;
left: 0;
transition: all .3s ease-out!important;
}
/* .more .moreBtn:before{
position: absolute;
content: attr(data-text);
font-weight: 700;
transform: translate3d(0,0,0);
top: 100%;
left: 0;
width: 100%;
height: auto;
line-height: 1.2em;
padding: 1.2em 0;
} */
/* .more .moreBtn:hover:before{
color: #fff;
background: #000;
} */
.serviceDesImg img {
width: 100%;
}
.more .moreBtn:hover:after{
height: 100%;
}
.common-flex {
display: flex;
/* align-items: center; */
justify-content: center;
}
.fullscreen{
display:flex;
align-items:center;
height:100%;
}
.wrap{
padding:0;
width:50%;
}
.haircutServiceHead p {
padding-top: 20px;
color:#333;
}
.haircutServiceHead h4 {
padding-bottom: 15px;
}
.p-40{
padding: 40px 0;
}
.container.servives-section{
/* background:#23231e; */
}
.modal-center {
text-align: center;
padding: 0!important;
}
.modal-center:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px;
}
.modal-d {
display: inline-block;
text-align: left;
/* vertical-align: middle; */
/* width:90%; */
max-width:900px;
width:100%;
margin: 30px auto;
/* border-image-source: linear-gradient(101deg, #0022c3, #00fafb) !important;
border: 2px solid;
border-image-slice: 1; */
}
.modal-bg{
/* background:#23231e; */
padding:20px 10px;
}
.servives-section {
margin-bottom: 20px;
}
.popup-text ul li a span {
font-size: 12px;
color:#000;
}
.popup-Tabcontent{
font-size:14px;
}
.popup-text ul li{
/* border-bottom: 1px solid #bfb79e; */
border-image-source: linear-gradient(101deg, #236C4E , #74C9A7) !important;
border-bottom: 1px solid;
border-image-slice: 1;
max-width: 99%;
width: 100%;
}
.popup-Tabcontent p{
color:#000;
font-size:14px;
}
.popup-Tabcontent span{
color:#000;
font-size:14px;
}
.popup-Tabcontent del{
color:#000;
}
.popup-Tabcontent a{
font-size:14px;
}
.haircutServiceHead i {
color: #ffd962;
font-size: 30px;
margin-bottom: 10px;
background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.slider-head svg circle {
/* fill: #ffd962; */
fill:#fff;
}
a.first-servive_inner.first_service{
transition: all .5s;
position: relative;
z-index: 99;
}
/* a.first-servive_inner.first_service:hover{
background:#000;
position: relative;
z-index: 1;
} */
/* a.first-servive_inner.first_service:hover svg{
transform:scale(1.5);
} */
.slider-head h3 {
padding-top: 10px;
color:#fff;
font-size:20px;
margin:0;
position: relative;
z-index: 99;
}
.more-btn {
position: relative;
}
.more-btn.hover-accent6.button-border:hover {
border-color: #000;
}
.more-btn.accent1.button-border {
border: solid 2px transparent !important;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
linear-gradient(101deg, #0022c3, #00fafb) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: 1px 1000px 1px #fff inset !important;
border: var(--border) !important;
background-image: var(--my-gradient) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: var(--my-shadow) !important;
}
.more-btn.button-border,
.more-btn.button-style-3 {
background: 0 0;
font-style: normal;
overflow: hidden;
}
.more-btn,
.more-btn span {
transition: color .3s ease-out, border .3s ease-out, background .3s ease-out !important;
}
.more-btn {
display: inline-block;
text-align: center;
cursor: pointer;
position: relative;
z-index: 0;
vertical-align: middle;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
text-decoration: none;
text-shadow: none;
border-radius: 0;
text-align: center !important;
font-size: 1em;
font-weight: 400;
line-height: 1em;
padding: 0;
}
.more-btn.accent1.button-border:hover span,
.more-btn.accent1.button-border span {
color: #000;
}
.more-btn.button-border span.btext {
padding: 10px 20px!important;
font-weight: 600 !important;
line-height: 1.2em;
}
.more-btn span {
display: inline-block;
font-size: 1em;
line-height: inherit;
padding: .3em .4em;
margin: 0;
vertical-align: middle !important;
}
.more-btn,
.more-btn span {
transition: color .3s ease-out, border .3s ease-out, background .3s ease-out !important;
}
.more-btn.hover-accent6.button-border:after,
.more-btn.hover-accent6.button-style-3:after {
background: #000;
}
.more-btn.button-border:after,
.more-btn.button-style-3:after {
content: '';
position: absolute;
z-index: -1;
width: 100%;
height: 0;
bottom: 0;
left: 0;
transition: all .3s ease-out !important;
}
.more-btn.hover-accent6.button-border:hover {
border-color: #000;
}
.more-btn.accent1.button-border {
border: 1px solid #b69e59;
}
.more-btn.hover-accent6.button-border:hover span,
.more-btn.hover-accent6.button-style-3:hover span {
border-color: #000;
}
.more-btn.hover-accent6.button-border:after,
.more-btn.hover-accent6.button-style-3:after {
background: #000;
}
.more-btn.button-border:hover:after,
.more-btn.button-style-3:hover:after {
height: 100%;
}
.more-btn.button-border:after,
.more-btn.button-style-3:after {
content: '';
position: absolute;
z-index: -1;
width: 100%;
height: 0;
bottom: 0;
left: 0;
transition: all .3s ease-out !important;
}
.more-btn.hover-accent6.button-border:hover span.btext:before {
color: #fff;
background: #000;
}
.more-btn.button-border:hover span.btext:before {
position: absolute;
content: attr(data-text);
font-weight: 700;
transform: translate3d(0, 0, 0);
top: 100%;
left: 0;
width: 100%;
height: auto;
line-height: 1.2em;
padding:10px 0;
}
.more-btn.button-border:hover span.btext {
position: relative;
display: inline-block;
transition: transform .3s ease-out !important;
transform: translateY(-100%);
}
.btn-moreBlock{
text-align:center;
margin-top:30px;
}
section#sticky-slider {
position: sticky;
top: 115px;
background: #fff;
z-index: 2;
box-shadow: 8px 8px 50px 0px rgb(0 0 0 / 10%);
}
.open_blockitem {
display: none;
}
/* .open_blockitem-two {
display: none;
} */
.open_blockitem_active {
display: block;
}
/* .open_blockitem_active-two {
display: block;
} */
.open_blockitem {
position: absolute;
width: 100%;
padding: 20px 30px;
/* top: 15px; */
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffffff;
overflow-y: auto;
}
.clickSetJobsrs i {
position: absolute;
right: 25px;
top: 8px;
font-size: 18px;
cursor: pointer;
}
@media screen and (max-width: 767px){
.open_blockitem {
padding: 30px 15px;
}
.clickSetJobsrs i {
right: 15px;
top: 7px;
}
.mobile-version-services{
display: block;
}
.desktop-version-services{
display: none;
}
}
.meetStart-head h4{
font-size:22px;
color:#333;
text-align:center;
}
.meetStart-item {
position: relative;
border:1px solid #333;
}
.star-icon {
position: absolute;
top: 10px;
right: 10px;
z-index:1;
cursor:pointer;
}
.star-icon a i {
color: #ffd962;
font-size: 20px;
cursor: pointer;
background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border: var(--border) !important;
background-image: var(--my-gradient) !important;
background-origin: border-box !important;
}
.meetStar-slider .owl-nav {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
padding:0 10px;
}
.meetStar-slider .owl-dots {
display: none;
}
.meetStar-slider .owl-nav button span {
font-size: 60px;
color: #ffd962;
background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border: var(--border) !important;
background-image: var(--my-gradient) !important;
background-origin: border-box !important;
}
.employee-img img{
width: 100%;
border: 2px solid #000;
min-height: 360px;
height: 100%;
object-fit: cover;
object-position: center;
/* border-image-source: linear-gradient(101deg, #0022c3, #00fafb) !important;
border: 2px solid;
border-image-slice: 1;
border-width: 2px; */
}
.sheduled_list{
width:100%
}
.textaboutOuterLayer {
width: 100%;
}
.text_aboutLayer {
max-height: 155px;
overflow-y: auto;
}
#scroll2::-webkit-scrollbar{
border-radius: 10px;
width: 6px;
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
#scroll2::-webkit-scrollbar-thumb{
border-radius: 10px;
width: 6px;
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
/* background-color: #ffd962; */
background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #236C4E , #74C9A7);
-webkit-text-fill-color: transparent;
}
#scroll3::-webkit-scrollbar{
border-radius: 10px;
width: 6px;
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
#scroll3::-webkit-scrollbar-thumb{
border-radius: 10px;
width: 6px;
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
/* background-color: #ffd962; */
background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #236C4E , #74C9A7);
-webkit-text-fill-color: transparent;
}
#scroll4::-webkit-scrollbar{
border-radius: 10px;
width: 6px;
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
#scroll4::-webkit-scrollbar-thumb{
border-radius: 10px;
width: 6px;
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
/* background-color: #ffd962; */
background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #236C4E , #74C9A7);
-webkit-text-fill-color: transparent;
}
#scroll5::-webkit-scrollbar{
border-radius: 10px;
width: 6px;
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
#scroll5::-webkit-scrollbar-thumb{
border-radius: 10px;
width: 6px;
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
/* background-color: #ffd962; */
background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #236C4E , #74C9A7);
-webkit-text-fill-color: transparent;
}
#scroll6::-webkit-scrollbar{
border-radius: 10px;
width: 6px;
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
#scroll6::-webkit-scrollbar-thumb{
border-radius: 10px;
width: 6px;
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
/* background-color: #ffd962; */
background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #236C4E , #74C9A7);
-webkit-text-fill-color: transparent;
}
#scroll7::-webkit-scrollbar{
border-radius: 10px;
width: 6px;
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
#scroll7::-webkit-scrollbar-thumb{
border-radius: 10px;
width: 6px;
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
/* background-color: #ffd962; */
background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #236C4E , #74C9A7);
-webkit-text-fill-color: transparent;
}
.modal-d .modal-header {
/* background: #fff; */
padding: 0;
border-bottom:none;
border-radius: 10px 10px 0 0;
}
.modal-d .close {
color: #fff;
font-size: 35px;
position: relative;
right: 5px;
}
.start-reviewsRating {
max-height: 155px;
overflow-y: auto;
}
/***** meet start tabs*****/
.meetstar-tabs .nav-tabs {
border-bottom: none;
background: -moz-linear-gradient(top, rgba(17,17,17,1) 0%, rgba(118,118,118,0.84) 100%);
background: -webkit-linear-gradient(top, rgba(17,17,17,1) 0%,rgba(118,118,118,0.84) 100%);
background: linear-gradient(to bottom, rgba(17,17,17,1) 0%,rgba(118,118,118,0.84) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#d6767676',GradientType=0 );
padding: 5px 10px 5px 10px;
}
.meetstar-tabs .nav-tabs > li.active > a, .meetstar-tabs .nav-tabs > li.active > a:hover, .meetstar-tabs .nav-tabs > li.active > a:focus {
color: #fff;
background: none;
font-weight: bold;
border: none;
border-bottom: 5px solid #ffd962;
cursor: default;
border-image-source: linear-gradient(101deg, #0022c3, #00fafb) !important;
border-bottom: 5px solid;
border-image-slice: 1;
border-width: 2
}
.meetstar-tabs .nav > li > a {
font-size: 18px;
color: #fff;
font-family: 'Proxima Nova';
border: 1px solid transparent;
text-transform:uppercase;
}
.meetstar-tabs .nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: unset;
border: 1px solid transparent;
}
.meetstar-tabs .therapist_name {
font-family: 'Proxima Nova';
font-weight: bold;
color: #000;
font-size: 26px;
margin-top: 20px;
margin-bottom: 20px;
padding: 10px;
display: inline-block;
}
.meetstar-tabs .treatments-title {
font-size: 18px;
font-weight: bold;
color: #000;
background: #f6f6f6;
font-family: 'Proxima Nova';
padding: 10px 20px;
margin-top: 15px;
}
.meetstar-tabs .massage_type {
font-family: 'Proxima Nova';
color: #525252;
font-size: 15px;
line-height: 22px;
margin: 10px 20px;
max-height: 136px;
overflow-y: scroll;
overflow-x: hidden !important;
}
.star-layer-title {
text-transform: uppercase;
}
.meetstar-tabs .therapist-description {
font-family: 'Proxima Nova';
color: #525252;
font-size: 15px;
line-height: 22px;
text-align: left;
padding: 10px 20px;
/* padding: 10px 20px 100px 20px; */
margin-bottom: 0px;
/* height: 250px; */
/* height:59px; */
height: 100%;
max-height: 136px;
overflow-y: scroll;
overflow-x: hidden !important;
margin-right:10px;
text-transform: capitalize;
}
/* .feature-item-conatiner {
max-width: 1200px;
width: 100%;
margin: 0 auto;
padding: 10px;
} */
.feature-item-row {
display: flex;
margin: 0 -10px;
}
.feature-item-col {
width: calc(33.33% - 20px);
margin: 0 10px;
}
.star-calculate {
display: flex;
gap: 10px;
margin-top:5px;
align-items:center;
}
.feature-star-items-elements {
display: flex;
gap: 20px;
align-items: center;
margin: 6px 0;
}
.star-num h3 {
color: #DEB666;
font-size: 35px;
font-weight: 600;
margin:0;
}
.feature-reviews h3 {
font-size: 20px;
margin: 0;
}
.feature-item-title {
margin-bottom: 10px;
}
.star-layer-title h4 {
font-size: 20px;
color:#000;
}
.star-selector-small svg {
width: 22px;
}
.star-layer-outer {
display: flex;
gap: 10px;
margin-bottom: 5px;
align-items:center;
justify-content: space-around;
}
.star-layer-outer:last-child {
margin-bottom: 0px;
}
.star-selector {
display: flex;
gap: 5px;
cursor: pointer;
}
.star-line {
cursor: pointer;
}
.star-client-feed p {
margin: 0;
font-weight: 600;
}
.client-feed-sets {
display: flex;
gap: 10px;
}
.review-img img {
width: 100%;
}
.review-img {
margin: 10px 0 30px;
}
.exellent p {
font-size: 16px;
line-height: 24px;
max-width: 85%;
margin-bottom: 12px;
color: #000;
}
.good_reviews {
margin-bottom: 4px;
}
.reviews_AndDetails {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.treatment_block p {
color: #000;
margin-bottom: 8px;
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500;
color:#bebebe;
}
.services-done {
margin-left: 12px;
margin-bottom: 8px;
}
.services-done p {
color: #000;
display: inline-block;
padding: 1px 8px;
border: 1px solid #bebebe;
border-radius: 10px;
}
.show_allBtn {
margin-bottom: 8px;
margin-left: 8px;
}
.show_allBtn a {
color: #000;
cursor: pointer;
margin-left: 4px;
text-decoration: underline;
}
.reviews_AndDetails::after {
position: absolute;
bottom: -8px;
left: 0;
width: 16px;
height: 2px;
background: #BFB79E;
content: '';
margin-bottom: 6px;
}
.report_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 0px 20px;
}
.report_list__layer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.report_sure {
color: #000;
-ms-flex-item-align: baseline;
align-self: baseline;
}
span.report_sure_check {
margin: 0px 7px;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
.report_sureDot {
font-size: 16px;
color: #bebebe;
}
.sure_dottext {
margin-left: 5px;
font-size: 14px;
-ms-flex-item-align: baseline;
align-self: baseline;
}
.modal-d .modal-body {
background: #fff;
/* padding: 25px; */
padding: 0 15px;
/* height: 298px; */
height: auto;
/* min-height: 237px; */
overflow-y: auto;
border-radius: 0 0 10px 10px;
}
.blue-fullborder{
border: solid 1px #000;
/* border: solid 2px #fff !important; */
/* background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: 1px 1000px 1px #fff inset !important; */
margin-bottom: 20px;
/* padding: 0 10px; */
}
.map_aboutLayer {
padding: 10px;
}
.about_maplocation__col h2 {
padding: 10px;
}
.set_map_text {
/* border-top: solid 2px transparent !important;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: 1px 1000px 1px #fff inset !important; */
margin-top: 30px;
border-bottom: solid 1px #000;
}
.feature-items-section {
padding: 30px 0;
}
/*****modal hover*****/
.portfolios1 {
position: relative;
padding: 0;
margin: 0;
width: 100%;
}
.portfolios1 .portfolio-item-wrapper1 {
overflow: hidden;
border: 0;
border: none;
background: #fff;
background-clip: content-box;
text-align: left;
}
.portfolios1 .portfolio-item-wrapper1 .portfolio_details1 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
height: 100%;
color: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-align: center;
z-index: 1;
}
.portfolios1 .portfolio-item-wrapper1 .portfolio_details1:before {
border-left:0;
border-right:0;
transform:scale(0,1);
}
.portfolios1 .portfolio-item-wrapper1 .portfolio_details1:before,
.portfolios1 .portfolio-item-wrapper1 .portfolio_details1:after {
position:absolute;
top:40px;
right:40px;
bottom:40px;
left:40px;
content:'';
opacity:0;
transition:opacity .35s,transform .35s;
z-index:1;
border:1px solid #b69e59;
}
.portfolios1 .portfolio-item-wrapper1 .portfolio_details1 p {
padding: 0 4em;
opacity: 0;
transition: opacity .35s ease-out,transform .35s ease-out;
transform: translate3d(0,20px,0);
border: none;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
}
.portfolios1 .portfolio-item-wrapper1 .portfolio_details1::after {
border-top: 0;
border-bottom: 0;
transform: scale(1,0);
}
.portfolios1 .portfolio-item-wrapper1 .portfolio_details1:after {
border-top:0;
border-bottom:0;
transform:scale(1,0);
}
.portfolios1 .portfolio-item-wrapper1 .portfolio_details1:before, .portfolios1 .portfolio-item-wrapper1 .portfolio_details1:after {
position: absolute;
top: 40px !important;
right: 40px !important;
bottom: 40px !important;
left: 40px !important;
content: '';
opacity: 0;
transition: opacity .35s,transform .35s;
z-index: 1;
border: 1px solid #b69e59;
}
.portfolios1 .vamtam-project1:hover .portfolio_details1:before{
opacity: 1;
}
.portfolios1 .portfolio-item-wrapper1 .portfolio_details1:after{
border-top: 0;
border-bottom: 0;
transform: scale(1,0);
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
transition: opacity .35s,transform .35s;
z-index: 1;
border: 1px solid #b69e59;
}
.portfolios1 .portfolio-details1 img{
width: 100%;
transition: opacity .5s,transform 1.5s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
object-fit: cover;
}
.portfolios1 .portfolio-item-wrapper1 .portfolio_details1 span {
display: block;
position: relative;
top: 50%;
transition: opacity .3s ease-out,transform .3s ease-out;
transform: translateY(-50%)!important;
margin-top: 0;
z-index: 2;
}
.portfolios1 .portfolio-image1 {
position: relative;
overflow: hidden;
}
.portfolios1 .portfolio-image1 .thumbnail1 {
display: block;
max-height: none!important;
background: #000;
position: relative;
overflow: hidden;
}
.portfolios1 .portfolio-image1 .thumbnail1>a img, .portfolios1 .portfolio-image1 .thumbnail1>img {
width: 100%;
transition: opacity .5s,transform 1.5s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
object-fit: cover;
}
.portfolios1 .state-open .portfolio-image1 .thumbnail1>a img, .portfolios1 .state-open .portfolio-image1 .thumbnail1>img, .portfolios1 .vamtam-project1:hover .portfolio-image1 .thumbnail1>a img, .portfolios1 .vamtam-project1:hover .portfolio-image1 .thumbnail1>img {
opacity: 0.2;
transform: scale(1.15);
}
.portfolios1 .vamtam-project1:hover .portfolio_details1:after {
opacity: 1;
transform: scale(1);
}
.portfolios1 .portfolio-item-wrapper1 .portfolio_details1::after {
border-top: 0;
border-bottom: 0;
transform: scale(1,0);
}
.portfolios1 .portfolio-item-wrapper1 .portfolio_details1:after, .event_gallery .event_img_wrapper:after {
border-top: 0;
border-bottom: 0;
transform: scale(1,0);
}
.portfolios1 .portfolio-item-wrapper1 .portfolio_details1:before, .portfolios1 .portfolio-item-wrapper1 .portfolio_details1:after, .event_gallery .event_img_wrapper a:before, .event_gallery .event_img_wrapper a:after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
transition: opacity .35s,transform .35s;
z-index: 1;
/* border: 1px solid #b69e59; */
border: 1px solid;
border-image-source: linear-gradient(101deg, #236C4E , #74C9A7);
border-image-slice: 1;
border-width: 1px;
}
.portfolios1 .portfolio-item-wrapper1 .portfolio_details1 span {
display: block;
position: relative;
top: 50%;
transition: opacity .3s ease-out,transform .3s ease-out;
transform: translateY(-50%)!important;
margin-top: 0;
z-index: 2;
}
.portfolios1 .portfolio-item-wrapper1 .portfolio_details1 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
height: 100%;
color: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-align: center;
z-index: 1;
}
.portfolios1 .vamtam-project1:hover .portfolio-item-wrapper1 h3 {
transform: translate3d(0,0,0);
opacity: 1;
}
.portfolios1 .portfolio_details1 .title1 {
color: #000;
font-size: 20px;
line-height: 20px;
}
.portfolios1 .portfolio-item-wrapper1 h3 {
-webkit-transition: -webkit-transform .35s;
transition: transform .35s;
transform: translate3d(0,20px,0);
opacity: 0;
margin-top: 0;
padding: 0 2em;
}
.portfolios .portfolio_details1 .title1 {
transition: transform .35s;
transform: translate3d(0,-20px,0);
letter-spacing: 1px;
}
.portfolios1 .portfolio_details1 .title1>a {
width: 100%;
color: #fff !important;
font-weight: 400;
display: block;
text-decoration: none;
}
.vamtam-project1 {
cursor: pointer;
border:1px solid
}
.thumbnail1 img {
height: 400px;
}
.about_maplocation__col h2 {
color: #000 !important;
}
.slider-head svg {
width: 30px;
transition: all .5s;
position: relative;
z-index: 1;
}
.content-slider .item {
padding: 10px;
}
.slider-head {
max-width: 250px;
margin: auto;
/* max-height: 100px; */
}
.spaceing{
padding:15px;
}
.feedback-space{
padding:10px 10px 20px;
}
.employee-img {
position: relative;
}
.triangle-icon {
position: absolute;
top: -1px;
right: -40px;
}
.triangle-icon i {
/* color: red; */
font-size: 60px;
background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/*******Hover 2*****/
.portfolios2 {
position: relative;
padding: 0;
margin: 0;
width: 100%;
}
.portfolios2 .portfolio-item-wrapper2 {
overflow: hidden;
border: 0;
border: none;
/* background: #fff; */
background-clip: content-box;
text-align: left;
}
.portfolios2 .portfolio-item-wrapper2 .portfolio_details2 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
height: 100%;
color: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-align: center;
z-index: 10;
}
.portfolios2 .portfolio-item-wrapper2 .portfolio_details2:before {
border-left:0;
border-right:0;
transform:scale(0,1);
}
.portfolios2 .portfolio-item-wrapper2 .portfolio_details2:before,
.portfolios2 .portfolio-item-wrapper2 .portfolio_details2:after {
position:absolute;
top:30px;
right:30px;
bottom:30px;
left:30px;
content:'';
opacity:0;
transition:opacity .35s,transform .35s;
z-index:1;
/* border:1px solid #b69e59; */
border: 1px solid;
border-image-source: linear-gradient(101deg, #0022c3, #00fafb);
border-image-slice: 1;
border-width: 1px;
}
.portfolios2 .portfolio-item-wrapper2 .portfolio_details2 p {
padding: 0 4em;
opacity: 0;
transition: opacity .35s ease-out,transform .35s ease-out;
transform: translate3d(0,20px,0);
border: none;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
}
.portfolios2 .portfolio-item-wrapper2 .portfolio_details2::after {
border-top: 0;
border-bottom: 0;
transform: scale(1,0);
}
.portfolios2 .portfolio-item-wrapper2 .portfolio_details2:after {
border-top:0;
border-bottom:0;
transform:scale(1,0);
}
.portfolios2 .portfolio-item-wrapper2 .portfolio_details2:before, .portfolios2 .portfolio-item-wrapper2 .portfolio_details2:after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
transition: opacity .35s,transform .35s;
z-index: 1;
/* border: 1px solid #b69e59; */
border: 1px solid;
border-image-source: linear-gradient(101deg, #0022c3, #00fafb);
border-image-slice: 1;
border-width: 1px;
}
.portfolios2 .vamtam-project2:hover .portfolio_details2:before{
opacity: 1;
}
.portfolios2 .portfolio-item-wrapper2 .portfolio_details2:after{
border-top: 0;
border-bottom: 0;
transform: scale(1,0);
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
transition: opacity .35s,transform .35s;
z-index: 1;
/* border: 1px solid #b69e59; */
border: 1px solid;
border-image-source: linear-gradient(101deg, #0022c3, #00fafb);
border-image-slice: 1;
border-width: 1px;
}
.portfolios2 .portfolio-details2 img{
width: 100%;
transition: opacity .5s,transform 1.5s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
object-fit: cover;
}
.portfolios2 .portfolio-item-wrapper2 .portfolio_details2 span {
display: block;
position: relative;
top: 50%;
transition: opacity .3s ease-out,transform .3s ease-out;
transform: translateY(-50%)!important;
margin-top: 0;
z-index: 2;
}
.portfolios2 .portfolio-image2 {
position: relative;
overflow: hidden;
}
.portfolios2 .portfolio-image2 .thumbnail2 {
display: block;
max-height: none!important;
/* background: #000; */
position: relative;
overflow: hidden;
}
.portfolios2 .portfolio-image2 .thumbnail2>a img, .portfolios2 .portfolio-image2 .thumbnail2>img {
width: 100%;
transition: opacity .5s,transform 1.5s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
object-fit: cover;
}
.portfolios2 .state-open .portfolio-image2 .thumbnail1>a img, .portfolios2 .state-open .portfolio-image2 .thumbnail2>img, .portfolios2 .vamtam-project2:hover .portfolio-image2 .thumbnail2>a img, .portfolios2 .vamtam-project2:hover .portfolio-image2 .thumbnail2>img {
opacity: 0.2;
transform: scale(1.15);
}
.portfolios2 .vamtam-project2:hover .portfolio_details2:after {
opacity: 1;
transform: scale(1);
}
.portfolios2 .portfolio-item-wrapper2 .portfolio_details2::after {
border-top: 0;
border-bottom: 0;
transform: scale(1,0);
}
.portfolios2 .portfolio-item-wrapper2 .portfolio_details2:after, .event_gallery .event_img_wrapper:after {
border-top: 0;
border-bottom: 0;
transform: scale(1,0);
}
.portfolios2 .portfolio-item-wrapper2 .portfolio_details2:before, .portfolios2 .portfolio-item-wrapper2 .portfolio_details2:after, .event_gallery .event_img_wrapper a:before, .event_gallery .event_img_wrapper a:after {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
content: '';
opacity: 0;
transition: opacity .35s,transform .35s;
z-index: 1;
/* border: 1px solid #b69e59; */
border: 1px solid;
border-image-source: linear-gradient(101deg, #0022c3, #00fafb);
border-image-slice: 1;
border-width: 1px;
}
.portfolios2 .portfolio-item-wrapper2 .portfolio_details2 span {
display: block;
position: relative;
top: 50%;
transition: opacity .3s ease-out,transform .3s ease-out;
transform: translateY(-50%)!important;
margin-top: 0;
z-index: 2;
}
.portfolios2 .portfolio-item-wrapper2 .portfolio_details2 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
height: 100%;
color: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-align: center;
z-index: 10;
}
/* .portfolios2 .vamtam-project2:hover .portfolio-item-wrapper2 h3 {
transform: translate3d(0,0,0);
opacity: 1;
} */
.portfolios2 .portfolio_details2 .title2 {
color: #000;
font-size: 20px;
line-height: 20px;
}
/* .portfolios2 .portfolio-item-wrapper2 h3 {
-webkit-transition: -webkit-transform .35s;
transition: transform .35s;
transform: translate3d(0,20px,0);
opacity: 0;
margin-top: 0;
padding: 0 1.4em;
} */
.portfolios2 .portfolio_details2 .title2 {
transition: transform .35s;
transform: translate3d(0,-20px,0);
letter-spacing: 1px;
}
.portfolios2 .portfolio_details2 .title2>a {
width: 100%;
color: #fff !important;
font-weight: 400;
display: block;
text-decoration: none;
}
.portfolios2 .vamtam-project2:hover .slider-head svg{
transform: scale(1.3);
}
.vamtam-project2 {
padding: 20px;
}
.content-slider .owl-nav button.owl-prev {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.content-slider .owl-nav button.owl-next {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.address svg path {
fill: #000;
}
.more-btn1 {
position: relative;
}
.more-btn1.hover-accent7.button-border:hover {
border-color: #000;
}
.more-btn1.accent2.button-border1 {
border: solid 2px transparent !important;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
linear-gradient(101deg, #0022c3, #00fafb) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: 1px 1000px 1px #fff inset !important;
}
.more-btn1.button-border1,
.more-btn1.button-style-3 {
background: 0 0;
font-style: normal;
overflow: hidden;
}
.more-btn1,
.more-btn1 span {
transition: color .3s ease-out, border .3s ease-out, background .3s ease-out !important;
}
.more-btn1 {
display: inline-block;
text-align: center;
cursor: pointer;
position: relative;
z-index: 0;
vertical-align: middle;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
text-decoration: none;
text-shadow: none;
border-radius: 0;
text-align: center !important;
font-size: 1em;
font-weight: 400;
line-height: 1em;
padding: 0;
}
.more-btn1.accent2.button-border1:hover span,
.more-btn1.accent2.button-border1 span {
/* color: #b69e59; */
color:#000;
}
.more-btn1.button-border1 span.btext {
padding: 5px 10px !important;
font-weight: 600 !important;
line-height: 1.2em;
}
.more-btn1 span {
display: inline-block;
font-size: 12px;
line-height: inherit;
padding: .3em .4em;
margin: 0;
vertical-align: middle !important;
}
.more-btn1,
.more-btn1 span {
transition: color .3s ease-out, border .3s ease-out, background .3s ease-out !important;
}
.more-btn1.hover-accent7.button-border1:after,
.more-btn1.hover-accent7.button-style-3:after {
background: #000;
}
.more-btn1.button-border1:after,
.more-btn1.button-style-3:after {
content: '';
position: absolute;
z-index: -1;
width: 100%;
height: 0;
bottom: 0;
left: 0;
transition: all .3s ease-out !important;
}
.more-btn1.hover-accent7.button-border1:hover {
border-color: #000;
}
.more-btn1.accent2.button-border1 {
border: 1px solid #b69e59;
}
.more-btn1.hover-accent7.button-border1:hover span,
.more-btn1.hover-accent7.button-style-3:hover span {
border-color: #000;
}
.more-btn1.hover-accent7.button-border1:after,
.more-btn1.hover-accent7.button-style-3:after {
background: #000;
}
.more-btn1.button-border1:hover:after,
.more-btn1.button-style-3:hover:after {
height: 100%;
}
.more-btn1.button-border1:after,
.more-btn1.button-style-3:after {
content: '';
position: absolute;
z-index: -1;
width: 100%;
height: 0;
bottom: 0;
left: 0;
transition: all .3s ease-out !important;
}
.more-btn1.hover-accent7.button-border1:hover span.btext:before {
color: #fff;
background: #000;
}
.more-btn1.button-border1:hover span.btext:before {
position: absolute;
content: attr(data-text);
font-weight: 700;
transform: translate3d(0, 0, 0);
top: 100%;
left: 0;
width: 100%;
height: auto;
line-height: 1.2em;
padding:5px 10px;
}
.more-btn1.button-border1:hover span.btext {
position: relative;
display: inline-block;
transition: transform .3s ease-out !important;
transform: translateY(-100%);
}
.tab-border {
border: solid 1px #000 !important;
/* background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: 1px 1000px 1px #fff inset !important; */
}
.tabsBlockservice ul li a{
padding:10px
}
.tabsBlockservice .nav-tabs>li.active>a {
padding: 10px;
position: relative;
}
.tabsBlockservice .nav-tabs > li.active > a:after{
display:none;
}
.popup-text ul li.active::after {
position: absolute;
content: '\f105';
font-family: 'FontAwesome';
font-size: 33px;
right: -15px;
top: 50%;
color: red;
transform: translateY(-50%);
background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: var(--my-gradient) !important;
background-origin: border-box !important;
background-size: 100%;
}
/* .tabsBlockservice .nav-tabs>li.active>a:after{
position: absolute;
content: '\f0da';
font-family: 'FontAwesome';
font-size: 82px;
background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
top: -36px;
right: -30px;
} */
.myWorkImg img {
width: 100%;
height: 150px;
}
.myWorkgallery {
display: flex;
justify-content: space-between;
align-items: center;
}
/*****Gallery img zoom*****/
.event_gallery1 {
max-width: 100%;
position: relative;
}
.event_gallery1 .event_img_wrapper1 {
padding: 0!important;
overflow: hidden;
background: #000;
width:100%;
cursor:pointer;
}
.event_gallery .event_img_wrapper1 a:before, .event_gallery1 .event_img_wrapper1 a:after {
position: absolute;
/* top: 30px;
right: 30px;
bottom: 30px;
left: 30px; */
content: '';
opacity: 0;
transition: opacity .35s,transform .35s;
z-index: 1;
/* border: 1px solid #b69e59; */
}
.event_img_wrapper1 .img-responsive1 {
transition: opacity .5s,transform 1.5s;
backface-visibility: hidden;
}
.image-spacing1 {
width: 100%;
height: 250px;
object-fit: cover;
}
.event_gallery1 .event_img_wrapper1 a:hover .img-responsive1 {
transform: scale(1.15);
opacity: 0.3;
}
.popup-text ul li.active a span {
font-size: 12px;
color: #fff;
}
.tabsBlockservice .nav-tabs>li.active>a {
padding: 10px;
position: relative;
color: #fff;
box-shadow: none !important;
background: linear-gradient(to bottom, rgba(17,17,17,1) 0%,rgba(118,118,118,0.84) 100%) !important;
border: none !important;
border: var(--border) !important;
background-image: var(--my-gradient) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
/* box-shadow: var(--my-shadow) !important;
*/}
.mywork-slider .owl-nav {
display: none;
}
.modal-d .modal-content {
background-color: unset !important;
border-radius: 10px;
border: 2px solid transparent;
background: linear-gradient(101deg, #0022c3, #00fafb) !important;
-webkit-mask: linear-gradient(#fff 0 0) padding-box,
linear-gradient(#fff 0 0);
}
.review-height{
max-height: 300px;
overflow-y: auto;
border: 2px solid #000;
padding: 10px;
}
/*.moreSide-tab{
display: -webkit-box;
-webkit-line-clamp: 1;
overflow: hidden;
-webkit-box-orient: vertical;
}*/
.slider_elements .owl-dots {
display: none;
}
.layerImgFist img {
min-height: 900px;
max-height: 900px;
height: 100%;
}
@media screen and (max-width:1550px){
section#sticky-slider {
top: 93px;
}
}
@media screen and (max-width:1366px){
.layerImgFist img {
max-height: 600px;
min-height: 600px;
height: 100%;
}
}
@media screen and (max-width:991px){
.common-flex {
flex-wrap: wrap;
flex-direction: column;
}
.wrap {
width: 100%;
}
.feature-star-items-elements {
gap: 10px;
}
.star-line svg {
width: 25px;
}
.star-layer-title h4 {
font-size: 16px;
}
.star-selector-small svg {
width: 16px;
}
.feature-reviews h3 {
font-size: 16px;
margin: 0;
}
.thumbnail1 img {
height: 400px;
}
.meetstar-tabs .nav > li > a{
font-size: 15px;
padding: 10px;
}
.star-num h3{
font-size: 25px;
}
.fiveRating_rating .total_stars{
margin-left: 10px;
}
.popup-text ul li.active a span {
font-size: 13px;
}
.layerImgFist img {
max-height: 400px;
min-height: 400px;
height: 100%;
}
.mobile-version-services{
display: block;
}
.desktop-version-services{
display: none;
}
}
@media screen and (max-width:767px){
.common-flex {
flex-direction: column;
gap: 10px;
}
.wrap {
width: 100%;
}
/* .modal-dialog {
position: absolute;
width: 100%;
margin: 10px;
left: 0;
top: 50%;
right: 0;
transform: translate(0%, -50%) !important;
} */
.modal-d {
position: relative;
top: 0;
left: 0px;
right: 0px;
/* margin: 10px; */
padding: 0;
}
.modal-bg {
padding: 15px 20px 10px 10px;
}
section#sticky-slider {
top: 0;
}
.bg-grayBlock {
padding: 0;
/* background: linear-gradient(to bottom, rgba(17,17,17,1) 0%,rgba(118,118,118,0.84) 100%); */
}
.slider-head h3 {
padding-top: 0;
margin: 0;
margin-top: 13px;
font-size: 18px;
}
a.first-servive_inner.first_service {
padding: 10px;
}
.content-slider .owl-nav span {
font-size: 40px;
}
.slider-head h3 {
margin-top: 5px;
}
.slider-head a svg {
width: 35px;
}
.feature-item-row {
flex-direction: column;
align-items: center;
}
.feature-star-items {
text-align: center;
}
.feature-star-items-elements {
justify-content: center;
}
.meetStar-slider .owl-nav button span {
font-size: 40px;
}
.meetStar-slider .owl-nav {
padding: 0 5px;
}
.feature-item-title {
text-align: center;
}
.vamtam-project2 {
padding: 10px;
}
.layerImgFist img {
max-height: 300px;
min-height: 300px;
height: 100%;
}
}
/*New style for Accordian and show details pop-up*/
.panel {
border-style: solid;
background: none;
box-shadow: none;
}
.panel:last-child {
border-bottom: none;
}
.panel-group > .panel:first-child .panel-heading {
border-radius: 4px 4px 0 0;
}
.panel-group .panel {
border-radius: 0;
}
.panel-group .panel + .panel {
margin-top: 0;
}
.panel-heading {
/* background-color: #009688; */
border-radius: 0;
border: none;
color: #fff;
padding: 0;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
padding: 15px;
border-bottom: 1px solid;
border-image-source: linear-gradient(101deg, #236C4E, #74C9A7) !important;
border-bottom: 1px solid;
border-image-slice: 1;
}
.panel-title a {
display: block;
color: #000;
padding: 15px;
position: relative;
font-size: 14px;
font-weight: 400;
display: flex;
justify-content: space-between;
}
.panel-title p {
margin-right: 20px;
color: #000;
display: flex;
align-items: center;
padding: 0 15px 0 0;
}
a.arrow-none.ShowBtn-popup-modal {
font-weight: 100 !important;
}
.btn-showMoreCategory .arrow-none {
padding: 0 15px;
font-size: 14px;
color: #001e62;
}
.accordian-contentDetailBtn .showDetails-accordianContent {
color: #001e62;
}
.panel-body {
background: #fff;
border-top: none !important;
}
.panel:last-child .panel-body {
border-radius: 0 0 4px 4px;
}
.panel:last-child .panel-heading {
border-radius: 0 0 4px 4px;
transition: border-radius 0.3s linear 0.2s;
}
.panel:last-child .panel-heading.active {
border-radius: 0;
transition: border-radius linear 0s;
}
/* #bs-collapse icon scale option */
.panel-heading a:before {
content: '\f107';
position: absolute;
font-family: 'fontawesome';
right: 5px;
top: 10px;
font-size: 24px;
transition: all 0.5s;
transform: scale(1);
}
.panel-heading.active a:before {
content: ' ';
transition: all 0.5s;
transform: scale(0);
}
#bs-collapse .panel-heading a:after {
content: ' ';
font-size: 24px;
position: absolute;
font-family: 'Material Icons';
right: 5px;
top: 10px;
transform: scale(0);
transition: all 0.5s;
}
#bs-collapse .panel-heading.active a:after {
content: '\e909';
transform: scale(1);
transition: all 0.5s;
}
/* #accordion-category rotate icon option */
#accordion-category .panel-heading a:before {
content: '\f107';
font-size: 24px;
position: absolute;
font-family: 'fontawesome';
right: 5px;
top: 10px;
transform: rotate(180deg);
transition: all 0.5s;
}
#accordion-category .panel-heading.active a:before {
transform: rotate(0deg);
transition: all 0.5s;
}
.arrow-none::before{
display: none;
}
.arrow-none {
padding: 0 15px;
}
.short-hair p{
margin: 0;
padding-top: 5px;
}
.short-hair {
margin: 10px 0;
}
.panel-heading.active .btn-showMoreCategory {
display: none;
}
.panel-heading.active .panel-title p {
display: none;
}
/* .category-accordian.collapsed p {
display: none;
} */
.service-history {
margin-left: 0;
padding-top: 10px;
border-image-source: linear-gradient(101deg, #236C4E , #74C9A7) !important;
border-bottom: 1px solid;
border-image-slice: 1;
}
.service_left {
margin-right: auto;
}
.service-Detail {
font-size: 16px;
line-height: 24px;
}
.popup-Tabcontent p {
color: #000;
font-size: 12px;
}
.detail-time {
margin-top: 8px;
}
.popup-Tabcontent span {
color: #000;
font-size: 14px;
}
.detail-time span {
margin-right: 10px;
}
.detail-time span {
font-size: 14px;
line-height: 24px;
color: #000;
}
.more-btn1.accent2.button-border1 {
border: solid 2px transparent !important;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: 1px 1000px 1px #fff inset !important;
border: var(--border) !important;
background-image: var(--my-gradient) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: var(--my-shadow) !important;
}
.more-btn1.button-border1, .more-btn1.button-style-3 {
background: 0 0;
font-style: normal;
overflow: hidden;
}
.more-btn1.accent2.button-border1 span {
/* color: #b69e59; */
color: #000;
}
.more-btn1 span {
display: inline-block;
font-size: 12px;
line-height: inherit;
padding: 0.3em 0.4em;
margin: 0;
vertical-align: middle !important;
}
.meditation-secondBlock {
margin-left: -16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.meditation-secondBlock_inner {
text-align: right;
}
.popup-Tabcontent p {
color: #000;
font-size: 12px;
}
.meditation-secondBlock_inner p {
font-size: 14px;
font-weight: bold;
line-height: 24px;
color: #000;
}
.popup-Tabcontent del {
color: #000;
}
.meditation-secondBlock_inner del {
color: #000;
font-size: 16px;
font-weight: 600;
}
.more-btn1.accent2.button-border1 {
border: solid 2px transparent !important;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
linear-gradient(101deg, #0022c3, #00fafb) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: 1px 1000px 1px #fff inset !important;
}
.d-flex {
display: flex;
}
/*****service popup ****/
.servicepopup-head {
text-align: center;
}
.servicePopup-rating {
display: flex;
gap: 20px;
align-items: center;
}
.servicePopup-count p {
font-size: 64px;
color: #ffb500;
}
.servicePopup-totalCount p {
color: #bebebe;
}
.servicePopup-startCount {
display: flex;
}
.services85 p{
color: #001e62;
}
.about-servicepopup ul{
padding: 0 15px ;
}
.restriction {
margin: 20px 0;
}
.servicePopup-guide {
display: flex;
gap: 20px;
align-items: center;
padding: 20px 16px;
border: 1px solid #bebebe;
border-radius: 5px;
width: max-content;
}
.servicePopup-guide a {
color: #001e62;
text-decoration: underline;
}
.border-img img {
width: 100%;
margin: 30px 0;
}
.showBtn-servicePopUp {
max-height: 600px;
overflow: auto;
}
#ShowBtn-popup .servicePopUp-footer {
text-align: left;
display: flex;
justify-content: space-between;
align-items: center;
}
.service-countPopUp p span {
color: #00a5ad;
}
.selectService-popup .select-service {
padding: 12px;
border: 2px solid #ff5c39;
border-radius: 4px;
color: #ff5c39;
font-weight: bold;
}
#ShowBtn-popup .modal-footer {
box-shadow: 0 -1px 4px rgb(0 0 0 / 25%);
}
#ShowBtn-popup .modal-header .close {
font-size: 16px;
opacity: unset;
}
#ShowBtn-popup .modal-header .close {
margin-top: 0px;
}
/*** star****/
.top-margin {
margin: 8px 0px 16px 0px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.fiveRating_rating img {
width: 24px;
height: 24px;
margin-right: 5px;
}
.exellent {
margin-top: 8px;
}
.exellent p {
font-size: 16px;
line-height: 24px;
color: #000;
max-width: 85%;
margin-bottom: 12px;
}
.good_reviews {
margin-bottom: 4px;
}
.reviews_AndDetails {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.treatment_block p {
color: #000;
margin-bottom: 8px;
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500;
}
.treatment_block span {
font-size: 20px;
margin-left: 10px;
}
.services-done {
margin-left: 12px;
margin-bottom: 8px;
}
.services-done p {
color: #000;
display: inline-block;
padding: 1px 8px;
border: 1px solid;
border-radius: 10px;
}
.show_allBtn {
margin-bottom: 8px;
margin-left: 8px;
}
.show_allBtn a {
color: #000;
cursor: pointer;
margin-left: 4px;
text-decoration: underline;
}
.reviews_AndDetails::after {
position: absolute;
bottom: -8px;
left: 0;
width: 16px;
height: 2px;
background: #BFB79E;
content: '';
margin-bottom: 6px;
}
.report_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 0px 20px;
}
.report_list__layer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.report_sure {
color: #000;
-ms-flex-item-align: baseline;
align-self: baseline;
}
span.report_sure_check {
margin: 0px 7px;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
.report_sureDot {
font-size: 16px;
color: #bebebe;
}
.sure_dottext {
margin-left: 5px;
font-size: 14px;
-ms-flex-item-align: baseline;
align-self: baseline;
}
.report_btn a {
color: #e0e0e0;
font-size: 14px;
}
.work_img_wrapp{
padding: 0!important;
}
.myWorkImg > a.myWork_Img{
display: block !important;
}
/*Post code CSS*/
.postcode-area-inner {
position: relative;
max-width: 435px;
/* margin: 0 auto;*/
margin-top: 2%;
margin-left: -35px;
}
.postcode-area-inner .form-control {
height: 64px;
border-radius: 30px;
background: transparent;
border: 2px solid #0022c3;
color: #000;
font-size: 21px;
padding-left: 58px;
padding-right: 210px;
}
.ic-map {
position: absolute;
left: 20px;
top: 0;
height: 64px;
color: #000;
font-size: 30px;
text-align: center;
width: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.btn-book {
position: absolute;
right: 0;
top: 0;
height: 64px;
background: #000;
color: #fff;
font-size: 21px;
border: 2px solid blue;
border-radius: 30px;
min-width: 193px;
padding: 20px;
text-align: center;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
-moz-transition: all 300ms;
transition: all 300ms;
border: solid 2px transparent !important;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: 1px 1000px 1px #000 inset !important;
}
@media screen and (max-width: 767px){
.postcode-area-inner {
margin-left: 0px;
}
.postcode-area-inner .form-control {
height: 40px;
border-radius: 20px;
font-size: 12px;
padding-left: 29px;
padding-right: 60px;
}
.btn-book {
height: 40px;
font-size: 12px;
min-width: 60px;
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
}
.ic-map {
left: 2px;
top: 0;
height: 40px;
font-size: 14px;
width: 27px;
}
}
</style>
</head>
<body class="no_testimonials_page">
<?php echo $__env->make('frontend_new.partials.salonheader', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<main class="bg-grayImg sec-salon-detail-page" style="background: #F5F5F5 !important;">
<section class="top-black-sticky-wrap">
<div class="container">
<div class="diba-daySpa-Head">
<div class="leftBlock_firstSection">
<h1><?php echo e($salon->name); ?></h1>
</div>
<div class="rightBlock_firstSection">
<div class="new_btn ">
<ul class="navmenus">
<!--<li><a href="#services">Book now</a></li> -->
<!-- <li><a href="#reviews">REVIEWS</a></li> -->
<li><a href="#sticky-slider">Services</a></li>
<!-- <li><a href="#service-sec-wrap-v-2">Services</a></li> -->
<li><a href="#AboutUs-wrap-v-2">About</a></li>
<!-- <li><a href="#MeetTheStarReview-wrap-v-2">Meet The Stars & Review</a></li> -->
<li><a href="#meetTheStar">Meet The Stars & Review</a></li>
<li><a href="#ContactUsWrap">Contact Us</a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<div class="first-section mt-0">
<div class="slider_elements slider_elements-v-2">
<div class="owl-carousel owl_elementBlock owl-theme">
<?php if(isset($salon->salongallaryall) && count($salon->salongallaryall) !== 0): ?>
<?php $__currentLoopData = $salon->salongallaryall; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $salonImage): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="layerImgFist layer_bLset">
<img src="<?php echo e(asset('/').$salonImage->path); ?>" alt="slider-image">
</div>
</div>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php else: ?>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="layerImgFist layer_bLset">
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/online_coming_soon.jpg')); ?>" alt="slider-image">
</div>
</div>
</div>
</div>
<?php endif; ?>
</div>
</div>
</div>
<section class="section_slide__layer" style="display:none;">
<div class="container-fluid section_slide__layerContainer ">
<div class="row section_slide__layerRow">
<div class="col-md-12 section_slide__layer_Col">
<div class="address-details">
<div class="address d-flex align-items-center justify-content-start ">
<div class="d-flex">
<svg height="24" width="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" preserveAspectRatio="xMidYMid meet" fill="currentColor">
<path
d="M12 2c4.418 0 8 3.582 8 8s-6 12-8 12-8-7.582-8-12 3.582-8 8-8zm0 6a2 2 0 10-.001 3.999A2 2 0 0012 8z"
fill-rule="evenodd"></path>
</svg>
</div>
<div class="detail align-items-center">
<?php if(isset($salon->address)): ?>
<?php $__currentLoopData = $salon->address; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $address): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php if($address->is_main == 1): ?>
<p><?php echo e($address->address. ', ' . $address->county . ', ' . $address->postcode); ?>
</p>
<?php endif; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
<?php if(isset($salon->address)): ?>
<?php $__currentLoopData = $salon->address; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $address): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php if($address->is_main == 0): ?>
<p><?php echo e($address->address. ', ' . $address->county . ', ' . $address->postcode); ?>
</p>
<?php endif; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
</div>
</div>
<div class="timing d-flex align-items-center justify-content-start wrapper-inline">
<div class="d-flex time-icon">
<svg height="24" width="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" preserveAspectRatio="xMidYMid meet" fill="currentColor">
<path
d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm0 2a9 9 0 10.001 18.001A9 9 0 0012 3zm1 2.386v6.2l3.213 3.5-1.415 1.414L11 12.414V5.386h2z"
fill-rule="evenodd"></path>
</svg>
</div>
<div class="detail align-items-center details_color">
<span>
<?php if(isset($salon->workingdays)): ?>
<?php $__currentLoopData = $salon->workingdays; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $weekday): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php if($weekday->weekday == $today && $weekday->dayoff == 1): ?>
Closed
<?php elseif($weekday->weekday == $today): ?>
Open Today: <?php echo e($weekday->bo_start); ?> - <?php echo e($weekday->bo_end); ?>
<?php endif; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
</span>
<span class="tagline-text contact-info">
<?php if(isset($salon->profile->mobile_number) && isset($salon->profile->show_mobile_number) && $salon->profile->show_mobile_number == 1): ?>
<span class="mg-r-10 become-btn detail-btn"><a target="_blank" href="tel:<?php echo e($salon->profile->mobile_number); ?>"> <i class="fa-solid fa-phone fa-xl"></i> <?php echo e($salon->profile->mobile_number); ?></a></span>
<?php endif; ?>
<?php if(isset($salon->profile->website_url)): ?>
<span class="mg-r-10 become-btn detail-btn"><a target="_blank" href="<?php echo e($salon->profile->website_url); ?>"><i class="fa-solid fa-globe fa-xl"></i> Website</a> </span>
<?php endif; ?>
<?php if(isset($salon->email) && isset($salon->show_email) && $salon->show_email == 1): ?>
<span class="mg-r-10 become-btn detail-btn"><a target="_blank" href="mailto:<?php echo e($salon->email); ?>"><i class="fa-solid fa-envelope fa-xl"></i> Email</a></span>
<?php endif; ?>
</span>
<span class="tagline-text contact-info">
<div class="container">
<form>
<div class="sec-postcode">
<div class="postcode-area-inner">
<!-- <input type="text" class="form-control" placeholder="Enter Your Postcode"> -->
<div id="bloodhound">
<?php echo Form::text('findaddress_new',isset($booking['address'])?$booking['address']:null,['class'=>'testing form-control typeahead','style'=>'width:100%important!;','id'=>'findaddress_new']); ?>
</div>
<div class="ic-map">
<i class="fa fa-map-marker" aria-hidden="true"></i>
</div>
<a href="<?php echo e(url('#')); ?>" class="btn-book"><i class="fa fa-arrow-right fa-1x"></i></a>
</div>
</div>
<div class="sec-postcode">
<div class="postcode-area-inner">
<div id="bloodhound">
<?php if($errors->any()): ?>
<div class="alert alert-dismissable alert-danger">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<strong>
<?php echo e($errors->first()); ?>
</strong>
</div>
<?php endif; ?>
</div>
</div>
</div>
</form>
</div>
</span>
</div>
</div>
<div class="wrapper wrapper-inline">
</div>
<?php if(isset($salon->instagram_id) || isset($salon->facebook_id) || isset($salon->tictok_id) || isset($salon->youtube_id)): ?>
<div class="tagline-text">
<!-- <div class="treatments-title social-media-title">Social Media Accounts </div>
--> <div class="massage_type" style="height: 46px !important;">
<?php if(isset($salon->instagram_id) && $salon->instagram_id !== ''): ?><a href="<?php echo $salon->instagram_id; ?>" target="_blank"><i class="fa fa-instagram fa-2x"></i></a> <?php endif; ?> <?php if(isset($salon->facebook_id) && $salon->facebook_id !== ''): ?><a href="<?php echo $salon->facebook_id; ?>" target="_blank"><i class="fa fa-facebook-square fa-2x"></i></a> <?php endif; ?> <?php if(isset($salon->tictok_id) && $salon->tictok_id !== ''): ?><a href="<?php echo $salon->tictok_id; ?>" target="_blank"><i class="fab fa-tiktok fa-2x"></i></a> <?php endif; ?> <?php if(isset($salon->youtube_id) && $salon->youtube_id !== ''): ?><a href="<?php echo $salon->youtube_id; ?>" target="_blank"><i class="fab fa-youtube fa-2x"></i></a> <?php endif; ?>
</div>
</div>
<?php endif; ?>
</div>
<div class="colored-line"> </div>
</div>
</div>
</div>
</section>
<!-----New carousel---->
<!-- <div id="sticky-anchor"></div> -->
<section id="sticky-slider" class="space services-thumb-slider">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1><span>Services</span></h1>
<div class="content-slider portfolios2">
<div class="owl-carousel owl-theme sliderBlock">
<?php $__currentLoopData = $salon_category; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="item">
<div class="vamtam-project2">
<div class="portfolio-item-wrapper2 event_wrapper">
<div class="portfolio_details2">
<span>
</span>
</div>
<div class="portfolio-image2">
<div class="thumbnail2">
<!-- <img class="img-responsive" src="http://testt.zenlondon.co.uk/images/events/6t5cs-uggs.jpg" title="Ugg's London Fashion Week "> -->
<div class="slider-head">
<a href="#<?php echo e($category->id); ?>" data-id="<?php echo e($category->id); ?>" class="first-servive_inner first_service">
<i>
<?php if($category->image_added_by_salon != ""): ?>
<img src="<?php echo e($category->image_added_by_salon); ?>" alt="slider-image">
<?php else: ?>
<img src="<?php echo e(asset('/images').'/'.$category->image); ?>" alt="slider-image">
<?php endif; ?>
</i>
<h3><?php echo e($category->name); ?></h3>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Desktop services details -->
<section id="services" class="servives-section desktop-version-services">
<div class="container-fluid servives-section">
<div class="col-md-12">
<div class="services-details">
<!-- <div class="servicesDetail-block p-40">
<h1>Services</h1>
</div> -->
<?php $__currentLoopData = $salon_category; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=>$category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php if($key%2 == 0): ?>
<div class="row common-flex">
<div class="col-md-6 wrap">
<div id="<?php echo e($category->id); ?>" class="fullscreen" >
<div class="hairDryer" >
<div class="hairDryer-logo">
<!-- img path -->
</div>
<div class="haircutServiceHead servicesDetail-block">
<img src="<?php echo e(asset('/images').'/'.$category->icon); ?>" height="100" width="100" style="height: 100px; width: 100px; " alt="slider-image">
<h4><?php echo e($category->name); ?></h4>
<?php echo $category->body; ?>
</div>
<!-- <div class="more">
<a href="#" class="moreBtn" data-toggle="modal" data-target="#myModal">More</a>
</div> -->
<div class="btn-moreBlock">
<a data-id="<?php echo e($category->id); ?>" data-salon_id="<?php echo e($salon_id); ?>" target="_self" class="more-btn accent1 button-border hover-accent6 clickSetJobs" ><span class="btext"
data-text="More">More</span></a>
</div>
<div class="open_blockitem tab-border scrollbar6" id="<?php echo e($category->id); ?>">
<div class="blockItemInner">
<div class="clickSetJobsrs">
<i class="fa-solid fa-xmark"></i>
</div>
<div class="toggle-tabs">
<div class="row ">
<div class="col-sm-4 inner_listtabs_block">
<div class="inner_listtabs_block popup-text tabsBlockservice">
<ul class="nav nav-tabs inner_listtabsNav ">
<li class="active ">
<a href="#Patch" class="tabs_patch" data-toggle="tab" aria-expanded="true">
<div class="moreSide-tab">
<span class="msg_inner btext" data-text="Patch Test">Patch Test</span>
<span class="msg-count btext" data-text="(1)">(1)</span>
</div>
<div class="MenuGroup">
<svg width="16px" height="32px" viewBox="0 0 16 32" preserveAspectRatio="none">
<path d="M0,0 L16,16 L0,32 Z" fill="black"></path>
</svg>
</div>
</a>
</li>
<li class="">
<a href="#b" class="b" data-toggle="tab" aria-expanded="false">
<div class="moreSide-tab">
<span class="msg_inner">Ladies' Waxing</span>
<span class="msg-count">(1)</span>
</div>
</a>
</li>
<li class="">
<a href="#c" class="c" data-toggle="tab" aria-expanded="false">
<div class="moreSide-tab">
<span class="msg_inner">Men's Waxing</span>
<span class="msg-count">(1)</span>
</div>
</a>
</li>
<li class="">
<a href="#d" class="d" data-toggle="tab" aria-expanded="false">
<div class="moreSide-tab">
<span class="msg_inner">Facial Threading</span>
<span class="msg-count">(1)</span>
</div>
</a>
</li>
<li class="">
<a href="#e" class="d" data-toggle="tab" aria-expanded="false">
<div class="moreSide-tab">
<span class="msg_inner">Facials</span>
<span class="msg-count">(7)</span>
</div>
</a>
</li>
<li class="">
<a href="#f" class="d" data-toggle="tab" aria-expanded="false">
<div class="moreSide-tab">
<span class="msg_inner">Eyebrow & Eyelash
Treatments</span>
<span class="msg-count">(1)</span>
</div>
</a>
</li>
<li class="">
<a href="#g" class="d" data-toggle="tab" aria-expanded="false">
<div class="moreSide-tab">
<span class="msg_inner">Massages</span>
<span class="msg-count">(1)</span>
</div>
</a>
</li>
<li class="">
<a href="#h" class="d" data-toggle="tab" aria-expanded="false">
<div class="moreSide-tab">
<span class="msg_inner">Facial Threading</span>
<span class="msg-count">(1)</span>
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-8 inner_listtabs__content_block">
<div class="tab-content inner_listtabs__content popup-Tabcontent">
<div class="tab-pane active" id="Patch">
<div class="service-history">
<div class="service_historyInner d-flex">
<div class="service_left">
<div class="service-Detail">
<p>Patch Test</p>
</div>
<div class="detail-time">
<span> 15 mins</span>
<!-- <a href="#" class="btnlayer" data-toggle="modal" data-target="#largeModal">Show
Details</a> -->
<!-- <a target="_self" class="more-btn accent1 button-border hover-accent6 clickSetJobs"><span class="btext" data-text="Show
Details">Show
Details</span></a> -->
<a href="#" target="_self" class="more-btn1 accent2 button-border1 hover-accent7 "><span class="btext"
data-text="Show
Details">Show
Details</span></a>
</div>
</div>
<div class="meditation-secondBlock">
<div class="meditation-secondBlock_inner">
<p>£7</p>
<del>£9</del>
</div>
<div class="selected_btn">
<!-- <button>Selected</button> -->
<a href="#" target="_self" class="more-btn1 accent2 button-border1 hover-accent7 "><span class="btext" data-text="Selected">Selected</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="b">
<div class="service-history">
<div class="service_historyInner1 d-flex">
<div class="service_left">
<div class="service-Detail">
<p>Patch Test</p>
</div>
<div class="detail-time">
<span> 15 mins</span>
<!-- <a href="#" class="show_listitem">Show Details</a> -->
<a href="#" target="_self" class="more-btn1 accent2 button-border1 hover-accent7 "><span class="btext"
data-text="Show
Details">Show
Details</span></a>
</div>
</div>
<div class="meditation-secondBlock">
<div class="meditation-secondBlock_inner">
<p>£7</p>
<del>£9</del>
</div>
<!-- <div class="select_btn">
<button>Select</button>
</div> -->
<div class="selected_btn">
<a href="#" target="_self" class="more-btn1 accent2 button-border1 hover-accent7 "><span class="btext" data-text="Select">Select</span></a>
</div>
</div>
</div>
</div>
<div class="service-history">
<div class="service_historyInner d-flex">
<div class="service_left">
<div class="service-Detail">
<p>Patch Test</p>
</div>
<div class="detail-time">
<span> 15 mins</span>
<!-- <a href="#" class="show_listitem">Show Details</a> -->
<a href="#" target="_self" class="more-btn1 accent2 button-border1 hover-accent7 "><span class="btext"
data-text="Show
Details">Show
Details</span></a>
</div>
</div>
<div class="meditation-secondBlock">
<div class="meditation-secondBlock_inner">
<p>£7</p>
<del>£9</del>
</div>
<!-- <div class="select_btn">
<button>Select</button>
</div> -->
<div class="selected_btn">
<a href="#" target="_self" class="more-btn1 accent2 button-border1 hover-accent7 "><span class="btext" data-text="Select">Select</span></a>
</div>
</div>
</div>
</div>
<div class="service-history">
<div class="service_historyInner d-flex">
<div class="service_left">
<div class="service-Detail">
<p>Patch Test</p>
</div>
<div class="detail-time">
<span> 15 mins</span>
<!-- <a href="#" class="btnlayer" data-toggle="modal" data-target="#largeModal">Show
Details</a> -->
<a href="#" target="_self" class="more-btn1 accent2 button-border1 hover-accent7 "><span class="btext"
data-text="Show
Details">Show
Details</span></a>
</div>
</div>
<div class="meditation-secondBlock">
<div class="meditation-secondBlock_inner">
<p>£7</p>
<del>£9</del>
</div>
<!-- <div class="select_btn">
<button>Select</button>
</div> -->
<div class="selected_btn">
<a href="#" target="_self" class="more-btn1 accent2 button-border1 hover-accent7 "><span class="btext" data-text="Select">Select</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="c">CCC</div>
<div class="tab-pane" id="d">DDD</div>
<div class="tab-pane" id="e">eee</div>
<div class="tab-pane" id="f">fff</div>
<div class="tab-pane" id="g">ggg</div>
<div class="tab-pane" id="h">hhh</div>
<div class="tab-pane" id="i">iii</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 wrap">
<!-- img path -->
<div class="serviceDesImg">
<?php if($category->image_added_by_salon != ""): ?>
<img src="<?php echo e($category->image_added_by_salon); ?>" alt="slider-image">
<?php else: ?>
<img src="<?php echo e(asset('/images').'/'.$category->image); ?>" alt="slider-image">
<?php endif; ?>
</div>
</div>
</div>
<?php else: ?>
<div class="row common-flex">
<div class="col-md-6 wrap">
<!-- img path -->
<div class="serviceDesImg">
<?php if($category->image_added_by_salon != ""): ?>
<img src="<?php echo e($category->image_added_by_salon); ?>" alt="slider-image">
<?php else: ?>
<img src="<?php echo e(asset('/images').'/'.$category->image); ?>" alt="slider-image">
<?php endif; ?>
</div>
</div>
<div class="col-md-6 wrap">
<div id="<?php echo e($category->id); ?>" class="fullscreen" >
<div class="hairDryer" >
<div class="hairDryer-logo">
<!-- img path -->
</div>
<div class="haircutServiceHead servicesDetail-block">
<!-- <i class="fa-solid fa-scissors"></i> -->
<img src="<?php echo e(asset('/images').'/'.$category->icon); ?>" height="100" width="100" style="height: 100px; width: 100px; " alt="slider-image">
<h4><?php echo e($category->name); ?></h4>
<?php echo $category->body; ?>
</div>
<!-- <div class="more">
<a href="#" class="moreBtn" data-toggle="modal" data-target="#myModal">More</a>
</div> -->
<div class="btn-moreBlock">
<a data-id="<?php echo e($category->id); ?>" data-salon_id="<?php echo e($salon_id); ?>" target="_self" class="more-btn accent1 button-border hover-accent6 clickSetJobs" ><span class="btext"
data-text="More">More</span></a>
</div>
<div class="open_blockitem tab-border scrollbar6" id="<?php echo e($category->id); ?>">
<div class="blockItemInner">
<div class="clickSetJobsrs">
<i class="fa-solid fa-xmark"></i>
</div>
<div class="toggle-tabs">
<div class="row ">
<div class="col-sm-4 inner_listtabs_block">
<div class="inner_listtabs_block popup-text tabsBlockservice">
<ul class="nav nav-tabs inner_listtabsNav ">
<li class="active ">
<a href="#Patch" class="tabs_patch" data-toggle="tab" aria-expanded="true">
<div class="moreSide-tab">
<span class="msg_inner btext" data-text="Patch Test">Patch Test</span>
<span class="msg-count btext" data-text="(1)">(1)</span>
</div>
<div class="MenuGroup">
<svg width="16px" height="32px" viewBox="0 0 16 32" preserveAspectRatio="none">
<path d="M0,0 L16,16 L0,32 Z" fill="black"></path>
</svg>
</div>
</a>
</li>
<li class="">
<a href="#b" class="b" data-toggle="tab" aria-expanded="false">
<div class="moreSide-tab">
<span class="msg_inner">Ladies' Waxing</span>
<span class="msg-count">(1)</span>
</div>
</a>
</li>
<li class="">
<a href="#c" class="c" data-toggle="tab" aria-expanded="false">
<div class="moreSide-tab">
<span class="msg_inner">Men's Waxing</span>
<span class="msg-count">(1)</span>
</div>
</a>
</li>
<li class="">
<a href="#d" class="d" data-toggle="tab" aria-expanded="false">
<div class="moreSide-tab">
<span class="msg_inner">Facial Threading</span>
<span class="msg-count">(1)</span>
</div>
</a>
</li>
<li class="">
<a href="#e" class="d" data-toggle="tab" aria-expanded="false">
<div class="moreSide-tab">
<span class="msg_inner">Facials</span>
<span class="msg-count">(7)</span>
</div>
</a>
</li>
<li class="">
<a href="#f" class="d" data-toggle="tab" aria-expanded="false">
<div class="moreSide-tab">
<span class="msg_inner">Eyebrow & Eyelash
Treatments</span>
<span class="msg-count">(1)</span>
</div>
</a>
</li>
<li class="">
<a href="#g" class="d" data-toggle="tab" aria-expanded="false">
<div class="moreSide-tab">
<span class="msg_inner">Massages</span>
<span class="msg-count">(1)</span>
</div>
</a>
</li>
<li class="">
<a href="#h" class="d" data-toggle="tab" aria-expanded="false">
<div class="moreSide-tab">
<span class="msg_inner">Facial Threading</span>
<span class="msg-count">(1)</span>
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-8 inner_listtabs__content_block">
<div class="tab-content inner_listtabs__content popup-Tabcontent">
<div class="tab-pane active" id="Patch">
<div class="service-history">
<div class="service_historyInner d-flex">
<div class="service_left">
<div class="service-Detail">
<p>Patch Test</p>
</div>
<div class="detail-time">
<span> 15 mins</span>
<!-- <a href="#" class="btnlayer" data-toggle="modal" data-target="#largeModal">Show
Details</a> -->
<!-- <a target="_self" class="more-btn accent1 button-border hover-accent6 clickSetJobs"><span class="btext" data-text="Show
Details">Show
Details</span></a> -->
<a href="#" target="_self" class="more-btn1 accent2 button-border1 hover-accent7 "><span class="btext"
data-text="Show
Details">Show
Details</span></a>
</div>
</div>
<div class="meditation-secondBlock">
<div class="meditation-secondBlock_inner">
<p>£7</p>
<del>£9</del>
</div>
<div class="selected_btn">
<!-- <button>Selected</button> -->
<a href="#" target="_self" class="more-btn1 accent2 button-border1 hover-accent7 "><span class="btext" data-text="Selected">Selected</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="b">
<div class="service-history">
<div class="service_historyInner1 d-flex">
<div class="service_left">
<div class="service-Detail">
<p>Patch Test</p>
</div>
<div class="detail-time">
<span> 15 mins</span>
<!-- <a href="#" class="show_listitem">Show Details</a> -->
<a href="#" target="_self" class="more-btn1 accent2 button-border1 hover-accent7 "><span class="btext"
data-text="Show
Details">Show
Details</span></a>
</div>
</div>
<div class="meditation-secondBlock">
<div class="meditation-secondBlock_inner">
<p>£7</p>
<del>£9</del>
</div>
<!-- <div class="select_btn">
<button>Select</button>
</div> -->
<div class="selected_btn">
<a href="#" target="_self" class="more-btn1 accent2 button-border1 hover-accent7 "><span class="btext" data-text="Select">Select</span></a>
</div>
</div>
</div>
</div>
<div class="service-history">
<div class="service_historyInner d-flex">
<div class="service_left">
<div class="service-Detail">
<p>Patch Test</p>
</div>
<div class="detail-time">
<span> 15 mins</span>
<!-- <a href="#" class="show_listitem">Show Details</a> -->
<a href="#" target="_self" class="more-btn1 accent2 button-border1 hover-accent7 "><span class="btext"
data-text="Show
Details">Show
Details</span></a>
</div>
</div>
<div class="meditation-secondBlock">
<div class="meditation-secondBlock_inner">
<p>£7</p>
<del>£9</del>
</div>
<!-- <div class="select_btn">
<button>Select</button>
</div> -->
<div class="selected_btn">
<a href="#" target="_self" class="more-btn1 accent2 button-border1 hover-accent7 "><span class="btext" data-text="Select">Select</span></a>
</div>
</div>
</div>
</div>
<div class="service-history">
<div class="service_historyInner d-flex">
<div class="service_left">
<div class="service-Detail">
<p>Patch Test</p>
</div>
<div class="detail-time">
<span> 15 mins</span>
<!-- <a href="#" class="btnlayer" data-toggle="modal" data-target="#largeModal">Show
Details</a> -->
<a href="#" target="_self" class="more-btn1 accent2 button-border1 hover-accent7 "><span class="btext"
data-text="Show
Details">Show
Details</span></a>
</div>
</div>
<div class="meditation-secondBlock">
<div class="meditation-secondBlock_inner">
<p>£7</p>
<del>£9</del>
</div>
<!-- <div class="select_btn">
<button>Select</button>
</div> -->
<div class="selected_btn">
<a href="#" target="_self" class="more-btn1 accent2 button-border1 hover-accent7 "><span class="btext" data-text="Select">Select</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="c">CCC</div>
<div class="tab-pane" id="d">DDD</div>
<div class="tab-pane" id="e">eee</div>
<div class="tab-pane" id="f">fff</div>
<div class="tab-pane" id="g">ggg</div>
<div class="tab-pane" id="h">hhh</div>
<div class="tab-pane" id="i">iii</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php endif; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
</div>
</div>
</section>
<!-- Mobile version -->
<section class="aboutus-wrap-v-2" id="AboutUs-wrap-v-2">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1><span>About Us</span></h1>
<p><?php echo $salon->profile->about; ?></p>
</div>
</div>
</div>
</section>
<section class="Shape-bottom-container-wrap">
<div class="bg-shape">
<svg width="1920" height="1541" viewBox="0 0 1920 1541" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.2" d="M692.1 447.634C378.753 629.071 98.1389 690.227 -3 698.125V1541H1916.3C1916.63 798.554 1920.62 0.0222168 1919.92 0.0222168L1919.68 0.0209961C1913.25 -0.0147705 1779.58 -0.758301 1693.07 10.9902C1541.99 31.5083 1356.06 96.2032 1310.47 120.98C1260.31 148.237 1083.78 220.838 692.1 447.634Z" fill="url(#paint0_linear_223_363)"/>
<defs>
<linearGradient id="paint0_linear_223_363" x1="1007.53" y1="1387.9" x2="713.006" y2="251.656" gradientUnits="userSpaceOnUse">
<stop stop-color="#74C9A7" stop-opacity="0.1"/>
<stop offset="1" stop-color="#236C4E"/>
</linearGradient>
</defs>
</svg>
</div>
<section id="meetTheStar" class="meet-startsliderBlock" >
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="meetStart-head">
<h4>Meet The Specialists</h4>
</div>
<div class="meetStar-slider portfolios1">
<div class="owl-carousel owl-theme meetStar">
<?php if(isset($salon_therapist)): ?>
<?php $__currentLoopData = $salon_therapist; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=>$therapist): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="item">
<div class="vamtam-project1">
<div class="portfolio-item-wrapper1 event_wrapper">
<div class="portfolio_details1">
<span>
<h3 class="title1">
<a href="#" class="project-title " target="_self"><?php echo e($therapist->name); ?> </a>
</h3>
</span>
</div>
<div class="portfolio-image1">
<div class="thumbnail1">
<img src="<?php echo e(asset('/images').'/'.$therapist->profile->avatar); ?>" alt="">
</div>
</div>
</div>
</div>
<div class="star-icon">
<a onclick="salon_therapsit_modal_data(<?php echo e($therapist->id); ?>)" href="#" data-toggle="modal" data-target="#myModal"><i class="fa-regular fa-id-card"></i></a>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="reviews" class="feature-items-section reviews-v-2">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="text-center">Verified Reviews</h1>
</div>
</div>
</div>
<div class="container feature-item-conatiner feature-item">
<div class="row ">
<div class="col-md-12">
<div class="reviews-inr-div">
<!-- <div class="feature-item-title">
<h3>VERIFIED REVIEWS</h3>
</div> -->
<div class="feature-item-row">
<div class="feature-item-col">
<div class="feature-star-items">
<div class="feature-star-items-elements">
<div class="star-num">
<h3><?php echo e($salon_rating); ?></h3>
</div>
<div class="star-calculate">
<?php for($i = 1; $i <= 5; $i++) { ?>
<?php if($i <= $salon_rating): ?>
<i class="fa-solid fa-star fa-2xl" style="color: #ffc800;"></i>
<?php else: ?>
<i class="fa-solid fa-star opacity_star fa-2xl" style="color: #f5f2b3;"></i>
<?php endif; ?>
<?php } ?>
</div>
</div>
<div class="feature-reviews">
<?php if(isset($salon->reviews)): ?>
<h3><span><?php echo e(count($salon->reviews)); ?></span> REVIEWS</h3>
<?php endif; ?>
</div>
</div>
</div>
<div class="feature-item-col">
<div class="star-layer-outer-elements">
<div class="star-layer-outer">
<div class="star-layer-title">
<h4>Work Quality</h4>
</div>
<div class="star-selector">
<?php for($i = 1; $i <= 5; $i++) { ?>
<?php if($i <= $atmosphere): ?>
<i class="fa-solid fa-star fa-2xl" style="color: #ffc800;"></i>
<?php else: ?>
<i class="fa-solid fa-star opacity_star fa-2xl" style="color: #f5f2b3;"></i>
<?php endif; ?>
<?php } ?>
<span><?php echo e($atmosphere); ?> rating</span>
</div>
</div>
<div class="star-layer-outer">
<div class="star-layer-title">
<h4>Reliability </h4>
</div>
<div class="star-selector">
<?php for($i = 1; $i <= 5; $i++) { ?>
<?php if($i <= $sanitation): ?>
<i class="fa-solid fa-star fa-2xl" style="color: #ffc800;"></i>
<?php else: ?>
<i class="fa-solid fa-star opacity_star fa-2xl" style="color: #f5f2b3;"></i>
<?php endif; ?>
<?php } ?>
<span><?php echo e($sanitation); ?> rating</span>
</div>
</div>
</div>
</div>
<div class="feature-item-col">
<div class="star-layer-outer-elements">
<div class="star-layer-outer">
<div class="star-layer-title">
<h4>Expertise and Knowledge</h4>
</div>
<div class="star-selector">
<?php for($i = 1; $i <= 5; $i++) { ?>
<?php if($i <= $employees): ?>
<i class="fa-solid fa-star fa-2xl" style="color: #ffc800;"></i>
<?php else: ?>
<i class="fa-solid fa-star opacity_star fa-2xl" style="color: #f5f2b3;"></i>
<?php endif; ?>
<?php } ?>
<span><?php echo e($employees); ?> rating</span>
</div>
</div>
<div class="star-layer-outer">
<div class="star-layer-title">
<h4>Pricing</h4>
</div>
<div class="star-selector">
<?php for($i = 1; $i <= 5; $i++) { ?>
<?php if($i <= $satisfaction): ?>
<i class="fa-solid fa-star fa-2xl" style="color: #ffc800;"></i>
<?php else: ?>
<i class="fa-solid fa-star opacity_star fa-2xl" style="color: #f5f2b3;"></i>
<?php endif; ?>
<?php } ?>
<span><?php echo e($satisfaction); ?> rating</span>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="review-img">
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/salon_users/images/review-image.jpg')); ?>" alt="">
</div> -->
<div class="start-reviewsRating scrollbar3" id="scroll3">
<div class="clientReview-box">
<?php if(isset($salon->reviews)): ?>
<?php $__currentLoopData = $salon->reviews; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $review): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php if(isset($review->booking)): ?>
<?php $info = json_decode($review->booking->orderInfo);
?>
<?php else: ?>
<?php $info = []; ?>
<?php endif; ?>
<div class="top-margin">
<div class="exellent">
<p><?php echo $review->review; ?></p>
</div>
<div class="fiveRating_rating">
<?php
for ($i = 1; $i <= 5; $i++) {
?>
<?php if($i <= $review->salon_rating): ?>
<i class="fa-solid fa-star fa-2xl" style="color: #ffc800;"></i>
<?php else: ?>
<i class="fa-solid fa-star opacity_star fa-2xl" style="color: #f5f2b3;"></i>
<?php endif; ?>
<?php
}
?>
</div>
<div class="good_reviews">
<div class="reviews_AndDetails">
<div class="treatment_block">
<p>Treatment by
<?php if(isset($review->therapist)): ?>
<?php echo e($review->therapist->name); ?>
<?php else: ?>
<?php if(isset($review->therapist_name)): ?>
<?php echo e($review->therapist_name); ?>
<?php endif; ?>
<?php endif; ?><span>•</span></p>
</div>
<div class="services-done">
<p><?php if(isset($info->treatment->name)): ?>
<?php echo e($info->treatment->name); ?>
<?php endif; ?>
</p>
</div>
<!-- <div class="show_allBtn">
<a href="#">Show all…</a>
</div> -->
</div>
</div>
<div class="review_by">
<p>Review by <?php if(isset($review->user)): ?>
<?php echo e($review->user->name); ?>
<?php else: ?>
<?php if(isset($review->user_name)): ?>
<?php echo e($review->user_name); ?>
<?php endif; ?>
<?php endif; ?></p>
</div>
<div class="report_list">
<div class="report_list__layer">
<span class="report_sure">Sure </span>
<span class="report_sure_check">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<defs>
<path id="a" d="M16.138 7.956l1.542 1.543-7.316 7.317L6.32 12.77l1.542-1.542 2.502 2.5 5.774-5.773zM12 21.818c5.422 0 9.818-4.396 9.818-9.818S17.422 2.182 12 2.182 2.182 6.578 2.182 12 6.578 21.818 12 21.818zM12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12z">
</path>
</defs>
<use fill="#00B0B9" fill-rule="evenodd" href="#a"></use>
</svg></span>
<span class="report_sureDot">•</span>
<?php if(isset($review->created_at)): ?>
<?php
$bookingDate = \Carbon\Carbon::parse($review->created_at);
$currentDate = \Carbon\Carbon::now();
$daysDifference = $currentDate->diffInDays($bookingDate);
?>
<span class="report_sureDot sure_dottext"><?php echo e($daysDifference); ?> days ago</span>
<?php endif; ?>
</div>
<!-- <div class="report_btn">
<a href="#">Report</a>
</div> -->
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
</div>
</div>
</div>
</div>
<!-- </div> -->
</div>
</div>
</div>
</section>
<section class="ContactUs-Wrap" id="ContactUsWrap">
<div class="container">
<div class="ContactUs-Container-Inr">
<div class="row">
<div class="col-md-12">
<div class="contact-inr-wrap">
<div class="green-col">
<h1>Contact us</h1>
<p>Feel free to contact us anytime for assistance, inquiries, or support. We're here to help with your needs.</p>
<form action="<?php echo e(route('contact.venue')); ?>" method="POST">
<?php echo csrf_field(); ?>
<input type="hidden" name="venue_id" value="<?php echo e($salon_id); ?>">
<div class="form-group">
<input type="text" placeholder="Name *" name="name" class="form-control" required>
</div>
<div class="form-group">
<input type="email" name="email" placeholder="Email *" class="form-control" required>
</div>
<div class="form-group">
<input type="text" name="number" placeholder="Phone number *" class="form-control" required>
</div>
<div class="form-group">
<textarea name="description" placeholder="Description" class="form-control"></textarea>
</div>
<div class="form-group">
<button type="submit" class="send-button">Send</button>
</div>
</form>
<ul class="contact-list-v-2">
<?php if(isset($salon->profile->mobile_number) && isset($salon->profile->show_mobile_number) && $salon->profile->show_mobile_number == 1): ?>
<li>
<div class="Contact-Box">
<div class="Contact-Box-Icon">
<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.2039 0.423828V2.35227C18.1113 2.35227 19.8982 2.83437 21.5647 3.79859C23.1508 4.74272 24.4157 6.00826 25.3594 7.5952C26.3231 9.2625 26.805 11.0503 26.805 12.9587H28.7324C28.7324 10.6887 28.1602 8.57951 27.0158 6.63098C25.9115 4.74272 24.4157 3.24618 22.5284 2.14134C20.5809 0.996333 18.4727 0.423828 16.2039 0.423828ZM6.23538 3.31648C5.69328 3.31648 5.22146 3.48723 4.8199 3.82872L1.7179 6.99257L1.80825 6.9323C1.30631 7.35415 0.975027 7.87643 0.814406 8.49916C0.673862 9.12188 0.714017 9.72452 0.934872 10.3071C1.49705 11.8739 2.24996 13.481 3.19361 15.1282C4.51874 17.3981 6.09484 19.437 7.92191 21.2449C10.8532 24.1978 14.4973 26.528 18.8542 28.2355H18.8843C19.4666 28.4364 20.0488 28.4766 20.6311 28.356C21.2334 28.2355 21.7655 27.9744 22.2273 27.5726L25.269 24.5293C25.6706 24.1275 25.8714 23.6354 25.8714 23.0528C25.8714 22.4502 25.6706 21.948 25.269 21.5462L21.3238 17.5688C20.9222 17.1671 20.4203 16.9662 19.8179 16.9662C19.2156 16.9662 18.7137 17.1671 18.3121 17.5688L16.4148 19.4973C14.8889 18.7741 13.5637 17.8802 12.4394 16.8155C11.315 15.7308 10.4216 14.415 9.75901 12.8683L11.6865 10.9398C12.1081 10.4979 12.3189 9.97562 12.3189 9.37298C12.3189 8.75026 12.078 8.24806 11.5961 7.86639L11.6865 7.95678L7.65086 3.82872C7.2493 3.48723 6.77748 3.31648 6.23538 3.31648ZM16.2039 4.2807V6.20914C17.4287 6.20914 18.553 6.51046 19.577 7.11309C20.621 7.71573 21.4442 8.53933 22.0466 9.5839C22.6489 10.6084 22.95 11.7333 22.95 12.9587H24.8775C24.8775 11.3918 24.486 9.93544 23.703 8.58955C22.9199 7.28384 21.8759 6.23927 20.5708 5.45584C19.2256 4.67242 17.77 4.2807 16.2039 4.2807ZM6.23538 5.24492C6.29561 5.24492 6.36588 5.27505 6.4462 5.33532L10.3915 9.37298C10.4115 9.45333 10.3915 9.52364 10.3312 9.5839L7.47016 12.4163L7.68097 13.0189L8.07249 13.8626C8.39373 14.5456 8.76517 15.2085 9.1868 15.8513C9.76905 16.7553 10.4115 17.5287 11.1143 18.1715C12.0579 19.0955 13.1923 19.9392 14.5174 20.7025C15.18 21.0842 15.7422 21.3654 16.2039 21.5462L16.8063 21.8174L19.7276 18.8946C19.7677 18.8545 19.7979 18.8344 19.8179 18.8344C19.838 18.8344 19.8681 18.8545 19.9083 18.8946L23.974 22.9624C24.0142 23.0026 24.0342 23.0327 24.0342 23.0528C24.0342 23.0528 24.0142 23.0729 23.974 23.1131L20.9624 26.0961C20.5206 26.4778 20.0388 26.5783 19.5168 26.3975C15.4209 24.8105 12.0077 22.641 9.27715 19.889C7.59062 18.2016 6.11491 16.2832 4.85002 14.1338C3.94652 12.587 3.24381 11.0905 2.74186 9.64417V9.61404C2.66155 9.43324 2.65151 9.22232 2.71175 8.98127C2.77198 8.72012 2.88241 8.51925 3.04303 8.37863L6.02456 5.33532C6.0848 5.27505 6.15507 5.24492 6.23538 5.24492ZM16.2039 8.13758V10.066C17.0071 10.066 17.6897 10.3472 18.2519 10.9097C18.814 11.4722 19.0951 12.1552 19.0951 12.9587H21.0226C21.0226 12.0949 20.8017 11.2914 20.36 10.5481C19.9384 9.80487 19.3561 9.22232 18.6133 8.80048C17.8704 8.35854 17.0673 8.13758 16.2039 8.13758Z" fill="white"/>
</svg>
</div>
<div class="Contact-Box-Detail">
<p>PHONE</p>
<p><?php echo e($salon->profile->mobile_number); ?></p>
</div>
</div>
</li>
<?php endif; ?>
<?php if(isset($salon->profile->website_url)): ?>
<li>
<div class="Contact-Box">
<div class="Contact-Box-Icon">
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_297)">
<path d="M13.9846 2.98554C14.0299 2.98563 14.0753 2.98571 14.122 2.9858C14.7938 2.98793 15.4475 3.01178 16.1086 3.14082C16.1717 3.15213 16.1717 3.15213 16.236 3.16368C18.5182 3.57665 20.6287 4.67555 22.2961 6.28144C22.3424 6.32589 22.3424 6.32589 22.3897 6.37123C22.8345 6.79988 23.2442 7.23569 23.6086 7.73457C23.6488 7.78852 23.689 7.84248 23.7293 7.89643C24.0123 8.28032 24.2646 8.67888 24.4992 9.09394C24.5181 9.12709 24.5369 9.16024 24.5563 9.1944C25.1665 10.2781 25.5759 11.457 25.8264 12.674C25.8333 12.7073 25.8402 12.7406 25.8473 12.7749C25.9873 13.5082 26.0168 14.2411 26.0139 14.9855C26.0137 15.0536 26.0137 15.0536 26.0136 15.123C26.0115 15.7948 25.9876 16.4485 25.8586 17.1096C25.851 17.1516 25.8435 17.1937 25.8357 17.237C25.4228 19.5192 24.3239 21.6297 22.718 23.2971C22.6883 23.328 22.6587 23.3589 22.6282 23.3907C22.1995 23.8355 21.7637 24.2452 21.2648 24.6096C21.2109 24.6498 21.1569 24.69 21.103 24.7302C20.7191 25.0132 20.3205 25.2656 19.9055 25.5002C19.8723 25.519 19.8392 25.5379 19.805 25.5573C18.7213 26.1675 17.5424 26.5768 16.3254 26.8273C16.2921 26.8342 16.2588 26.8412 16.2245 26.8483C15.4912 26.9883 14.7583 27.0178 14.0139 27.0148C13.9685 27.0148 13.9232 27.0147 13.8764 27.0146C13.2046 27.0125 12.5509 26.9886 11.8898 26.8596C11.8478 26.852 11.8057 26.8445 11.7624 26.8367C9.48019 26.4237 7.36968 25.3248 5.70234 23.7189C5.67143 23.6893 5.64052 23.6597 5.60868 23.6292C5.16392 23.2005 4.75424 22.7647 4.38984 22.2658C4.34962 22.2119 4.3094 22.1579 4.26917 22.104C3.98616 21.7201 3.73384 21.3215 3.49921 20.9064C3.48036 20.8733 3.46151 20.8401 3.44209 20.806C2.83194 19.7223 2.42256 18.5434 2.17207 17.3264C2.1617 17.2764 2.1617 17.2764 2.15113 17.2254C2.01115 16.4922 1.98164 15.7592 1.98457 15.0148C1.98465 14.9695 1.98474 14.9241 1.98482 14.8774C1.98695 14.2056 2.01081 13.5519 2.13984 12.8908C2.15116 12.8277 2.15116 12.8277 2.1627 12.7634C2.57567 10.4812 3.67458 8.37066 5.28046 6.70332C5.31009 6.67241 5.33973 6.6415 5.37025 6.60966C5.7989 6.1649 6.23471 5.75521 6.73359 5.39082C6.78754 5.35059 6.8415 5.31037 6.89545 5.27015C7.27934 4.98714 7.6779 4.73482 8.09296 4.50019C8.12611 4.48134 8.15927 4.46249 8.19342 4.44306C9.27715 3.83291 10.456 3.42354 11.673 3.17304C11.723 3.16268 11.723 3.16268 11.774 3.15211C12.5072 3.01212 13.2402 2.98262 13.9846 2.98554ZM14.7023 4.54707C14.7023 6.10941 14.7023 7.67175 14.7023 9.28144C15.6729 9.28384 15.6729 9.28384 16.6389 9.24043C16.7022 9.23621 16.7656 9.232 16.829 9.22781C17.3244 9.19433 17.8184 9.14968 18.3117 9.09394C17.966 7.75378 17.2252 6.46195 16.2492 5.48457C16.2124 5.44716 16.1755 5.40976 16.1375 5.37122C15.9173 5.16011 15.6822 4.99023 15.423 4.83125C15.3945 4.81353 15.3659 4.79581 15.3365 4.77756C15.3084 4.76102 15.2803 4.74447 15.2513 4.72742C15.2268 4.71293 15.2023 4.69843 15.177 4.68349C15.0257 4.6187 14.8621 4.58699 14.7023 4.54707ZM11.7023 5.53144C11.6747 5.55615 11.647 5.58087 11.6185 5.60633C10.7157 6.44278 10.0589 7.79968 9.68671 8.95332C9.68671 8.98425 9.68671 9.01519 9.68671 9.04707C10.421 9.15309 11.1574 9.22858 11.8986 9.26386C11.9561 9.26668 11.9561 9.26668 12.0146 9.26955C12.4268 9.28686 12.8357 9.28144 13.2492 9.28144C13.2492 7.7191 13.2492 6.15675 13.2492 4.54707C12.6883 4.54707 12.0744 5.17569 11.7023 5.53144ZM7.62421 6.56269C7.58597 6.59188 7.54772 6.62106 7.50831 6.65113C6.92115 7.10988 6.2893 7.64994 5.84296 8.25019C5.84296 8.28113 5.84296 8.31207 5.84296 8.34394C6.6172 8.56083 7.39449 8.72321 8.18671 8.85957C8.29041 8.63382 8.38771 8.40663 8.47694 8.17475C8.82498 7.27051 9.23685 6.42796 9.78046 5.62519C9.83614 5.54121 9.89181 5.45723 9.94746 5.37324C9.98548 5.31656 10.0235 5.2599 10.0617 5.20332C9.30344 5.20332 8.21155 6.1128 7.62421 6.56269ZM17.9367 5.20332C17.9516 5.22507 17.9664 5.24682 17.9818 5.26923C18.0615 5.38726 18.1399 5.50609 18.218 5.62519C18.2432 5.66367 18.2432 5.66367 18.269 5.70292C18.8086 6.53061 19.2334 7.38785 19.5775 8.3138C19.6525 8.51259 19.7319 8.70954 19.8117 8.90644C21.093 8.78594 21.093 8.78594 22.2023 8.34394C21.6811 7.6606 21.0659 7.0705 20.3742 6.56269C20.3213 6.52296 20.2684 6.48323 20.2155 6.44349C19.1519 5.61751 19.1519 5.61751 17.9367 5.20332ZM4.90546 9.56269C4.2798 10.7042 3.81761 11.8628 3.57832 13.1457C3.57084 13.1856 3.56336 13.2255 3.55566 13.2665C3.49547 13.6126 3.47773 13.9416 3.45234 14.2971C4.72078 14.2971 5.98921 14.2971 7.29609 14.2971C7.3247 14.0968 7.34971 13.9094 7.36146 13.7095C7.43521 12.5498 7.58887 11.4061 7.81171 10.2658C7.4256 10.1668 7.03816 10.0777 6.64863 9.99335C6.0633 9.86521 5.48378 9.71925 4.90546 9.56269ZM22.7002 9.73023C22.6385 9.74614 22.5769 9.76203 22.5152 9.77791C22.4828 9.7863 22.4504 9.7947 22.417 9.80335C21.8297 9.95514 21.244 10.0895 20.646 10.1932C20.5755 10.2058 20.5755 10.2058 20.5035 10.2186C20.442 10.229 20.442 10.229 20.3792 10.2396C20.2711 10.2594 20.2711 10.2594 20.1867 10.3596C20.1935 10.4748 20.1935 10.4748 20.2239 10.6077C20.234 10.6589 20.2442 10.7102 20.2547 10.7629C20.2661 10.8184 20.2775 10.8738 20.2893 10.9309C20.4588 11.8012 20.5669 12.6642 20.6252 13.5491C20.6285 13.5997 20.6319 13.6504 20.6353 13.7025C20.6381 13.7472 20.6409 13.7919 20.6438 13.8379C20.6561 13.9762 20.6795 14.1133 20.7023 14.2502C21.9708 14.2502 23.2392 14.2502 24.5461 14.2502C24.4808 13.515 24.4808 13.515 24.3557 12.7941C24.3458 12.7503 24.336 12.7064 24.3258 12.6612C24.0769 11.6037 23.6879 10.5946 23.1398 9.65644C22.9806 9.65644 22.8545 9.68988 22.7002 9.73023ZM9.26484 10.4533C8.91714 11.6943 8.81032 12.9671 8.74921 14.2502C10.2342 14.2502 11.7192 14.2502 13.2492 14.2502C13.2492 13.09 13.2492 11.9299 13.2492 10.7346C12.965 10.722 12.6807 10.7094 12.3879 10.6965C11.3433 10.6476 10.3052 10.5589 9.26484 10.4533ZM18.252 10.5231C18.1921 10.5291 18.1322 10.5351 18.0704 10.5413C18.0383 10.5447 18.0061 10.548 17.9729 10.5514C16.9005 10.6611 15.8263 10.6936 14.7492 10.7346C14.7492 11.8947 14.7492 13.0549 14.7492 14.2502C16.2342 14.2502 17.7192 14.2502 19.2492 14.2502C19.1678 12.989 19.0466 11.7758 18.7805 10.5471C18.5948 10.5003 18.4419 10.5027 18.252 10.5231ZM3.45234 15.7033C3.49332 16.2837 3.49332 16.2837 3.57832 16.8547C3.58646 16.8983 3.5946 16.942 3.60299 16.987C3.81889 18.0969 4.17806 19.3014 4.81171 20.2502C4.95254 20.3206 5.04267 20.2695 5.19331 20.2295C5.25416 20.2137 5.31501 20.1979 5.37586 20.1821C5.40808 20.1736 5.44029 20.1651 5.47348 20.1563C6.04645 20.0057 6.62089 19.8716 7.20234 19.758C7.23332 19.7519 7.26431 19.7459 7.29623 19.7396C7.46796 19.7062 7.63979 19.6733 7.81171 19.6408C7.80217 19.5875 7.80217 19.5875 7.79243 19.5331C7.60613 18.4875 7.44611 17.4484 7.37323 16.3877C7.36822 16.315 7.36822 16.315 7.36311 16.2407C7.36032 16.198 7.35753 16.1553 7.35466 16.1113C7.34203 15.9745 7.31867 15.8388 7.29609 15.7033C6.02765 15.7033 4.75921 15.7033 3.45234 15.7033ZM8.74921 15.7502C8.78399 16.5105 8.78399 16.5105 8.85761 17.2648C8.86359 17.3132 8.86957 17.3615 8.87573 17.4113C8.93109 18.468 8.93109 18.468 9.26484 19.4064C9.62927 19.4218 9.99029 19.3838 10.3529 19.3517C11.3331 19.2655 12.313 19.2172 13.2961 19.1721C13.2961 18.0428 13.2961 16.9136 13.2961 15.7502C11.7956 15.7502 10.2952 15.7502 8.74921 15.7502ZM14.7492 15.7502C14.7492 16.8794 14.7492 18.0086 14.7492 19.1721C15.0519 19.1996 15.3508 19.2261 15.6538 19.2391C15.7258 19.2425 15.7979 19.2459 15.8699 19.2493C15.9255 19.2519 15.9255 19.2519 15.9822 19.2545C16.7805 19.2923 17.573 19.3548 18.3675 19.4419C18.4904 19.4525 18.6103 19.4554 18.7336 19.4533C19.0723 18.2445 19.1867 16.9999 19.2492 15.7502C17.7642 15.7502 16.2792 15.7502 14.7492 15.7502ZM20.7023 15.7502C20.6692 15.9157 20.6471 16.0586 20.637 16.2246C20.5669 17.2852 20.4467 18.3382 20.2211 19.3777C20.182 19.5412 20.182 19.5412 20.1867 19.6877C20.2286 19.6959 20.2705 19.7041 20.3137 19.7126C21.0942 19.8668 21.8683 20.027 22.6343 20.2439C22.7039 20.2636 22.7039 20.2636 22.7749 20.2837C22.8151 20.2954 22.8553 20.307 22.8967 20.319C23.0044 20.3495 23.0044 20.3495 23.1398 20.3439C23.7522 19.238 24.189 18.097 24.4201 16.8518C24.4276 16.8115 24.4351 16.7712 24.4428 16.7297C24.4997 16.4011 24.5202 16.0867 24.5461 15.7502C23.2777 15.7502 22.0092 15.7502 20.7023 15.7502ZM14.7492 20.6252C14.7492 22.1875 14.7492 23.7499 14.7492 25.3596C15.4879 25.1133 16.0896 24.7033 16.5773 24.0939C16.6163 24.0473 16.6553 24.0006 16.6954 23.9526C17.2981 23.2211 18.3117 21.8311 18.3117 20.8596C17.5166 20.7688 16.7233 20.7029 15.924 20.6633C15.8643 20.6603 15.8643 20.6603 15.8033 20.6572C15.6888 20.6516 15.5743 20.6461 15.4598 20.6408C15.4091 20.6383 15.4091 20.6383 15.3573 20.6359C15.154 20.6268 14.953 20.6252 14.7492 20.6252ZM10.551 20.7424C10.5132 20.7455 10.4754 20.7485 10.4365 20.7517C10.3291 20.7606 10.2217 20.7697 10.1143 20.779C10.0819 20.7817 10.0494 20.7844 10.016 20.7871C9.84574 20.8013 9.84574 20.8013 9.68671 20.8596C10.0316 22.2894 10.906 23.5891 11.9367 24.6096C11.9603 24.6331 11.984 24.6566 12.0083 24.6808C12.1866 24.8443 12.3843 24.9689 12.593 25.09C12.6202 25.106 12.6475 25.122 12.6755 25.1385C12.8702 25.2484 13.0261 25.2958 13.2492 25.3596C13.2492 23.7972 13.2492 22.2349 13.2492 20.6252C12.3464 20.6252 11.4504 20.6678 10.551 20.7424ZM7.73957 21.0958C7.67885 21.1074 7.61812 21.1191 7.55556 21.1311C7.49055 21.1441 7.42554 21.1571 7.36054 21.1701C7.32797 21.1765 7.29539 21.1829 7.26182 21.1895C6.75051 21.29 6.24716 21.4083 5.74921 21.5627C5.94873 21.8761 6.19743 22.1379 6.45234 22.4064C6.51433 22.4722 6.51433 22.4722 6.57758 22.5394C6.9018 22.8741 7.25131 23.1594 7.62421 23.4377C7.65074 23.4577 7.67727 23.4777 7.7046 23.4983C8.28783 23.9361 8.90736 24.301 9.56367 24.6184C9.60187 24.6371 9.64007 24.6558 9.67942 24.675C9.71506 24.6918 9.7507 24.7086 9.78742 24.7258C9.81893 24.7408 9.85043 24.7557 9.88289 24.7711C9.97753 24.809 9.97753 24.809 10.1086 24.7502C10.0796 24.711 10.0507 24.6718 10.0209 24.6314C9.30175 23.6478 8.72274 22.5641 8.35241 21.4004C8.33924 21.3606 8.32608 21.3207 8.31251 21.2796C8.29623 21.2273 8.29623 21.2273 8.27963 21.1738C8.24011 21.0878 8.24011 21.0878 8.15406 21.0559C8.00842 21.044 7.8831 21.068 7.73957 21.0958ZM19.7648 21.0939C19.7501 21.1359 19.7501 21.1359 19.735 21.1786C19.2816 22.4551 18.7186 23.672 17.8898 24.7502C18.0628 24.8078 18.0933 24.7816 18.2537 24.7053C18.298 24.6843 18.3424 24.6633 18.3881 24.6417C18.4354 24.6185 18.4827 24.5953 18.5314 24.5715C18.6041 24.5362 18.6041 24.5362 18.6782 24.5003C19.2823 24.2023 19.8396 23.8472 20.3742 23.4377C20.4316 23.3939 20.4316 23.3939 20.4901 23.3493C21.1058 22.8682 21.7615 22.3056 22.2023 21.6564C22.0938 21.5479 22.035 21.5354 21.8879 21.4986C21.8198 21.4814 21.8198 21.4814 21.7502 21.4639C21.7012 21.452 21.6522 21.4402 21.6018 21.4279C21.5267 21.4095 21.5267 21.4095 21.4501 21.3906C21.1135 21.3093 20.7758 21.2356 20.4357 21.1701C20.3749 21.1583 20.3749 21.1583 20.3128 21.1463C20.1265 21.1119 19.955 21.0904 19.7648 21.0939Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_1_297">
<rect width="24" height="24" fill="white" transform="translate(2 3)"/>
</clipPath>
</defs>
</svg>
</div>
<div class="Contact-Box-Detail">
<a target="_blank" style="color:white;" href="<?php echo e($salon->profile->website_url); ?>">
<p>Website</p>
<!-- <p><?php echo e($salon->profile->website_url); ?></p> -->
</a>
</div>
</div>
</li>
<?php endif; ?>
<?php if(isset($salon->email) && isset($salon->show_email) && $salon->show_email == 1): ?>
<li>
<div class="Contact-Box">
<div class="Contact-Box-Icon">
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.95455 2.625V4.59624L1.75 8.63565V25.375H26.5682V8.63565L20.3636 4.59624V2.625H7.95455ZM10.0227 4.69318H18.2955V12.6428L14.1591 15.3249L10.0227 12.6428V4.69318ZM11.0568 6.76136V8.82955H17.2614V6.76136H11.0568ZM7.95455 7.0522V11.2855L4.6907 9.18501L7.95455 7.0522ZM20.3636 7.0522L23.6275 9.18501L20.3636 11.2855V7.0522ZM11.0568 9.86364V11.9318H17.2614V9.86364H11.0568ZM3.81818 11.0916L14.1591 17.7809L24.5 11.0916V23.3068H3.81818V11.0916Z" fill="white"/>
</svg>
</div>
<div class="Contact-Box-Detail">
<p>EMAIL</p>
<p><?php echo e($salon->email); ?></p>
</div>
</div>
</li>
<?php endif; ?>
<?php if(isset($salon->address)): ?>
<li>
<div class="Contact-Box">
<div class="Contact-Box-Icon">
<svg width="23" height="31" viewBox="0 0 23 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.625 12C20.5469 9.34375 19.6289 7.13672 17.8711 5.37891C16.1133 3.62109 13.9062 2.70312 11.25 2.625C8.59375 2.70312 6.38672 3.62109 4.62891 5.37891C2.87109 7.13672 1.95313 9.34375 1.875 12C1.875 12.9375 2.20703 14.168 2.87109 15.6914C3.53516 17.2539 4.375 18.875 5.39062 20.5547C6.40625 22.1953 7.44141 23.7188 8.49609 25.125C9.55078 26.5703 10.4688 27.7812 11.25 28.7578C12.0312 27.7812 12.9492 26.5703 14.0039 25.125C15.0586 23.7188 16.0938 22.1953 17.1094 20.5547C18.1641 18.875 19.0234 17.2539 19.6875 15.6914C20.3125 14.168 20.625 12.9375 20.625 12ZM22.5 12C22.4219 13.7578 21.7969 15.7891 20.625 18.0938C19.4141 20.3984 18.0469 22.625 16.5234 24.7734C15 26.9609 13.7109 28.6992 12.6562 29.9883C12.2656 30.457 11.7969 30.6914 11.25 30.6914C10.7031 30.6914 10.2344 30.457 9.84375 29.9883C8.78906 28.6992 7.5 26.9609 5.97656 24.7734C4.45312 22.625 3.08594 20.3984 1.875 18.0938C0.703125 15.7891 0.078125 13.7578 0 12C0.078125 8.79688 1.17188 6.14062 3.28125 4.03125C5.39062 1.92188 8.04688 0.828125 11.25 0.75C14.4531 0.828125 17.1094 1.92188 19.2188 4.03125C21.3281 6.14062 22.4219 8.79688 22.5 12ZM8.4375 12C8.47656 13.0547 8.94531 13.875 9.84375 14.4609C10.7812 14.9297 11.7188 14.9297 12.6562 14.4609C13.5547 13.875 14.0234 13.0547 14.0625 12C14.0234 10.9453 13.5547 10.125 12.6562 9.53906C11.7188 9.07031 10.7812 9.07031 9.84375 9.53906C8.94531 10.125 8.47656 10.9453 8.4375 12ZM11.25 16.6875C9.49219 16.6484 8.14453 15.8672 7.20703 14.3438C6.34766 12.7812 6.34766 11.2188 7.20703 9.65625C8.14453 8.13281 9.49219 7.35156 11.25 7.3125C13.0078 7.35156 14.3555 8.13281 15.293 9.65625C16.1523 11.2188 16.1523 12.7812 15.293 14.3438C14.3555 15.8672 13.0078 16.6484 11.25 16.6875Z" fill="white"/>
</svg>
</div>
<div class="Contact-Box-Detail">
<?php $__currentLoopData = $salon->address; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $address): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php if($address->is_main == 1): ?>
<p><?php echo e($address->address); ?>, <br>
<?php echo e($address->county); ?>
<?php echo e($address->postcode); ?></p>
<?php endif; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<!-- <p>29 Long Arrotts, Hemel<br> Hempstead , HP1 3EX</p> -->
</div>
</div>
</li>
<?php endif; ?>
<?php if(isset($salon->workingdays)): ?>
<li>
<div class="Contact-Box">
<div class="Contact-Box-Icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.5 12C22.4688 10.0938 22 8.34375 21.0938 6.75C20.1562 5.15625 18.875 3.875 17.25 2.90625C15.5938 1.96875 13.8438 1.5 12 1.5C10.1562 1.5 8.40625 1.96875 6.75 2.90625C5.125 3.875 3.84375 5.15625 2.90625 6.75C2 8.34375 1.53125 10.0938 1.5 12C1.53125 13.9062 2 15.6562 2.90625 17.25C3.84375 18.8438 5.125 20.125 6.75 21.0938C8.40625 22.0312 10.1562 22.5 12 22.5C13.8438 22.5 15.5938 22.0312 17.25 21.0938C18.875 20.125 20.1562 18.8438 21.0938 17.25C22 15.6562 22.4688 13.9062 22.5 12ZM0 12C0.03125 9.8125 0.5625 7.8125 1.59375 6C2.65625 4.1875 4.125 2.71875 6 1.59375C7.90625 0.53125 9.90625 0 12 0C14.0938 0 16.0938 0.53125 18 1.59375C19.875 2.71875 21.3438 4.1875 22.4062 6C23.4375 7.8125 23.9688 9.8125 24 12C23.9688 14.1875 23.4375 16.1875 22.4062 18C21.3438 19.8125 19.875 21.2812 18 22.4062C16.0938 23.4688 14.0938 24 12 24C9.90625 24 7.90625 23.4688 6 22.4062C4.125 21.2812 2.65625 19.8125 1.59375 18C0.5625 16.1875 0.03125 14.1875 0 12ZM11.25 5.25C11.2812 4.78125 11.5312 4.53125 12 4.5C12.4688 4.53125 12.7188 4.78125 12.75 5.25V11.5781L16.9219 14.3906C17.2656 14.6719 17.3281 15.0156 17.1094 15.4219C16.8281 15.7656 16.4844 15.8281 16.0781 15.6094L11.5781 12.6094C11.3594 12.4531 11.25 12.25 11.25 12V5.25Z" fill="white"/>
</svg>
</div>
<div class="Contact-Box-Detail">
<?php $__currentLoopData = $salon->workingdays; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $weekday): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php if($weekday->weekday == $today && $weekday->dayoff == 1): ?>
<p> Closed </p>
<p> </p>
<?php elseif($weekday->weekday == $today): ?>
<p> Open Today: </p> <p><?php echo e($weekday->bo_start); ?> - <?php echo e($weekday->bo_end); ?>
</p>
<?php endif; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
</div>
</li>
<?php endif; ?>
</ul>
<hr>
<?php if(isset($salon->instagram_id) || isset($salon->facebook_id) || isset($salon->tictok_id) || isset($salon->youtube_id)): ?>
<div class="tagline-text">
<div class="massage_type" style="height: 46px !important;">
<?php if(isset($salon->instagram_id) && $salon->instagram_id !== ''): ?><a href="<?php echo $salon->instagram_id; ?>" target="_blank"><i class="fa fa-instagram fa-2x"></i></a> <?php endif; ?> <?php if(isset($salon->facebook_id) && $salon->facebook_id !== ''): ?><a href="<?php echo $salon->facebook_id; ?>" target="_blank"><i class="fa fa-facebook-square fa-2x"></i></a> <?php endif; ?> <?php if(isset($salon->tictok_id) && $salon->tictok_id !== ''): ?><a href="<?php echo $salon->tictok_id; ?>" target="_blank"><i class="fab fa-tiktok fa-2x"></i></a> <?php endif; ?> <?php if(isset($salon->youtube_id) && $salon->youtube_id !== ''): ?><a href="<?php echo $salon->youtube_id; ?>" target="_blank"><i class="fab fa-youtube fa-2x"></i></a> <?php endif; ?>
</div>
</div>
<?php endif; ?>
</div>
<div class="black-col">
<div>
<div id="map"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<section id="about" class="about_maplocation about-v-2" style="display:none">
<div class="container about_maplocation__container ">
<div class="row about_maplocation__row">
<div class="col-md-12 about_maplocation__col">
<div class="blue-fullborder">
<div class="map_aboutLayer">
<div class="map_about_image">
<!-- <img src="<?php echo e(asset('/themes/frontend_new/assets/img/salon_users/images/map.png')); ?>" alt="" class="img-fluid"> -->
<div>
<div id="map"></div>
</div>
</div>
<div class="map_aboutLayer_address">
<div class="address_layer clearfix">
<div class="addressLocation_icon">
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/salon_users/images/location-icon.svg')); ?>" alt="">
</div>
<div class="detailed-address">
<div class="spa">
<p><?php echo e($salon->name); ?></p>
</div>
<?php if(isset($salon->address)): ?>
<?php $__currentLoopData = $salon->address; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $address): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php if($address->is_main == 1): ?>
<p><?php echo e($address->address); ?></p>
<p><?php echo e($address->county); ?></p>
<p><?php echo e($address->postcode); ?></p>
<?php endif; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
</div>
</div>
<div class="sheduled_list">
<?php if(isset($salon->workingdays)): ?>
<?php $__currentLoopData = $salon->workingdays; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $weekday): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php if($weekday->dayoff == 1): ?>
<div class="sheduled_inner">
<div class="sheduled_inner_block">
<div class="block_sheduled">
<div class="list_greedIcon set_closed">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><circle cx="178" cy="536" r="6" transform="translate(-172 -530)" fill="#3ba150"/></svg>
</div>
<div class="week_elemets">
<span class="set_closed"><?php echo e($weekday->name); ?></span>
</div>
</div>
</div>
<div class="sheduled_elemetslayer">
<span class="set_closed">closed</span>
</div>
</div>
<?php else: ?>
<div class="sheduled_inner">
<div class="sheduled_inner_block">
<div class="block_sheduled">
<div class="list_greedIcon ">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><circle cx="178" cy="536" r="6" transform="translate(-172 -530)" fill="#3ba150"/></svg>
</div>
<div class="week_elemets">
<span class="set_open"><?php echo e($weekday->name); ?></span>
</div>
</div>
</div>
<div class="sheduled_elemetslayer">
<span class="set_open"> <?php echo e($weekday->bo_start); ?> – <?php echo e($weekday->bo_end); ?></span>
</div>
</div>
<?php endif; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="services-modal services-modal-v-2">
<div class="modal fade" id="ShowBtn-popup" role="dialog">
</div>
</section>
<!-- more button Modal -->
<section>
<div class="container">
<!-- Trigger the modal with a button -->
<!-- <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> -->
<!-- Modal -->
<div class="modal modal-center fade" id="myModal" role="dialog">
<div id="salon_therapsit_modal" class="modal-dialog modal-d modal-dialog-centered">
<!-- here is the conent of modal by AJAX -->
<!-- Content end in salon_therapist_modal.blade.php file-->
<!-- <div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div> -->
</div>
</div>
</div>
</div>
</section>
<!-- more button Modal -->
</main>
<?php echo $__env->make('frontend_new.partials.footer', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php echo e(csrf_field()); ?>
<?php echo $__env->make('frontend_new.partials.core-js', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<!--Page JS-->
<script src="<?php echo e(asset('/themes/frontend_new/assets/js/gmaps.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('/themes/frontend_new/assets/plugins/owl.carousel/owl-carousel/owl.carousel.js')); ?>"></script>
<script src="<?php echo e(asset('themes/frontend_new/assets/css/salon/salon_users/js/file.js')); ?>"></script>
<!-- <script src="<?php echo e(asset('themes/frontend_new/assets/css/salon/salon_users/js/jquery-1.11.3.min.js')); ?>"></script> -->
<!-- <script>
$(document).ready(function () {
$(".owl-treatments").owlCarousel({
autoPlay: 3000, //Set AutoPlay to 3 seconds
navigation: false,
pagination: true,
itemsCustom: [
[0, 2],
[450, 2],
[600, 3],
[700, 4],
[1000, 5],
[1200, 6],
[1400, 6],
[1600, 7]
],
});
$(".owl-social").owlCarousel({
autoPlay: 3000, //Set AutoPlay to 3 seconds
navigation: false,
pagination: true,
itemsCustom: [
[0, 2],
[450, 2],
[600, 3],
[700, 3],
[1000, 4],
[1200, 5],
[1400, 5],
[1600, 5]
],
});
$(".owl-event").owlCarousel({
autoPlay: 3000, //Set AutoPlay to 3 seconds
navigation: true,
pagination: false,
itemsCustom: [
[0, 1],
[450, 1],
[600, 3],
[700, 3],
[1000, 4],
[1200, 4],
[1400, 5],
[1600, 5]
],
});
});
</script> -->
<script>
var CSRF_TOKEN = $('input[name="_token"]').val();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': CSRF_TOKEN
}
});
function selectBooking($id){
// alert($id);
$.ajax({
method: "POST",
url: "<?php echo route('booking.salon.addCategoryToSession'); ?>",
cache: false,
data: {itemId: $id},
beforeSend: function() {
},
dataType: "json",
})
.done(function(data) {
window.location.href = "<?php echo route('bookings.salon_booking'); ?>";
});
}
function deleteBooking($id){
if(!confirm("Are you sure you want to remove this")) {
return false;
}
var div = $('#data_to_change_'+$id);
var cartCount = $('.notification-bg');
var cartDetails = $('.product-item-list');
// var cartDiv = $()
console.log(div);
// alert($id);
$.ajax({
method: "POST",
url: "<?php echo route('booking.salon.deleteFromCart'); ?>",
cache: false,
data: {itemId: $id},
beforeSend: function() {
},
dataType: "json",
})
.done(function(data) {
div.html(data.partial);
cartCount.html(data.cartCount);
cartDetails.html(data.partialCart);
// alert(data);
// window.location.reload();
// window.location.href = "<?php echo route('bookings.salon_booking'); ?>";
});
}
function therapist_available_slots($key, $salon_id){
var hours = $("#salon_slot");
// alert($key);
// var therapist_key = $key;
// alert(therapist_key);
var url = "<?php echo e(url('/booking/salon/set-therapist/')); ?>/"+$key+"/"+$salon_id;
// alert(url);
// var url = "<?php echo e(route('bookings.salon.set-therapist',['key'=>''])); ?>/"+$key;
// // alert(url);
$.ajax({
method: "GET",
url: url,
cache: false,
// data: {itemId: $id},
beforeSend: function () {
hours.html("<span><i class='fa fa-spin fa-spinner fa-4x'></i></span>");
},
dataType: "html",
})
.done(function(data) {
// hours.hide(0);
hours.html(data);
hours.fadeIn();
// alert(data);
// window.location.reload();
});
}
function selectSlot($slot){
alert($slot);
let ajaxUrlTime = "<?php echo route('booking.salon.settime'); ?>";
$.ajax({
method: "GET",
url: ajaxUrlTime+"?time="+$slot,
cache: false,
dataType: "json",
})
.done(function(data) {
window.location.reload();
});
}
function getSubCategory($id, $salon_id){
var subCategory = $("#subcategory_"+$id);
let url = "<?php echo e(url('/booking/salon/get-sub-category')); ?>";
// var url = ajaxUrlTime+"/"+$id+"/"+$salon_id;
// alert(url);
$.ajax({
method: "POST",
url: url,
cache: false,
// dataType: "json",
data: {
id: $id,
salon_id: $salon_id
},
beforeSend: function () {
subCategory.html("<span><i class='fa fa-spin fa-spinner fa-4x'></i></span>");
},
dataType: "html",
})
.done(function(data) {
// console.log(data);
// alert($data);
subCategory.html(data);
// $("#subcategory").fadeIn();
});
}
function getCategory($id, $salon_id, $key){
var category = $("#category_"+$key);
let url = "<?php echo e(url('/booking/salon/get-category')); ?>";
// var url = ajaxUrlTime+"/"+$id+"/"+$salon_id;
// alert(url);
$.ajax({
method: "POST",
url: url,
cache: false,
// dataType: "json",
data: {
id: $id,
salon_id: $salon_id
},
beforeSend: function () {
category.html("<span><i class='fa fa-spin fa-spinner fa-4x'></i></span>");
},
dataType: "html",
})
.done(function(data) {
// console.log(data);
category.html(data);
});
}
</script>
<script>
function salon_therapsit_modal_data($id) {
var div = $("#salon_therapsit_modal");
let ajaxUrlModal = "<?php echo route('booking.salon.gettherapistmodalinfo'); ?>";
$.ajax({
method: "GET",
url: ajaxUrlModal+"?id="+$id,
cache: false,
dataType: "json",
beforeSend: function () {
div.html("<span><i class='fa fa-spin fa-spinner fa-4x'></i></span>");
},
success: function(data){
$data = $(data); // the HTML content that controller has produced
console.log($data);
$('#salon_therapsit_modal').html(data);
}
})
.done(function(data) {
console.log(data);
$("#salon_therapsit_modal").html(data.partial);
$('.myWorktheme').owlCarousel({
loop:true,
margin:0,
nav:true,
responsive:{
0:{
items:1
},
600:{
items:3
},
1000:{
items:3
}
}
})
// window.location.reload();
});
}
</script>
<script>
$('.owl_elementBlock').owlCarousel({
loop: false,
autoPlay:true,
autoPlaySpeed: 500,
autoPlayTimeout: 500,
autoplayHoverPause: false,
margin: 0,
nav: true,
touchDrag: false,
mouseDrag: false,
responsive: {
0: {
items: 1
},
600: {
items: 1
},
1000: {
items: 1
}
}
})
</script>
<script>
$(document).ready(function() {
$('.arrow_rotate').click(function() {
$('.arrow_down_list_down').toggleClass('arrow_down_up');
$('.show_time').toggleClass('show_time_hide');
});
});
</script>
<!-- <script>
$(document).ready(function(){
//booking map
map = new GMaps({
div: '#map',
lat: '23.660446166993',
lng: '80.705490112304'
});
})
</script> -->
<script type="text/javascript">
function initMap() {
var myLatLng;
if(<?php echo e($lat); ?> != '' && <?php echo e($lon); ?> != ''){
var myLatLng = { lat: <?php echo e($lat); ?>, lng: <?php echo e($lon); ?> };
}
const salonLatLng = { lat:<?php echo e($salon->lat); ?>, lng:<?php echo e($salon->long); ?> }
const map = new google.maps.Map(document.getElementById("map"), {
zoom: 10,
center: salonLatLng,
});
if(<?php echo e($lat); ?> != '' && <?php echo e($lon); ?> != ''){
new google.maps.Marker({
position: myLatLng,
map,
title: "My Location",
});
}
new google.maps.Marker({
position: salonLatLng,
map,
title: "Salon Location",
});
}
window.initMap = initMap;
</script>
<script>
$('.sliderBlock').owlCarousel({
loop:true,
margin:30,
stagepadding:30,
nav:true,
responsive:{
0:{
items:1.1
},
600:{
items:2.1
},
1000:{
items:3.1
},
1200:{
items:4.1
}
}
})
</script>
<script>
</script>
<script>
$(document).ready(function () {
$('.clickSetJobs').click(function () {
console.log($(this).data('salon_id'));
var div = $(this);
var id = $(this).data('id');
var salon_id = $(this).data('salon_id');
var sub_category_url = "<?php echo e(url('/booking/salon/get-sub-category-in-salon-details')); ?>";
console.log($(this).parent().next('#'.id));
// $('.open_blockitem-two').toggleClass('open_blockitem_active-two');
// $(this).parent().next('.open_blockitem').toggleClass('open_blockitem_active');
$.ajax({
method: "POST",
url: sub_category_url,
cache: false,
// dataType: "json",
data: {
id: id,
salon_id: salon_id
},
beforeSend: function () {
// category.html("<span><i class='fa fa-spin fa-spinner fa-4x'></i></span>");
},
dataType: "html",
})
.done(function(data) {
div.parent().next('#'.id).html(data);
div.parent().next('.open_blockitem').toggleClass('open_blockitem_active');
});
});
$('.first-servive_inner').click(function () {
var id = $(this).data('id');
var targetOffset = $('#' + id).offset().top;
$('html, body').animate({
scrollTop: targetOffset
}, 1000); // Adjust the duration as needed
});
// $('.clickSetJobsrs').click(function () {
// console.log("here");
// $(this).closest('.open_blockitem').removeClass('open_blockitem_active');
// // $('.open_blockitem-two').removeClass('open_blockitem_active-two');
// });
});
</script>
<script>
$(document).on('click', '.clickSetJobsrs', function() { console.log("here"); $(this).closest('.open_blockitem').removeClass('open_blockitem_active'); });
$(document).on('click','.ShowBtn-popup-modal', function() {
console.log("here");
var div = $('#ShowBtn-popup');
console.log(div);
var id = $(this).data('id');
console.log("here",id);
var modal_URL = "<?php echo e(url('/booking/salon/get-salon-service-modal')); ?>";
$.ajax({
method: "POST",
url: modal_URL,
cache: false,
// dataType: "json",
data: {
id: id,
// salon_id: salon_id
},
beforeSend: function () {
div.html("<span><i class='fa fa-spin fa-spinner fa-4x'></i></span>");
},
dataType: "html",
})
.done(function(data) {
div.html(data);
// div.parent().next('#'.id).html(data);
// div.parent().next('.open_blockitem').toggleClass('open_blockitem_active');
});
});
</script>
<script>
$(document).ready(function() {
$('.collapse.in').prev('.panel-heading').addClass('active');
$('#accordion-category, #bs-collapse')
.on('show.bs.collapse', function(a) {
$(a.target).prev('.panel-heading').addClass('active');
})
.on('hide.bs.collapse', function(a) {
$(a.target).prev('.panel-heading').removeClass('active');
});
});
</script>
<script>
$('.meetStar').owlCarousel({
loop:false,
margin:25,
nav:true,
responsive:{
0:{
items:1
},
600:{
items:2
},
900:{
items:3
},
1000:{
items:3
},
1200:{
items:4
}
}
})
</script>
<script type="text/javascript">
// function initMap() {
// var input = document.getElementById('findaddress_new');
// console.log("input", input);
// var autocomplete = new google.maps.places.Autocomplete(input);
// autocomplete.setComponentRestrictions({'country': ['UK']});//{'country': ['it']}
// google.maps.event.addListener(autocomplete, 'place_changed', function() {
// var place = autocomplete.getPlace() ;
// // console.log(place);
// var postalCode = '';
// var postalCodeS = '';
// var completeAddress = place.formatted_address;
// console.log("address", completeAddress);
// jQuery.each( place.address_components, function( index, value ){
// // console.log(value.types);
// if(value.types[0]=='postal_code'){
// // console.log("inside if");
// postalCode = value.long_name;
// postalCodeS = value.short_name;
// }
// });
// // console.log("postal Code", postalCode);
// //jQuery("#gaddress").text('Postal code : '+postalCode);
// //jQuery("#gaddress_short").text('Short Postal code : '+postalCodeS);
// //console.log(postalCode+" is the postal code");
// var lat = place.geometry.location.lat();
// var lng = place.geometry.location.lng();
// //window.alert(JSON.stringify(place));
// //window.alert(place.address_components[0].long_name); ------- long name of address
// //window.alert(place.address_components[0].short_name); ------- short name of address
// //jQuery("#final_address").val(place.formatted_address);
// jQuery("#latitude").val(lat);
// jQuery("#longitude").val(lng);
// $.ajax({
// method: "POST",
// url: "<?php echo e(route('bookings.setpostcode')); ?>",
// cache: false,
// data: { postcode:postalCode, address: completeAddress },
// dataType: "json",
// })
// .error(function(data){
// var response = jQuery.parseJSON(data.responseText);
// $('#modalInfo').find('.modal-title').text('ERROR');
// $('#modalInfo').find('.modal-body').html("<h5 class='text-danger'>"+response.message+"</h5>");
// $('#modalInfo').modal('show');
// })
// .done(function(data) {
// selecttype();
// // console.log(data);
// // load_hours(date);
// // $('#modalInfo').find('.modal-title').text('SUCCESS');
// // $('#modalInfo').find('.modal-body').html("<h5 class='text-success'>"+data.message+"</h5>");
// // $('#modalInfo').modal('show');
// });
// });
// }
$(document).ready(function () {
var CSRF_TOKEN = $('input[name="_token"]').val();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': CSRF_TOKEN
}
});
/*
//find address
var addressList = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
queryTokenizer: Bloodhound.tokenizers.whitespace,
// limit: 20,
// sufficient: 40,
remote: {
url: 'getaddresslist/',
replace: function(url, uriEncodedQuery) {
var res = url + encodeURIComponent(uriEncodedQuery);
return res;
}
}
});
addressList.initialize();
console.log(addressList);
var addAddress = $('.typeahead').typeahead(null, {
name: 'address',
displayKey: 'StreetAddress',
source: addressList,
hint: false,
highlight: false,
minLength: 2,
limit: 1000,
templates: {
empty: [
'<div class="row">' +
'<div class="col-md-16 text-center text-danger">' +
'<i class="fa fa-exclamation-triangle "></i> The Postcode is not found!' +
'</div>'+
'</div>'
],
suggestion: function (data){
if (data.Error){
return '<div><i class="fa fa-info-circle"></i> '+data.Cause+'</div>'
}
else
return '<div><i class="fa fa-map-marker"></i> '+data.StreetAddress+' - '+data.Place+'</span></div>'
}
}
});
//get postcode address and checkit into bd
addAddress.on('typeahead:selected',function(evt,data){
if (data.Error){
return false;
}
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.getaddressdetails')); ?>",
cache: false,
data: { id:data.Id },
dataType: "json",
})
.done(function(addr) {
});
});
*/
var reservedTime = "300";
$('#findaddress_old').on('input', function () {
var address = $(this).val();
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.check_booking_address_input')); ?>",
cache: false,
data: {address:address},
dataType: "json",
})
.error(function (data) {
})
.done(function (data) {
})
console.log('do something');
});
/*check the minimum requirements for this massage session */
$("body").on('click','.check-booking-session-min-requirements', function () {
var address = $('#findaddress_old').val();
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.check_booking_session_min_requirements')); ?>",
cache: false,
data: { type:$(this).attr('massage-type'), address:address },
dataType: "json",
})
.error(function(data){
var response = jQuery.parseJSON(data.responseText);
$('#modalInfo').find('.modal-title').text('ERROR');
$('#modalInfo').find('.modal-body').html("<h5 class='text-danger'>"+response.message+"</h5>");
$('#modalInfo').modal('show');
})
.done(function(data){
//var response = jQuery.parseJSON(data.responseText);
if(data.url)
{
window.location.href = data.url;
}
});
});
//date
if ($("#datepicker").length>0){
<?php if(isset($booking['date'])): ?>
$("#datepicker").datepicker().datepicker("setDate", new Date('<?php echo e($booking['date']); ?>'));
var date = $('#datepicker').datepicker('getFormattedDate',"yyyy-mm-dd");
<?php else: ?>
var date = $('#datepicker').datepicker('getFormattedDate',"yyyy-mm-dd");
<?php endif; ?>
}
else{
var date = '<?php echo e(\Carbon\Carbon::now()->format('Y-m-d')); ?>';
}
//select no of therapists
selecttype();
// POPOVER FOCAL POINT
$('[data-toggle="popover"]').popover();
$(".focalpoint").click(function(){
$(this).toggleClass('selected');
var selectedfp=[];
$(".focalpoint.selected").each(function(i,el){
selectedfp.push($(el).attr('focal_point'));
});
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.setfocalpoints')); ?>",
cache: false,
data: { fp:selectedfp },
dataType: "json",
})
});
//add to basket
$("body").on('click','.reservation-button, .checkout-button', function(){
var url = $(this).attr('url');
var toUrl = '<?php echo e(route("bookings.basket.index")); ?>';
var bigContainer = $('.light-bg');
$.ajax({
method: "GET",
url: url,
cache: false,
beforeSend: function(){
bigContainer.addClass('blocked');
}
})
.error(function(data){
load_hours(date);
displayTherapists();
bigContainer.removeClass('blocked');
var response = jQuery.parseJSON(data.responseText);
$('#modalInfo').find('.modal-title').text('ERROR');
$('#modalInfo').find('.modal-body').html("<h5 class='text-danger'>"+response.message+"</h5>");
$('#modalInfo').modal('show');
})
.done(function(data) {
window.location.href = toUrl;
});
});
// COUNTER
// var clock = $('.clock-01').FlipClock(reservedTime, {
// countdown: true,
// clockFace: 'MinuteCounter',
// autoStart: false,
// });
// var clock2 = $('.clock-02').FlipClock(reservedTime, {
// countdown: true,
// clockFace: 'MinuteCounter',
// autoStart: false,
// });
// DATE PICKER
// $('#datepicker').datepicker({
// startDate: '+1d',
// });
// displayTherapists();
// CUSTOM RADIO BUTTONS
function changeState(el) {
if (el.readOnly) el.checked = el.readOnly = false;
else if (!el.checked) el.readOnly = el.indeterminate = true;
}
//select massage info:location, duration, massage type
$("#validpostalcode").click(function(){
var postalcode = $("#postalcode");
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.setpostcode')); ?>",
cache: false,
data: { postcode:postalcode.val() },
dataType: "json",
})
.error(function(data){
var response = jQuery.parseJSON(data.responseText);
$('#modalInfo').find('.modal-title').text('ERROR');
$('#modalInfo').find('.modal-body').html("<h5 class='text-danger'>"+response.message+"</h5>");
$('#modalInfo').modal('show');
})
.done(function(data) {
selecttype();
load_hours(date);
$('#modalInfo').find('.modal-title').text('SUCCESS');
$('#modalInfo').find('.modal-body').html("<h5 class='text-success'>"+data.message+"</h5>");
$('#modalInfo').modal('show');
});
});
$("#duration").change(function(){
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.setduration')); ?>",
cache: false,
data: { duration:$(this).val() },
dataType: "json",
})
.error(function(data){
var response = jQuery.parseJSON(data.responseText);
})
.done(function(data){
load_hours(date);
});
});
$("#massage").change(function(){
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.setmassage')); ?>",
cache: false,
data: { massage:$(this).val() },
dataType: "json",
})
.error(function(data){
var response = jQuery.parseJSON(data.responseText);
})
.done(function(data){
load_hours(date);
// load_therapists();
// displayTherapists();
});
});
//select an hour
$("body").on('click','.selecthour', function(){
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.sethour')); ?>",
cache: false,
data: { hour:$(this).val() },
dataType: "json",
})
.error(function(data){
var response = jQuery.parseJSON(data.responseText);
})
.done(function(data){
load_therapists();
displayTherapists();
});
});
//select a therapist
$("body").on('click','.therapist', function(){
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.settherapistsnow')); ?>",
cache: false,
data: { 'thID':$(this).attr('therapist'),'hour': $(this).attr('hour')},
dataType: "json",
})
.error(function(data){
load_hours(date);
var response = jQuery.parseJSON(data.responseText);
$('#modalInfo').find('.modal-title').text('ERROR');
$('#modalInfo').find('.modal-body').html("<h5 class='text-danger'>"+response.message+"</h5>");
$('#modalInfo').modal('show');
})
.done(function(data){
date = selectdate();
displayTherapists();
// load_hours(date);
});
});
//select a therapist
$("body").on('click','.thNo', function(){
selecttype();
});
});
function selectdate(){
//date
if ($("#datepicker-later").length>0){
var date = $('#datepicker-later').datepicker('getFormattedDate',"yyyy-mm-dd");
}
else{
var date = '<?php echo e(\Carbon\Carbon::now()->format('Y-m-d')); ?>';
}
return date;
}
function selecttype(){
var el_val = "1_th";
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.settherapistsno')); ?>",
cache: false,
data: { 'thNo':el_val },
dataType: "json",
})
.error(function(data){
var response = jQuery.parseJSON(data.responseText);
})
.done(function(data){
load_therapists();
displayTherapists();
});
}
function displayTherapists(){
var therapistsnfo = $("#therapists_info");
$.ajax({
method: "GET",
url: "<?php echo e(route('bookings.selectedtherapists')); ?>",
cache: false,
beforeSend: function() {
therapistsnfo.html("<span class='text-white'><i class='fa fa-spin fa-spinner fa-4x'></i></span>");
},
dataType: "html",
})
.done(function(data){
therapistsnfo.hide(0);
therapistsnfo.html(data);
therapistsnfo.fadeIn();
});
}
//add to basket
$("body").on('click','.checkout-pay, .add-basket', function(){
var url = $(this).attr('url');
var toUrl = '<?php echo e(route("bookings.basket.index")); ?>';
var bigContainer = $('.light-bg');
$.ajax({
method: "GET",
url: url,
cache: false,
beforeSend: function(){
bigContainer.addClass('blocked');
}
})
.error(function(data){
bigContainer.removeClass('blocked');
var response = jQuery.parseJSON(data.responseText);
$('#modalInfo').find('.modal-title').text('ERROR');
$('#modalInfo').find('.modal-body').html("<h5 class='text-danger'>"+response.message+"</h5>");
$('#modalInfo').modal('show');
})
.done(function(data) {
window.location.href = toUrl;
});
});
//load hours
function load_hours(date){
load_therapists();
} //end load hours
//load therapists
function load_therapists(){
var therapists = $("#therapists");
$.ajax({
method: "GET",
url: "<?php echo route('bookings.gettherapistsnow'); ?>",
cache: false,
beforeSend: function() {
therapists.html("<span class='text-white'><i class='fa fa-spin fa-spinner fa-4x'></i></span>");
},
dataType: "html",
})
.done(function(data) {
therapists.hide(0);
therapists.html(data);
therapists.fadeIn();
});
} //end load therapists
</script>
<script async defer src='https://maps.googleapis.com/maps/api/js?key=<?php echo e(config("googlemaps.key")); ?>&libraries=places&callback=initMap'></script>
<!-- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBekf0YLhzpTbZszZ4mjyZRe4fA73zJ-Pk"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js"></script>
<script>
$('.top-black-sticky-wrap a[href^="#"]').on('click', function(e) {
e.preventDefault();
console.log("test slider")
// Remove active class from all links
$('a[href^="#"]').removeClass('active');
// Add active class to the clicked link
$(this).addClass('active');
const target = $($(this).attr('href'));
if (target.length) {
$('html, body').animate({
scrollTop: target.offset().top - 180
}, 500); // Adjust the duration (500ms) as desired
}
});
</script>
<?php echo $__env->yieldContent('custom_scripts'); ?>
</body>
</html><?php /**PATH /home/tradze/public_html/app/Modules/Schedules/Resources/Views/frontend_new/booking/salon_details.blade.php ENDPATH**/ ?>