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/public_html/public/themes/frontend_new/assets/css/ |
#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, #0022c3, #00fafb);
-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: var(--my-gradient) !important;
border: 2px solid;
border-image-slice: 1;
border-width: 2px;
}
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: var(--my-gradient) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !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: var(--my-gradient) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !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: var(--my-gradient) !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: var(--my-gradient) !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: var(--my-gradient) !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: var(--my-gradient) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: 1px 1000px 1px #fff inset !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;
}
.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;
}
.employee-img img{
width: 100%;
border: 2px solid #000;
min-height: 360px;
height: 100%;
object-fit: cover;
object-position: center;
/* border-image-source: var(--my-gradient) !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, #0022c3, #00fafb);
-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, #0022c3, #00fafb);
-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, #0022c3, #00fafb);
-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, #0022c3, #00fafb);
-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, #0022c3, #00fafb);
-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, #0022c3, #00fafb);
-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: var(--my-gradient) !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)), var(--my-gradient) !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)), var(--my-gradient) !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, #0022c3, #00fafb);
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 1.4em;
}
.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: 300px;
}
.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: var(--my-gradient) !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)), var(--my-gradient) !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-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;
}
.mywork-slider .owl-nav {
display: none;
}
.modal-d .modal-content {
background-color: unset !important;
border-radius: 10px;
border: 2px solid transparent;
background: var(--my-gradient) !important;
-webkit-mask: linear-gradient(#fff 0 0) padding-box,
linear-gradient(#fff 0 0);
}
.review-height{
max-height: 450px;
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: 250px;
}
.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: var(--my-gradient) !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: var(--my-gradient) !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: var(--my-gradient) !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.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: var(--my-gradient) !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;
color: #001e62 !important;
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;
}
#myWork, #reviews1{
min-height: 500px;
}
#myWork .select-date-tab::before{
background:#fff;
}
.total_stars{
padding: 10px 0;
}