@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&display=swap');
* {
margin: 0px;
padding: 0px;
outline: none;
line-height: inherit;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
:root {
--color1: #ecc17e;
--color2: #13242b;
--color3: #000000;
--color4: #101d23;
--color5: #ffffff;
}
a:hover,
a:focus,
a:visited {
text-decoration: none;
outline: none;
}
body {
padding: 0;
margin: 0;
font-family: 'Futura PT Light';
overflow-x: hidden;
background: border-box;
box-sizing: border-box;
}
textarea {
overflow: hidden;
}
a {
text-decoration: none
}
img {
max-width: 100%
}
ul {
padding: 0px;
margin: 0px;
}
li {
list-style: none;
}
figure {
margin-bottom: 0;
}
img {
display: inline-block;
max-width: 100%;
height: auto;
}
button {
outline: none;
cursor: pointer;
}
p {
margin: 0px;
font-size: 20px;
color: #fff;
}
.pt-70 {
padding-top: 70px;
}
.pb-70 {
padding-bottom: 70px;
}
.slide-up-common {
padding-top: 60px;
}
.ser-f-c-left h1 {
font-size: 58px;
font-weight: 900;
}
.ser-f-c-left p {
color: #fff;
font-size: 22px;
font-weight: 600;
}
/* --------------------------------
store-locator section start here
---------------------------------- */
.store-banner {
position: relative;
}
.store-banner img.store-img {
position: absolute;
top: 19%;
right: 0;
width: 700px;
z-index: 1;
}
.store-locator-wrap h2 {
color: #341539;
margin-bottom: 15px;
}
.store-locator-wrap p {
color: #000;
text-align: center;
}
.store-wrapper {}
.store-wrapper .storeform {
display: flex;
justify-content: center;
gap: 30px;
}
.store-wrapper {
margin-top: 50px;
}
.store-wrapper .storeform .select-container {
width: 24%;
text-align: center;
}
.store-wrapper .storeform .select-container select {
width: 100%;
padding: 8px;
border: 2px solid #1c0b1f;
font-size: 18px;
color: #1c0b1f;
font-weight: 600;
border-radius: 50px;
appearance: none;
/* Remove default arrow */
-webkit-appearance: none;
/* Safari */
-moz-appearance: none;
/* Firefox */
background-color: #fff;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 26px;
cursor: pointer;
text-transform: UPPERCASE;
letter-spacing: 1px;
}
/* --------------------------------
store-locator section end here
---------------------------------- */
.navbar-nav li {
position: relative;
padding: 20px 0px;
}
.navbar-nav li ul.sub-menu {
position: absolute;
top: 100%;
left: 0;
width: 250px;
background: #ffffff;
opacity: 0;
visibility: hidden;
z-index: 9999;
}
.navbar-nav li ul.sub-menu li a {
color: #000;
padding: 0px;
display: block;
padding: 10px;
}
.navbar-nav li ul.sub-menu li {
border-bottom: 1px solid #ccc;
margin: 0px !important;
padding: 0px !important;
}
.navbar-nav li ul.sub-menu li:hover {
background: #b163a8;
}
.navbar-nav li ul.sub-menu li:hover a {
color: #fff;
}
.navbar-nav li ul.sub-menu li:last-child {
border: tan;
}
a.navbar-brand {
padding: 0px;
}
nav.navbar {
padding: 0px;
}
.navbar-nav li:hover ul.sub-menu {
opacity: 1;
visibility: visible;
}
/* header section start here */
header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 2;
}
.navbar-brand img {
width: 220px;
}
.navbar-nav li a {
padding: 0px 0px;
font-size: 18px;
color: var(--color5);
position: relative;
font-family: 'Futura PT Medium';
}
.navbar-nav li:last-child {
margin-right: 0px;
}
.btn-style1 {
padding: 7px 17px;
color: #000000;
font-size: 17px;
display: inline-block;
border-radius: 50px;
background: #ffffffe6;
font-family: 'Futura PT Medium';
letter-spacing: 0.5px;
}
.btn-style1:hover {
color: #000000;
}
.navbar-nav li {
margin: 0px 18px;
}
.navbar-nav li a:hover:after {
width: 100%;
}
.navbar-nav li a:hover {
color: #b163a8;
}
.navbar-nav li a.active:after {
width: 100%;
}
.navbar-nav li a.active {
color: #ffffff;
}
/* header section end here *
/* banner section start here */
section.banner-sec {
position: relative;
overflow: hidden;
}
section.banner-sec .banner-img {
position: absolute;
top: 0;
right: 10%;
width: 528px;
}
.hero {
width: 60%;
position: relative;
z-index: 2;
}
.hero h1 {
color: #ffffff;
font-size: 56px;
line-height: 70px;
margin: 20px 0px;
font-weight: 800;
text-transform: uppercase;
}
.hero p {
color: #fff;
font-size: 18px;
font-weight: unset;
}
.hero span {
color: #fff;
display: block;
font-size: 18px;
margin-bottom: 20px;
font-weight: 400;
}
.hero a.btn-style1 {
display: inline-block;
margin: 36px 0px 0px;
}
section.banner-sec ul li {
width: 30px;
height: 30px;
background: #47184fe6;
border-radius: 50px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
section.banner-sec ul li:nth-child(1) {
width: 20px;
height: 20px;
top: 10%;
right: 3%;
left: auto;
background: #47184fe6;
}
section.banner-sec ul li:nth-child(2) {
width: 36px;
height: 36px;
top: 16%;
right: 5%;
left: auto;
background: #47184fe6;
}
section.banner-sec ul li:nth-child(3) {
width: 32px;
height: 32px;
top: 115px;
left: 7%;
}
section.banner-sec ul li:nth-child(4) {
width: 50px;
height: 50px;
top: auto;
bottom: 10%;
left: -17px;
}
/*banner section end here*/
/* about us section css start here */
.heading {
font-size: 34px;
color: #ffffffe6;
font-weight: 800;
text-transform: uppercase;
font-family: 'Futura PT Medium';
}
.about-text p {
line-height: 28px;
margin-block-start: 20px;
color: #0a0a0ae6;
}
.about-text a.btn-style1 {
margin-top: 30px;
}
.about-img ul {
display: flex;
justify-content: flex-end;
gap: 20px;
}
.about-img ul li {
width: 33%;
height: 100%;
}
.about-img ul li figure img {
height: 380px;
border-radius: 100px;
object-fit: cover;
object-position: left;
}
.about-img ul li:first-child {
margin-top: 103px;
}
.about-img ul li:nth-child(2) {
margin-top: 70px;
}
.about-img ul li:nth-child(3) {
margin-top: 28px;
}
/*about us section css end here*/
/* services section css start here */
section.ser-sec .services-wrap {
margin-bottom: 30px;
}
.services-box {
background: #341539;
padding: 14px;
border-radius: 10px;
}
section.ser-sec .row .row {
row-gap: 25px;
}
.services-box h3 {
font-size: 26px;
color: #ffffff;
}
.services-box figure {
margin-bottom: 15px;
width: 100%;
height: 220px;
}
.services-box figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.services-box p {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.services-box a.style2 {
color: #ffffff;
font-size: 16px;
display: block;
margin-top: 6px;
}
.services-box a.style2 img {
width: 18px;
margin-left: 3px;
}
/* services section css end */
/* unisex-salon section css start here */
section.unisex-salon-sec {
background-position: 45% 50% !important;
background-attachment: fixed !important;
!i;
!;
background: #341539;
overflow: hidden;
}
.unisex-salon-img img {
width: 310px;
margin-top: -19px;
}
/* unisex-salon section css end here */
.our-testimonial-sec {
background-position: 50% 53% !important;
background-size: cover !important;
padding: 70px 0px;
position: relative;
background-attachment: fixed !important;
!i;
!;
}
.offer-sec .general-container {
display: flex;
height: 28rem;
margin: 0 auto;
max-width: 85vw;
width: 85vw;
}
.offer-sec .radio {
display: none;
}
.offer-sec .content {
background: transparent;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 3rem;
cursor: pointer;
flex: 1;
margin-right: 0.8rem;
overflow: hidden;
position: relative;
transition: all 0.8s cubic-bezier(0.05, 0.60, 0.39, 0.94);
}
.offer-sec .content::before {
background: inherit;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.offer-sec .content>* {
position: relative;
z-index: 1;
}
.offer-sec .content:hover {
box-shadow: 0.7rem 0.7rem 0.5rem rgba(0, 0, 0, 0.3);
}
.offer-sec .card-title {
bottom: 1.2rem;
color: black;
display: flex;
flex-direction: column;
font-size: 24px;
left: 1.5rem;
line-height: 1.1;
opacity: 0;
position: absolute;
transform: translateX(2rem);
transition: 290ms cubic-bezier(0.05, 0.62, 0.40, 0.95) 300ms;
transition-property: opacity, transform;
user-select: none;
white-space: nowrap;
}
.offer-sec .title-card {
top: 2rem;
color: black;
display: flex;
flex-direction: column;
font-size: 1.2rem;
left: 1.5rem;
line-height: 1.1;
opacity: 0;
position: absolute;
transform: translateX(2rem);
transition: 290ms cubic-bezier(0.05, 0.60, 0.42, 0.94) 300ms;
transition-property: opacity, transform;
user-select: none;
white-space: nowrap;
}
.offer-sec .subtitle {
font-size: 1rem;
}
.offer-sec .offer-sec .subsubtitle {
font-size: 0.85rem;
}
.offer-sec .paddT {
padding-left: 3rem;
padding-right: 3rem;
}
.offer-sec .radio:checked+.content {
border-radius: 2rem;
box-shadow: 0.3rem 0.3rem 0.4rem rgba(0, 0, 0, 0.3);
flex: 4;
position: relative;
}
.offer-sec .radio:checked+.content>.card-title {
opacity: 1;
transform: translateX(0);
}
.offer-sec .marg-bott {
margin-bottom: 1.5rem;
}
section.offer-sec .offer-wrap {
margin-bottom: 30px;
}
.offer-sec .content img {
height: 484px;
object-fit: cover;
object-position: center;
width: 100%;
}
.content:hover {
background-color: rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.general-container label:hover input.radio {
checked: true;
}
.offer-sec .radio:checked+.content:after {
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
background-image: linear-gradient(#ff000000, #ffff0012, #3415398a);
}
.offer-sec .radio:checked+.content h3.card-title.subsubtitle {
color: #fff;
position: absolute;
z-index: 4;
text-transform: uppercase;
font-weight: 800;
font-size: 23px;
}
.photos-grid-container {
height: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
grid-gap: 0;
align-items: start;
}
@media (max-width: 580px) {
.photos-grid-container {
grid-template-columns: 1fr;
}
}
.photos-grid-container .img-box {
border: 1px solid #14272e30;
position: relative;
}
.photos-grid-container .img-box:hover .transparent-box {
background-color: rgba(0, 0, 0, 0.6);
}
.photos-grid-container .img-box:hover .caption {
transform: translateY(-5px);
}
.photos-grid-container img {
max-width: 100%;
display: block;
height: 100%;
}
.photos-grid-container .caption {
color: white;
transition: transform 0.3s ease, opacity 0.3s ease;
font-size: 1.5rem;
}
.photos-grid-container .transparent-box {
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
transition: background-color 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
}
.photos-grid-container .main-photo {
grid-row: 1;
grid-column: 1;
}
.photos-grid-container .sub {
display: grid;
grid-template-columns: 1fr 1fr;
/* grid-template-rows: 1fr 1fr; */
grid-gap: 0em;
}
.photos-grid-container .sub:nth-child(0) {
grid-column: 1;
grid-row: 1;
}
.photos-grid-container .sub:nth-child(1) {
grid-column: 2;
grid-row: 1;
}
.photos-grid-container .sub:nth-child(2) {
grid-column: 1;
grid-row: 2;
}
.photos-grid-container .sub:nth-child(3) {
grid-column: 2;
grid-row: 2;
}
.hide-element {
border: 0;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
@media screen and (min-width: 1280px) {
.container {
margin: 0 auto;
width: 1250px;
}
}
.more-photo-wrap {
text-align: center;
margin-top: 32px;
}
section.our-workc-sec .offer-wrap {
margin-bottom: 30px;
}
.products-use-box ul {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: center;
}
.products-use-box {
width: 100%;
margin: 0 auto;
}
.products-use-box .item {
/* width: calc(17% - -24px); */
background: #ffffff;
text-align: center;
padding: 10px;
border-radius: 15px;
/* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
}
.products-use-box img {
width: 150px;
height: 75px;
object-fit: contain;
filter: grayscale(1);
padding: 14px;
}
.products-use-box ul li {
border: 1px solid #ccc;
border-radius: 5px;
}
.products-use-box ul li:hover img {
filter: none;
}
section.products-use-sec .offer-wrap {
margin-bottom: 30px;
}
.testimonial-wrap .item {
width: 70%;
text-align: right;
margin-left: auto;
}
section.our-testimonial-sec .offer-wrap {
margin-bottom: 30px;
}
.testimonial-box h5 {
color: #fff;
/* margin-top: 30px; */
position: relative;
margin-bottom: 0px;
}
.testimonial-wrap .owl-nav {
display: none;
}
.testimonial-wrap .owl-dots {
display: flex;
justify-content: flex-end;
gap: 10px;
margin-top: 30px;
}
.testimonial-wrap .owl-dots button.owl-dot {
width: 12px;
height: 12px;
background: #bcbcbc;
border-radius: 100px;
}
.testimonial-wrap .owl-dots button.owl-dot.active {
background: #b163a8;
}
.our-testimonial-sec:after {
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background-image: linear-gradient(to right, #34153900, #3415395e, #3415395e, #341539, #341539, #341539, #341539);
}
.offer-wrap h2.heading {
position: relative;
z-index: 9;
overflow: hidden;
font-family: 'Futura PT Medium';
}
.blog-box h3 {
font-size: 18px;
line-height: 30px;
text-transform: uppercase;
font-weight: 800;
}
.blog-box {
height: 100%;
position: relative;
}
.blog-box a.style2 {
display: inline-block;
margin-top: 15px;
color: #ffffff;
}
.blog-box a.style2 img {}
.footer {
background-color: #101d23;
color: #ffffff;
padding: 80px 0px;
}
.info p {
font-size: 20px;
line-height: 1.6;
color: #ffffff;
}
.wp-block-image img {
max-width: 200px;
height: auto;
margin-bottom: 20px;
}
.footer-heading h3 {
color: #ffffff;
font-size: 22px;
margin-bottom: 20px;
position: relative;
padding-bottom: 10px;
font-family: 'Futura PT Medium';
}
.footer-heading h3:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 40px;
height: 2px;
background-color: #ffffff;
}
.footer-wrap .link {
list-style: none;
padding: 0;
}
.footer-wrap .link li {
margin-bottom: 10px;
}
.footer-wrap .link a {
color: #ffffff;
text-decoration: none;
font-size: 18px;
transition: color 0.3s ease;
}
.footer-wrap .link a:hover {
color: #ffffff;
}
.footer-wrap .link a i {
margin-right: 8px;
color: #ffffff;
font-weight: 200;
}
.working-info ul {
list-style: none;
padding: 0;
}
.working-info ul li {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
font-size: 18px;
}
.working-info ul li span:first-child {
color: #ffffff;
}
.working-info ul li span:last-child {
color: #ffffff;
}
.social-icon {
list-style: none;
padding: 0;
display: flex;
gap: 15px;
margin-top: 20px;
}
.social-icon li a {
color: #ffffff;
font-size: 18px;
transition: color 0.3s ease;
}
.social-icon li a:hover {
color: #cccccc;
}
.contact-details {
margin-top: 20px;
}
.contact-details p {
font-size: 14px;
color: #cccccc;
margin: 10px 0;
}
.contact-details p a {
color: #fff;
font-size: 17px;
}
.contact-details p:first-child a {
text-decoration: underline;
}
ul.social-icon li a {
width: 32px;
height: 32px;
background: #fff;
border-radius: 100px;
text-align: center;
line-height: 35px;
}
ul.social-icon li a i {
color: #363333;
font-size: 19px;
}
ul.social-icon li a:hover {
background: radial-gradient(circle, #b163a8 0%, #b163a8 100%);
}
.footer-wrap .link a:hover {
color: #b163a8;
}
section.copyright {
text-align: center;
padding: 14px;
background: #341539;
border-top: 1px solid #ffffff87;
}
section.copyright p a {
color: #fff;
}
.btn-style1:hover {
background: #b163a8;
color: #fff;
}
.blog-box a.style2 {
padding: 8px 20px;
border: 1px solid #fff;
border-radius: 100px;
}
.blog-box a.style2:hover {
background: #b163a8;
border: 1px solid #b163a8;
}
.right-info-box {
position: fixed;
top: 50%;
z-index: 9;
transform: rotate(90deg);
left: auto;
right: -2%;
}
.right-info-box ul.con-box {
display: flex;
justify-content: center;
align-items: center;
gap: 65px;
}
.right-info-box ul.con-box li a.chat-img img {
width: 26px;
}
.right-info-box ul.con-box li span {
color: #fff;
display: inline-block;
position: relative;
font-weight: 500;
font-size: 18px;
}
.right-info-box ul.con-box li span:after {
position: absolute;
content: "";
top: -11px;
left: -51px;
width: 1.5px;
height: 50px;
background: #fff;
transform: rotate(90deg);
opacity: 1;
}
.right-info-box ul.con-box li a.chat-img {
padding: 0px 14px;
}
.right-info-box ul.con-box li a {
color: #fff;
padding: 10px 6px;
}
.services-section {
background: #13242b;
padding-bottom: 0px;
}
.s-c-text-wrapper {
margin-bottom: 30px;
}
.ser-tabs .nav-tabs {
justify-content: end;
gap: 30px;
margin-top: 45px;
border: transparent;
}
.ser-tabs .nav-tabs button {
border-radius: 0px;
background: transparent;
color: #fff;
border: transparent;
}
.ser-tabs .nav-tabs button.active {
background: transparent;
border: transparent;
color: #ecc17e;
text-decoration: underline;
}
.ser-tabs .nav-tabs button:hover {
border: transparent;
}
.s-c-text-wrapper {
width: 350px;
height: 405px;
overflow: hidden;
position: relative;
}
.marquee-content {
position: absolute;
width: 100%;
top: 0;
animation: marquee 25s linear infinite;
}
.text {
text-align: left;
padding: 16px 0;
font-size: 18px;
color: #341539;
font-family: 'Futura PT Medium';
}
@keyframes marquee {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-50%);
}
}
.s-c-text-wrapper:hover .marquee-content {
animation-play-state: paused;
}
.silder-wrap .item li {
color: #fff;
}
.service-container {
width: 100%;
padding: 70px 0px 0px;
background-size: cover !important;
background-position: 66% -53% !important;
background: #341539;
}
.service-wrapper {
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.service-image-section {
flex: 1;
min-width: 300px;
position: relative;
}
.service-image-container {
width: 100%;
/* height: 450px; */
border-radius: 10px;
overflow: hidden;
}
.service-image {
object-fit: contain;
position: absolute;
transition: opacity 0.5s ease;
opacity: 0;
bottom: 0;
}
.service-image.active {
opacity: 1;
}
.service-content-section {
flex: 1;
min-width: 300px;
padding-bottom: 70px;
text-align: end;
}
.service-title {
font-size: 2.5rem;
color: #2c3e50;
margin-bottom: 25px;
}
.service-tabs {
display: flex;
gap: 15px;
margin-bottom: 25px;
justify-content: end;
margin-top: 40px;
}
.service-tab {
padding: 8px 40px;
background: #ffffff;
border-radius: 25px;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
font-family: 'Futura PT Medium';
}
.service-tab.active {
background: #b163a8;
color: #ffffff;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.service-categories {
display: none;
flex-direction: row;
gap: 4px;
margin-bottom: 25px;
}
.service-categories.active {
display: flex;
justify-content: end;
flex-flow: row-reverse;
}
.service-item {
padding: 12px 20px;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
color: #ffffff;
font-family: 'Futura PT Medium';
font-size: 20px;
}
.service-item.active {
color: #b163a8;
}
.service-details {
display: none;
text-align: right;
}
.service-details.visible {
display: block;
}
.book-btn {
margin-top: 40px;
padding: 8px 20px;
background: #ffffff;
color: #000000;
font-size: 16px;
font-weight: 400;
display: inline-block;
border: transparent;
border-radius: 50px;
font-family: 'Futura PT Medium';
text-align: right;
}
.service-image.active {
transform: translateX(0);
}
.service-image {
transform: translateX(-100%);
transition: transform 0.5s ease-in-out;
}
section.footer {
position: relative;
}
.container {
max-width: 1300px;
}
section.footer:after {
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #341539;
position: absolute;
}
.footer-wrap {
position: relative;
z-index: 1;
}
section.about-sec {
background: #f9f7f7;
border-top-left-radius: 80px;
border-top-right-radius: 80px;
background-size: cover !important;
filter: hue-rotate(45deg);
}
.unisex-salon-sec .about-text p {
color: #fff;
}
.service-content-section p {
color: #ffffff;
}
section.products-use-sec {
background: #f9f7f7;
}
section.ser-sec.blog-se {
background: #fff;
}
.book-btn:hover {
background: #b163a8;
color: #fff;
}
.hero a.btn-style1 {
background: #fff;
color: #341539;
}
section.offer-sec {
background: #341539;
}
section.about-sec h2.heading {
color: #341539;
}
section.about-sec a.btn-style1 {
background: #341539;
color: #fff;
}
.service-container h2.heading {
color: #ffffffe6;
}
.blog-se h2.heading {
color: #341539;
font-family: 'Futura PT Medium';
}
section.products-use-sec h2.heading {
color: #341539;
}
section.banner-sec .carousel-caption {
padding: 0px;
left: 50%;
top: 50%;
bottom: 0;
text-align: left;
width: 100%;
transform: translate(-50%, -27%);
}
section.banner-sec .carousel-item {
position: relative;
height: 100%;
}
section.banner-sec button {
position: absolute;
top: 43%;
left: 1%;
width: 70px;
height: 70px;
opacity: 1;
z-index: 0;
}
section.banner-sec button.carousel-control-next {
left: auto;
right: 1%;
}
section.banner-sec button span {
width: 100px;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
width: 70px;
height: 50px;
}
.banner-text h2 {
font-size: 56px;
font-family: 'Futura PT Medium';
text-transform: uppercase;
}
.banner-text p {
padding: 10px;
font-size: 24px;
}
.banner-text a {
padding: 7px 30px;
color: #341539;
font-size: 17px;
display: inline-block;
border-radius: 50px;
background: #ffffffe6;
margin-top: 20px;
font-family: 'Futura PT Medium';
letter-spacing: 0.5px;
}
.unisec-wrap figure img {
position: absolute;
top: -54px;
right: 0;
width: 500px;
}
.unisec-wrap {
position: relative;
}
.marquee-content .text img {
width: 30px;
margin-right: 10px;
}
.reasons-partner {
margin-bottom: 30px;
}
.reasons-partner h2.heading {
color: #341539;
}
.reasons-partner-box h3 {
font-size: 22px;
font-family: 'Futura PT Medium';
margin-bottom: 10px;
color: #fff;
}
.reasons-partner-box ul li {
line-height: 27px;
font-size: 20px;
padding: 8px 0px;
}
.reasons-partner-box {
background: #b163a8;
height: 100%;
padding: 20px;
border-radius: 10px;
}
.reasons-partner-box ul li {
color: #fff;
border-bottom: 1px solid #fff;
}
.reasons-partner-box ul li:last-child {
border: transparent;
}
section.reasons-partner-sec .col-md-3:nth-child(2) .reasons-partner-box h3 {
color: #000;
}
section.reasons-partner-sec .col-md-3:nth-child(2) .reasons-partner-box {
background: #ffffff;
border: 1px solid #311439;
}
section.reasons-partner-sec .col-md-3:nth-child(2) .reasons-partner-box ul li {
color: #000;
border-color: #000;
}
section.reasons-partner-sec .col-md-3:nth-child(3) .reasons-partner-box {
background: #e0e0df;
}
section.reasons-partner-sec .col-md-3:nth-child(3) .reasons-partner-box h3 {
color: #000;
}
section.reasons-partner-sec .col-md-3:nth-child(3) .reasons-partner-box ul li {
color: #000;
border-color: #000000;
}
section.reasons-partner-sec .col-md-3:nth-child(4) .reasons-partner-box {
background: #311439;
}
section.benefits-sec {
padding: 60px 0px;
background: #341539;
}
.benefits-partner {
margin-bottom: 36px;
}
.benefits-img {
position: relative;
}
.benefits-img figure img {
border-radius: 10px;
height: 560px;
object-fit: cover;
object-position: center;
}
.benefits-img p {
position: absolute;
bottom: 0;
padding: 36px;
text-align: center;
font-size: 21px;
}
.benefits-row {
border: 2px solid #452453;
border-radius: 10px;
}
.benefits-text h3 {
color: #ba84ba;
font-size: 22px;
font-family: 'Futura PT Medium';
position: relative;
padding-left: 48px;
margin-bottom: 15px;
}
.benefits-text {
padding: 26px 0px;
}
.benefits-text h3 span {
font-size: 65px;
color: #552362;
font-family: 'Futura PT Bold';
position: absolute;
top: -10px;
left: 0;
}
.benefits-text ul li {
color: #fff;
line-height: 24px;
padding: 7px 0px;
border-bottom: 1px solid #5a2c6d;
font-size: 18px;
}
.benefits-text ul {
padding-left: 48px;
}
.benefits-text ul li:last-child {
border: transparent;
}
.benefits-row .col-md-6 {
border-right: 1px solid #452453;
border-bottom: 1px solid #452453;
}
.benefits-row .col-md-6:nth-child(2) {
border-right: transparent;
}
.benefits-row .col-md-6:nth-child(4) {
border-right: transparent;
}
.benefits-row .col-md-6:nth-child(3) {
border-bottom: transparent;
}
.benefits-row .col-md-6:nth-child(4) {
border-bottom: transparent;
}
.banner-text a:hover {
background: #b163a8;
}
section.about-sec a.btn-style1:hover {
background: #b163a8;
}
.social-icon li a:hover i {
color: #fff;
}
/* client start */
section.offer-sec .offer-wrap span {
color: #b163a8;
font-weight: bold;
font-size: 25px;
}
/* ENd */
.feature-section {
border: 1px solid #e0e0e0;
border-radius: 8px;
background: #ffffff00;
padding: 40px;
margin: 40px 0;
}
.feature-column {
border-right: 1px solid #e0e0e0;
padding: 0 40px;
}
.feature-column:last-child {
border-right: none;
}
.feature-header {
color: #ffffff;
font-weight: 600;
margin-bottom: 27px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 26px;
}
.feature-list {
list-style: none;
padding: 0;
}
.feature-item {
display: flex;
align-items: center;
margin-bottom: 15px;
color: #ffffff;
}
.feature-item i {
color: #b163a8;
margin-right: 12px;
font-size: 1.1rem;
}
section.equipment-sec {
padding: 70px 0;
background-position: 45% 50% !important;
background-attachment: fixed !important;
background: #341539;
overflow: hidden;
}
.main-footer .form-control::placeholder {
color: #ccc;
opacity: 1;
}
.main-footer .form-control:focus {
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.5);
box-shadow: none;
color: #fff;
}
.main-footer .form {
background: #402444;
padding: 40px;
border-radius: 20px;
}
.social-icons a:hover {
color: #ddd;
}
.btn-light {
color: #ffffff;
background-color: #b163a8;
/* border-color: #f8f9fa; */
}
.btn-submit {
color: #ffffff;
background-color: transparent;
border: 1px solid #fff;
}
.btn-submit:hover {
background-color: #b163a8;
color: #fff;
border: 1px solid #b163a8;
}
ul.list-unstyledw {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
ul.list-unstyledw li {
width: 42%;
margin-left: 16px;
}
.footer-inner-area {
padding: 70px 0px 20px;
}
/* --------------------------------------
Franchisee Opportunity css start here
----------------------------------------- */
section.franchisee-sec .offer-wrap h2 {
color: #341539;
}
.offer-wrap.text-start {
}
.franchisee-item h2 {
color: #000000;
font-weight: 700;
margin-bottom: 10px;
}
.franchisee-wrap a.btn-style1 {
background: #341539;
margin-top: 40px;
color: #fff;
}
.franchisee-wrap a.btn-style1:hover {
background: #b163a8;
}
.franchisee-item p {
color: #000;
margin-bottom: 20px;
}
div#franchisee .owl-nav {
display: none;
}
div#franchisee .owl-dots {
display: flex;
justify-content: center;
gap: 8px;
position: absolute;
bottom: -9%;
left: 44%;
}
div#franchisee .owl-dots button {
width: 12px;
height: 12px;
border: 2px solid #341539;
border-radius: 50px;
}
div#franchisee .owl-dots button.active {
background: #341539;
}
.franchisee-item {
width: 75%;
}
.owl-item .franchisee-item {
width: 90%;
}
.franchisee-inner-wrap {
padding: 30px 30px;
border-radius: 50px;
border: 2px solid #341539;
width: 75%;
margin-top: 30px;
}
section.franchisee-sec {
position: relative;
overflow: hidden;
background-size: cover !important;
}
.franchisee-img {
position: absolute;
top: 16px;
right: 106px;
width: 430px;
}
.service-experience ul {
display: flex;
justify-content: space-between;
gap: 10px;
margin-top: 50px;
}
.service-experience ul li {
width: calc(25% - 10px);
border: 1.5px solid #ffffff91;
border-radius: 4px;
text-align: center;
padding: 30px;
transition: 0.5s ease-in-out;
}
.service-experience ul li figure img {
width: 100px;
margin: 0 auto;
text-align: center;
height: 70px;
object-fit: scale-down;
}
.service-experience ul li h3 {
color: #fff;
font-size: 18px;
margin-top: 30px;
text-transform: uppercase;
font-weight: 700;
line-height: 30px;
}
.service-experience ul li:hover {
background: #b163a8;
border-color: #b163a8;
}
/* --------------------------------------
Franchisee Opportunity css end here
----------------------------------------- */
/*----------------------------------------
about us page css start here
-----------------------------------------*/
section.inner-banner-sec {
background-size: cover !important;
padding: 262px 0px;
}
.inner-banner-wrap h1 {
color: #fff;
font-size: 58px;
text-transform: capitalize;
font-weight: 900;
margin-bottom: 10px;
}
.inner-banner-wrap nav ol.breadcrumb {
margin: 0px;
}
.inner-banner-wrap nav ol.breadcrumb li {
text-transform: capitalize;
color: #fff;
font-weight: 600;
}
.inner-banner-wrap nav ol.breadcrumb li a {
color: #fff;
}
.inner-banner-wrap nav ol.breadcrumb li:before {
color: #fff;
}
.our-story-sec {
filter: none !important;
background: #fff !important;
border-radius: 0px !important;
}
.our-story-sec .about-img img {
border-radius: 10px;
}
/*----------------------------------------
about us page css end here
-----------------------------------------*/
/*------------------------------------------------
The Nationwide Rise of Trimytones css start here
-------------------------------------------------*/
section.nationwide-rise-sec {
background: #341539;
}
.nationwide-rise-box ul {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 10px;
}
.nationwide-rise-box ul li {
width: calc(20% - 100px);
text-align: center;
}
.nationwide-rise-wrap {
margin-bottom: 40px;
}
.nationwide-rise-box ul li img {
width: 70px;
}
.nationwide-rise-box ul li h4 {
color: #fff;
font-size: 20px;
margin-top: 20px;
font-weight: 600;
}
/*------------------------------------------------
The Nationwide Rise of Trimytones css end here
-------------------------------------------------*/
/*----------------------------
mission section css start here
------------------------------*/
.vission-mission-warp h2 {
font-size: 34px;
color: #341539;
font-weight: 800;
text-transform: uppercase;
font-family: 'Futura PT Medium';
}
.vission-mission-warp p {
color: #000;
}
p.fs a {
color: #fff;
}
p.fs a:first-child {
margin-bottom: 8px;
display: inline-block;
}
.vission-mission-img figure img {
width: 450px;
}
.mission-inner-box {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 20px;
}
.mission-inner-box figure {
background: #341539;
padding: 14px;
border-radius: 50px;
}
.mission-inner-box figure img {
width: 75px;
}
.mission-values{
display:flex;
align-items:center;
justify-content: flex-start;
gap:25px;
margin-top:40px;
}
.value-item{
text-align:center;
min-width:120px;
}
.value-item img{
width:48px;
height:48px;
object-fit:contain;
margin-bottom:12px;
}
.value-item h4{
margin:0;
font-size:20px;
font-weight:600;
color:#222;
}
.divider{
width:1px;
height:80px;
background:#d9d9d9;
}
.row-mr {
row-gap: 30px;
}
/*-------------------------
mission section css end here
----------------------------*/
/* ----------------------------------
inner services section css start here
------------------------------------- */
section.inner-services-sec .container-fluid {
padding: 0px;
}
section.inner-services-sec h2.heading {
color: #341539;
margin-bottom: 50px;
}
section.inner-services-sec .services-content h2 {
color: #000;
font-size: 36px;
font-family: 'Futura PT Medium';
}
section.inner-services-sec .services-content p {
color: #000;
font-size: 18px;
margin-bottom: 10px;
}
section.inner-services-sec .services-content p:last-child {
margin-bottom: 0px;
}
section.inner-services-sec .services-content a.btn-style1 {
background: #341539;
margin-top: 15px;
color: #fff;
padding: 10px 40px;
transition: 0.2s;
}
section.inner-services-sec .col-md-6 {
padding: 0px;
}
section.inner-services-sec .row:nth-child(odd) .col-md-6:last-child {
padding: 0px 120px 0px 40px;
}
section.inner-services-sec .row:nth-child(even) .col-md-6:first-child {
padding: 0px 40px 0px 120px;
}
section.inner-services-sec .services-content a.btn-style1:hover {
background: #b163a8;
}
.pt-40 {
padding-top: 40px;
}
/* ----------------------------------
inner services section css end here
------------------------------------- */
/* ---------------------
blog page css start here
----------------------- */
.blog-page {background-color: #f9f9f9;}
.blog-page .main_blog_inner .blog_image img {max-width: 100%;object-fit: contain;height: 100%;}
.main_blog_items {
padding-right: 30px;
}
.main_blog_items .main_blogpost_item {
width: 100%;
float: left;
margin-bottom: 60px;
padding: 25px;
background-color: #FFF;
box-shadow: 0px 1px 8px 1px rgb(0 0 0 / 5%);
}
.main_blog_items .main_blogpost_item .blog_image {overflow: hidden;position: relative;z-index: 2;height: 400px;width: 100%;}
/*.main_blog_items .main_blogpost_item .blog_image:before {*/
/* content: "";*/
/* background: rgba(0, 0, 0, 0.4);*/
/* position: absolute;*/
/* left: 0px;*/
/* top: 0px;*/
/* height: 100%;*/
/* width: 100%;*/
/* z-index: 1;*/
/* opacity: 0;*/
/* -webkit-transition: all 400ms linear 0s;*/
/* -o-transition: all 400ms linear 0s;*/
/* transition: all 400ms linear 0s;*/
/*}*/
.main_blog_items .main_blogpost_item .blog_image img {
width: 100%;
object-fit: cover;
-webkit-transition: all 400ms linear 0s;
-o-transition: all 400ms linear 0s;
transition: all 400ms linear 0s;
}
.main_blog_items .main_blogpost_item .blog_image .date {
height: 76px;
width: 76px;
z-index: 3;
background: #341539;
text-align: center;
color: #fff;
position: absolute;
left: 20px;
bottom: 20px;
}
.main_blog_items .main_blogpost_item .blog_image .date h5 {
font-size: 30px;
color: #fff;
padding-top: 16px;
letter-spacing: .66px;
line-height: 22px;
}
.main_blog_items .main_blogpost_item .blog_image .date h5 span {
font-size: 16px;
line-height: 16px;
display: block;
margin-top: 8px;
}
/*.main_blog_items .main_blogpost_item .blog_image:hover img {*/
/* -webkit-transform: scale(1.05);*/
/* -ms-transform: scale(1.05);*/
/* transform: scale(1.05);*/
/*}*/
.main_blog_items .main_blogpost_item .blog_image:hover:before {
opacity: 1;
}
.main_blog_items .main_blogpost_item .main_blog_text {
background-color: transparent;
/*padding: 15px 30px;
border: 1px solid #e4e4e4;*/
}
.main_blog_items .main_blogpost_item .main_blog_text h2 {
font-size: 22px;
color: #242424;
text-transform: uppercase;
letter-spacing: .40px;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e4e4e4;
font-family: 'Futura PT Medium';
}
.main_blog_items .main_blogpost_item .main_blog_text ul {
}
.main_blog_items .main_blogpost_item .main_blog_text ul li {
list-style-type: disc;
}
.main_blog_items .main_blogpost_item .main_blog_text .blog_author_area {
padding-top: 10px;
margin-bottom: 30px;
}
.main_blog_items .main_blogpost_item .main_blog_text .blog_author_area a {
font-size: 18px;
color: #000;
margin-right: 25px;
font-weight: normal;
}
.main_blog_items .main_blogpost_item .main_blog_text .blog_author_area a i {
color: var(--color-primary);
padding-right: 10px;
}
.main_blog_items .main_blogpost_item .main_blog_text .blog_author_area a span:hover {
color: #242424;
}
.main_blog_items .main_blogpost_item .main_blog_text .blog_author_area a:last-child {
margin-right: 0px;
}
.main_blog_items .main_blogpost_item .main_blog_text p, .main_blog_items .main_blogpost_item .main_blog_text li {
font-size: 20px;
padding-bottom: 20px;
}
.main_blog_items .main_blogpost_item .main_blog_text .b_readmore:hover {
color: #fff;
border-color: #18ba60;
}
.main_blog_items .main_blogpost_item .main_blog_text .b_readmore:hover:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.blog_pagination {
width: 100%;
float: left;
margin-top: 0px;
clear: left;
}
.blog_pagination .pagination {
margin: 0px;
}
.blog_pagination .pagination li {
margin-right: 8px;
display: inline-block;
}
.blog_pagination .pagination li a {
border: 1px solid #d4d4d4;
padding: 8px 15.5px;
border-radius: 0px !important;
font-size: 18px;
color: #341539;
-webkit-transition: all 400ms linear 0s;
-o-transition: all 400ms linear 0s;
transition: all 400ms linear 0s;
}
.blog_pagination .pagination li a:focus {
background: #ffd521;
color: #000;
border-color: #ffd521;
}
.blog_pagination .pagination li:last-child {
margin-right: 0px;
}
.blog_pagination .pagination li:hover a,
.blog_pagination .pagination li.active a {
background: #341539;
border-color: #341539;
color: #fff;
}
.blog_sidebar_area {
background-color: #FFF;
padding: 0px 15px 0px;
position: sticky;
top: 20px;
}
.mrgn_widget {
margin-bottom: 40px;
}
.mrgn_widget:last-child {
margin-bottom: 0px;
}
.blog_widget_title {
padding-bottom: 25px;
}
.blog_widget_title h3 {
font-size: 20px;
text-transform: uppercase;
color: #242424;
font-family: 'Futura PT Medium';
}
.search_widget .input-group input {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #000;
border-radius: 0px;
height: 52px;
font-size: 14px;
color: #909090;
padding: 0px 15px;
}
.search_widget .input-group input.placeholder {
font-size: 14px;
color: #909090;
}
.search_widget .input-group input:-moz-placeholder {
font-size: 14px;
color: #909090;
}
.search_widget .input-group input::-moz-placeholder {
font-size: 14px;
color: #909090;
}
.search_widget .input-group input::-webkit-input-placeholder {
font-size: 14px;
color: #909090;
}
.search_widget .input-group .input-group-btn .btn-default:focus {
box-shadow: none;
}
.search_widget .input-group .input-group-btn .btn-default {
border-radius: 0px;
width: 48px;
height: 52px;
border-color: #341539;
padding: 0px;
background: #341539;
color: #FFF;
}
.categories_widget {}
.categories_widget ul {
list-style: none;
margin: 0px;
padding: 15px;
border: 1px solid #e4e4e4;
margin-top: -5px;
}
.categories_widget ul li a {
font-size: 20px;
color: #242424;
border-bottom: 1px solid #e6e6e6;
display: block;
line-height: 42px;
-webkit-transition: all 400ms linear 0s;
-o-transition: all 400ms linear 0s;
transition: all 400ms linear 0s;
font-weight: normal;
}
.categories_widget ul li a i {
float: right;
line-height: 42px;
-webkit-transition: all 400ms linear 0s;
-o-transition: all 400ms linear 0s;
transition: all 400ms linear 0s;
}
.categories_widget ul li:last-child a {
border-bottom: 0px;
}
.categories_widget ul li:hover a {
color: #242424;
}
.categories_widget ul li:hover a i {
padding-right: 7px;
}
.recent_news_widget {}
.recent_news_widget .recent_inner {
padding: 15px;
border: 1px solid #e4e4e4;
}
.recent_news_widget .recent_inner .recent_item {
padding: 20px 0px;
border-bottom: 1px solid #e1e1e1;
}
.recent_news_widget .recent_inner .recent_item .r-bl-img {
width: 100px;
height: 92px;
background-color: #000;
float: left;
margin-right: 15px;
}
.recent_news_widget .recent_inner .recent_item h4 {
font-size: 18px;
color: #341539;
line-height: 22px;
letter-spacing: .34px;
-webkit-transition: all 400ms linear 0s;
-o-transition: all 400ms linear 0s;
transition: all 400ms linear 0s;
font-weight: 400;
}
.recent_news_widget .recent_inner .recent_item h4:hover {
color: #242424;
text-decoration: underline;
}
.recent_news_widget .recent_inner .recent_item h5 {
font-size: 14px;
color: var(--color-primary);
padding-top: 15px;
font-weight: normal;
}
.recent_news_widget .recent_inner .recent_item:first-child {
padding-top: 0px;
}
.recent_news_widget .recent_inner .recent_item:last-child {
border-bottom: 0px;
}
.recent_news_widget ul {
padding: 15px;
border: 1px solid #e4e4e4;
}
.recent_news_widget ul li {
display: inline-block;
margin-right: 0px;
margin-bottom: 10px;
}
.recent_news_widget ul li a {
display: inline-block;
border: 1px solid #e4e4e4;
border-radius: 4px;
font-size: 18px;
line-height: 35px;
padding: 0px 7px;
color: #787676;
-webkit-transition: all 400ms linear 0s;
-o-transition: all 400ms linear 0s;
transition: all 400ms linear 0s;
text-transform: capitalize;
}
.recent_news_widget ul li:nth-last-child(-n+2) {
margin-bottom: 0px;
}
.recent_news_widget ul li:nth-child(even) {
margin-right: 0px;
}
.recent_news_widget ul li:hover a {
color: #18ba60;
border-color: #341539;
background: #341539;
color: #fff;
border-radius: 4px;
}
.blog_author_area p {
color: #000;
}
.main_blog_text p {
color: #000;
}
.recent_news_widget .recent_inner .recent_item .r-bl-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
a.theme-btn-2 {
padding: 7px 30px;
font-size: 17px;
display: inline-block;
border-radius: 50px;
font-family: 'Futura PT Medium';
letter-spacing: 0.5px;
background: #341539;
color: #fff;
}
a.theme-btn-2:hover {
background: #b163a8;
}
.main_blog_text h3 {
color: #242424;
font-family: 'Futura PT Medium';
font-size: 22px;
text-transform: uppercase;
}
.main_blog_text p a {
color: #242424;
font-family: 'Futura PT Light';
}
/* ---------------------
blog page css end here
----------------------- */
/* -------------------------------
contact us page css start here
---------------------------------- */
.contact_us_area {
padding: 70px 0px;
}
.contact_us_area .weprovide-section {
margin-top: 100px;
}
.contact_us_area .contact_us_inner {}
.contact_us_form {
/* width: 100%; */
/* float: left; */
}
.contact_us_form .form-group {
margin-bottom: 17px;
}
.contact_us_form .form-group input {
border: 1px solid #dedbdb;
border-radius: 0px;
background: #cdcdcd2e;
height: 50px;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0px 24px;
outline: none;
font-size: 18px;
color: #000000;
letter-spacing: -0.49px;
margin-bottom: 0;
}
.contact_us_form .form-group input.placeholder {
font-size: 17px;
color: #797979;
letter-spacing: .51px;
}
.contact_us_form .form-group input:-moz-placeholder {
font-size: 17px;
color: #797979;
letter-spacing: .51px;
}
.contact_us_form .form-group input::-moz-placeholder {
font-size: 17px;
color: #797979;
letter-spacing: .51px;
}
.contact_us_form .form-group input::-webkit-input-placeholder {
font-size: 17px;
color: #797979;
letter-spacing: .51px;
}
.contact_us_form .form-group input:focus {
border-color: #dedede;
}
.contact_us_form .form-group label {
font-size: 14px;
color: #ff1515;
letter-spacing: .51px;
font-weight: normal;
margin-bottom: 0px;
}
.error {
font-size: 14px;
color: #ff1515;
letter-spacing: .51px;
font-weight: normal;
margin-bottom: 0px;
}
.contact_us_form .form-group textarea {
border: 1px solid #dedede;
border-radius: 0px;
background: #cdcdcd2e;
height: 203px;
-webkit-box-shadow: none;
box-shadow: none;
padding: 20px 24px;
outline: none;
font-size: 17px;
color: #000000;
letter-spacing: .51px;
resize: none;
font-weight: 700;
}
.contact_us_form .form-group textarea.placeholder {
font-size: 17px;
color: #000000;
letter-spacing: .51px;
}
.contact_us_form .form-group textarea:-moz-placeholder {
font-size: 17px;
color: #797979;
letter-spacing: .51px;
}
.contact_us_form .form-group textarea::-moz-placeholder {
font-size: 17px;
color: #797979;
letter-spacing: .51px;
}
.contact_us_form .form-group textarea::-webkit-input-placeholder {
font-size: 17px;
color: #797979;
letter-spacing: .51px;
}
.contact_us_form .form-group textarea:focus {
border-color: #dedbdb;
}
.contact_us_details {
padding-top: 0px;
}
.contact_us_details .row .col-md-4:nth-child(2) .c_details_item .media .media-left i {
font-size: 23px;
}
.c_details_item {
width: 100%;
background: transparent;
border: 1px solid #e5e5e5;
padding: 15px 15px;
margin-bottom: 15px;
}
.c_details_item .media .media-left {
padding-right: 30px;
vertical-align: middle;
margin-bottom: 15px;
}
.c_details_item .media .media-left i {
height: 50px;
width: 50px;
border: 1px solid #341539;
background-color: #341539;
border-radius: 50%;
color: #FFF;
text-align: center;
line-height: 48px;
font-size: 22px;
-webkit-transition: all 400ms linear 0s;
-o-transition: all 400ms linear 0s;
transition: all 400ms linear 0s;
}
.c_details_item .media .media-body p {
font-size: 18px;
color: #000;
font-weight: 700;
letter-spacing: .34px;
line-height: 24px;
}
.c_details_item .media .media-body a {
display: block;
font-size: 18px;
color: #000;
font-weight: 700;
letter-spacing: .34px;
}
.map_area .mapBox {
height: 440px;
}
.map-outer {
margin-bottom: 100px;
}
@media only screen and (min-width: 320px) and (max-width: 735px) {
.c_details_item {
padding: 28px 15px;
}
.c_details_item .media .media-left {
padding-right: 10px;
}
}
form.contact_us_form button.theme-btn-2 {
padding: 7px 30px;
color: #ffffff;
font-size: 17px;
display: inline-block;
border-radius: 50px;
background: #341539;
font-family: 'Futura PT Medium';
letter-spacing: 0.5px;
text-transform: capitalize;
border: transparent;
margin-top: 15px;
}
form.contact_us_form button.theme-btn-2:hover {
background: #b163a8;
}
.map-wrap iframe {
display: block;
}
.c_details_item:hover {
background: #b163a8;
color: #fff;
}
.c_details_item:hover .media .media-body p {
color: #fff;
}
.c_details_item:hover .media .media-body a {
color: #fff;
}
.c_details_item:hover .media .media-left i {
background: #fff;
border-color: #fff;
color: #b163a8;
}
.contact_us_form .form-group input:focus {
border-color: #341539;
}
.contact_us_form .form-group input::placeholder {
color: #000000;
}
.contact_us_form .form-group textarea::placeholder {
color: #000000;
}
/* -------------------------------
contact us page css end here
---------------------------------- */
header.inner-header {
position: relative;
background: linear-gradient(to bottom right, #793385, #4b2157);
}
.about-banner:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #00000085;
}
.inner-banner-wrap {
position: relative;
z-index: 1;
text-align: center;
}
.inner-banner-wrap h2 {
color: #fff;
font-size: 22px;
font-weight: 600;
}
.inner-banner-wrap ol.breadcrumb {
justify-content: center;
}
.about-banner {
position: relative;
}
/* -----------------------------------
service change section css start here
--------------------------------------*/
.hair-services-page-wrapper {
width: 100%;
height: 100%;
background: linear-gradient(to bottom right, #793385, #4b2157);
}
/* First Container [START] */
.ser-f-c {
width: 100%;
display: flex;
align-items: center;
color: #fff;
overflow: hidden;
box-sizing: border-box;
}
.ser-f-c-left {
width: 38%;
margin-left: 9%;
padding-top: 5vw;
}
.ser-f-c-left h2 {
font-weight: 100 !important;
font-size: 3.5vw;
letter-spacing: 0.5vw;
}
.ser-f-c .fir-c-btn {
z-index: 1;
margin-top: 2vw;
}
.ser-f-c .fir-c-btn button {
padding: 0.6vw 1.3vw;
font-size: 1.2vw;
margin-right: 1vw;
font-weight: 900;
}
.fir-c-btn {
width: 100%;
}
.fir-c-btn button {
cursor: pointer;
border: none;
padding: 5px 8px;
font-size: 15px;
font-weight: 300;
border-radius: 50px;
}
.fir-c-btn button.fir-c-btn-2 {
color: #fff;
background-color: transparent;
transition: 0.5s all;
border: 1px solid #fff;
}
.fir-c-btn button.fir-c-btn-2:hover {
color: #4b2157;
background-color: #fff;
}
.ser-f-c-right {
width: 60%;
position: relative;
height: 629px;
overflow: hidden;
transition: 1s all;
}
.ser-f-c-right-women {
width: 100%;
position: absolute;
/* display: none; */
bottom: -10px;
right: -100%;
transition: 1s all;
}
.ser-f-c-right .line {
display: flex;
align-items: center;
position: absolute;
z-index: 50;
transform: translate(-50%, -50%);
}
.ser-f-c-right .line .content {
margin-left: 20px;
white-space: nowrap;
cursor: pointer;
}
.line .content:hover {
transform: scale(1.2);
transition: 0.5s all;
text-shadow: 2px 2px 3px #000;
}
.line.back-rotate .content:hover {
transform: rotateY(180deg)scale(1.2);
transition: 0.5s all;
text-shadow: 2px 2px 3px #000;
}
.ser-f-c-right .line .content h3 {
font-size: 16px;
letter-spacing: 3px;
font-weight: 300;
cursor: pointer;
font-family: 'Futura PT Medium';
}
.str-line {
width: 100px;
height: 2px;
background-color: #fff;
position: relative;
}
.str-line span {
width: 10px;
height: 10px;
position: absolute;
background-color: #fff;
right: -10px;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
.ser-f-c-right-women .line-1 {
top: 10%;
left: 65%;
}
.ser-f-c-right-women .line-1 .str-line {
width: 10vw;
}
.ser-f-c-right-women .line-2 {
top: 30%;
left: 72%;
}
.ser-f-c-right-women .line-2 .str-line {
width: 5vw;
}
.ser-f-c-right-women .line-3 {
top: 45%;
left: 68%;
}
.ser-f-c-right-women .line-3 .str-line {
width: 5vw;
}
.ser-f-c-right-women .line-4 {
top: 60%;
left: 75%;
}
.ser-f-c-right-women .line-4 .str-line {
width: 3vw;
}
.ser-f-c-right-women .line-5 {
top: 70%;
left: 77%;
}
.ser-f-c-right-women .line-5 .str-line {
width: 4vw;
}
.ser-f-c-right-men .line-1 {
top: 10%;
left: 67%;
}
.ser-f-c-right .back-rotate {
transform: translate(-50%, -50%)rotateY(180deg);
transform-style: preserve-3d;
backface-visibility: visible;
}
.ser-f-c-right .back-rotate .content {
transform: rotateY(180deg)
}
.ser-f-c-right-men .line-1 .str-line {
width: 5vw;
}
.ser-f-c-right-men .line-2 {
top: 25%;
left: 71%;
}
.ser-f-c-right-men .line-2 .str-line {
width: 5vw;
}
.ser-f-c-right-men .line-3 {
top: 40%;
left: 66%;
}
.ser-f-c-right-men .line-3 .str-line {
width: 5vw;
}
.ser-f-c-right-men .line-4 {
top: 55%;
left: 66.5%;
}
.ser-f-c-right-men .line-4 .str-line {
width: 5vw;
}
.ser-f-c-right-men .line-5 {
top: 20%;
left: 13%;
}
.ser-f-c-right-men .line-5 .str-line {
width: 5vw;
}
.ser-f-c-right-men .line-6 {
top: 40%;
left: 11%;
}
.ser-f-c-right-men .line-6 .str-line {
width: 5vw;
}
.ser-f-c-right-women.active {
right: 0%;
}
.ser-f-c-right-women img {
width: 100%;
height: auto;
position: relative;
object-fit: cover;
object-position: bottom !important;
}
.ser-f-c-right-men {
width: 100%;
position: absolute;
bottom: -10px;
right: -120%;
transition: 1s all;
}
.ser-f-c-right-men.active {
right: -5%;
}
.ser-f-c-right-men img {
width: 80%;
position: relative;
}
.ser-s-c {
width: 100%;
text-align: center;
background-color: #fff;
overflow: hidden;
transition: 1s all;
}
div.ser-s-c-head {
width: 100%;
display: flex;
justify-content: center;
color: #7E4798;
letter-spacing: 5px;
margin-bottom: 40px;
}
div.ser-s-c-head h2 {
font-weight: 300 !important;
font-family: 'Futura PT Medium';
font-size: 42px;
}
.ser-s-c-head .ser-s-c-w,
.ser-s-c-head .ser-s-c-m {
display: none;
}
.ser-s-c-head .ser-s-c-w.active,
.ser-s-c-head .ser-s-c-m.active {
display: block;
}
.ser-s-c-body {
transition: 1s all;
width: 100%;
display: flex;
}
.ser-s-c-body .ser-s-c-left {
width: 50%;
display: flex;
text-align: left;
align-items: center;
position: relative;
transition: 1s all;
margin-left: 9%;
}
.ser-s-c-left .ser-s-c-left-women {
position: relative;
transform: translate(-100%);
transition: 1s all;
opacity: 0;
}
.ser-s-c-left .ser-s-c-left-men {
position: absolute;
transform: translate(-100%);
transition: 1s all;
opacity: 0;
}
.ser-s-c-left .ser-s-c-left-women.active,
.ser-s-c-left .ser-s-c-left-men.active {
transform: translate(0);
opacity: 1;
}
.ser-s-c-body .ser-s-c-right {
width: 50%;
position: relative;
transition: 1s all;
}
.ser-s-c-right-women {
position: relative;
width: 100%;
bottom: -5px;
transform: translate(120%);
transition: 1s all;
}
.ser-s-c-right-women.active {
transform: translate(0%);
}
.ser-s-c-right-men {
position: absolute;
top: auto;
bottom: -5px;
left: -50px;
width: 100%;
transform: translate(120%);
transition: 1s all;
}
.ser-s-c-right-men img,
.ser-s-c-right-women img {
height: auto;
width: 100%;
}
.ser-s-c-right-men.active {
transform: translate(0%);
}
.ser-s-c-left h3 {
font-size: 22px;
font-weight: 400;
color: #000000;
line-height: 30px;
}
.ser-s-c .fir-c-btn a {
padding: 0.4vw 1vw;
font-family: 'Futura PT Medium';
font-size: 18px;
}
.ser-s-c-left .fir-c-btn .fir-c-btn-1 {
color: #7E4798 !important;
background-color: transparent;
transition: 0.5s all;
border: 1px solid #7E4798 !important;
margin-top: 2vw;
display: inline-block;
border-radius: 50px;
}
.ser-s-c-left .fir-c-btn .fir-c-btn-1:hover {
color: #fff !important;
background-color: #7E4798 !important;
border: 1px solid #7E4798 !important;
}
/* Third Container [START] */
.ser-t-c {
width: 100%;
text-align: center;
overflow: hidden;
}
.ser-t-c.hide-for-women {
background-color: #fff;
}
div.ser-t-c-head {
width: 100%;
display: flex;
justify-content: center;
color: #fff;
letter-spacing: 5px;
margin-bottom: 30px;
}
.ser-t-c.hide-for-women div.ser-t-c-head {
color: #fff;
}
.ser-t-c.hide-for-women .ser-t-c-right-men h3 {
color: #7E4798;
}
.ser-t-c.hide-for-women .fir-c-btn {
text-align: center;
}
.ser-t-c.hide-for-women .fir-c-btn button.fir-c-btn-1 {
color: #7E4798 !important;
border: 1px solid #7E4798 !important;
}
div.ser-t-c-head h2 {
font-family: 'Futura PT Medium';
font-size: 42px;
}
.ser-t-c-head .ser-t-c-w,
.ser-t-c-head .ser-t-c-m {
display: none;
}
.ser-t-c-head .ser-t-c-w.active,
.ser-t-c-head .ser-t-c-m.active {
display: block;
}
.ser-t-c-body {
width: 100%;
display: flex;
transition: 1s all;
align-items: center;
}
.ser-t-c-body .ser-t-c-left {
width: 50%;
position: relative;
transition: 1s all;
}
.ser-t-c-left-women {
position: relative;
width: 100%;
/* top: 10px; */
/* left:5%; */
bottom: -5px;
transform: translate(-120%);
transition: 1s all;
}
.ser-t-c-left-women.active {
transform: translate(0%);
}
.ser-t-c-left-men {
position: absolute;
top: auto;
bottom: -5px;
/* left: -80px; */
width: 100%;
transform: translate(-120%);
transition: 1s all;
}
.ser-t-c-left-men img,
.ser-t-c-left-women img {
height: auto;
width: 100%;
}
.ser-t-c-left-men.active {
transform: translate(0%);
}
.ser-t-c-body .ser-t-c-right {
width: 50%;
display: flex;
text-align: right;
align-items: center;
position: relative;
transition: 1s all;
margin-right: 9%;
}
.jus-cont-f-e {
justify-content: flex-end;
}
.mr-10per {
margin-right: 10%;
}
.mr-10per h3 {
font-size: 4vw;
}
.ser-t-c-right .ser-t-c-right-women {
position: relative;
transform: translate(100%);
transition: 1s all;
opacity: 0;
}
.ser-t-c-right .ser-t-c-right-men {
position: absolute;
transform: translate(100%);
transition: 1s all;
opacity: 0;
}
.ser-t-c-right .ser-t-c-right-women.active,
.ser-t-c-right .ser-t-c-right-men.active {
transform: translate(0);
opacity: 1;
}
.ser-t-c-right h3 {
font-weight: 400;
color: #fff;
line-height: 28px;
font-size: 22px;
}
.ser-t-c-right .mr-10per h3 {
white-space: nowrap;
font-size: 40px;
}
.ser-t-c .fir-c-btn a {
padding: 0.4vw 1vw;
}
.ser-t-c-right .fir-c-btn .fir-c-btn-1 {
color: #fff !important;
background-color: transparent;
transition: 0.5s all;
border: 1px solid #fff !important;
margin-top: 2vw;
font-family: 'Futura PT Medium';
font-size: 18px;
display: inline-block;
border-radius: 50px;
}
.ser-t-c-right .fir-c-btn .fir-c-btn-1:hover {
color: #7E4798 !important;
background-color: #fff !important;
border: 1px solid #7E4798 !important;
}
/* [END] */
@media (min-width:1500px) {
.ser-f-c-right-women .line-2 {
left: 70%;
}
.ser-f-c-right-men .line-1 {
left: 61%;
}
.ser-f-c-right-men .line-2 {
top: 22%;
left: 64%;
}
.ser-f-c-right-men .line-3 {
top: 37%;
left: 63%;
}
.ser-f-c-right-men .line-4 {
top: 55%;
left: 62.5%;
}
.ser-f-c-right-men .line-5 {
top: 15%;
left: 15.5%;
}
.ser-f-c-right-men .line-6 {
top: 36%;
left: 13%;
}
}
@media (min-width:2300px) {
.ser-s-c-right-women {
height: 100%;
}
.ser-s-c-right-women img {
/* position: absolute; */
bottom: 0;
left: 30%;
width: 50%;
}
.ser-s-c-right-men img {
width: 60%;
}
.ser-s-c-right-women.fourth-cont img,
.ser-s-c-right-women.second-cont img {
width: 70%;
left: 20%;
}
.ser-s-c .fir-c-btn a {
margin-bottom: 2vw;
}
.ser-t-c-left-women {
height: 100%;
}
.ser-t-c-left-women img {
/* position: absolute; */
bottom: 0;
left: 10%;
width: 70%;
}
.ser-t-c-left-men img {
width: 70%;
}
.ser-t-c .fir-c-btn a {
margin-bottom: 2vw;
}
.mr-10per {
margin-top: 6vw;
margin-bottom: 6vw;
}
}
@media(max-width:600px) {
.ser-t-c.hide-for-women .ser-t-c-left {
margin-top: 100px;
}
.ser-f-c-right-men .line-1 .str-line {
width: 10vw;
}
.ser-f-c-right-men .line-1 {
left: 70%;
}
.ser-f-c-right-men .line-2 .str-line {
width: 8vw;
}
.ser-f-c-right-men .line-2 {
top: 27%;
left: 74%;
}
.ser-f-c-right-men .line-3 .str-line {
width: 10vw;
}
.ser-f-c-right-men .line-3 {
left: 68%;
}
.ser-f-c-right-men .line-4 .str-line {
width: 10vw;
}
.ser-f-c-right-men .line-4 {
left: 68.5%;
}
.ser-f-c-right-men .line-5 .str-line {
width: 10vw;
}
.ser-f-c-right-women .line-2 .str-line,
.ser-f-c-right-women .line-3 .str-line {
width: 10vw;
}
.ser-f-c-right-women .line-2 {
left: 76.5%;
}
.ser-f-c-right-women .line-3 {
left: 71%;
}
.ser-f-c-right-women .line-4 .str-line {
width: 7vw;
}
.ser-f-c-right-women .line-4 {
left: 78%;
}
.ser-f-c-right-women .line-5 .str-line {
width: 7vw;
}
.ser-f-c-right-women .line-5 {
left: 78%;
}
.ser-f-c-right .line .content {
margin-left: 10px;
}
.ser-f-c-right .line .content h3 {
font-size: 2.4vw;
}
.ser-t-c-right-men.active.mr-10-per {
margin-top: 15% !important;
}
.ser-t-c-right-men.mr-10-per .fir-c-btn button.fir-c-btn-1 {
margin-bottom: 20% !important;
}
.ser-f-c {
flex-direction: column;
height: auto;
}
.ser-f-c-left {
display: flex;
flex-direction: column;
width: 100%;
margin-left: 0;
}
.ser-f-c-left h1 {
font-size: 5vw;
width: 90%;
text-align: center;
line-height: 40px;
margin-left: 5%;
margin-right: 5%;
}
.ser-f-c .fir-c-btn {
margin-top: 4vw;
display: flex;
justify-content: center;
}
.ser-f-c-right {
width: 100%;
height: 60vh;
}
.ser-f-c .fir-c-btn button {
padding: 2vw 3vw 1.5vw 3vw;
font-size: 3vw;
margin-right: 4vw;
}
div.ser-s-c-head {
padding: 5vw;
letter-spacing: 1px;
}
div.ser-s-c-head h2 {
font-size: 5vw;
}
.ser-s-c-body .ser-s-c-left {
width: 100%;
text-align: center;
}
.ser-s-c-body .ser-s-c-right {
width: 100%;
}
.ser-s-c-left h3 {
font-size: 16px;
margin-left: 0%;
margin-right: 0%;
}
.ser-s-c-left .fir-c-btn {
display: flex;
justify-content: center;
}
.ser-s-c-left .fir-c-btn button.fir-c-btn-1 {
margin-left: 0;
margin-bottom: 10%;
}
.ser-s-c .fir-c-btn a {
padding: 2vw 3vw 1.5vw 3vw;
font-size: 3vw;
}
.ser-s-c-body {
flex-direction: column;
}
.ser-s-c-right-men {
left: 0px;
}
div.ser-t-c-head {
padding: 5vw;
letter-spacing: 1px;
}
div.ser-t-c-head h2 {
font-size: 5vw;
}
.ser-t-c-body .ser-t-c-left {
width: 100%;
text-align: center;
}
.ser-t-c-body .ser-t-c-right {
width: 100%;
text-align: center;
}
.ser-t-c-left h3,
.ser-t-c-right h3 {
font-size: 3vw;
margin-left: 5%;
margin-right: 5%;
}
.ser-t-c-left .fir-c-btn {
display: flex;
justify-content: center;
}
.ser-t-c-left .fir-c-btn button.fir-c-btn-1 {
margin-left: 0;
margin-bottom: 10%;
}
.ser-t-c .fir-c-btn a {
padding: 2vw 3vw 1.5vw 3vw;
font-size: 3vw;
}
.ser-t-c-body {
flex-direction: column-reverse;
}
.ser-t-c-right-men {
left: 0px;
}
.ser-t-c-right h3 {
font-size: 16px;
margin-right: 5%;
margin-left: 5%;
}
.jus-cont-f-e {
justify-content: center;
}
.mr-10per {
margin-right: 0%;
width: 100%;
}
.mr-10per h3 {
font-size: 6vw !important;
}
}
/* ---------------------------
pricing section css start here
----------------------------- */
.pricing-womens img {
position: absolute;
top: auto;
right: 0;
width: 525px;
bottom: 0;
}
.pricing-section {
position: relative;
overflow: hidden;
background: linear-gradient(to bottom right, #662a77, #4b2157);
}
.pricing-text p {
color: #fff;
font-size: 22px;
font-weight: 600;
}
.pricing-text h1 {
font-size: 58px;
color: #fff;
font-weight: 900;
}
.pricing-text a.btn-style1 {
margin-top: 30px;
background: #fff;
}
.pricing-text a.btn-style1:hover {
background: #b163a8;
color: #ffffff;
}
.salon-container .salon-header {
text-align: center;
margin-bottom: 20px;
}
.salon-container .tab-content-section {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: center;
margin-top: 50px;
}
.salon-container .image-gallery {
width: calc(50% - 10px);
}
.salon-container .image-gallery .table-wrap {
width: 100%;
border-radius: 8px;
display: none;
}
.salon-container .image-gallery .table-wrap.active {
display: block;
}
.salon-container .content-area {
width: calc(50% - 10px);
text-align: end;
}
.salon-container .nav-tabs .nav-link {
color: #333;
border-radius: 0;
margin-right: 5px;
}
.salon-container .nav-tabs .nav-link.active {
background-color: #007bff;
color: white;
border-color: #007bff;
}
.salon-container .tab-content {
padding: 0px;
border-radius: 8px;
text-align: right;
}
.salon-container .book-now-btn {
background-color: #36143d;
color: white;
border: none;
padding: 10px 30px;
border-radius: 50px;
cursor: pointer;
font-family: 'Futura PT Medium';
font-size: 17px;
display: inline-block;
}
.salon-container .book-now-btn:hover {
background-color: #0056b3;
}
.salon-container .mobile-note {
font-size: 0.9em;
color: #666;
margin-top: 10px;
text-align: center;
}
@media (max-width: 768px) {
.salon-container .tab-content-section {
flex-direction: column;
}
}
.bg-purple {
background: #4b2157;
}
.salon-container .content-area .nav-tabs {
justify-content: end;
border: transparent;
margin-bottom: 20px;
}
.salon-container .content-area .nav-tabs li button {
background: transparent;
color: #fff;
font-family: 'Futura PT Medium';
font-size: 18px;
border-radius: 50px;
border: 1px solid #35133c;
color: #35133c;
padding: 7px 20px !important;
}
.salon-container .content-area .nav-tabs li button.active {
background: #35133c;
border-color: #35133c;
}
.inner-pricing-sec h2.heading {
color: #35133c;
}
.bg-purple h2.heading {
color: #fff;
}
.table-responsive table thead {
/* position: sticky; */
/* top: 0; */
}
.table-purple {
border-collapse: collapse;
width: 100%;
margin-bottom: 0px;
}
.table-purple thead {
background-color: #36143d;
color: #fff;
}
.table-purple th,
.table-purple td {
border: 1px solid #39143e;
padding: 7px 10px;
text-align: left;
font-size: 18px;
font-weight: 600;
letter-spacing: 1px;
}
.table-purple tbody tr:nth-child(even) {
background-color: #f8f5ff;
}
.table-purple tbody tr:hover {
background-color: #ede8fc;
}
.table-purple th {
border-right: 1px solid #fff;
font-size: 22px;
margin-bottom: 0px;
position: sticky;
top: 0;
background: #39143e;
border-top: transparent;
padding: 8px;
z-index: 9;
white-space: nowrap;
}
.table-purple th:last-child {
border-right: 1px solid #36143d;
}
.table-purple td {
color: #000000;
font-size: 16px;
}
.p-content p {
color: #000000;
}
.p-content {padding: 10px 0px;}
.salon-container .book-now-btn:hover {
background: #b163a8;
}
.bg-purple .table-responsive tbody tr:nth-child(odd) {
background: #ede8fc;
}
.bg-purple .content-area .nav-tabs button {
border: 1px solid #fff !important;
color: #fff !important;
}
.bg-purple .content-area .nav-tabs button.active {
background: #ffffff !important;
color: #4b2157 !important;
}
.bg-purple .content-area .p-content p {
color: #fff;
}
.bg-purple .content-area .tab-content a {
background: #fff;
color: #4b2157;
display: inline-block;
}
.bg-purple .content-area .tab-content a:hover {background: #b163a8;color: #fff;}
/* ---------------------------
pricing section css end
----------------------------- */
.media-wrap {
background: #341539;
height: 100%;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.media-wrap .media-body {
padding: 20px;
height: 100%;
}
section.media-page .row {
row-gap: 30px;
}
.media-wrap .media-body h2 {
color: #fff;
font-family: 'Futura PT Medium';
font-size: 22px;
}
.media-wrap .media-body h2 a {
color: #fff;
}
.media-wrap figure img {
transition: 1s ease-out;
transform: scale(1);
width: 100%;
object-position: top;
}
.media-wrap .media-body .hindi-text {
font-size: 16px;
font-weight: 300;
}
.media-wrap .media-body h2 .hindi-text {
font-weight: 600;
}
.media-wrap figure {
overflow: hidden;
}
.accordion-box .accordion-item {
margin-bottom: 20px;
border-radius: 0px;
}
.accordion-box .accordion-item button.accordion-button {
background: transparent;
border-radius: 0px !important;
!i;
!;
border: 1px solid #010304;
box-shadow: none;
padding: 10px;
}
.accordion-box .accordion-item button.accordion-button h2 {
width: 100%;
}
.accordion-box .accordion-item button:focus {
box-shadow: none;
}
.job-wrap p {
margin: 0px;
color: #100c0b;
font-weight: bold;
}
.job-wrap h3 {
font-size: 30px;
font-weight: 500;
color: #000;
margin-bottom: 5px;
font-family: 'Futura PT Medium';
}
.accordion-button:not(.collapsed)::after {
filter: brightness(0.5);
}
.accordion-box .accordion-item .accordion-body {
padding: 0px;
}
.job-overview-box {
padding: 15px;
}
.job-overview-box ul {
margin-bottom: 15px;
}
.job-overview-box ul li {
padding: 8px 0px;
font-size: 16px;
}
.overview-box h3 b {
font-size: 26px;
font-weight: 600;
margin-bottom: 10px;
display: block;
font-family: 'Futura PT Medium';
}
.responsibilities h4 {
font-size: 20px;
font-weight: 500;
}
.responsibilities ul li {
list-style: circle;
}
.responsibilities ul {
padding-left: 20px;
}
.overview-box ul li ul li {
list-style: circle;
}
.overview-box ul li ul {
padding-left: 20px;
}
a.apply-now {
background: #010305;
padding: 10px 20px;
display: inline-block;
font-size: 16px;
font-weight: 500;
border-radius: 4px;
color: #fff;
margin-top: 20px;
}
a.apply-now:hover {
background: #000;
}
.job-overview-box ul li {
font-size: 19px;
}
.job-overview-box ul li.list-group-item {
font-size: 18px;
}
.responsibilities h4 {
font-size: 22px;
font-family: 'Futura PT Medium';
}
.overview-box p {
color: #000;
}
.overview-box {
margin: 20px 0px;
}
section.enquire-now h2.heading {
color: #341539;
margin-bottom: 50px;
}
section.enquire-now {
position: relative;
padding-bottom: 30px;
}
.enquire-img img {
position: absolute;
bottom: 0;
right: 10%;
width: 350px;
}
section.enquire-now form.contact_us_form {
/* padding-bottom: 50px; */
margin-bottom: 50px;
}
section.enquire-now form.contact_us_form input[type="file"] {
width: 100%;
padding: 7px;
}
section.enquire-now .contact_us_form .form-group textarea {
height: 70px;
background: transparent;
border-radius: 4px;
padding: 10px;
font-weight: 100;
font-size: 20px;
color: #333;
}
/* franchise page css start here */
section.franchise-banner {
background: #341539;
padding: 131px 0px;
}
section.franchise-banner .franchise-img img {
position: absolute;
top: 22%;
right: auto;
width: 511px;
margin-left: 3%;
}
.franchise-wrap h1 {
color: #fff;
font-size: 50px;
line-height: 60px;
margin-bottom: 30px;
font-weight: 900;
}
.franchise-wrap h4 {
color: #fff;
font-size: 22px;
font-weight: 600;
}
.franchise-wrap a {
padding: 7px 17px;
color: #000000;
font-size: 17px;
display: inline-block;
border-radius: 50px;
background: #fff;
font-family: 'Futura PT Medium';
letter-spacing: 0.5px;
margin-top: 30px;
}
/* franchise page css end here */
section.apply-now-sec {
padding: 70px 0px !important;
}
.why-solon-section {
padding: 70px 0px;
background: linear-gradient(180deg, #f3e9f5 0%, #f3e9f5 100%);
position: relative;
overflow: hidden;
}
.section-title {
font-family: 'Montserrat', sans-serif;
font-size: 3rem;
color: #341539;
text-align: center;
margin-bottom: 60px;
position: relative;
z-index: 1;
}
.section-title span {
color: #b163a8;
}
.benefits-container {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
position: relative;
z-index: 1;
}
.benefit-card {
background: #fff;
border-radius: 20px;
padding: 10px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
text-align: center;
transition: transform 0.4s ease, box-shadow 0.4s ease;
position: relative;
overflow: hidden;
}
.benefit-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}
.benefit-icon {
font-size: 3.5rem;
color: #b163a8;
margin-bottom: 20px;
transition: transform 0.3s ease;
}
.benefit-card:hover .benefit-icon {
transform: scale(1);
}
.benefit-title {
font-family: 'Montserrat', sans-serif;
font-size: 1.6rem;
color: #ffffff;
margin-bottom: 15px;
}
.benefit-text {
color: #000;
}
@media (max-width: 768px) {
.section-title {
font-size: 2.2rem;
}
.benefit-card {
padding: 10px;
}
.benefit-title {
font-size: 1.4rem;
}
.benefit-text {
font-size: 0.9rem;
}
.why-solon-section {
padding: 60px 15px;
}
}
section.why-solon-section h2.heading {
color: #341539;
}
.benefit-card {
height: 100%;
}
.benefit-card .benefit-icon {
margin-bottom: 20px;
}
.benefit-card .benefit-icon img {
width: 70px;
filter: brightness(0) invert(1);
}
.benefit-card h3.benefit-title {
font-size: 21px;
font-family: 'Futura PT Medium';
}
.franchise-opportunities-section h2.heading {
color: #341539;
}
.franchise-card ul {
display: flex;
flex-wrap: wrap;
}
.franchise-card ul li figure {
margin-bottom: 10px;
}
.benefit-card ul {
text-align: left;
padding-left: 20px;
}
section.why-solon-section .col-lg-3:nth-child(even) .benefit-card {
background: #b163a8;
}
section.why-solon-section .col-lg-3:nth-child(odd) .benefit-card {
background: #341539;
}
.benefit-card ul li {
font-size: 18px;
line-height: 28px;
list-style: circle;
border-bottom: 1px solid #ccc;
padding: 7px 0px;
color: #ffffff;
}
.benefit-card ul li:last-child {
border: transparent;
}
.franchise-card ul li figure img {
width: 60px;
}
.franchise-card ul li span {
font-size: 30px;
font-family: 'Futura PT Medium';
}
.franchise-card ul li p {
color: #000;
font-size: 20px;
}
.franchise-box h3 {
font-size: 30px;
font-family: 'Futura PT Medium';
color: #fff;
}
.franchise-box ul li {
font-size: 20px;
color: #fff;
}
.franchise-card {
display: flex;
justify-content: space-between;
gap: 20px;
background: #341539;
height: 100%;
padding: 15px;
border-radius: 10px;
}
.franchise-card .franchise-box {
flex: 0 0 50%;
height: 100%;
}
.franchise-card .franchise-img {
flex-shrink: 1;
}
.franchise-card .franchise-img figure img {
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
border-radius: 10px;
}
section.franchise-opportunities-section .col-md-6:last-child .franchise-card {
background: #b163a8;
}
.franchise-card ul li {
padding: 10px 0px;
border-bottom: 1px solid #ffffffab;
width: 100%;
}
.franchise-card ul li:last-child {
border: transparent;
padding-bottom: 0px;
}
.franchise-wrap a:hover {
background: #b163a8;
color: #fff;
}
/* testimonials-section css start here */
.testimonials-section {
padding: 70px 0px;
position: relative;
background: linear-gradient(180deg, #341539 0%, #b163a8 100%);
overflow: hidden;
}
.testimonials-wrapper {
/* min-height: 400px; */
position: relative;
z-index: 2;
}
.testimonials-left {
position: relative;
z-index: 3;
}
.con-wrp {
display: none;
/* background: rgba(255, 255, 255, 0.1); */
padding: 15px;
border-radius: 30px;
/* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); */
animation: fadeIn 0.5s ease-out;
opacity: 0;
transition: opacity 0.5s ease;
}
.con-wrp.active {
display: block;
opacity: 1;
}
.con-wrp h4 {
font-size: 2.5rem;
color: #fff;
margin-bottom: 15px;
font-family: 'Futura PT Medium';
}
.con-wrp p {
font-size: 20px;
color: #f7e9f5;
margin-bottom: 20px;
}
.btn-primary {
background: #341539;
border: none;
border-radius: 25px;
padding: 10px 25px;
font-family: 'Lato', sans-serif;
font-weight: 500;
color: #fff;
transition: background 0.3s ease;
}
.btn-primary:hover {
background: #b163a8;
}
.enable-mobile {
display: none;
}
.testimonials-right {
padding: 0px 20px;
}
.video-wrp {
position: relative;
border-radius: 20px;
padding: 5px;
/* Offset for border */
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
opacity: 1;
transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out, border 0.5s ease-in-out, box-shadow 0.5s ease-in-out, width 0.5s ease-in-out;
min-height: 400px;
/* Increased height */
}
.video-wrp iframe {
width: 100%;
height: 100%;
border-radius: 20px;
}
.video-wrp::before {
content: '';
display: block;
padding-bottom: 56.25%;
/* 16:9 aspect ratio */
}
.video-wrp iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.testimonials-right .owl-item.active.center .video-wrp {
/* transform: scale(1.1); */
/* Reduced scale for balanced prominence */
/* Increased width for active item */
opacity: 1;
border: 3px solid #b163a8;
box-shadow: 0 8px 20px rgba(177, 99, 168, 0.5);
z-index: 1;
border-radius: 20px;
}
.testimonials-right .owl-nav {
display: block !important;
}
.testimonials-right .owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 1.5rem;
color: #fff !important;
background: #b163a8 !important;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex !important;
align-items: center;
justify-content: center;
transition: background 0.3s ease;
z-index: 10;
}
.testimonials-right .owl-nav button:hover {
background: #341539 !important;
}
.testimonials-right .owl-nav .owl-prev {
left: 10px;
}
.testimonials-right .owl-nav .owl-next {
right: 10px;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 768px) {
.heading {
font-size: 2.5rem;
}
.con-wrp h4 {
font-size: 2rem;
}
.con-wrp p {
font-size: 1rem;
}
.enable-desktop {
display: none;
}
.enable-mobile {
display: block;
}
.testimonials-right .owl-nav .owl-prev {
left: 5px;
}
.testimonials-right .owl-nav .owl-next {
right: 5px;
}
.testimonials-right .owl-item.active.center .video-wrp {
transform: scale(1);
width: 100%;
border: 2px solid #b163a8;
box-shadow: 0 5px 15px rgba(177, 99, 168, 0.3);
}
.video-wrp {
min-height: 250px;
}
.video-wrp::before {
padding-bottom: 56.25%;
}
}
@media (max-width: 576px) {
.con-wrp {
padding: 20px;
}
.testimonials-section {
padding: 80px 0;
}
}
section.testimonials-section h2.heading {
margin-bottom: 50px;
}
.testimonials-right .owl-item {
opacity: 0.8;
}
.testimonials-right .owl-item.active.center {
opacity: 1;
border-radius: 20px;
}
/* testimonials-section css end here */
.franchise-section {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
.franchise-section h1 {
font-size: 3rem;
color: #1a1a1a;
margin-bottom: 10px;
font-weight: 700;
}
.franchise-section h1 span {
color: #341539;
}
.franchise-section p {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.circular-step figure img {
width: 60px;
}
.circular-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
row-gap: 40px;
position: relative;
padding: 40px 0 0px;
column-gap: 80px;
}
section.franchise-section h2.heading {
color: #341539;
}
.circular-step {
background: #fff;
border-radius: 50%;
width: 270px;
height: 270px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 25px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
position: relative;
transition: transform 0.3s ease, box-shadow 0.3s ease;
animation: bounceIn 0.8s ease forwards;
opacity: 0;
background: #341539;
}
.circular-step:nth-child(1) {
animation-delay: 0.2s;
transform: translateY(-20px);
}
.circular-step:nth-child(2) {
animation-delay: 0.4s;
transform: translateY(20px);
}
.circular-step:nth-child(3) {
animation-delay: 0.6s;
transform: translateY(-20px);
}
.circular-step:nth-child(4) {
animation-delay: 0.8s;
transform: translateY(20px);
}
.circular-step:hover {
transform: scale(1.1);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
.step-number {
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
background: #341539;
color: #fff;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
font-weight: bold;
}
.circular-step h3 {
font-size: 26px;
color: #ffffff;
margin: 10px 0;
font-family: 'Futura PT Medium';
}
.circular-step p {
color: #ffffff;
line-height: 1.5;
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(0.8) translateY(0);
}
60% {
opacity: 0.7;
transform: scale(1.1) translateY(0);
}
100% {
opacity: 1;
transform: scale(1) translateY(0);
}
}
/* Responsive Design */
@media (max-width: 768px) {
.franchise-section h1 {
font-size: 2rem;
}
.franchise-section p {
font-size: 1rem;
}
.circular-step {
width: 200px;
height: 200px;
}
.circular-step h3 {
font-size: 1.2rem;
}
.circular-step p {
font-size: 0.8rem;
}
}
@media (max-width: 480px) {
.circular-container {
flex-direction: column;
align-items: center;
}
.circular-step {
width: 220px;
height: 220px;
}
}
.btn-wrapper.enable-desktop button:focus {
outline: none;
box-shadow: none;
background: #b163a8;
}
/* faq section start here */
section.faq-section {
background: #341539;
padding: 70px 0px;
}
/* faq section end */
section.faq-section h2.heading {
margin-bottom: 50px;
}
.faq-wrap .accordion-item {
margin-bottom: 15px;
border-radius: 10px;
background: transparent;
border: 2px solid #fff;
}
.faq-wrap .accordion-item:last-child {
margin-bottom: 0px;
}
.faq-wrap .accordion-item .accordion-header button.accordion-button {
background: transparent;
color: #fff;
font-size: 26px;
font-family: 'Futura PT Medium';
}
.faq-wrap .accordion-item .accordion-header button.accordion-button:focus {
box-shadow: none;
outline: none;
}
.faq-wrap .accordion-item .accordion-header button.accordion-button:after {
filter: brightness(0) invert(1);
}
.wrap-box {
border: 2px solid #fff;
border-radius: 10px;
padding: 30px;
text-align: center;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.wrap-box figure img {
width: 100px;
}
.wrap-box figure {
margin: 10px 0px;
}
.wrap-box h3 {
color: #fff;
font-weight: 700;
font-size: 24px;
margin: 10px 0px;
}
.accordion-button:not(.collapsed) {
box-shadow: inset 0 0px 0 rgb(255 255 255) !important;
}
.wrap-box a {
background: #ffffff;
padding: 12px;
margin-top: 50px;
color: #000;
font-weight: 600;
font-size: 18px;
border-radius: 50px;
}
.wrap-box a:hover {
background: #b163a8;
color: #fff;
}
.apply-now-wrap h2 {
font-family: 'Futura PT Medium';
font-size: 44px;
}
.apply-now a {
padding: 8px 30px;
color: #ffffff;
font-size: 17px;
display: inline-block;
border-radius: 50px;
background: #341539;
font-family: 'Futura PT Medium';
letter-spacing: 0.5px;
}
section.apply-now-sec .row {
align-items: center;
}
.contact_us_form {
background-color: white;
border-radius: 8px;
/* box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1); */
width: 100%;
max-width: 100%;
}
.contact_us_form .form-group:last-child {
margin-bottom: 0px;
}
.contact_us_form .form-group label {
display: block;
font-size: 14px;
color: #666;
margin-bottom: 5px;
}
.contact_us_form .form-group input,
.form-group select,
.form-group textarea {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 18px;
color: #333;
box-sizing: border-box;
background: transparent;
}
.contact_us_form .form-group textarea {
resize: vertical;
height: 80px;
background: transparent;
font-weight: 400;
padding: 10px;
}
.contact_us_form .form-group select {
appearance: none;
background: url('data:image/svg+xml;utf8,') no-repeat right 10px center;
background-size: 24px;
}
.contact_us_form .checkbox-group {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.contact_us_form .checkbox-group input {
margin-right: 10px;
accent-color: #341539;
}
.contact_us_form .checkbox-group label {
font-size: 20px;
color: #333;
}
.contact_us_form .submit-btn {
width: 100%;
padding: 8px;
background-color: #341539;
color: white;
border: none;
border-radius: 4px;
font-size: 20px;
cursor: pointer;
transition: background-color 0.3s;
font-family: 'Futura PT Light';
border-radius: 50px;
}
.contact_us_form .submit-btn:hover {
background: #b163a8;
}
/* ----------------------------------------
Multiple Salon Franchise section start here
------------------------------------------- */
.main .container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1rem;
justify-content: center;
align-items: center;
}
.main .card {
background: #ffffff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
color: #333333;
border-radius: 2px;
}
.main .card-image {
background: #ffffff;
display: block;
padding-top: 70%;
position: relative;
width: 100%;
}
.main .card-image img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
section.multiple-franchise-sec {
padding: 70px 0px;
background: #f9f7f7;
}
section.multiple-franchise-sec h2.heading {
margin-bottom: 50px;
color: #341539;
}
/* ---------------------------------
Multiple Salon Franchise section end
------------------------------------ */
.franchise-model-wrap .card {
border-radius: 15px;
padding: 10px;
text-align: left;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.franchise-model-wrap .card.pro {
background-color: #e8e8f0;
color: #2d2d2d;
}
.franchise-model-wrap .card.elite {
background-color: #e9cee3;
color: #2d2d2d;
}
.franchise-model-wrap .card.elegance {
background-color: #311439;
color: white;
}
.franchise-model-wrap .details {
display: flex;
flex-wrap: wrap;
font-size: 12px;
flex: 1;
justify-content: flex-start;
gap: 23px;
}
.franchise-model-wrap .details div {
min-width: 100px;
margin-bottom: 5px;
font-size: 16px;
font-weight: 600;
width: calc(33% - 15px);
}
.franchise-model-wrap .details div span {
display: block;
margin-bottom: 2px;
text-transform: uppercase;
font-size: 17px;
font-family: 'Futura PT Medium';
}
.franchise-model-wrap .card:last-child {
margin-bottom: 0px;
}
.franchise-model-wrap {
display: flex;
justify-content: center;
gap: 20px;
}
.franchise-logo {
margin: 0 auto;
}
section.franchise-model-sec h2.heading {
margin-bottom: 50px;
color: #341539;
}
.franchise-logo img {
width: 200px;
height: 130px;
object-fit: contain;
}
/* ----------------------------
Pre Bridal Package section css
------------------------------- */
.bridal-package-wrap table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background-color: #fff;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
border-radius: 8px;
overflow: hidden;
}
.bridal-package-wrap table th,
td {
padding: 20px;
text-align: left;
border-bottom: 1px solid #e8e8e8;
}
.bridal-package-wrap table th {
background: linear-gradient(to bottom, #4b2157, #3a1a45);
color: #fff;
font-size: 24px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
font-family: 'Futura PT Medium';
}
.bridal-package-wrap table trtd {
color: #444;
font-size: 0.95em;
line-height: 1.5;
}
.bridal-package-wrap table tr:last-child td {
border-bottom: none;
}
.bridal-package-wrap table tr:nth-child(even) {
background-color: #faf9f7;
}
.bridal-package-wrap table tr:hover {
background-color: #f5f0f5;
transition: background-color 0.3s ease;
}
.bridal-package-wrap table .price {
font-weight: bold;
color: #4b2157;
font-size: 1.05em;
}
.bridal-package-wrap table tr td:first-child {
width: 20%;
font-size: 26px;
font-family: 'Futura PT Medium';
color: #3f1c4a;
}
.bridal-package-wrap table tr td:nth-child(2) {
width: 50%;
}
.bridal-package-wrap table tr td:last-child {
width: 30%;
text-align: center;
font-size: 24px;
font-family: sans-serif;
}
.bridal-package-wrap th:last-child {
text-align: center;
}
.bridal-package-wrap table tr td {
font-size: 20px;
}
.bridal-package-wrap h2 {
color: #411d4d;
margin-bottom: 50px;
}
/* ----------------------------
Pre Bridal Package section css
------------------------------- */
.services-package-wrap .table-container {
width: 100%;
max-height: 600px;
overflow: auto;
border: 1px solid #ddd;
}
.services-package-wrap .table-container table {
width: 100%;
border-collapse: collapse;
font-family: Arial, sans-serif;
white-space: nowrap;
}
.services-package-wrap .table-container th,
td {
padding: 9px 14px;
text-align: left;
border: 1px solid #ddd;
}
.services-package-wrap .table-container th {
background-color: #421d4e;
position: sticky;
top: 0;
z-index: 1;
color: #fff;
padding: 16px;
font-size: 18px;
font-family: 'Futura PT Medium';
}
.services-package-wrap .table-container tr:nth-child(even) {
background-color: #f9f9f9;
}
.services-package-wrap .table-container tr:hover {
background-color: #f1f1f1;
}
.services-package-wrap .table-container tr td {
color: #000;
font-size: 15px;
}
.services-package-wrap h2 {
color: #441e4f;
margin-bottom: 50px;
}
.table-container::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.table-container::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 5px;
}
.table-container::-webkit-scrollbar-thumb {
background: #888;
border-radius: 5px;
transition: background 0.3s ease;
}
.table-container::-webkit-scrollbar-thumb:hover {
background: #555;
}
.table-container::-webkit-scrollbar-corner {
background: #f1f1f1;
}
.c_details_item:Last-child {
margin-bottom: 0px;
}
.expanded i {
color: #fff;
margin-left: 6px;
}
.store-list p {
color: #000;
margin-bottom: 0px;
font-size: 20px;
line-height: 32px;
letter-spacing: 1.2px;
font-weight: 600;
}
.store-list .container .row {
margin-bottom: 20px;
border-bottom: 1px solid #d4d4d4;
padding-bottom: 16px;
}
.store-list .container .row:last-child {
margin-bottom: 0px;
border: none;
padding-bottom: 0px;
}
.store-list .store-location {
width: 100%;
}
.store-list .store-location iframe {
width: 100%;
height: 300px;
}
.store-list .store-address h3 {
font-size: 32px;
font-weight: 700;
letter-spacing: 1.2px;
}
.testimonial-box a {
color: #fff;
text-transform: capitalize;
font-weight: 600;
}
.navbar-nav li:hover span i {
color: #b163a8;
}
.google-review {
display: flex;
justify-content: space-between;
margin-top: 20px;
align-items: center;
}
.google-review .google-wrap {
display: flex;
gap: 30px;
align-items: center;
}
.google-img-wrap img {
width: 100px;
}
.google-review .google-img-wrap img {
width: 47px;
}
.google-review .google-wrap .google-img img {
width: 54px;
}
.google-review .google-wrap .google-name span {
color: #e2dcdc;
text-align: left;
display: block;
}
.goolge-star {
display: flex;
justify-content: end;
margin-top: 15px;
gap: 7px;
}
.goolge-star span img {
width: 28px !important;
display: block;
}
section.why-solon-section p {
margin-bottom: 50px;
text-align: center;
color: #000;
}
.franchise-opportunities-section p {
margin-bottom: 50px;
text-align: center;
color: #000;
}
section.franchise-section>p {
color: #000;
margin-bottom: 50px;
}
.ser-s-c-body .ser-s-c-left h6 {
color: #000;
font-size: 22px;
font-weight: 600;
margin-top: 20px;
}
.ser-s-c-body .ser-s-c-left p {
color: #000;
}
.ser-t-c-body .ser-t-c-right h6 {
font-size: 22px;
color: #fff;
font-weight: 600;
margin-top: 20px;
}
.ser-s-c-body p span {
font-family: 'Font Awesome 5 Brands';
}
.ser-t-c-body .ser-t-c-right p span {
font-family: 'Font Awesome 5 Brands';
}
.banner-content-w,
.banner-content-m {
display: none;
}
.banner-content-w.active,
.banner-content-m.active {
display: block;
}
.ser-t-c-right-men ul li {
color: #fff;
font-size: 20px;
}
.ser-t-c-right-men ul li span {
font-family: 'Font Awesome 5 Brands';
}
.ser-t-c-right-men ul {
margin-top: 20px;
}
.ser-s-c-left-men ul {
margin-top: 20px;
}
.ser-s-c-left-men ul li {
font-size: 20px;
}
.ser-s-c-left-men ul li span {
font-family: 'Font Awesome 5 Brands';
}
section.multiple-franchise-sec .row {}
section.multiple-franchise-sec .card {
border: transparent;
padding: 10px 0px;
background: transparent;
}
section.multiple-franchise-sec .card .card-image {
padding: 10px;
background: #fff;
}
section.multiple-franchise-sec .card {
background: #341539;
padding: 10px;
border-radius: 0px;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
section.multiple-franchise-sec .row {
row-gap: 25px;
}
.cls-1,
.cls-2,
.cls-3,
.cls-4,
.cls-5,
.cls-6 {
transition: all 0.5s ease-in-out;
padding: 70px 20px 0px 20px;
}
.salon-container .image-gallery {
min-height: 315px;
max-height: 515px;
overflow-y: auto;
}
.table-responsive {
overflow-x: inherit !important;
}
table.table-purple tbody tr td:first-child {
text-transform: uppercase;
}
.salons-city-wrap {
margin-top: 10px;
text-align: center;
}
.salons-city-wrap h3 {
font-size: 24px;
font-family: 'Futura PT Medium';
}
section.four-zero-four-page-se {
padding: 80px 0px;
}
.four-zero-four-wrap {
text-align: center;
}
.four-zero-four-wrap figure img {
width: 42%;
}
.four-zero-four-wrap h1 {
font-size: 60px;
margin: 10px 0px;
}
.four-zero-four-wrap p {
color: #000;
font-size: 27px;
}
.four-zero-four-wrap a {
padding: 7px 17px;
color: #ffffff;
font-size: 17px;
display: inline-block;
border-radius: 50px;
background: #390746;
font-family: 'Futura PT Medium';
letter-spacing: 0.5px;
margin-top: 20px;
}
.four-zero-four-wrap a:hover {
background: #b163a8;
}
.btn-primary:focus {box-shadow: none !important;background: #b163a8 !important;}
.inner-banner-wrap p {
color: #fff;
font-size: 22px;
font-weight: 600;
}
.table-purple th:after {
content: "";
position: absolute;
top: 0;
right: -1px;
border-right: 1px solid #fff;
width: 100%;
height: 100%;
}
.table-purple th:last-child:after {
display: none;
}
.banner-text a:hover {
color: #fff;
}
.html-sitemap {
padding: 70px 0px;
}
.html-sitemap h1 {
margin-bottom: 20px;
font-family: 'Futura PT Medium';
}
.html-sitemap ul li a {color: #000;font-size: 18px;font-weight: 600;}
.html-sitemap ul li {
line-height: 34px;
}
.html-sitemap ul li a:hover {
color: #77278c;
}
.html-sitemap h2 {
margin: 20px 0;
font-family: 'Futura PT Medium';
}
.html-sitemap h2+ul,.html-sitemap h1+ul {
/* margin-left: 10px; */
padding-left: 20px;
}
.html-sitemap h2+ul li,.html-sitemap h1+ul li {
list-style-type: disc;
}
.contact_us_form .checkbox-group:has(div) {
display: block;
}
span.error-message {
color: red;
}
#loader img {
width: 40px;
height: 40px;
margin: 20px auto;
display: block;
}
.main_blog_items .main_blogpost_item .main_blog_text ul li {
list-style-type: disc;
font-size: 20px;
}
.main_blog_items .main_blogpost_item .main_blog_text ul {
margin-bottom: 10px;
padding-left: 10px;
}
/*.main_blog_items .main_blogpost_item .main_blog_text a {*/
/* text-decoration: underline;*/
/*}*/
.footer-loader {
width: 40px;
height: 40px;
}
.main_blog_items .main_blogpost_item .main_blog_text ol li {
list-style-type: decimal;
}
.about-full-banner {
padding: 244px 0px !important;
}
.media-page.media-section {
background : linear-gradient(to bottom right, #793385, #4b2157);
}
h1.sec-title {
font-size: 35px;
}
.salon-carousel .owl-nav {
display: flex;
justify-content: center;
margin-top: 25px;
gap: 18px;
}
.salon-carousel .owl-nav button {
border: 1px solid #212529 !important;
width: 48px;
height: 48px;
border-radius: 50px;
}
.salon-carousel .owl-nav button:hover {
background: #212529;
border-color: #212529;
color: #fff;
}
section.franchise-banner .row {
align-items: center;
}
.store-banner {
padding: 190px 0px !important;
}
.pricing-section {
padding: 207px 0px !important;
}
.pricing-man-sec {
padding: 159px 0px !important;
}
section.banner-sec .carousel-item {
max-height: 627px;
}
.career-banner {
padding: 257px 0px !important;
}