/* ================================================================================ */
/* Global CSS  */
/* ================================================================================ */

* {

  margin: 0;
  padding: 0;
}
:root {
  --white: #FFFFFF;
  --black: #141414;
  --purple: #7C486C;
  --pink: #FBEBEC;
  --darkbrown: #401B1B;
  --peach: #ECD8BD;
  --red: #FF3B3B;
  --gray: #747474;
}
.loader video{width:50%;}
::-webkit-scrollbar {width: 8px;height:8px;background-color: var(--pink);}
::-webkit-scrollbar-thumb {border-radius: 10px;background-color: var(--purple);}
body {position: relative;font-size: 16px;font-family: 'Cairo-Regular', sans-serif ;color: var(--darkbrown);  overflow: hidden;}
.custom_container {max-width: 1170px;}
.dot-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 60px; /* optional */
}

.dot-loader span {
  width: 14px;
  height: 14px;
  background-color: #7b4a7a; /* dark purple shade */
  border-radius: 50%;
  animation: dotPulse 1s infinite ease-in-out;
  opacity: 0.3;
}

.dot-loader span:nth-child(1) {
  animation-delay: 0s;
}
.dot-loader span:nth-child(2) {
  animation-delay: 0.2s;
}
.dot-loader span:nth-child(3) {
  animation-delay: 0.4s;
}
.dot-loader span:nth-child(4) {
  animation-delay: 0.6s;
}

@keyframes dotPulse {
  0%, 100% {
    transform: scale(0.8);
    opacity: 0.3;
  }
  50% {
    transform: scale(1.3);
    opacity: 1;
  }
}

body .modal-backdrop.show {width: 100%;height: 100%;background-color: #000000B2;background: rgba(0, 0, 0, 0.70);opacity: 1;}
.bg_pink{background-color: #FFF6F7;}
.btn_white {border-radius: 30px;border: 1px solid var(--purple);background-color: #FFFBFB;padding: 12px 25px;color: var(--purple);font-family: 'Cairo-SemiBold', sans-serif ;font-style: normal;font-weight: 600;text-transform: uppercase; transition: all 0.5s ease;}
.btn_purple {border-radius: 30px;border: 1px solid var(--purple);background-color: var(--purple);padding: 12px 25px;color: var(--white);font-family: 'Cairo-SemiBold', sans-serif ;font-style: normal;font-weight: 600; text-transform: uppercase; transition: all 0.5s ease;}
.btn_white:hover { background-color: var(--purple); color: #FFFBFB; transition: all 0.5s ease; }
.btn_purple:hover { background-color: var(--white); color: var(--purple); transition: all 0.5s ease; }
.btn:focus, .input-group input:focus, .input-group select:focus, .input-group textarea:focus {box-shadow: unset;outline: none;}
.btn-block {width: 100%;height: 60px;line-height: 30px;}
button:focus {box-shadow: unset;}
.color_heading {margin-bottom: 25px;color: var(--gray);}
.color_heading span {color: var(--purple);}
.color_para { color: #7C486C; font-size: 16px; font-family: 'Cairo-SemiBold', sans-serif ;  font-style: normal; font-weight: 600; line-height: normal; position: relative; padding-bottom: 10px; width: fit-content; margin-bottom: 20px;     text-transform: capitalize;}
.color_para:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1.4px; border-radius: 10px; background-color: #7C486C4D; }
.sec_heading {text-align: center;margin-bottom: 35px;}
.sec_heading p { max-width: 55%; margin: 0px auto; }
a , a:hover , a:focus {text-decoration: none;cursor: pointer;    color: #574B4B;}
.round_img_box {position: relative;height: 650px;max-width: 85%;margin: 0 auto;border-radius: 240px;overflow: hidden;}
.round_img_box img {width: 100%;height: 100%;object-fit: cover;z-index: 1;position: relative}
.purple_text , .purple_text *{color: var(--purple);}
.swiper .swiper-pagination .swiper-pagination-bullet { background: var(--pink); opacity: 1;}
.swiper .swiper-pagination .swiper-pagination-bullet-active { background: var(--purple); }
.swiper .swiper-pagination { position: relative; margin-top: 50px; }
.d_none {display: none;}
html[lang="ar"] .blogs_menu_wrapper .categories_bar_list.categories_bar_list_blogs_pg{direction:rtl;}
.loader {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9999;display: none;background-color: #fefefe;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center; flex-direction: column;}
/*.loader img {width: 50px; margin-bottom: 15px;}*/
.loader div img{width:100%;height:100%;object-fit:cover;}
.loader h5 {font-family: 'Cairo-Regular', sans-serif ;}
/*.loader h5 span.dot {font-size: 30px; animation: spin89345 1s linear infinite;}*/
.loader h5 span.dot-one {font-size: 30px; animation: dotanim 1s linear infinite;}
.loader h5 span.dot-two {font-size: 30px; animation: dotanim 1s linear infinite;}
.loader h5 span.dot-three {font-size: 30px; animation: dotanim 1s linear infinite;}
@keyframes dotanim {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

/* ================================================================================ */
/* Font family  */
/* ================================================================================ */

/*@font-face {*/
/*  font-family: 'Jost-Bold';*/
/*  src: url('../assets/fonts/Jost/static/Jost-Bold.ttf');*/
/*}*/
/*@font-face {*/
/*  font-family: 'Jost-Medium';*/
/*  src: url('../assets/fonts/Jost/static/Jost-Medium.ttf');*/
/*}*/
/*@font-face {*/
/*  font-family: 'Jost-Regular';*/
/*  src: url('../assets/fonts/Jost/static/Jost-Regular.ttf');*/
/*}*/
/*@font-face {*/
/*  font-family: "Montserrat-Bold";*/
/*  src: url('../assets/fonts/Montserrat/static/Montserrat-Bold.ttf');*/
/*}*/
/*@font-face {*/
/*  font-family: "Montserrat-SemiBold";*/
/*  src: url('../assets/fonts/Montserrat/static/Montserrat-SemiBold.ttf');*/
/*}*/
/*@font-face {*/
/*  font-family: "Montserrat-Medium";*/
/*  src: url('../assets/fonts/Montserrat/static/Montserrat-Medium.ttf');*/
/*}*/
/*@font-face {*/
/*  font-family: "Montserrat-Regular";*/
/*  src: url('../assets/fonts/Montserrat/static/Montserrat-Regular.ttf');*/
/*}*/



/* ================================================================================ */
/* Global Size  */
/*!* ================================================================================ *!*/
/*html[lang="ar"] *{*/
/*  font-family: 'Cairo-Regular', sans-serif ;*/
/*}*/
h1, h2, h3, h4, h5, h6 { font-family: Cairo-Bold;  font-weight: 700;}
/*h1 {font-size: 60px;letter-spacing: -1.8px;text-transform: uppercase;}*/
/*h2 { font-size: 50px;}*/
/*h3 { font-size: 40px;}*/
/*h4 { font-size: 30px;}*/
/*h5 { font-size: 25px;}*/
/*h6 { font-size: 20px;}*/

h1 * {color: var(--darkbrown);font-size: 60px;letter-spacing: -1.8px;text-transform: uppercase;}
/*html[lang="ar"] .hero_sec_content h1 {width: 270px;}*/
/*html[lang="ar"] h1 *{font-size: 60px;}*/
h2 *{ color: var(--darkbrown); font-size: 50px;}
html[lang="ar"] h2 *{font-size: 50px;}
h3 *{/* color: var(--purple); */font-size: 40px;}
html[lang="ar"] h3 *{/* color: var(--purple); */font-size: 30px;}
h4 *{ color: var(--darkbrown); font-size: 30px;}
html[lang="ar"] h4 *{font-size: 30px;}
h5 *{ color: var(--purple); font-size: 25px; }
html[lang="ar"] h5 *{font-size: 25px; }
h6 *{color: var(--darkbrown);font-size: 18px;}
html[lang="ar"] h6 *{font-size: 18px;}
p *{ font-family: 'Cairo-Regular', sans-serif ;  font-weight: 400; letter-spacing: 0.7px; color: var(--gray); }
html[lang="ar"] p *{font-size: 16px;}
h1 > span * {color: var(--darkbrown);font-size: 60px;text-transform: uppercase;font-family: 'Cairo-Bold', sans-serif ;font-weight: 700;}
html[lang="ar"] h1 > span *{font-size: 60px;}
h2 > span *{ color: var(--purple); font-size: 50px;text-transform: uppercase;font-family: 'Cairo-Bold', sans-serif ;font-weight: 700; }
html[lang="ar"] h2 > span *{font-size: 50px;}
i , i:before{font-family: FontAwesome;}
/* ================================================================================ */
/* Header Css */
/* ================================================================================ */

.main_header {transition: .4s ease;background-color: var(--purple);}
html[lang="ar"] .main_header .container-fluid{flex-direction: row-reverse;}
html[lang="ar"] .main_header .navbar .container-fluid .account_btns{flex-direction: row-reverse;}
.sticky-header { position: fixed; top: 0; left: 0; width: 100%;  z-index: 1000; transition: .4s ease;}
.main_header .navbar { padding: 0px; }
.main_header .navbar .container-fluid { max-width: calc(100% - 100px); padding: 15px 0px; }
.main_header .navbar .container-fluid .navbar-brand {width: 235px;height: 70px;padding: 0px;margin: 0px;}
.main_header .navbar .container-fluid .navbar-brand img { width: 100%; height: 100%; object-fit: contain; object-position: left; }
.main_header .navbar .container-fluid .navbar-collapse { justify-content: center; column-gap: 20px; }
.main_header .navbar .container-fluid .navbar-collapse .navbar-nav { align-items: center; }
.main_header .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item .nav-link {margin: 0px 10px;font-family: 'Cairo-Regular', sans-serif ;font-style: normal;font-weight: 500;line-height: normal;text-transform: uppercase;color: var(--white);}
.main_header .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item .nav-link.active  {color: var(--purple);}
.main_header .navbar .container-fluid .account_btns {display: flex;column-gap: 25px;align-items: center;}
.main_header .navbar .container-fluid .account_btns .search_btn{color: #FFFBFB;padding: 10px;border-radius: 0px;line-height: 1;}
.main_header .navbar .container-fluid .account_btns .language_select_box .form-select {background-image: url("../assets/images/arrow.svg");background-color: var(--purple);border: none;color: #FFFBFB;font-family: 'Cairo-SemiBold', sans-serif ;font-style: normal;font-weight: 600;line-height: normal;text-transform: uppercase;background-size: 10px;background-position: center right;padding: 10px 15px 10px 10px;}
.main_header .navbar .container-fluid .account_btns .language_select_box .form-select .option { background-color: var(--purple); border: none; color: #FFFBFB; font-family: 'Cairo-SemiBold', sans-serif ;  font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; }
.main_header .navbar .container-fluid .navbar-collapse .account_btns {display: none;}
.main_header .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.active .nav-link:after { content: ''; display: block; width: 100%; height: 3px; background-color: white; border-radius: 10px; position:absolute; left:0; bottom:0; }
.main_header .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.active .nav-link{ position:relative; }
.navbar-nav .nav-item .nav-link {position: relative;}
.navbar-nav .nav-item .nav-link::after {  content: ""; position: absolute; left: 0; bottom: 0; height: 2px;width: 0;background-color: #fff;  transition: width 0.3s ease-in-out;}
.navbar-nav .nav-item .nav-link:hover::after {width: 100%;}

/* ================================================================================ */
/* Footer Css */
/* ================================================================================ */

.main_footer {background-color: var(--purple);color: var(--white);padding: 80px 0px 0px 0px;text-align: left;}
.main_footer a, .main_footer p {font-family: 'Cairo-Regular', sans-serif ;font-style: normal;font-weight: 500;text-transform: capitalize;color: var(--white);margin: 0px;line-height: 30px;}
.main_footer .contact_box a{ display: flex; column-gap: 10px; align-items: center; }
.main_footer .contact_box i { font-size: 25px; }
.main_footer .footer_logo { display: block; margin: 80px 0px 40px 0px; width: 235px;height: 70px}
.main_footer .footer_logo img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.main_footer .copyright_text p { margin: 0;  }
.main_footer .copyright_text { padding: 30px 0px; border-top: 2px solid rgb(255 255 255 / 18%); }
.main_footer .footer_copyright p, .main_footer .footer_copyright a { font-size: 15px; margin-bottom: 0; line-height: inherit; color: var(--white); }
.main_footer .social_links a i { font-size: 15px; }
.main_footer ul { display: flex; list-style: none; justify-content: center; padding: 0; column-gap: 40px; margin: 0px;    flex-wrap: wrap; }
.main_footer .footer_links li a { text-transform: uppercase; }
.main_footer  ul.footer_links { margin: 40px 10px; }
.main_footer .contact_boxs { margin-bottom: 30px; }
.main_footer .main_footer_bottom { padding: 20px 0px; border-top: 2px solid  #885277; }
.main_footer .footer_logo {display: block;width: fit-content;margin: 0 auto;}
.main_footer .contact_box .contact_box_img {width: 20px;height: 20px;object-fit: contain;}
.main_footer .social_links {color: var(--purple);justify-content: end;margin: 0px;column-gap: 20px;}

/* ================================================================================ */
/* Hero Section Css */
/* ================================================================================ */

.hero_sec {padding: 200px 0px 200px 0px;position: relative;min-height: 820px;display: flex;align-items: center;}
.hero_sec:before {content: '';display: block;background-image: url(../assets/images/hero_before_img.png);background-size: contain;background-repeat: no-repeat;background-position: top left;position: absolute;top: 0;left: 0;width: 400px;width: 20%;height: 260px;}
.hero_sec .row {align-items: center;}
.hero_sec .hero_sec_content {/* max-width: 99%; */}
.hero_sec .hero_sec_content h1 {margin-bottom: 10px;color: var(--purple);}
.hero_sec .hero_sec_content p {max-width: 70%;}
.hero_sec .hero_sec_content .hero_sec_btns {margin-top: 50px;display: flex;column-gap: 20px; align-items: center}
.hero_sec .hero_sec_img {display: flex;justify-content: space-between;align-items: end;position: relative;height: 760px;background-image: url(../assets/images/hero_img_bg.png);background-size: cover;background-repeat: no-repeat;background-position: center;margin-left: auto;position: absolute;/* right: 70px; */bottom: 0;width: 35%;/* right: 3%; *//* background: #FBEBEC; */border-radius: 350px 350px 0px 0px;}
.hero_sec .hero_sec_img img {width: 85%;height: 100%;object-fit: contain;object-position: center;margin-left: auto;padding: 40px 40px 0px 40px;z-index: 1;width: 100%; }
.hero_sec .hero_sec_img:after {content: '';background-image: url(../assets/images/hero_img_bg_2.png);background-size: cover;background-repeat: no-repeat;background-position: bottom center;position: absolute;bottom: 0;border-radius: 350px 350px 0px 0px;/* background: #FBEBEC; */width: 50%;height: 320px;left: -58%;}
/*.hero_sec .hero_sec_img:before {*/
/*  content: '';*/
/*  background-image: url(../assets/images/hero_img_bg.png);*/
/*  display: block;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  position: absolute;*/
/*  z-index: 0;*/
/*  background-size: contain;*/
/*  background-position: bottom right;*/
/*  background-repeat: no-repeat;*/
/*}*/

/* ================================================================================ */
/* Guide Section Css */
/* ================================================================================ */

.guide-sec {padding: 100px 0px 50px 0px;}
.guide-sec .guide_card {padding: 30px;color: var(--purple);border-radius: 30px;background: #FFF;box-shadow: 2px 3px 20px 2px rgba(0, 0, 0, 0.03);text-align: center;margin: 20px 10px;}
.guide-sec .guide_card .icon_box { width: 44px; height: 44px; margin: 0 auto 20px; }
.guide-sec .guide_card .icon_box img { width: 100%; height: 100%; object-fit: contain; }
.guide-sec .guide_card p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }

/* ================================================================================ */
/* About Us Section Css */
/* ================================================================================ */

.aboutus_sec { padding: 50px 0px; position: relative; }
.aboutus_sec .row { align-items: center; }
.aboutus_sec .aboutus_sec_img {position: relative;max-width: 85%;margin: 0 auto;max-width: 500px;height: 700px;border-radius: 240px;margin: 0 auto 30px;}
.aboutus_sec .aboutus_sec_img img {width: 100%;height: 100%;object-fit: cover;border-radius: inherit;z-index: 1;position: relative}
.aboutus_sec .aboutus_sec_img:before {   content: '';   display: block;   background-image: url(../assets/images/rotate_before.png);   background-size: contain;   background-repeat: no-repeat;   background-position: top left;   position: absolute;   top: 20px;   left: 0px;   width: 46%;   height: 350px;   z-index: 0; }
.aboutus_sec .aboutus_sec_content .our-location-box { display: flex; width: 40%; flex-direction: column; justify-content: center; align-items: flex-start; gap: 15px; margin-top: 40px; }
.aboutus_sec .aboutus_sec_content .our-location-box * { margin: 0px; }
.aboutus_sec .aboutus_sec_content .our-location-box .our-location-icon { width: 28px; height: 36px; }
.aboutus_sec .aboutus_sec_content .our-location-box .our-location-icon img { width: 100%; height: 100%; object-fit: contain; }
.aboutus_sec .aboutus_sec_content h2 {   color: var(--purple);}

/* ================================================================================ */
/* Our SERVICES  Section Css */
/* ================================================================================ */
.icon_box {animation: pulseScale 1.2s infinite ease-in-out;}
@keyframes pulseScale {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2); /* kitna bada hona chahiye */
  }
}

.our_services_sec { padding: 80px 0px; position: relative; }
.our_services_sec .row {justify-content: center;}
.our_services_sec .services_card {text-align: center;border-radius: 30px;background: #FFF;border: 1px solid rgba(255, 255, 255);box-shadow: 2px 0px 15px 0px rgba(124, 72, 108, 0.05);padding: 50px 25px;cursor: pointer;margin-bottom: 30px;transition: 0.5s all ease;min-height: calc(100% - 30px);display: flex;flex-direction: column;align-items: center;justify-content: center;}
.our_services_sec .services_card:hover{border: 1px solid rgba(124, 72, 108, 0.15);transition: 0.5s all ease;}
.our_services_sec .services_card .services_icon { width: 60px; height: 60px; margin: 0 auto 20px; }
.our_services_sec .services_card p {margin: 0px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4; /* number of lines to show */line-clamp: 4;-webkit-box-orient: vertical;}
.our_services_sec .services_card .services_icon { transform: rotate(30deg); width: 80px; display: flex; align-items: center; justify-content: center; transition:0.5s all ease; }
.our_services_sec .services_card .services_icon img { transform: rotate(-30deg); z-index: 1; position: relative; max-width: 50px; height: 50px; object-fit: contain; object-position: center; transform: rotate(-30deg); transition:0.5s all ease; margin:0 auto; }
.our_services_sec .services_card:hover .services_icon { border-radius: 62px; background: #7C486C; height: 110px; transition:0.5s all ease; }
.our_services_sec .services_card:hover .services_icon img { filter: brightness(100); transition:0.5s all ease; }
.our_services_sec .services_card h6 {color: #222;font-family: 'Cairo-SemiBold', sans-serif ;font-weight: 600;line-height: 23px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5; /* number of lines to show */line-clamp: 5;-webkit-box-orient: vertical;}
.our_services_sec .services_card:hover h6 { color: #7C486C; font-family: 'Cairo-Bold', sans-serif ; font-size: 20px; font-weight: 700; line-height: 28px; }

/* ================================================================================ */
/* TESTIMONIALS  Section Css */
/* ================================================================================ */

.testimonials_sec {padding: 80px 0px;}
.testimonials_sec .testimonials_swiper .testimonials_card { border-radius: 30px;border: 1px solid transparent;transition: 0.5s all ease; background: #FFF; box-shadow: 2px 0px 15px 0px rgba(124, 72, 108, 0.05); padding: 30px;text-align: left; }
.testimonials_sec .testimonials_swiper .testimonials_card:hover{border: 1px solid rgba(124, 72, 108, 0.15);transition: 0.5s all ease;}
.testimonials_sec .testimonials_swiper .testimonials_card .testimonials_card_top {display: flex;align-items: center;column-gap: 20px;margin-bottom:20px;padding-right: 40px;}
.testimonials_sec .testimonials_swiper .testimonials_card .testimonials_card_top .testimonials_card_img {width: 80px;height: 100px;flex-shrink: 0;}
.testimonials_sec .testimonials_swiper .testimonials_card .testimonials_card_top .testimonials_card_img img{ width:100%; height:100%; object-position:center; object-fit:cover;}
.testimonials_sec .testimonials_swiper .testimonials_card .testimonials_card_top  .reviews_icons i { color: #F8A600; font-size: 15px;}
.testimonials_sec .testimonials_swiper .testimonials_card .testimonials_card_top .testimonials_card_img {-webkit-mask-image:  url("../assets/images/user-mask.png");mask-image: url("../assets/images/user-mask.png");-webkit-mask-size: contain;mask-repeat: no-repeat;}
.testimonials_sec .testimonials_swiper .testimonials_card:before{ content:''; background:url("../assets/images/qote.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 40px; height: 40px; display: block; position: absolute; right: 30px; top: 30px; }

/* ================================================================================ */
/* Team Section Css */
/* ================================================================================ */

.team_sec { padding: 50px 0px 100px 0px; }
.team_sec .team_swiper {max-width: 95%;padding: 0px 10px;}
.team_sec .team_card { border-radius: 145px; border: 1px solid rgba(124, 72, 108, 0.05); background: var(--white); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05); padding: 110px 30px 110px 30px; text-align: center; }
.team_sec .team_card .testimonials_card_img { width: 100px; height: 150px; border-radius: 60px; overflow: hidden; margin: 0 auto 20px; }
.team_sec .team_card .testimonials_card_img img { width: 100%; height: 100%; object-fit: cover; }
.team_sec .team_card .social_links { list-style: none; display: flex; justify-content: center; padding: 0px; column-gap: 5px; }
.team_sec .team_card .designation { color: #747474; font-family: Cairo-Regular; font-weight: 400; }
.team_sec .team_card .person_name { font-family: 'Cairo-SemiBold', sans-serif ; }
.team_sec .team_card .social_links { opacity: 0; overflow: hidden; transition: width 0.5s ease, height 0.5s ease, opacity 0.5s ease; }
.team_sec .team_card:hover { border: 1px solid rgba(124, 72, 108, 0.30); cursor: pointer; transition: border-color 0.5s ease; }
.team_sec .team_card:hover .social_links { width: auto; height: auto; opacity: 1; }
.team_sec .team_card:hover .btn_white { margin-top: 0; }
.team_sec .team_card .btn_white { margin-top: -70px; transition: margin-top 0.5s ease; }

/* ================================================================================ */
/* Video  Section Css */
/* ================================================================================ */

.video_sec {text-align: center;padding: 150px 0px;background: linear-gradient(45deg, #7C486C80, #7C486C80), url("../assets/images/video-bg.jpg");}
.video_sec .video_sec_content { max-width: 50%; margin: 0 auto; }
.video_sec .video_sec_content p { color: var(--pink); max-width: 70%; margin: 0 auto 20px; }
.video_sec .video_sec_content  h2 { color: white; }
.video_sec .video_sec_content .color_para:after { background-color: var(--pink); }
.video_sec .video_sec_content .btn-icon { width: 60px; height: 60px; background-color: var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px auto 20px; }

/* ================================================================================ */
/* CATEGORIES Bar  Section Css */
/* ================================================================================ */

.categories_bar_sec { padding: 50px 0; }
.categories_bar_sec  .row { align-items: center; }
.categories_bar_sec .categories_title { color: #141414; margin: 0px; }
.categories_bar_sec .categories_bar_list { list-style: none; padding: 0; margin: 0; text-align: right; display: flex; justify-content: end; column-gap: 35px; }
.categories_bar_sec .categories_bar_list .categories_bar_item  .btn { color: #747474; font-family: Cairo-Regular; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; padding: 0px; position:relative; }
.categories_bar_sec .categories_bar_list .categories_bar_item  .btn.active { color: #7C486C; }
.categories_bar_sec .categories_bar_list .categories_bar_item  .btn:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; border-radius: 10px; background-color: var(--purple); opacity:0; }
.categories_bar_sec .categories_bar_list .categories_bar_item  .btn.active:before{ opacity:1; }

/* ================================================================================ */
/* Our Salons  Section Css */
/* ================================================================================ */

.our_salons_sec {
  padding: 80px 0px;
  position: relative;
}

.reviews_icons i {
  color: #F8A600;
  font-size: 15px;
}

.our_salons_Swiper {padding-bottom: 30px;}

.our_salons_Swiper .swiper-pagination {
  bottom: 0px;
}

.our_salons_Swiper .swiper-wrapper {
  margin-bottom: 30px;
}

.our_salons_Swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  padding: 5px 45px;
  border-radius: 80px;
  background-color: var(--purple);
}

.our_salons_Swiper .swiper-pagination-bullet {
  height: 10px;
  padding: 5px 25px;
  border-radius: 80px;
  opacity: 1;
  background-color: var(--white);
  border: 2px solid var(--purple);
}

.shap_cards {
  row-gap: 30px;

}

.shap_card .shap_card_img {
  height: 350px;
  border-radius: 75px 0px 75px 0px;
  overflow: hidden;
  border: 1px solid var(--purple);
}

.shap_card .shap_card_img img {
  width: 100%;
  height: 100%;
  object-fit:cover;
  object-position: center;
}

.shap_card .shap_card_details {
  padding: 25px 0px;
}

.shap_card .shap_card_details .product_name {
  font-weight: bold;
}

.shap_cards div:nth-child(even) .shap_card .shap_card_img {
  border-radius: 0px 75px 0px 75px;
}

.shap_card .shap_card_details .rating_icons {
  margin-bottom: 8px;
}

/* ================================================================================ */
/* Our Product  Section Css */
/* ================================================================================ */

.our_products_sec {
  padding: 60px 0px;
  position: relative;
}

.shap_card.product_card .shap_card_img img {
  object-fit: contain;
  width: auto;
  height: 250px;
}

.shap_card.product_card .shap_card_img {
  justify-content: center;
  background-color: var(--pink);
  display: flex;
  align-items: center;
}

.btn_center {
  text-align: center;
  margin-top: 40px;
}

/* ================================================================================ */
/* Our Blog  Section Css */
/* ================================================================================ */

.our_blog_sec { padding: 80px 0px; }
.blog_card {display: block;border-radius: 25px;background: var(--white);box-shadow: 2px 0px 15px 0px rgba(124, 72, 108, 0.05);padding: 15px;border-radius: 25px;border: 1px solid rgb(255 255 255);transition: 0.5s all ease;margin-bottom: 30px;text-align: left;}
.blog_card:hover{border: 1px solid rgba(124, 72, 108, 0.15);transition: 0.5s all ease;}
.blog_card .blog_card_img { width: 100%; height: 340px; border-radius: 25px 25px 0px 0px; position: relative; margin-bottom: 30px; }
.blog_card .blog_card_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 25px 25px 0px 0px; }
.blog_card .blog_card_details p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.blog_card .blog_card_img .blog_date { border-radius: 62px; background: #7C486C; max-width: 70px; height: 90px; transform: rotate(30deg); flex-shrink: 0; position: absolute; right: -5px; display: flex; align-items: center; padding: 0px; bottom: -30px; z-index: 1; }
.blog_card .blog_card_img .blog_date  p { transform: rotate(-30deg); color: var(--white); text-align: center;font-size: 13px; font-family: 'Cairo-SemiBold', sans-serif ;  font-style: normal; font-weight: 600; line-height: 16px; text-transform: uppercase; margin: 0px; }
.blog_card .blog_card_btns { display: flex; align-items: center; column-gap: 20px; justify-content: space-between; }
.blog_card .blog_card_btns p { margin: 0px; color: var(--darkbrown); font-family: 'Cairo-SemiBold', sans-serif ; }

/* ================================================================================ */
/* Newsletter  Section Css */
/* ================================================================================ */

.newsletter_sec { background: #885277; padding: 50px  0px; }
.newsletter_sec .row { align-items: center; }
.newsletter_sec .newsletter_sec_content h4 , .newsletter_sec  .newsletter_sec_content  p{ color: var(--white); }
.newsletter_sec .newsletter_sec_content p {margin: 0px;}
.newsletter_sec .newsletter_sec_form  .input-group { border-radius: 30px; background: var(--white); overflow: hidden; padding: 5px 5px 5px 10px; }
.newsletter_sec .newsletter_sec_form  .input-group .form-control { border: none; }
.newsletter_sec .newsletter_sec_form .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-radius: 30px; }

/* ================================================================================ */
/* Contact Us  Section Css */
/* ================================================================================ */

.contact_us_sec {
  padding: 80px 0px;
  position: relative;
  overflow: hidden;
}

.contact_us_sec form {
  text-align: center;
}

.contact_us_sec .contact_us_box {
  background-color: var(--pink);
  border-radius: 75px 0px 75px 0px;
  padding: 40px;
}

.contact_us_sec .contact_details_box {
  background-color: var(--purple);
  color: var(--white);
  border-radius: 75px 0px 75px 0px;
  padding: 80px 30px;
  height: 100%;
}

.contact_us_sec .contact_details_box .contact_details_para {
  color: var(--white);

  line-height: 22px;
  padding: 15px 0px 30px 0px;
  position: relative;
}

.contact_us_sec .contact_details_box p:after {
  content: '';
  display: block;
  position: absolute;
  width: 35%;
  border: 1px solid var(--white);
  bottom: 0;
}

.contact_us_sec .contact_details_box td {
  font-family: "Sitka Banner";
  font-size: 18px;
  line-height: 33px;
  color: var(--white);
}

.contact_us_sec .contact_details_box .col-md-4 {
  padding: 0;
}

.contact_us_sec .contact_details_box a,
.contact_us_sec .contact_details_box p {

  font-size: 18px;
  line-height: 33px;
  color: var(--white);
}

.contact_us_sec .contact_details_box a {
  word-break: break-word;
}

.contact_us_sec .contact_us_box {
  position: relative;
}

.contact_us_sec.form_sec .row {
  margin: 0;
}

.contact_us_sec .contact_details_box h4 {
  font-weight: bold;
}

.contact_us_sec:before {
  content: '';
  display: block;
  background-image: url("../assets/images/contact_before.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom left;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 400px;
  width: 20%;
  height: 260px;
  width: 360px;
  width: 18%;
  height: 560px;
  z-index: 0;
}
.contact_us_sec:after {
  content: '';
  display: block;
  background-image: url("../assets/images/contact_after.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
  position: absolute;
  border: 0;
  top: 0;
  right: 0;
  width: 20%;
  height: 260px;
  width: 270px;
  height: 200px;
  flex-shrink: 0;
  z-index: 0;
  width: 15%;
}

.contact_us_sec .container {
  padding: 0;
  position: relative;
  z-index: 1;
}

.contact_us_sec.form_sec .form_content_col form {
  padding: 0;
}

.contact_us_sec .contactus_center_text {
  position: relative;
}

.contact_us_sec .contactus_center_text h1 {
  position: absolute;
  bottom: 0;
  right: -85px;
  font-size: 150px;
  line-height: 160px;
  font-family: 'Cairo-SemiBold', sans-serif ;
  color: #E9E9E9;
}

.contact_us_sec .email_box_col {
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact_us_sec .email_box {
  text-align: center;
  width: 70%;
  margin-left: auto;
  box-shadow: rgb(0 0 0 / 16%) 0px 11px 26px 0px;
  border-radius: 20px;
  padding: 20px;
  position: relative;
  height: 300px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contact_us_sec .email_box h2 {
  font-family: 'Poppins-SemiBold';
}

.contact_us_sec .email_box a {
  font-size: 28px;
  color: #707070;
  line-height: 30px;
  font-family: 'Poppins-Regular';
}

.contact_us_sec .email_icon {
  background-color: var(--purple);
  color: var(--white);
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: -51px;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact_us_sec .email_icon i {
  font-size: 50px;
}

/* ================================================================================ */
/* Form  Section Css */
/* ================================================================================ */

.form_sec .form-group{margin-bottom: 25px;}
.form_sec .form-group .form-control {border: 2px solid white;border-radius: 30px;border: 1px solid #EAEAEA;background: var(--white);color: #ACACAC;font-family: 'Cairo-Regular', sans-serif ;font-style: normal;font-weight: 400;line-height: 1;padding: 15px 20px;height: 60px;}
.form_sec .form-group .form-select {background-image: url("../assets/images/arrow-down.svg");border: 2px solid white;border-radius: 30px;border: 1px solid #EAEAEA;background-color: var(--white);color: #ACACAC;font-family: 'Cairo-Regular', sans-serif ;font-style: normal;font-weight: 400;line-height: 1;padding: 15px 20px;height: 60px;background-size: 15px 20px;background-position: calc(100% - 20px) center;background-position: calc(100% - 120px) center;background-position: 99% center;padding-right: 40px;}
.form_sec .form-group .form-control::placeholder{ color: #ACACAC; font-family: 'Cairo-Regular', sans-serif ;  font-style: normal; font-weight: 400; line-height: 1; }
.form_sec .form-group textarea.form-control {resize: none;border-radius: 20px;padding: 15px 20px;    min-height: unset;height: unset;}
.form_sec .form-group .form-control[type="file"] { background-color:white; color:#ACACAC; line-height:1; }
.form_sec .form-group .form-control[type="file"]::file-selector-button { border: 2px solid white; padding: .2em .4em; border-radius: .2em; background-color:white; transition: 1s; padding:10px; color:#ACACAC; }
.form_sec .form-group .form-control[type="file"]::file-selector-button:hover , .form_sec .form-group .form-control[type="file"]::file-selector-button:focus { background-color:white; border: 2px solid white; }
.form_sec .form-group .custom-file-upload input[type="file"] { display: none; }
.form_sec .form-group .custom-file-upload label { border: 2px solid white; border-radius: 30px; border: 1px solid #EAEAEA; background: var(--white); color: #ACACAC; font-family: 'Cairo-Regular', sans-serif ;  font-style: normal; font-weight: 400; line-height: 1; padding: 15px 20px; height: 56px; width:100%; display: flex; align-items: center; overflow: hidden; word-break: break-word;}
.form_sec .form-group .custom-file-upload input[type="file"].invalid + label{  border-color: var(--red);}
.form_sec .form-group .form-control:focus { box-shadow: unset; border-color: rgba(124, 72, 108, 0.40); color: #7C486C; }
.form_sec .form-group .form-control:focus::placeholder {color: #7C486C;}
.register_sec.form_sec .form-group .custom-file-upload label {position: relative; z-index: 1; background: transparent; cursor: pointer;}

/* ================================================================================ */
/* Inner Banner Section Css */
/* ================================================================================ */

/*.inner_banner_sec {background: linear-gradient(45deg, #7C486C80, #7C486C80 ), url("../assets/images/banner.jpg");padding: 0px 0px 60px 0px;background-repeat: no-repeat;background-size: cover;}*/

.inner_banner_sec .inner_banner_content {position: relative;padding: 60px 250px 140px 140px;min-height: 390px;max-width: 73%;}
.inner_banner_sec .inner_banner_content:before {content: '';background: url("../assets/images/banner-content.png");position: absolute;border: 0;width: 100%;height: 100%;left: 0px;bottom: 0;background-size: cover;z-index: 0;background-position: right bottom;}
.inner_banner_sec .inner_banner_content * { z-index: 1;     position: relative;}
.inner_banner_sec .inner_banner_content h2 {font-family: 'Cairo-SemiBold', sans-serif ;}
.inner_banner_sec .inner_banner_content h1 {color: var(--purple);}

/* ================================================================================ */
/* About Us Content Section Css */
/* ================================================================================ */

.aboutus_content_sec {padding: 50px 0px;    text-align: left;}
.aboutus_content_sec p {margin-bottom: 30px;}

/* ================================================================================ */
/* Mission Section Css */
/* ================================================================================ */

.mission_sec { padding: 50px 0px; }
.mission_sec .mission_card { text-align: center; border-radius: 30px; background: var(--white); border: 1px solid rgba(255, 255, 255); box-shadow: 2px 0px 15px 0px rgba(124, 72, 108, 0.05); padding: 50px 40px; cursor: pointer; margin-bottom: 30px; transition: 0.5s all ease; min-height:calc(100% - 20px); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.mission_sec .mission_card .mission_card_icon {margin-bottom: 20px;width: 70px;height: 100px;transform: rotate(30deg);flex-shrink: 0;border-radius: 62px;background-color: #7C486C;display: flex;align-items: center;justify-content: center;}
.mission_sec .mission_card .mission_card_icon img{width:35px;height:35px;object-fit:contain;object-position:center;transform: rotate(-30deg);}

/* ================================================================================ */
/* Contact Page Section Css */
/* ================================================================================ */

.form_box_sec .container-fluid , .form_box_sec .container-fluid>.row>.col-md-6 {padding: 0px;}
.form_box_sec .row {margin: 0px;}
.form_box_sec .row .col-lg-6 {padding: 0px;}
/*.form_box_sec .container-fluid>.row {align-items: center;}*/
.form_box_sec .sec_heading p {max-width: 65%;}
.form_box_sec .form_box_img {position: relative; width: 60%; height: 800px; border-radius: 320px; overflow: hidden; margin: 50px auto 50px; }
.form_box_sec .form_box_img:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #7C486C80; }
.form_box_sec .form_box_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.form_box_sec .form_box_content{    padding: 80px 0px;background-color: #FFFBFB;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.form_box_sec .form_box_content .form_box_content_box {max-width: 56%;}
.form_box_sec .form_box_content .form_box_content_box .form-group {margin-bottom: 15px;}

/* ================================================================================ */
/* Blog Listing  Section Css */
/* ================================================================================ */

.blog_cards_listing {
  padding: 50px 0px;
}

.blog_cards_listing .more_blogs {
  margin: 50px auto 20px;
  display: block;
}

.blog_cards_listing .blog_card {
  /*max-width: 80%;*/
  /* max-width: 300px; */
  /* margin-bottom: 30px; */
}

.blog_cards_listing .blog_card_img {
  height: 300px;
}


/* ================================================================================ */
/* Single Blog  Section Css */
/* ================================================================================ */
.single_blog_sec {
  padding: 60px 0px;
}

.single_blog_sec .blog_card_img {
  height: 700px;
}


.social_links h6 {
  font-weight: bold;
}

.social_links a i {
  font-size: 20px;
}

.social_links span {
  display: inline-block;
  margin-right: 15px;
  margin: 15px 15px 0px 0px;
}

.social_links a {
  border-radius: 50%;
  background-color: var(--white);
  color: var(--purple);
  width: 50px;
  height: 50px;
  padding: 12px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 30px;
  height: 30px;
}



/* ================================================================================ */
/* Salon Listing Section Css */
/* ================================================================================ */
.filters_search_form {
  margin-bottom: 40px;
}

.filters_search_form .search_form {
  overflow: hidden;
  column-gap: 5px;
  margin-left: auto;
  border-bottom: 2px solid rgba(124, 72, 108, 0.50);
  transition: .5s ease;
  background-color: transparent;
}

.filters_search_form .search_form input {
  border: none;
  font-size: 18px;
  transition: .5s ease;
  color: rgba(124, 72, 108, 0.50);
  box-shadow: unset;
  border: none;
  color: rgba(124, 72, 108, 0.50);
  font-family: Cairo-Regular;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.filters_search_form .search_form input::placeholder {
  color: rgba(124, 72, 108, 0.50);
}

.filters_search_form .search_form button {
  height: 100%;
  background-color: transparent;
  border: none;
  box-shadow: unset;
}

.filters_products .shap_card .shap_card_img {
  border-radius: 0px 75px 0px 75px;
}

.filters_products .shap_cards div:nth-child(even) .shap_card .shap_card_img {
  border-radius: 75px 0px 75px 0px;
}

.filters_sec {
  padding: 0px 0px 60px 0px;
}

.filters_box {
  max-width: 70%;
}

.filters_pagination {
  display: flex;
  column-gap: 10px;
  justify-content: center;
  margin-top: 50px;
}

.filters_pagination .active_pagination {
  padding: 5px 45px;
  border-radius: 80px;
  background-color: var(--purple);
  width: 90px;
}

.filters_pagination a {
  height: 10px;
  padding: 5px 25px;
  border-radius: 80px;
  opacity: 1;
  background-color: var(--white);
  border: 2px solid var(--purple);
  width: 30px;
  cursor: pointer;
}

.filters_heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.filters_box .accordion .accordion-button,
.filters_box h3 {
  padding: 0;
  background-color: transparent;
  font-size: 40px;
  line-height: 45px;

  color: var(--darkbrown);
  box-shadow: none;
  font-weight: bold;
  margin-bottom: 0px;
  color: #7C486C;
  font-family: 'Cairo-SemiBold', sans-serif ;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.filters_box .accordion-item {
  margin-bottom: 30px;
  padding-bottom: 30px;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid rgba(124, 72, 108, 0.10);
}

.filters_box .accordion-item ul {
  padding: 0;
  list-style: none;
  margin: 0px;
}

.filters_box .accordion-item li:not(:last-child) {
  margin-bottom: 20px;
}

.filters_box .accordion-item label {
  display: flex;
  align-items: center;


  font-weight: bold;
  color: var(--purple);
  column-gap: 10px;
  color: #444;
  font-family: Cairo-Regular;

  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  cursor: pointer;
  color: #444;
  font-family: 'Cairo-Medium', sans-serif ;

  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.filters_box .accordion-item label .rating_icons {
  color: var(--purple);
}

.filters_box .accordion-body {
  padding: 0;
  padding: 40px 0px 0px 0px;
}

.filters_box .accordion-item .form-check {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.filters_box .accordion .accordion-button::after {
  content: "\f077";
  font-family: 'FontAwesome';
  font-size: 20px;
  background-image: unset;
  width: unset;
  padding: 0;
  height: unset;
  margin-left: 30px;
}

.filters_box .accordion .accordion-button:not(.collapsed)::after {
  background-image: unset;
  content: "\f054";
  content: "\f078";
}

.filters_box .price_range {
  margin-top: 40px;
}

.filters_box .price_range input[type=range] {
  -webkit-appearance: none;
  margin: 25px 0;
  width: 100%;
}

.filters_box .price_range input[type=range]:focus {
  outline: none;
}

.filters_box .price_range input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  background: var(--purple);
  border-radius: 25px;
}

.filters_box .price_range input[type=range]::-webkit-slider-thumb {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-appearance: none;
  background: var(--darkbrown);
  color: var(--purple);
  margin-top: -5px;
}

.filters_box .price_range input[type=range]:focus::-webkit-slider-runnable-track {
  background: var(--purple);
}

.filters_box .price_range .range-wrap {
  width: 100%;
  position: relative;
  margin-top: 20px;
}

.filters_box .price_range .range-value {
  position: absolute;
  top: 25px;
}

.filters_box .price_range .range-value span {
  width: max-content;
  line-height: 24px;
  text-align: center;
  color: var(--darkbrown);
  font-size: 13px;

  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 6px;
  top: 9px;
}

.filters_box .price_range .min_range::after {
  content: '';
  display: block;
  position: absolute;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-appearance: none;
  background: var(--purple);
  color: var(--purple);
  margin-top: 1px;
  left: 0;
}

.filters_box .price_range .max_range::after {
  content: '';
  display: block;
  position: absolute;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-appearance: none;
  background: var(--purple);
  color: var(--purple);
  margin-top: 1px;
  right: 0;
}

.filters_box .price_range .min_range {
  position: absolute;
  color: var(--purple);
  width: fit-content;
  top: -0.4em;
  left: 0;
}

.filters_box .price_range .max_range {
  position: absolute;
  color: var(--purple);
  width: fit-content;
  top: -0.4em;
  right: 0;
}

.filters_box .price_range .min_range span,
.max_range span {
  font-size: 13px;

}

.filters_box .accordion-item .form-check .form-check-input[type=checkbox] {
  border-radius: 0;
  border: 1px solid #707070;
  width: 15px;
  height: 15px;
  margin-top: 0;
  border-radius: 3px;
  cursor: pointer;
}

.filters_box .accordion-item .form-check .form-check-input:checked {
  background-color: var(--purple);
}

.filters_box .accordion-item .form-check .form-check-input:focus {
  border-color: var(--purple);
  box-shadow: 0 0 0 0.25rem rgb(124 72 108 / 25%);
}

.salon_listing{padding: 80px 0px;}

.salon_listing .container-fluid {
  /*width: 1615px;*/
  max-width: calc(100% - 15%);
}

.salon_card {
  border-radius: 10px;
  border: 1px solid rgba(124, 72, 108, 0.15);
  background: #FFF;
  /* width: 400px; */
  /* height: 400px; */
  transition: 0.5s ease all;
  cursor: pointer;
  overflow: hidden;
}

.salon_card .salon_card_img {
  height: 270px;
  flex-shrink: 0;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.60) 0%, rgba(255, 255, 255, 0.60) 100%), lightgray -3.243px -49.585px / 100.838% 150.735% no-repeat;
  border-radius: 10px 10px 0px 0px;
  position: relative;
}

.salon_card .salon_card_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background-color: transparent;
  z-index: 1;
  position: relative;
}



.salon_card  .salon_card_top {
  display: flex;
  column-gap: 10px;
}

.salon_card .salon_card_details {
  padding: 20px;
  transition: 0.5s ease all;
  background-color: white;
}


.salon_card .salon_card_details .salon_name {
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.salon_card .salon_card_details .salon_ratings  i{
  color: #F8A600;
}

.salon_card:hover {
  border-radius: 10px;
  border: 1.2px solid rgba(124, 72, 108, 0.30);
  background: linear-gradient(0deg, #FFF 0%, #FFF 100%), lightgray 50%/ cover no-repeat;
  box-shadow: 0px 2px 10px 2px rgba(124, 72, 108, 0.06);
  transition: 0.5s ease all;
}

.salon_card .salon_card_img:before {
  content: '';
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.60) 0%, rgba(255, 255, 255, 0.60) 100%) lightgray -3.243px -49.585px / 100.838% 150.735% no-repeat;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transition: 0.5s ease all;
}

.salon_card:hover .salon_card_img:before {
  background: lightgray 0px -48.644px / 100% 149.483% no-repeat;
}


.salon_card .salon_card_details .btn {
  color: var(--darkbrown);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  font-family: 'Cairo-SemiBold', sans-serif ;
  line-height: 27px;
  letter-spacing: 0.28px;
  text-transform: uppercase;
  padding: 0px;
}

/* ================================================================================ */
/*  Product  Listing Section Css */
/* ================================================================================ */

.products_listing {padding: 70px 0px;}
.product_card {position: relative; border-radius: 20px; border: 1px solid rgba(124, 72, 108, 0.10); background: var(--white); padding: 40px 30px; margin-bottom: 40px; cursor: pointer; transition: all 0.5s ease; }
.product_card:hover { border: 1.2px solid rgba(124, 72, 108, 0.30); box-shadow: 0px 2px 15px 2px rgba(124, 72, 108, 0.05); }
.product_card:hover .btn_white { background-color: var(--purple); color: #FFFBFB; }
.product_card .product_card_img {border-radius: 340px;/* background: lightgray -179.002px -1.417px / 204.614% 145.266% no-repeat; */width: 140px;height: 200px;margin: 0 auto 20px;/* -webkit-mask-image:  url("../assets/images/product-mask.png"); *//* mask-image: url("../assets/images/product-mask.png"); */-webkit-mask-size: cover;mask-repeat: no-repeat;padding: 20px;transform: rotate(30deg);border: 1px solid rgba(124, 72, 108, 0.50);overflow: hidden;border-radius: 340px;}
.product_card .product_card_img img {width: 100%;height: 100%;object-fit: cover;object-position: center;transform: rotate(-30deg);}
.product_card .reviews_icons { margin-bottom: 10px; }
.product_card .hide_btns { position: absolute; top: 40px; left: 30px; opacity:0;     transition: all 0.5s ease;}
.product_card .hide_btns .btn_icon { width: 30px; height: 30px; background-color: var(--pink); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; font-size: 13px; color: var(--purple); }
.product_card:hover .hide_btns { opacity:1; }

/* ================================================================================ */
/* Salon Detail  Section Css */
/* ================================================================================ */

.product_detail_sec {
  padding: 60px 0px;
}

.product_detail_sec .product_detail_img {
  height: 700px;

}

.product_detail_sec .product_detail_img>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 150px 0px 150px 0px;
}

.product_detail_content h2 {
  font-size: 50px;
  line-height: 55px;
  color: var(--purple);
}

.product_detail_content h2 span {
  font-size: 50px;
  line-height: 55px;
  color: var(--darkbrown);
}

.product_detail_content .product_rating {
  display: flex;
  column-gap: 20px;
  align-items: center;
  margin-bottom: 10px;
}

.product_detail_content .product_rating h5 {
  margin-bottom: 0;
}

.product_detail_content p {
  color: var(--black);
}

.product_detail_sec .row {
  align-items: center;
}

.product_detail_content .amenities_categories {
  display: flex;
  column-gap: 20px;
  margin-bottom: 15px;
}

.product_detail_content .description_para {
  background-color: var(--pink);
  border-radius: 10px;
  padding: 30px;
}

.product_detail_content a.product_link {
  margin-bottom: 10px;
  display: inline-block;
  text-decoration: underline;
  font-size: 20px;
}

.product_detail_content a.btn_purple {
  margin: 5px 0px 15px 0px;
}

.product_detail_content .product_label {
  display: inline-block;
  background-color: var(--purple);
  color: var(--white);
  font-size: 18px;
  border: 2px solid var(--purple);
  border-radius: 25px;
  line-height: 1;
  padding: 14px 50px;

  transition: all 0.5s ease;
  margin: 5px 0px 15px 0px;
}

.product_detail_content h2,
.product_detail_content h4,
.product_detail_content h5,
.product_detail_contenth6,
.product_detail_content p {
  margin-bottom: 10px;
}

.product_detail_content .amenities_categories img {
  width: 25px;
  height: 25px;
  object-fit: contain;
}

.product_detail_content .product_price span {
  font-size: 18px;
  text-decoration: line-through;
}

.product_detail_sec.our_product_detail_sec .product_detail_img {
  justify-content: center;
  background-color: var(--pink);
  display: flex;
  align-items: center;
}

.product_detail_sec.our_product_detail_sec .product_detail_img img {
  object-fit: contain;
  width: auto;
  height: 450px;
}

/* ================================================================================ */
/* Services We Offer  Section Css */
/* ================================================================================ */

.services_offer_sec .shap_card .shap_card_details {
  text-align: center;
}

.services_offer_sec .shap_card .shap_card_details h5 {
  color: var(--purple);
}

.services_offer_sec .shap_card .shap_card_details p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* ================================================================================ */
/* Appointment Form  Section Css */
/* ================================================================================ */

.appointment_form_sec.form_sec .row {
  justify-content: center;
}

.appointment_form_sec.form_sec .input-group input,
.appointment_form_sec.form_sec .input-group select {
  background-color: #F6F6F6;
  border: 2px solid #DCDCDC;

  color: #A7A7A7;
  margin-bottom: 0;
}

.appointment_form_sec.form_sec .input-group input::placeholder,
.appointment_form_sec.form_sec .input-group textarea::placeholder {
  color: #A7A7A7;
}

.appointment_form_sec.form_sec {
  padding: 100px 0px 50px 0px;
}

.appointment_form_sec.form_sec .btn {
  display: block;
  width: 100%;
  font-size: 20px;
  padding: 18px 50px;
  border-radius: 80px;
}


.appointment_form_sec .appointment_sec_inpGrup {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}

.appointment_form_sec .appointment_sec_inpGrup input {
  width: 100%;
}

.appointment_form_sec.form_sec .input-group input {

  margin-bottom: 0;

}

.appointment_form_sec.form_sec .select2-choices {

  margin-bottom: 0;

}

.appointment_form_sec.form_sec select {
  width: 100%;
  margin-bottom: 0;

}

.appointment_form_sec .appointment_sec_inpGrup label {
  padding-inline-start: 30px;
  padding-block-end: 5px;
}

.appointment_form_sec .appointment_sec_inpGrup label.error {
  color: red;
}

.appointment_form_sec .register_seappointment_sec_inpGrupc_inpGrup select {
  width: 100%;
}

/* ================================================================================ */
/* Packages Section Css */
/* ================================================================================ */

.packages_sec {
  padding: 80px 0px;
  position: relative;
}
.packages_sec  .container.custom_container {
  z-index: 1;
  position: relative;
}
.packages_sec .row{justify-content: center;}



.package_card .package_price span {
  display: block;
  font-size: 30px;
}

.package_card {padding: 0px 0px 80px 0px;margin-bottom: 40px;position: relative;max-width: 375px;max-width: 100%;background-color: var(--white);transition: .5s ease;border-radius: 170px;border: 1px solid rgba(64, 27, 27, 0.10);background: var(--white);box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);text-align: center;width: 100%;margin: 0px;border-radius: 170px;margin-top: 80px;width: 400px;/* height: 674px; */flex-shrink: 0;margin: 80px auto 0px;max-width: calc(100%  - 10px );}

.package_card .package_name {
  color: #474747;
  font-family: 'Cairo-Regular', sans-serif ;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.6px;
  text-transform: capitalize;
}

.package_card .package_list {
  padding: 0;
  list-style: none;
  padding: 0px 40px;
}

.package_card .package_list li {
  padding: 15px 0px;
  color: #747474;
  font-family: 'Cairo-Medium', sans-serif ;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.32px;
  text-transform: capitalize;
  text-align: left;
}

.package_card .package_list li:last-child {
  border: none;
}

.package_card .package_list li i {
  font-size: 25px;
  width: 22px;
  height: 22px;
  margin-right: 20px;
  color: var(--purple);
}

.package_card .package_list li.check_list i {
  color: var(--purple);
}

.package_card .package_list li.xmark_list i {
  color: var(--red);
}

.package_card .package_price {background-color: var(--purple);z-index: 1;/* color: var(--white); *//* padding: 12px 40px; *//* font-size: 22px; *//* font-weight: bold; *//* line-height: 27px; *//* width: fit-content; *//* margin: 20px 0px 30px 0px; *//* margin-left: auto; *//* margin-right: -30px; */letter-spacing: 1px;position: relative;margin: 0 auto 20px;border-radius: 62px;border: 1px solid rgba(124, 72, 108, 0.10);background: var(--white);width: 115px;height: 160px;flex-shrink: 0;animation: f;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 10px;margin-top: -80px;margin-bottom: 40px;color: #747474;font-family: 'Cairo-Medium', sans-serif ;font-size: 30px;font-style: normal;font-weight: 500;line-height: 35px; /* 116.667% */letter-spacing: 0.6px;text-transform: capitalize;}

.package_card .package_select_btn {

  background-color: var(--purple);
  color: var(--white);
  padding: 15px 60px;
  font-size: 22px;
  line-height: 25px;
  width: fit-content;
  margin: 20px 0px 10px 0px;
  margin-right: auto;
  margin-left: -30px;
  left: 0;
  border-radius: 0;
  position: relative;
}


.packages_sec .packages_tab {
  margin-bottom: 40px;
  justify-content: center;
  column-gap: 0px;
  flex-wrap: nowrap;
  border: 2px solid var(--purple);
  width: fit-content;
  margin: 0 auto 50px;
  border-radius: 30px;
}

.packages_sec .packages_tab .btn {
  background-color: var(--white);
  color: var(--purple);
  font-size: 16px;
  border: 2px solid transparent;
  border-radius: 40px;
  line-height: 20px;
  padding: 14px 50px;
  transition: all 0.5s ease;
}

.packages_sec .packages_tab .btn.active {
  background-color: var(--purple);
  color: var(--white);
}

.package_card .package_list {
  height: 255px;
  overflow-y: scroll;
  padding: 0px 20px;
  margin: 30px 15px 60px 15px;
}

.package_card .package_list li {

  display: flex;
}

.package_card .package_list li i {
  font-size: 20px;
  margin-right: 15px;
}

.package_card .package_list::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}

.package_card .package_list::-webkit-scrollbar {
  border-radius: 10px;
  width: 8px;
  background-color: transparent;
}

.package_card .package_list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--purple);
}

.package_card:hover { border-radius: 170px; border: 1px solid #7C486C; background: var(--white); box-shadow: 0px 2px 30px 0px rgba(124, 72, 108, 0.10); cursor: pointer; transition: .5s all ease; }
.package_card:hover  .btn_white { background-color: var(--purple); color: #FFFBFB; transition: all 0.5s ease; }
.package_card .package_price:before { content: ''; transition: .5s all ease; transform: rotate(30deg); color: #FFF; width: 100%; height: 100%; overflow: auto; position: absolute; left: 0; border-radius: 62px; z-index: -1; top: 0; left: 0; }
.package_card:hover  .package_price{ background-color:transparent; border-color:transparent }
.package_card:hover .package_price:before { transition: .5s all ease; background: #7C486C; }
.package_card:hover .package_price *{ color: #fff; }
.package_card:hover .package_price{color:#fff}


.main_modal .modal-content {
  background-color: transparent;
  border: none;
  background-color: var(--peach);
  border-radius: 75px 0px;
  text-align: center;
  border-radius: 30px;
  background: #FFFBFB;
  padding: 0px 30px 30px 30px;
  position: relative;
}

.main_modal .modal-header button[aria-label="Close"] {
  border: none;
  justify-content: end;
  position: absolute;
  right: 0;
  top:0;
  padding: 0px;
  top: 30px;
  right: 30px;
  z-index: 1;

}

.main_modal .modal-dialog {
  max-width: 1170px;
  max-width: 61%;
  flex-shrink: 0;
}

.main_modal .btn-close {
  color: var(--white);
  filter: invert(1);
  opacity: 1;
}

.main_modal .modal-body .box-title {
  margin-bottom: 40px;
}


.main_modal .form_sec {

  padding-top: 35px;
}
.main_modal .form_sec .row{
  align-items:center;
}

.main_modal .form_sec .form-group
{
  margin-bottom: 20px;
}

.main_modal .form_sec .input-group input {
  margin-bottom: 0px;
  border: 2px solid #DCDCDC;

  font-size: 18px;
  color: #A7A7A7;
}

.main_modal .modal-header button {
  padding: 0;
  border-radius: 50%;
  color: #7C486C;
  font-size: 35px;
  border: none;
  width: 35px;
  height: 35px;
  line-height: 1;
}

.main_modal .form_sec .form-group a:not(.btn) {

  color: #574B4B;
}

.main_modal .form_sec .form-group p>a {
  color: #000;
  font-family: 'Cairo-Bold', sans-serif ;

  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.form_sec .form-group .input-box {
  position: relative;
}

.form_sec .form-group .input_icon {
  position: absolute;
  right: 20px;
  top: 16px;
  width: 20px;
  /*height: 100%;*/
  display: flex;
  align-items: center;
  justify-content: center;
}
.form_sec .form-group .input_icon i{color: #AC8AA2;}

.form_sec .form-group .input-box input {
  padding-right: 40px;
}
.form_sec  .login_others_text {color: #444;position: relative;}

.main_modal .form_sec p{
  color: #000;
  text-align: center;
  font-family: Cairo-Regular;

  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin:15px 0px 35px 0px ;
}
.main_modal .form_sec p b , .main_modal .form_sec a b{font-family: 'Cairo-Bold', sans-serif ;font-weight: 700;color: #000;}


.main_modal .modal-body {
  padding: 0px;
}

.main_modal .modal-header {
  padding: 0px;
  border: none;
}

.form_sec .login_others_text:before {
  content: '';
  display: block;
  background: #D9D9D9;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.form_sec .login_others_text span{
  background-color: #FFFBFB;
  position:relative;
  z-index:1;
  padding:0px 20px;
}

.form_sec .google_btn {
  color: #000;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
}
.form_sec .google_btn:hover {
  color: var(--white);
}

.form_sec .google_btn:hover b{
  color: var(--white);


}
.form_sec .google_btn img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  margin-right: 5px;
}
.form_sec .forgot_link {
  text-align: right;
}

.main_modal .login_content_box {
  max-width: 83%;
  margin: 0 auto;
}

.form_sec form p {
  color: #000;
  text-align: center;
  font-family: Cairo-Regular;
  /*font-style: normal;*/
  font-weight: 400;
  /*line-height: normal;*/
  margin: 35px auto 35px;
}

.form_sec .form-group p>a {
  color: #000;
  font-family: 'Cairo-Bold', sans-serif ;

  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.form_sec  form p b,  .form_sec  form a b {
  font-family: 'Cairo-Bold', sans-serif ;
  font-weight: 700;
  color: #000;
}

.form_sec .box-title {
  /* font-size: 50px; */
  /* font-weight: bold; */
  margin-bottom: 40px;
  /* color: var(--purple); */
  text-transform: uppercase;
}
.form_sec  form .form-group:not(:last-child) {
  margin-bottom: 20px;
}

.form_sec  .form-group .error {
  color: var(--red);
  margin-top: 10px;
  display: block;
}
.form_sec form {
  text-align: center;
}
form .form-group label .required_star {
  color: var(--red);
}
/* ================================================================================ */
/* Register  Section Css */
/* ================================================================================ */

.register_sec table th {

  font-weight: 400;
  font-size: 22px;
}

.register_sec table td {

  font-weight: bold;
  font-style: italic;
  font-size: 22px;
}

.stepup_form .form-body {
  margin: 40px auto 0px;
}

.stepup_form .form-header {
  text-align: center;
  font-size: .9em;
  display: flex;
  margin-bottom: 50px;
  justify-content: center;
}

.stepup_form .form-header .stepIndicator {
  position: relative;
  margin-right: -5px;
}


.stepup_form .form-header .stepIndicator::after {
  content: "";
  width: 100%;
  height: 10px;
  background: #B7B7B7;
  position: absolute;
  left: -50%;
  top: 15px;
  z-index: -1;
  border: none;
  border-radius: 5px;
}

.stepup_form .form-header .stepIndicator.active::after,
.stepup_form .form-header .stepIndicator.finish::after {
  color: white;
  background-color: var(--purple);
}

.stepup_form .form-header .stepIndicator_one::after {
  left: 0;
  width: 100px;
}

.stepup_form input {
  padding: 15px 20px;
  width: 100%;
  font-size: 1em;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
}

.stepup_form.form_sec .form-group input.invalid,
.stepup_form.form_sec .form-group input.error {
  border-color: var(--red);
}

.stepup_form .step {
  display: none;
}

.stepup_form .form-footer {
  text-align: center;
}

.stepup_form .form-footer button {
  width: 100%;
  /* margin-bottom: 25px; */
}

.stepup_form .form-header .stepIndicator span {
  border-radius: 50%;
  padding: 24px 25px;
  font-size: 25px;
  color: var(--darkbrown);
  background-color: #D9D9D9;
  margin: 70px;

  letter-spacing: 1px;
}

.stepup_form .form-header .stepIndicator.active span,
.stepup_form .form-header .stepIndicator.finish span {
  background-color: var(--purple);
;
  color: white;
}

.stepup_form .form-footer.row {
  justify-content: center;
}

.stepup_form .description_step .input-group.input_textarea {
  margin-bottom: 10px;
}

.stepup_form .form_footer_btns {
  display: flex;
  column-gap: 20px;
}

.stepup_form .input-group input,
.stepup_form .input-group select {
  background-color: #F6F6F6;
  border: 2px solid #DCDCDC;

  color: #A7A7A7;
}

.stepup_form .input-group input::placeholder,
.stepup_form .input-group textarea::placeholder {
  color: #A7A7A7;
}


.stepup_form .step .payment_method_images {
  column-gap: 20px;
  display: flex;
  margin-bottom: 25px;
  justify-content: center;
}

.stepup_form .step_2>.col-md-6:first-child {
  border-right: 1px solid var(--purple);
}
.stepup_form .step .package_details_box {

  text-align: left;
}
.stepup_form .step .package_list {
  padding: 0;
  list-style: none;

}
.stepup_form .step .package_details_box p {
  text-align: left;
}
.stepup_form .step .package_list li {
  padding: 8px;
  line-height: 1.5;
  font-size: 16px;
}

.stepup_form .step .package_list li i {
  font-size: 16px;
  width: 16px;
  height: 16px;
  margin-right: 20px;
  color: var(--purple);
}

.stepup_form .step .package_list li.check_list i {
  color: var(--purple);
}

.stepup_form .step .package_list li.xmark_list i {
  color: var(--red);
}

.stepup_form .step .card_number_input {
  padding: 15px 25px;
  color: var(--darkbrown);
  font-family: 'Sitka-Banner-Regular';
  font-size: 18px;
  outline: none;
  border-radius: 80px;
  overflow: hidden;
  margin-bottom: 25px;
  background-color: #F6F6F6;
  border: 2px solid #DCDCDC;

  color: #A7A7A7;
}
.stepup_form .step .payment_method_images .payment_method_image { width: 80px; border-bottom: 10px; background-color: white; padding: 6px; }
.register_sec   h4 { margin: 30px auto; }
.stepup_form .step .payment_method_images .payment_method_image .img-fluid { width: 100%; height: 100%; object-fit: contain; }
.form_box_sec .register_left_col .form_box_content .form_box_content_box { max-width: 100%; }
.stepup_form .step_1 , .stepup_form  .form-footer { max-width: 56%; margin: 0 auto; }
.stepup_form .step_1.step_one_register{max-width: 75%;}

.our_products_sec .shap_card:hover,
.shap_card.product_card:hover,
.blog_cards_listing .blog_card:hover,


.salon_card .shap_card_img img {
  transition: all 0.2s ease;
}

.our_blog_card .blog_card:hover {
  border: 1px solid rgba(124, 72, 108, 0.15);
  transition: 0.5s all ease;
}

.salon_card .shap_card_img img:hover {
  transform: scale(1.2);
  transition: all 0.2s ease;
}

.hero_sec .hero_sec_content .search_form button:hover,
.filters_search_form .search_form button:hover {
  transform: scale(1.1);
  transition: .5s ease;
}

.hero_sec .hero_sec_content .search_form button,
.filters_search_form .search_form button {
  transition: .5s ease;
}

.hero_sec .hero_sec_content .search_form button i,
.filters_search_form .search_form button i {
  transform: rotate(0deg);
  transition: .5s ease;
  color: #7C486CCC;
}

.hero_sec .hero_sec_content .search_form button:hover i,
.filters_search_form .search_form button:hover i {
  transform: rotate(360deg);
  transition: .5s ease;
}

.hero_sec .hero_sec_content .search_form:hover input,
.filters_search_form .search_form:hover input {
  /* background-color: var(--white); */
  color: rgba(124, 72, 108, 0.50);
}

.hero_sec .hero_sec_content .search_form:hover input::placeholder,
.filters_search_form .search_form:hover input::placeholder {
  color: rgba(124, 72, 108, 0.50);
}

.hero_sec .hero_sec_content .search_form:hover button,
.filters_search_form .search_form:hover button {
  color: rgba(124, 72, 108, 0.50);
  background-color: white;
}

.hero_sec .hero_sec_content .search_form:hover,
.filters_search_form .search_form:hover {
  background-color: white;
  color: rgba(124, 72, 108, 0.50);
}


.form_sec .input-group .form-control {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}

.form_sec .input-group .form-control:focus {
  border: 1px solid rgba(124, 72, 108, 0.60);
}



/* Zaffer */



.contact_us_sec .contact_details_box p:after {
  border: 0px;
  border-bottom: 1px solid var(--white);
}


.contact_us_sec.form_sec .input-group textarea.form-control {
  resize: none;
  border-radius: 20px;
  padding: 15px 20px;
}


.language_select.form-control[readonly] {
  background-color: var(--purple);
  color: var(--white);
  border-radius: 40px;
  padding: 14px 20px;
}

.language_select.form-control[readonly] option {
  background-color: var(--purple);
  color: var(--white);
  border-radius: 40px;
}


body .select2-container ul.select2-choices {
  padding: 0 !important;
  border: 0 !important;
  background-image: unset !important;
  background-color: #F6F6F6 !important;
  border-radius: 80px !important;
  overflow: hidden;
  margin-bottom: 40px;
  border: 2px solid #DCDCDC !important;
}

.select2-container {
  border: 0;
  padding: 0;
}

.select2-container ul.select2-choices input {
  padding: 15px 25px !important;
  border-radius: 80px !important;
}

#serviceModal select {

  margin-bottom: 40px;
}

.review_modal { background-color: rgb(255 255 255 /89%); }
.review_modal .modal-content { background-color: var(--white); width: 700px; box-shadow: rgb(0 0 0 / 11%) 0px 0px 78px; border-radius: 75px 0px; text-align: center; border: none; }
.review_modal .modal-lg .modal-content { width: 100%; }
.review_modal .modal-header { border: none; justify-content: end; }
.review_modal .modal-header button { padding: 0; border-radius: 50%; color: var(--purple); font-size: 25px; border: none; opacity: 1; }
.review_modal .modal-body { /*padding: 60px;*/ text-align: center; }
.review_modal .btn_block { margin: 15px 0px; }
.modal_form  .form-control, .modal_form  .form-select { background-color: var(--white); border: none; padding: 15px 25px; color: var(--darkbrown); font-family: 'Sitka-Banner-Regular'; font-size: 18px; outline: none; border-radius: 80px; overflow: hidden; margin: 15px 0px; box-shadow: rgb(0 0 0 / 6%) 0px 0px 35px 0; height: unset; float: unset; text-align: center; color: #9B9B9B; line-height: 27px; width: 100%; }
.modal_form .form_logo { margin-bottom: 15px; }
.modal_form .box-title { margin: 0; margin-bottom: 15px; }
.modal_form .form-group { margin-bottom: 0; }
.modal_form .form-group { margin-bottom: 0; /* padding: 0px 30px; */ }
.modal_form .input-group input, .modal_form .input-group select { background-color: var(--white); border: none; padding: 15px 25px; color: var(--darkbrown); font-family: 'Sitka-Banner-Regular'; font-size: 18px; outline: none; border-radius: 80px; overflow: hidden; margin-bottom: 25px; }
.modal_form .input-group input::placeholder, .modal_form .input-group textarea::placeholder { color: var(--darkbrown); font-family: 'Sitka-Banner-Regular'; }
.modal_form .input-group textarea { background-color: var(--white); border: none; padding: 25px; color: var(--darkbrown); font-size: 18px; outline: none; border-radius: 50px; overflow: hidden; margin-bottom: 25px; }

.rate {width: fit-content;margin: 20px auto 20px;}
.rate > input {display: none;}
.rate > label {float: right;color: #ccc;}
.rate > label:before {display: inline-block;font-size: 2rem;padding: .3rem .2rem;margin: 0;cursor: pointer;font-family: FontAwesome;content: "\f005 "; }
.rate .half:before {content: "\f089 "; position: absolute;padding-right: 0;}
.rate input:checked ~ label , .rate label:hover, .rate label:hover ~ label { color: #ffbf00;  }
.rate  input:checked + label:hover , .rate  input:checked ~ label:hover,.rate
input:checked ~ label:hover ~ label , .rate  label:hover ~ input:checked ~ label { color: #ffdb70;  }

.product_detail_logo { position: absolute; right: 0px; bottom: -50px; width: 200px; height: 200px; border-radius: 50%; overflow: hidden; }
.product_detail_logo img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.product_detail_sec .product_detail_img{position: relative;}

.gallery_sec{text-align: center;}
.gallery_swiper { height: 500px; margin:10px 0px; }
.gallery_swiper .swiper-slide img{ width:100%; height:100%; object-fit:cover; object-position:center;border-radius: 10px; }
.gallery_swiper_thumb { height: 150px; }
.gallery_swiper_thumb .swiper-slide img{ width:100%; height:100%; object-fit:cover; object-position:center;border-radius: 10px; }
.gallery_swiper .swiper-button-next ,.gallery_swiper .swiper-button-prev  { background-color: var(--purple); color: var(--white); border: 2px solid var(--white); border-radius: 5px; width: 50px; height: 50px; }
.gallery_swiper .swiper-button-next::after , .gallery_swiper .swiper-button-prev:after { font-size: 20px; }
.gallery_sec .row {align-items: center;}


.whatsapp_box {  text-align: center;    padding: 20px;  }
.whatsapp_box .whatsapp_btn {  background: #128c7e;  color: white;  border-radius: 40px;  padding: 16px 32px;  text-align: center;  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;  font-weight: 400;  margin: 0 auto;  display: block;  width: fit-content;  }
.whatsapp_box .whatsapp_logo {  width: 130px;  margin: 0 auto 30px;  }
.whatsapp_box p {  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;  font-weight: 400;  margin: 15px 0px 30px 0px;  }



/*.main_modal {!* background-color: rgb(255 255 255 /89%); *!}*/
/*.main_modal .modal-content {background-color: var(--white);width: 700px;box-shadow: rgb(0 0 0 / 11%) 0px 0px 78px;!* border-radius: 75px 0px; *!text-align: center;border: none;}*/
/*.main_modal .modal-lg .modal-content { width: 100%; }*/
/*.main_modal .modal-header { border: none; justify-content: end; }*/
/*.main_modal .modal-header button { padding: 0; border-radius: 50%; background: var(--white); font-size: 25px; border: none; opacity: 1; opacity: 1; width: 25px; height: 25px; line-height: 0; color: var(--purple); font-size: 25px; }*/
/*.main_modal .modal-body {  text-align: center; }*/
/*.main_modal .btn_block { margin: 15px 0px; }*/


.discount_code_box { display: flex; align-items: center;  position: relative; background-color: #F6F6F6; border: 2px solid #DCDCDC;  color: #A7A7A7; border-radius: 80px !important; padding: 0px; height: fit-content; padding: 5px; }
.appointment_form_sec.form_sec .discount_code_box .apply_code { display: inline-block; width: fit-content; padding: 15px 20px;  white-space: nowrap; height: 100%; margin: 0px; }
.appointment_form_sec.form_sec .discount_code_box .discount_code { border: none; }


.steper_section_1  .date_picker .datepicker {background-color: var(--white);border: none;padding: 15px 25px;border-radius: 20px;box-shadow: rgb(0 0 0 / 6%) 0px 0px 48px 0;width: 100%;}
.steper_section_1  .date_picker .datepicker  td .state-default {     color: var(--purple);background-color: var(--pink);padding: 5px;border-color: white; }
.steper_section_1  .date_picker .datepicker .datepicker-header{ background-color: white; border: none; }
.steper_section_1  .appointments_colors {padding: 20px 0px;}
.steper_section_1  .date_picker .datepicker .off-dates .state-default {background-color: #F3D583;color: var(--white);}
.steper_section_1  .date_picker .datepicker .datepicker-current-day .state-default{background-color: var(--purple);color: var(--white);}
.steper_section_1  .date_picker .datepicker .highlighted .state-default{background-color: var(--purple);color: var(--white);}
.steper_section_1  .date_picker .datepicker .state-disabled .state-active {background-color: var(--pink);color:var(--purple);}
.steper_section_1  .date_picker .datepicker .state-disabled .state-default{background-color: var(--pink);color:var(--purple);}
.steper_section_1  .date_picker .datepicker .off-date .state-default {background-color: #F3D583;color: var(--white);}
.steper_section_1  .date_picker .datepicker table tbody tr:has(.datepicker-current-day) ~ tr .appointment-dates {opacity: 1;-webkit-opacity: 1; /* Webkit prefix */}
.steper_section_1  .date_picker .datepicker table tbody tr:has(.datepicker-current-day) ~ tr .appointment-dates span {background-color: black;color: white;-webkit-background-color: black; /* Webkit prefix */-webkit-color: white; /* Webkit prefix */}
.steper_section_1  .date_picker .appointments_colors .appointment_pervious i {color:var(--pink);}
.steper_section_1  .date_picker .appointments_colors .appointment_off i {color: #F3D583;}
.steper_section_1  .date_picker .appointments_colors .appointment_on i{color:var(--purple);}
.steper_section_1  .date_picker .appointments_colors .appointment_date i{color:black;}

.steper_section_1  .date_picker .datepicker td { border: 0; padding: 1px; }
.steper_section_1  .date_picker .datepicker th{ padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0;}
.steper_section_1  .date_picker .datepicker table { width: 100%; }
.steper_section_1  .date_picker .datepicker  td.day { color: var(--purple); background-color: var(--pink); padding: 5px; border-color: white; border: 4px solid white; background: #f6f6f6; font-weight: normal; color: #454545; background-color: var(--purple); color: var(--white); border-radius: 0px; }
.steper_section_1  .date_picker .datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .steper_section_1  .date_picker .datepicker table tr td.active.disabled:active, .steper_section_1  .date_picker .datepicker table tr td.active.disabled:hover.active, .steper_section_1  .date_picker .datepicker table tr td.active.disabled:hover:active, .steper_section_1  .date_picker .datepicker table tr td.active:active, .steper_section_1  .date_picker .datepicker table tr td.active:hover.active, .steper_section_1  .date_picker .datepicker table tr td.active:hover:active { background-color: #F3D583; color: var(--white); background-image: unset; box-shadow: unset; border-color: white; }
.steper_section_1  .date_picker .datepicker table tr td.day.focused, .steper_section_1  .date_picker .datepicker table tr td.day:hover { background-color: var(--purple); color: var(--white); }
.steper_section_1  .date_picker td.old.day { background-color: var(--pink); color: var(--purple); pointer-events: none; }
.steper_section_1  .date_picker .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover { background-color: white; }

/* ===============================steper form  css starts here============================================== */


.steper_section_1 h1 {
  /* font-size: 62px; */
  color: var(--darkbrown);
}

.steper_section_1 h2 {
  font-size: 49px;
  color: var(--darkbrown);
}


.steper_section_1 h4 {
  /* font-size: 25px; */
  /* color: var(--darkbrown); */
  text-align: left;
  color: var(--purple) !important;
  font-family: 'Cairo-SemiBold', sans-serif ;
  /* font-size: 30px; */
  /* font-style: normal; */
  font-weight: 600;
  /* line-height: normal; */
  text-transform: capitalize;
  margin-bottom: 25px;
}


.steper_section_1 h6 {
  /* font-size: 20px; */
  color: var(--darkbrown);
}

.steper_section_1 p {
  font-size: 15px;
  color: var(--darkbrown);
}

.steper_section_1 {
  position: relative;
  /* margin-bottom: 50px; */
  padding: 50px 0px;
}

.steper_section_1 .msform h1 {

}

/*form styles*/
.msform {
  text-align: center;
  position: relative;
  /* margin-top: 30px; */
}

/* progressbar */
.steper_section_1 .msform .step-form .progressbar {
  margin-bottom: 30px;
  display: flex;
  text-align: center;
  justify-content: space-evenly;
}



.steper_section_1 .msform fieldset:not(:first-of-type) {
  display: none;
}

/*buttons*/
.steper_section_1 .msform .action-button {
  margin-top: 50px;
}

.steper_section_1 .msform .action-button-previous {
  margin-right: 20px;
  margin-top: 50px;
}
.steper_section_1 .msform .action-button-previous , .steper_section_1 .msform .action-button {
  min-width: 120px;
}

.steper_section_1 .msform .action-button-submit {

  margin-top: 40px;
}

.steper_section_1 .msform h2 {
  text-align: center;
  font-weight: 500;
  padding: 60px 0;
}

/* fieldset  01 */

/* Style for card text */
.steper_section_1 .msform fieldset h4.card-text {
  text-align: left;
  padding: 25px 0;
  font-weight: 700;
}

/* Style for the card text container */
.steper_section_1 .msform fieldset .card-text {
  display: flex;
  /* text-align: center; */
  column-gap: 10px;
  justify-content: space-between;
}

/* Style for card description text */
.steper_section_1 .msform fieldset p {
  text-align: left;
  max-width: 100%;
  margin: 0;
  word-break: break-word;
  padding-inline: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Style for card "view more" link */
.steper_section_1 .msform fieldset a {
  font-size: 15px;
  font-weight: 700;
  color: var(--darkbrown);
  display: flex;
  margin-bottom: 48px;
  width: fit-content;
}

/* Style for the image container */

.steper_section_1 .msform fieldset .image-container img.card-img-top {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

/* Style for small overlay image */
.steper_section_1 .msform fieldset img.small-image {
  height: 46px;
  width: 46px;
}


/* Hide the checkboxes initially */
.steper_section_1 .msform .card-container input[type="checkbox"] {
  /* display: none; */
}

/* Style the label to look like a clickable image */
.steper_section_1 .msform .card-container {
  cursor: pointer;
  position: relative;
  /* max-width: 301.5px; */
  width: 100%;
  height: auto;
  overflow: hidden;
  text-align: left;
}

/* Style the card image when the checkbox is checked */
.steper_section_1 .msform .card-container input[type="checkbox"]:checked+.image-container {
  /* border-color: var(--purple); */
}

.steper_section_1 .msform .card-container input[type="checkbox"]:checked+.image-container .overlay-image {
  /* display: block; */
}

/* Style odd and even cards differently */
.steper_section_1 .msform .card-row .card-colmn:nth-child(odd) label .image-container {
  border-bottom-left-radius: 78px;
  border-top-right-radius: 78px;
}

.steper_section_1 .msform .card-row .card-colmn:nth-child(even) label .image-container {
  border-top-left-radius: 78px;
  border-bottom-right-radius: 78px;
}

.steper_section_1 .msform .time-range-label {
  position: relative;
  cursor: pointer;
  background: #FEF8F8;
  border-radius: 37px;

  padding: 15px;
  color: #999;
  font-family: 'Cairo-Regular', sans-serif ;


  font-weight: 400;

}
.steper_section_1 .msform .time-range-radio input[type="checkbox"]:checked+label:after{ content: "x"; position: absolute; top: 50; right: -20px; font-family: "fontawesome"; color: var(--white); background: darkred; width: 18px; height: 18px; border-radius: 50px; font-size: 8px; padding: 3px; }
.steper_section_1 .msform .time-range-radio input[type="checkbox"]:checked+label {
  background: var(--purple);
  color: white;
}
.steper_section_1 .msform .time-range-radio input[type="radio"]:checked+label {
  background: var(--purple);
  color: white;
}

.steper_section_1 .msform .time-range-radio input[type="checkbox"]:checked {
  border: 3px solid var(--purple);
  background-color: var(--purple);
}
.steper_section_1 .msform .time-range-radio input[type="radio"]:checked {
  border: 3px solid var(--purple);
  background-color: var(--purple);
}

.steper_section_1 .msform .time-range-radio input {
  position: absolute;
  display: none;
  left: 5%;
  top: 18px;
  z-index: 1;
  width: 16px;
  height: 16px;
  border: 3px solid #C1B0BC;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: none;
  position: absolute;
  /* left: 0; */
  /* top: 0; */
  /* width: 100%; */
  /* height: 100%; */
  /* opacity: 0; */
  margin: 0px;
  /* border: none; */
}

.steper_section_1 .msform .time-range-radio {
  position: relative;
  width: 100%;
}

.steper_section_1 .msform .time-range {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  gap: 15px;
  justify-content: start;
  /* padding: 0px 100px; */
  justify-content: center;
  /* margin-top: 100px; */
  max-height: 400px;
  overflow-y: scroll;scrollbar-width: auto;scrollbar-color:auto;
}
.steper_section_1 .msform .time-range::-webkit-scrollbar {width: 8px;height:8px;background-color: var(--pink);}
.steper_section_1 .msform .time-range::-webkit-scrollbar-track {background: #f1f1f1;}
.steper_section_1 .msform .time-range::-webkit-scrollbar-thumb {border-radius: 10px;background-color: var(--purple);}
.steper_section_1 .msform .time-range::-webkit-scrollbar-thumb:hover {background: #273668;}
.steper_section_1 .msform .time-range:hover{scrollbar-width: auto;scrollbar-color:auto;}


/* last cards */
/*.steper_section_1 .msform fieldset .row.card-row-small {*/
/*  padding: 0px 25px;*/
/*}*/

.steper_section_1 .msform fieldset .image-container-last img.card-img-top {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

.steper_section_1 .msform fieldset .image-container-last {
  position: relative;
  height: 265px;
  width: 303px;
  overflow: hidden;
  transition: opacity 0.5s;
  border-bottom-left-radius: 78px;
  border-top-right-radius: 78px;
  border: 4px solid transparent;
  background: #FEF8F8;
}


.steper_section_1 .msform .card-container input[type="radio"]:checked+.image-container-last .overlay-image {
  /* display: block; */
}


.steper_section_1 .msform fieldset .image-container-last img.small-image {
  height: 46px;
  width: 46px;
}

.steper_section_1 .msform fieldset .image-container-last .overlay-image {
  position: absolute;
  top: 16px;
  left: 32px;
  height: 45px;
  width: 45px;
  display: none;
}

/* fieldset03 */


.steper_section_1 .msform .form-container .form-control {
  border: 2px solid white;
  border-radius: 30px;
  border: 1px solid #EAEAEA;
  background: var(--white);
  color: #ACACAC;
  font-family: 'Cairo-Regular', sans-serif ;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  padding: 15px 20px;
}

.steper_section_1 .msform .form-container input[type="button"] {
  width: 100%;
  padding: 11px 0 11px 0px;
  border-radius: 80px;
  border: none;
  color: white;
  background-color: var(--purple);
}

.steper_section_1 .msform .subtotal {
  position: relative;
  display: flex;
  justify-content: space-between;
  text-align: center;
  align-items: center;
  margin-bottom: 30px;
}

.steper_section_1 .msform .subtotal .subtotal_line {
  content: "";
  height: 1px;
  z-index: 0;
  border: 1px solid #C5B1BF;
  border-style: dashed;
  /* width: 100%; */
  flex: 1;
  margin-left: 10px;
  margin-right: 10px;
}


/* ===============================steper form  css ENDS here============================================== */

.steper_section_1 .msform .card-container input[type="radio"] {
  /* display: none; */
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}



.steper_section_1 .msform .subtotal h6 {
  margin: 0px;
}
.steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker {background-color: transparent;border: none;/* padding: 15px 25px; */border-radius: 20px;/* box-shadow: rgb(0 0 0 / 6%) 0px 0px 48px 0; */width: 70%;}
.steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker td .ui-state-default { color: var(--purple); background-color: var(--pink); padding: 5px; border-color: white; }
.steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker .ui-datepicker-current-day .ui-state-default { background-color: var(--purple); color: var(--white); }
.steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker .highlighted .ui-state-default { background-color: var(--purple); color: var(--white); }
.steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker .ui-state-disabled .ui-state-active { background-color: var(--pink); color: var(--purple); }
.steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker .ui-state-disabled .ui-state-default {background-color: var(--pink);color: var(--purple);background: rgba(124, 72, 108, 0.60);color: var(--white);}
.steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker .off-date .ui-state-default { background-color: #EFEFEF; color: var(--purple); }
.steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker table tbody tr:has(.ui-datepicker-current-day) ~ tr .appointment-dates { opacity: 1; -webkit-opacity: 1; /* Webkit prefix */ }
.steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker table tbody tr:has(.ui-datepicker-current-day) ~ tr .appointment-dates span { background-color: black; color: white; -webkit-background-color: black; /* Webkit prefix */ -webkit-color: white; /* Webkit prefix */ }
.steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker .ui-datepicker-current-day .ui-state-active { background-color: var(--peach); color: var(--black); }
.steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker .ui-datepicker-header {background-color: transparent;border: none;display: flex;margin-bottom: 20px;max-width: calc(100% - 35px);position: relative;}
.steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker .ui-datepicker-header a.ui-corner-all:hover { background-color: transparent;border:none;}
.steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker .off-dates .ui-state-default {  background-color: var(--pink); color: var(--purple); }
.steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker td  a {width: 100%;margin: 0px;}
.appointments_colors { padding: 20px 0px; }
.appointments_colors .appointment_pervious i { color: var(--pink); }
.appointments_colors .appointment_off i { color: var(--red); }
.appointments_colors .appointment_on i { color: var(--purple); }
.appointments_colors .appointment_date i { color: black; }

.steper_section_1 .msform fieldset .ui-datepicker-title {color: var(--darkbrown);font-family: Cairo-Regular;font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;text-transform: capitalize;margin: 0px;line-height: 1;}
.steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker .ui-datepicker-calendar thead tr th {color: #474747;font-family: Cairo-Regular;font-style: normal;font-weight: 500;line-height: normal;text-transform: capitalize;width: fit-content;text-align: left;padding: 0;} .steper_section_1 .msform fieldset .ui-datepicker-next {right: 0;width: 20px;height: 20px;}
.steper_section_1 .msform fieldset .ui-datepicker-prev {right: 50px;left: unset;width: 20px;height: 20px;}
.steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker td .ui-state-default {width: 30px;height: 45px;flex-shrink: 0;color: var(--white);font-family: 'Cairo-Regular', sans-serif;font-style: normal;font-weight: 400;line-height: normal;text-transform: capitalize;border-radius: 62px;background: #7C486C;text-align: center;display: flex;justify-content: center;align-items: center;/* margin: 0 auto; */margin: 5px 0px;}
.steper_section_1 .msform fieldset .ui-datepicker-prev span {background: url(../assets/images/arrow-left.svg);}

.steper_section_1 .msform fieldset .ui-datepicker-next span {
  background: url(../assets/images/arrow-right.svg);
}

.steper_section_1 .msform fieldset .ui-datepicker-prev span  , .steper_section_1 .msform fieldset .ui-datepicker-next span {font-size: 0px;margin: 0px;left: unset;text-align: center;top: unset;right: unset;background-size: contain;background-position: center;background-position: center;background-repeat: no-repeat;width: 80%;height: 100%;background-size: 60%;}

.steper_section_1 .msform .subtotal h6 {
  margin: 0px;
  color: #474747;
  font-family: 'Cairo-SemiBold', sans-serif ;

  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}


body .steper_section_1 .msform fieldset .first_tab .category_card .card-container   .image-container .overlay-image img {
  width: 100%;
  height: 100%;
}

body .steper_section_1 .msform fieldset .first_tab .category_card .card-text {
  justify-content: center;
  text-align: center;
  padding: 0px 10px;
}




/*STEP */

body .steper_section_1 .msform fieldset .first_tab .category_card .card-text {
  min-height: 44px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.steper_section_1 .msform fieldset .category_card .image-container {
  overflow: visible;
}
.steper_section_1 .msform fieldset .category_card .image-container {
  border-radius: 50%;
}
.steper_section_1 .msform fieldset .category_card .image-container img.card-img-top {
  border-radius: 10px;
}
body .steper_section_1 .msform fieldset .first_tab .category_card .card-container .image-container {
  position: unset;
  border-radius: 10px;

}
.col-md-3.card-colmn.category_card  .card-container {
  position: unset;
}

body .steper_section_1 .msform .category_card .card-container input[type="checkbox"]:checked + .image-container .overlay-image img{display:none;}

.steper_section_1 .msform .card-container input[type="checkbox"] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.category_card {
  position: relative;
  min-height: 100%;
  height: 100%;
}


body .steper_section_1 .msform fieldset   .card-container .image-container .overlay-image {
  display: none;
}

.steper_section_1 .msform .card-container input[type="radio"] + .image-container-last:before {
  content: "";
  width: 35px;
  height: 35px;
  border: 4px solid var(--purple);
  position: absolute;
  right: 20px;
  top: 25px;
  border-radius: 10px;
  background-color: #fff3f5;
}


.steper_section_1 .msform .card-container input[type="radio"]:checked+.image-container-last:after {
  font-family: 'FontAwesome';
  content: "\f00c";
  font-size: 26px;
  line-height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;

  background-color: var(--purple);
  color: var(--white);
  position: absolute;
  right: 24px;
  top: 29px;
  width: 28px;
  height: 28px;
}


.main_modal .modal-body .form-group .input-group .hide-pass-icon{
  position: absolute;
  left: 455px;
  top: 15px;
}

.conct-icon{
  position: absolute;
}

#row-last .form-container .input-group .input_box_icon {
  top: 0px;

  left: 86%;
}


/* Stepper personal Information style starts from here */

.steper_section_1 .personal_information_fieldset .txt_field {text-align: left;position: relative;margin-bottom: 30px;}
.steper_section_1 .personal_information_fieldset #row-last .input-group:has(.input_box_icon) .input_box_icon {top: 8px; bottom: 0; right: 20px; left: unset; height: fit-content; margin: auto 0;}
.steper_section_1 .second_tab .appointment_time_box > p {text-align: center;margin-bottom: 20px;}

.steper_section_1 .second_tab{margin-bottom: 50px;}

/* Stepper personal Information style ends here */
.pakage_tabs_row {row-gap: 50px;}

.shap_card .shap_card_details .btn, .blog_card_details .btn { padding: 10px 50px;  line-height: 18px; }
.shap_card .shap_card_details h5 { margin-bottom: 15px; }
.shap_card .shap_card_details .product_price span { font-size: 18px; text-decoration: line-through; }
.shap_card .shap_card_details h6 { font-weight: bold; font-size: 22px; line-height: 25px; margin-bottom: 8px; }
.shap_card { color: var(--darkbrown); }


/* Salon detail page style starts from here */

.salon_detail_header .inner_section_name_number_wrapper {display: flex;justify-content: space-between;align-items: center;margin-top: 15px;}
.salon_detail_header .inner_section_name_number_wrapper .salon_logo_name_wrapper { display: flex; gap: 15px; align-items: center; text-align: left;}
.salon_detail_header .inner_section_name_number_wrapper .salon_logo_name_wrapper .salon_logo {background-color: #FFF6F7;width: 90px;height: 130px;overflow: hidden;border-radius: 62px;border: 1px solid rgba(124, 72, 108, 0.2);}
.salon_detail_header .inner_section_name_number_wrapper .salon_logo_name_wrapper .salon_name h3 {color: var(--darkbrown)}
.salon_detail_header .inner_section_name_number_wrapper .salon_logo_name_wrapper .salon_logo img {width: 100%;height: 100%;object-fit: cover; /*padding: 10px;*/}
.salon_detail_header .inner_section_name_number_wrapper .number_enquire_wrapper {display: flex;align-items: center;gap: 10px;flex-wrap: wrap;justify-content: end;}
/*.salon_detail_header .inner_section_name_number_wrapper .number_enquire_wrapper .salon_tel .telephone_right_arabic { color: rgba(116, 116, 116, 1); font-family: 'Cairo-Regular'; font-weight: 400; font-size: 16px; line-height: 1; padding: 5px; }*/
.salon_detail_header .number_enquire_wrapper .language_select_box select { padding: 10px 28px 10px 15px; }
.salon_detail_main .inner_section_salon_detail_content {background: var(--white);box-shadow: 0px 2px 20px 0px rgba(102, 102, 102, 0.06);border-radius: 30px;border: 1px solid rgba(124, 72, 108, 0.15);padding: 60px;width: 100%;max-width: calc(100% - 30px);text-align: left;row-gap: 20px;}
.salon_detail_main .inner_section_salon_detail_content p {font-size: 18px;word-break: break-word;margin:0px;color: #747474;}
/*.salon_detail_main  {display: flex; gap: 40px; align-items: flex-start;}*/
.salon_detail_main  .social_icons_wrapper {display: flex; align-items: center; gap: 15px;}
.salon_detail_main  .social_icons_wrapper img {width: 30px; height: 30px; object-fit: contain; object-position: center;}
/*.salon_detail_main .inner_section_salon_detail_content .salon_amenities {margin-bottom: 40px;}*/
.salon_detail_main .inner_section_salon_detail_content .salon_amenities .amenities_categories {display: flex;align-items: center;gap: 12px;flex-wrap: wrap;}
.salon_detail_main .inner_section_salon_detail_content .salon_amenities .amenities_categories img {width: 23px;height: 23px;object-fit: contain;object-position: center;}
.salon_detail_main .content_col {display: flex; align-items: center;}
.salon_detail_main .round_img_box {max-width: calc(100% - 30px);height: 670px;border-radius: 300px;background:lightgray 0px -14.619px / 100% 116.901% no-repeat;margin: unset;margin-left: auto;}

.salon_detail_main .inner_section_salon_desc_tabs {margin-top: 30px}
.salon_detail_main .inner_section_salon_desc_tabs ul {border: 0;margin-bottom: 10px;gap: 20px}
.salon_detail_main .inner_section_salon_desc_tabs ul li {border: 0;}
.salon_detail_main .inner_section_salon_desc_tabs ul li .nav-link { color: #7C486C; font-family: 'Cairo-Medium', sans-serif ; font-size: 25px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize; padding: 0px 0; border: 0; }
.salon_detail_main .inner_section_salon_desc_tabs ul li .nav-link.active { border: 0; color: var(--darkbrown); border-bottom: 2px solid rgba(64, 27, 27, 0.70); font-family: 'Cairo-Bold', sans-serif ;}
.salon_detail_main .inner_section_salon_desc_tabs .tab-pane p {color: #747474; font-style: normal;font-weight: 400;    text-align: left;font-size: 16px;  letter-spacing: 0.32px;  line-height: 26px;}
.image_wrapper_salon_details {height:180px;width:230px;}
.services_we_offer_sec {margin-top: 40px; padding: 50px 0; background-color: #FFF6F7;}
.services_we_offer_sec .inner_section_top_heading {text-align: center; margin-bottom: 35px;}
.services_we_offer_sec .salon_card {border-radius: 20px; overflow: hidden; box-shadow: 0px 0px 20px 0px rgba(124, 72, 108, 0.05);text-align: left; height: 100%;}
.services_we_offer_sec .salon_card:hover {outline: 1px solid rgba(124, 72, 108, 0.20);}
.services_we_offer_sec .salon_card .shap_card_img { height: 270px; width: 100%; overflow: hidden;    }
.services_we_offer_sec .salon_card .shap_card_img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.services_we_offer_sec .salon_card .shap_card_details {background-color: white; padding: 40px 30px;}
.services_we_offer_sec .main_cards_row {row-gap: 35px;}
.services_we_offer_sec .salon_card .price h5 {color: var(--darkbrown);}
.services_we_offer_sec .salon_card .shap_card_details p {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;min-height: 100px;}
.number_enquire_wrapper .language_select_box select{padding: 10px 30px;border-radius: 30px;  border: 1px solid var(--purple);  background-color: #FFFBFB;    color: var(--purple);  font-family: 'Cairo-SemiBold', sans-serif ;  font-style: normal;  font-weight: 600;  text-transform: uppercase;  transition: all 0.5s ease;}
/* Salon detail page style ends here */


/* Step form style starts from here */

.steper_section_1 .msform .step-form .progressbar {list-style: none;position: relative;width: fit-content;margin: 30px auto 80px;gap: 80px;padding-left: 0;}
.steper_section_1 .msform .step-form .progressbar:before {/* content: ""; */height: 1px;width: 100%;position: absolute;background-color: #BABABA;top: 40px;bottom: 0;left: 0;right: 0;z-index: -1;}
.steper_section_1 .msform .step-form .progressbar li {display: flex;flex-direction: column;align-items: center;width: 170px;/* background-color: white; */position: relative;}
.steper_section_1 .msform .step-form .progressbar li .step_count {width: 60px;height: 80px;border-radius: 62px;background-color: var(--white);flex-shrink: 0;display: flex;justify-content: center;align-items: center;border: 1px solid #BABABA;color: #BABABA;font-family: 'Cairo-Regular', sans-serif ;/* font-size: 25px; */font-weight: 500;/* line-height: normal; */z-index: 1;}
.steper_section_1 .msform .step-form .progressbar li.fill .step_count {background-color: #7C486C;color: white;border: 1px solid #7C486C;font-family: 'Cairo-Bold', sans-serif ;font-weight: 700;}
.steper_section_1 .msform .step-form .progressbar li h5 { color: #BABABA; white-space: nowrap ;font-family: 'Cairo-SemiBold', sans-serif ;font-weight: 600;}
.steper_section_1 .msform .step-form .progressbar li.active h5 ,.steper_section_1 .msform .step-form .progressbar li.fill h5 { color: #7C486C; }
.steper_section_1 .msform .step-form .progressbar li:not(:last-child):before {content: "";height: 1px;width: 100%;position: absolute;background-color: #BABABA;top: 40px;bottom: 0;/* left: 75%; */left: calc(100%  - 45px);/* left: 89%; */width: 100%;}
.steper_section_1 .msform .step-form .progressbar li.fill:not(:last-child):before { background-color: #7C486C; }
.steper_section_1 .first_tab .service_image_wrapper {width: 72px;height: 100px;border: 2px solid #7C486C;border-radius: 62px;transform: rotate(30deg);margin: 0 auto 20px;}
.steper_section_1 .first_tab .service_image_wrapper img { width: 100%; height: 100%; transform: rotate(-30deg); object-fit: contain; filter: brightness(0) saturate(100%) invert(33%) sepia(10%) saturate(1884%) hue-rotate(266deg) brightness(97%) contrast(93%); }
.steper_section_1 .first_tab .card-container:has(input[type="checkbox"]:checked) .service_image_wrapper {background-color: #7C486C;}
.steper_section_1 .first_tab .card-container:has(input[type="checkbox"]:checked) .service_image_wrapper img {filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(13%) hue-rotate(81deg) brightness(106%) contrast(106%);}
.steper_section_1 .first_tab .card-container h6{/* margin-top: 20px; */}
.steper_section_1 .category_card .inner_section_service_card {border-radius: 20px;background: var(--white);box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);padding: 40px 0px;margin-bottom: 30px;position: relative;min-height: calc(100% - 30px );display: flex;align-items: center;justify-content: center;/* margin-bottom: 50px; */position: relative;}
.steper_section_1 .category_card .inner_section_service_card:has(input[type="checkbox"]:checked) {border: 1px solid rgba(124, 72, 108, 0.10);}
.steper_section_1 .category_card .inner_section_service_card .card-container {width: 100%;}
.steper_section_1 .card-row.first_tab {margin-top: 45px;row-gap: 50px;}
.steper_section_1 .msform .form-container {/* margin: 30px 0px; */border-radius: 30px;border: 1px solid rgba(124, 72, 108, 0.10);background: var(--white);box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.06);padding: 50px;}
.steper_section_1 .msform .subtotal_box {border-radius: 160px;border: 1px solid rgba(124, 72, 108, 0.15);background: var(--white);box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.05);flex-shrink: 0;display: flex;flex-direction: column;padding: 120px 40px;max-width: 90%;margin: 0 auto;width: 330px;}
.steper_section_1 .msform .subtotal .subtotal_line + h6 { color: #ACACAC; font-family: 'Cairo-Regular', sans-serif ; font-weight: 400; }
.steper_section_1 .msform .subtotal:last-child { margin: 0px; }
.steper_section_1  .card_boxes .card-container .image-container { width: 100%; height: 250px; border-radius: 20px; }
.steper_section_1  .card_boxes .card-container:before {content: "";right: 20px;top: 20px;position: absolute;width: 25px;height: 25px;border: 2px solid #7C486C;border-radius: 6px;background-color: white;/* z-index: 99; */}
.steper_section_1  .card_boxes .card-container:has(input[type="checkbox"]:checked):before , .steper_section_1  .card_boxes .card-container:has(input[type="radio"]:checked):before {content: "\f00c";background-color: #7C486C;color: white;font-size: 20px;/* background-image: url("../assets/images/Group 25.png"); */background-repeat: no-repeat;background-position: center;background-size: contain;font-family: fangsong;font-family: "FontAwesome";display: flex;align-items: center;justify-content: center;font-size: 13px;line-height: normal;}
.steper_section_1  .card_boxes .card-container h6 {color: var(--purple);}
.steper_section_1  .card-container .image-container {width: 100%;height: 250px;border-radius: 20px;overflow: hidden;margin-bottom: 20px;}
.steper_section_1 .appointment_time_box {border-radius: 200px;border: 1px solid rgba(124, 72, 108, 0.15);background: var(--white);box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.05);width: 80%;/* height: 600px; */margin: 0 auto;/* overflow-y: scroll; */padding: 70px 50px;width: 420px;height: 600px;flex-shrink: 0;border-radius: 200px;border: 1px solid rgba(124, 72, 108, 0.15);background: var(--white);box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.05);max-width: 100%;}
.steper_section_1 .appointment_time_box p{color: red;}
/*.steper_section_1 .msform .time-range::-webkit-scrollbar {width: 0px;height: 0px;background-color: transparent;}*/
/*.steper_section_1 .msform .time-range::-webkit-scrollbar-thumb {border-radius: 10px;background-color: transparent; }*/


.steper_section_1:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background-image: url("../assets/images/steper_before.png");
  width: 265px;
  width: 12%;
  height: 600px;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0px;
}

.steper_section_1:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 50px;
  background-image: url("../assets/images/steper_after.png");
  width: 220px;
  width: 11%;
  height: 300px;
  background-size: contain;
  background-repeat: no-repeat;
}
.packages_sec:before {
  content: "";
  position: absolute;
  display: block;
  top: 8%;
  left: 0;
  background-image: url("../assets/images/packages_before.png");
  width: 265px;
  width: 12%;
  height: 600px;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0px;
  width: 33%;
  height: 800px;
  z-index: -1;

}
.packages_sec:after {
  content: '';
  display: block;
  background-image: url("../assets/images/contact_after.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
  position: absolute;
  border: 0;
  top: 0;
  right: 0;
  width: 20%;
  height: 260px;
  width: 270px;
  height: 200px;
  flex-shrink: 0;
}
.steper_section_1 .msform .form-container .row {
  align-items: center;
}
.salon_ratings { color: #F8A600; }
/* Step form style ends here */
.page_title {
  padding: 40px 0px;
}


/* -------------------------------- Select Appointment Time Modal Css ---------------------------------*/

#booknow_btn_modal .category_card .inner_section_service_card {border-radius: 20px;background: var(--white);box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);padding: 40px 0px;margin-bottom: 30px;position: relative;min-height: calc(100% - 30px );display: flex;align-items: center;justify-content: center;/* margin-bottom: 50px; */position: relative;}
#booknow_btn_modal .category_card .inner_section_service_card:has(input[type="radio"]:checked) {border: 1px solid rgba(124, 72, 108, 0.10);}
#booknow_btn_modal .category_card .inner_section_service_card .card-container {width: 100%;}
#booknow_btn_modal .service_image_wrapper {width: 72px;height: 100px;border: 2px solid #7C486C;border-radius: 62px;transform: rotate(30deg);margin: 0 auto 20px;}
#booknow_btn_modal .service_image_wrapper img { width: 100%; height: 100%; transform: rotate(-30deg); object-fit: contain; filter: brightness(0) saturate(100%) invert(33%) sepia(10%) saturate(1884%) hue-rotate(266deg) brightness(97%) contrast(93%); }
#booknow_btn_modal .card-container:has(input[type="radio"]:checked) .service_image_wrapper {background-color: #7C486C;}
#booknow_btn_modal .card-container:has(input[type="radio"]:checked) .service_image_wrapper img {filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(13%) hue-rotate(81deg) brightness(106%) contrast(106%);}
body #booknow_btn_modal .category_card .card-text {min-height: 44px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
#booknow_btn_modal.category_card .image-container {overflow: visible;}
#booknow_btn_modal .category_card .image-container {border-radius: 50%;}
#booknow_btn_modal .category_card .image-container img.card-img-top {border-radius: 10px;}
body #booknow_btn_modal .category_card .card-container .image-container {position: unset; border-radius: 10px;}
#booknow_btn_modal .col-md-6 .card-column .category_card  .card-container {position: unset;}
#booknow_btn_modal .category_card .card-container input[type="radio"]:checked + .image-container .overlay-image img{display:none;}
#booknow_btn_modal .card-container input[type="radio"] {position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; z-index: 1; cursor: pointer;}
#booknow_btn_modal .category_card {position: relative; min-height: 100%; height: 100%;}
#booknow_btn_modal .modal-body{padding: 2% 15%;}
#booknow_btn_modal .modal-body .booknow_modal_heading {padding: 20px 0px 30px 0px;}


#verificationCustomerModal #verificationform .verification_code_input {text-align: center;}


/* -------------------------------- search Modal Css ---------------------------------*/

.search_modal .modal-header{background: var(--purple);}
.search_modal .modal-header .modal-title{color: var(--white);}
.search_modal .modal-header button{background: var(--white); color: var(--purple); opacity: 1; width: 15px; height: 15px; font-size: 12px;}
.search_modal .modal-header button i{font-size: 16px;}
.search_modal .search_box{position: relative;}
.search_modal .search_box.form-group input[type="search"]{padding-right: 40px;}
.search_modal .search_box .search_icon{position: absolute; top: 15px; right: 15px; color: gray;}
.search_modal .search_box .search_icon i{font-size: 18px;}

.swal-button.swal-button--confirm{background: var(--purple); border: 2px solid var(--purple);}
.swal-button.swal-button--confirm:hover{background: var(--white) !important; border: 2px solid var(--purple); color: var(--purple);}
.swal-icon--info {border-color: var(--purple);}
.swal-icon--info:after, .swal-icon--info:before {background-color: var(--purple);}
.swal-modal{border-radius: 20px;}

.login-register.reset{display: flex; justify-content: center; align-items: center; width: 100%; height: 100vh;}
.login-register.reset form_logo{width: 150px; height: auto; margin: auto; padding-bottom: 20px;}
.register_sec .form-group label{margin-bottom:10px;font-family: Cairo-Regular;}
.register_sec .form-group input.trade_certification_expiry_date{height:100%;}
.register_sec .form-group input[type="date"].trade_certification_expiry_date {  padding:20px 15px;  }
body .swal2-modal .swal2-confirm {
  background-color: var(--purple);
  border-radius: 50px;
}

body .swal2-icon {
  border-color: var(--purple) !important;
  color: var(--purple) !important;
}

body .swal2-icon *{
  border-color: var(--purple) !important;
  color: var(--purple) !important;
}

body div:where(.swal2-container).swal2-center>.swal2-popup {
  border-radius: 20px;
  background: whitesmoke;
  width: 45rem;
}

.txt_field.dob_field label {
  position: absolute;
  top: 15px;
  left: 20px;
}

.txt_field.dob_field input.dob{padding-left: 120px !important;}


body font {
  box-shadow: none !important;
  background-color: transparent !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}
body:has(.scroll_fixed_modal:not(.show)) {overflow: auto;}
body:has(.search_modal:not(.show)){overflow: auto;OVERFLOW-X: hidden;}
/*arabic alighment*/
html[lang="ar"] .website-navbar{direction: rtl;}
html[lang="ar"] body{direction: rtl;}
/*html[lang="ar"] .hero_sec .hero_sec_img{right: 55%;}*/
html[lang="ar"] .steper_section_1 .msform .step-form .progressbar li:not(:last-child):before{left: calc(100% - 42px);}
html[lang="ar"] .steper_section_1 h4{text-align:center;font-family: 'Cairo-Bold', sans-serif;}
html[lang="ar"] .steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker .ui-datepicker-header{justify-content:end;}
html[lang="ar"] .filters_box .accordion .accordion-button::after {margin-right: 30px;  margin-left: unset;  }
html[lang="ar"] .filters_box .accordion-item .form-check {  column-gap: 40px;  }
html[lang="ar"] .aboutus_content_sec p{text-align:right;}
html[lang="ar"] .our_blog_sec .sec_heading p{margin-bottom:30px;}
html[lang="ar"] .salon_detail_main_arabic .salon_address,html[lang="ar"] .salon_detail_main_arabic .salon_hours,html[lang="ar"] .salon_detail_main_arabic .salon_contact,html[lang="ar"] .salon_detail_main_arabic .salon_social_media,html[lang="ar"] .salon_detail_main_arabic .salon_amenities {text-align:center;}
html[lang="ar"]  .telephone_right_arabic{  direction: ltr;  }
html[lang="ar"] .word_break_txt{word-break: break-all;}
html[lang="ar"] .custom_class_salon_setails .salon_address,html[lang="ar"] .custom_class_salon_setails .salon_hours,html[lang="ar"] .custom_class_salon_setails .salon_social_media,html[lang="ar"] .custom_class_salon_setails .salon_contact,html[lang="ar"] .custom_class_salon_setails .salon_amenities{text-align:center;}
html[lang="ar"] .custom_class_salon_setails .social_icons_wrapper,html[lang="ar"] .custom_class_salon_setails .amenities_categories {justify-content:center;}
html[lang="ar"] .hero_sec.bg_pink{overflow-x: hidden;}
/*html[lang="ar"] .main_header .navbar .container-fluid .navbar-collapse .navbar-nav{direction: ltr;}*/
/*html[lang="ar"] .salon_detail_main_arabic .social_icons_wrapper,html[lang="ar"] .salon_detail_main_arabic .amenities_categories {justify-content:center;}*/
/*arabic static text*/
.span_color_black{color: #141414;}
.span_color_maroon{color:#7C486C;}
/*html[lang="ar"] .hero_sec .hero_sec_content h1 {  max-width: 65%;}*/
/*saloon details pages css*/
.salon_detail_header .btn_white,.salon_detail_header .number_enquire_wrapper .language_select_box select{font-family: 'Cairo-Bold', sans-serif;color:var(--darkbrown) ;border: 1px solid var(--darkbrown);}
.salon_detail_header .btn_white:active, .salon_detail_header .btn_white:hover, .salon_detail_header .btn_white:focus {background-color:var(--darkbrown);color:var(--white);}
.salon_detail_header .btn_purple{font-family: 'Cairo-Bold', sans-serif;border: 1px solid var(--darkbrown);  background-color: var(--darkbrown);}
.custom_class_salon_setails .salon_address h6,.custom_class_salon_setails .salon_hours h6,.custom_class_salon_setails .salon_contact h6,.custom_class_salon_setails .salon_social_media h6,.custom_class_salon_setails .salon_amenities h6 {font-family: 'Cairo-Medium';font-weight: 500;margin-bottom: 10px;}
.custom_class_salon_setails .salon_address p,.custom_class_salon_setails .salon_hours h6,.custom_class_salon_setails .salon_contact h6,.custom_class_salon_setails .salon_social_media p,.custom_class_salon_setails .salon_amenities p {/* font-family: 'Cairo-Regular'; */}
.custom_class_salon_setails .salon_address h6  { color: rgba(116, 116, 116, 1); }
.custom_class_salon_setails .salon_address h6 > span { font-size: 18px; color: rgba(124, 72, 108, 1); }

.services_we_offer_sec.services_offer_sec .shap_card_details h5{font-family: 'Cairo-Medium';font-weight:500;}
.services_we_offer_sec.services_offer_sec .salon_card .shap_card_details{padding: 24px 30px;}
.swiper-pagination.swiper_pag_our_team .swiper-pagination-bullet {background: var(--pink);width: 15px;height: 15px;}
.swiper-pagination.swiper_pag_our_team .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#7C486C;}
.swiper-pagination.swiper_pag_our_team{margin:30px 0px 0px 0px;}
.team_swiper.team_swiper_salon_details{padding-bottom:70px;padding-top: 30px;}
.team_sec.team_sec_our_team {padding-bottom:0px;}
.footer_logo_wrapper_saloon_details{display:flex;align-items:center;justify-content:end;column-gap:10px}
.footer_logo_wrapper_saloon_details .footer_logo_salon_details{width: 74px;height: 75px;display:flex;align-items:center;}
.custom_row_class_saloon_details{align-items: center;}
html[lang="ar"] .salon_detail_main .inner_section_salon_desc_tabs .tab-pane p,html[lang="ar"] .services_we_offer_sec .salon_card .shap_card_details p{text-align:right;}
html[lang="ar"] .services_we_offer_sec.services_offer_sec .shap_card_details h5{text-align:right}
html[lang="ar"] .services_we_offer_sec.services_offer_sec .shap_card_details .price h5{text-align: start;direction: ltr;}
html[lang="ar"] .swiper-pagination.swiper_pag_our_team{ position: absolute;}
html[lang="ar"] .team_swiper.team_swiper_salon_details {position:relative;}
html[lang="ar"] .steper_section_1 .msform .step-form .progressbar{direction: ltr;}
html[lang="ar"] .steper_section_1 .msform fieldset.stepper_customer_tabs  .card-text{  flex-direction: row-reverse;  }
html[lang="ar"] .steper_section_1 .msform fieldset.stepper_customer_tabs  .card-text h6{  font-family: 'Cairo-Medium';  font-weight:400;  }
html[lang="ar"] .steper_section_1 .msform fieldset.stepper_customer_tabs .card-container p{text-align:right;}
html[lang="ar"] .personal_information_fieldset h4{text-align:right}
html[lang="ar"] .personal_information_fieldset .form-container{direction: ltr;}
html[lang="ar"] .personal_information_fieldset .subtotal_box{direction: rtl;padding: 120px 20px;}
html[lang="ar"] .personal_information_fieldset .form-control{text-align:center;}
html[lang="ar"] .personal_information_fieldset input[type="button"].enterCodeButton{background-color:transparent;border:1px solid var(--purple);color:var(--purple);}
html[lang="ar"] .salon_detail_header .inner_section_name_number_wrapper {  direction: ltr;  }
.custom_class_salon_setails:after { z-index: -1; content: "";  position: absolute;  display: block;  top: -25%;  right: 50px;  background-image: url(../assets/images/steper_after.png);  width: 220px;  width: 11%;  height: 300px;  background-size: contain;  background-repeat: no-repeat;  }
.custom_class_salon_setails:before { z-index: -1; content: "";  position: absolute;  display: block;  top: 0;  left: 0;  background-image: url(../assets/images/steper_before.png);  width: 265px;  width: 12%;  height: 600px;  background-size: contain;  background-repeat: no-repeat;  left: 0px;  }
.custom_class_salon_setails{position:relative;}
.salon_detail_header .btn_white,.salon_detail_header .number_enquire_wrapper .language_select_box select{background-color:var(--white);}
.custom_class_salon_setails .salon_book_btn a{border: 1.2px solid #7C486C;width:100%;background-color:var(--white);color: #7C486C;font-family: 'Cairo-Bold', sans-serif;}
.show_mre_services{font-family: 'Cairo-Bold';display:flex;align-items:center;column-gap:30px;margin:30px auto 0px auto;}
.team_swiper_salon_details .team_card .person_name{font-family: 'Cairo-Bold', sans-serif;}
.team_swiper_salon_details .team_card .employee_destination{color: #747474; font-family: 'Cairo-Regular';font-weight:400;}
.team_swiper_salon_details  .team_card:hover  a{background-color: var(--purple);color: var(--white);font-family: 'Cairo-Bold', sans-serif;font-weight: 700;}
.team_swiper_salon_details  .team_card  a{background-color: transparent;color: #7C486C;font-family: 'Cairo-Bold', sans-serif;font-weight: 700;}
.steper_section_1 .card_boxes .card-container h6{font-family: 'Cairo-Medium';font-weight:500;}
/*.stepper_customer_tabs .service_card h4{font-family: 'Cairo-Bold', sans-serif ;font-weight: 700;}*/
.steper_section_1 .msform .step-form .progressbar li:nth-child(1) .step_count{background-color:#7C486C;color: var(--white);}
.steper_section_1 .msform .step-form .progressbar li:nth-child(2) .step_count{border: 1px solid #747474;  color: #BABABA;}
.steper_section_1 .msform .step-form .progressbar li:nth-child(3) .step_count{background: var(--white);color: #BABABA;border: 1px solid #F2D680;}
html[lang="ar"] .custom_class_salon_setails .salon_book_btn a{background-color:#7C486C;color: var(--white);}
html[lang="ar"] .salon_detail_main .round_img_box{ margin-right:auto;max-width: calc(100% - 76px);margin-left: unset;}
html[lang="ar"] .phone.contact_number{direction:ltr;text-align:right;}
.login_modal input::placeholder{text-align:center}
html[lang="ar"] .show_mre_services {direction:ltr;}
.steper_section_1 .msform fieldset.stepper_customer_tabs .card-text h6:nth-child(1) {  width: 100%;  max-width: 70%;  }
.steper_section_1 .msform fieldset.stepper_customer_tabs .card-text h6:nth-child(2) {  width: 100%;  max-width: 30%;  text-align: right;  }
.personal_info_row{direction: rtl;}
html[lang="ar"] .personal_info_row{direction: ltr;}
.steper_section_1 .personal_information_fieldset input[type="button"].enterCodeButton {  background-color: transparent;  border: 1px solid var(--purple);  color: var(--purple);  }
.steper_section_1 .msform .step-form .progressbar li:nth-child(3) h5{color: #BABABA;}
.steper_section_1 .msform .step-form .progressbar li:nth-child(2) h5{color: #BABABA;}
.steper_section_1 .msform .step-form .progressbar li:nth-child(3).active .step_count{background: #F2D680;color: var(--white);}
.steper_section_1 .msform .step-form .progressbar li:nth-child(2).active .step_count{background: #747474;color: var(--white);}
.steper_section_1 .msform .step-form .progressbar li:nth-child(2).active h5 {color: #747474;}
.steper_section_1 .msform .step-form .progressbar li:nth-child(3).active h5 {  color: #F2D680;  }
.steper_section_1 .msform .step-form .progressbar li:nth-child(2).fill .step_count{background: #747474;color: #FFF;}
.steper_section_1 .msform .step-form .progressbar li:nth-child(2).fill h5{color: #747474;}
.personal_info_row .subtotal_box{direction:ltr;}
.step_3_fields_wrapper{direction:ltr;}
html[lang="ar"] .team_swiper.team_swiper_salon_details .swiper-wrapper .swiper-slide{display:inline-block;}
html[lang="ar"] .newsletter_sec{direction:ltr;}
html[lang="ar"] .main_footer .main_footer_bottom{direction: ltr;}
html[lang="ar"] .custom_class_salon_setails .salon_address h6,html[lang="ar"] .custom_class_salon_setails .salon_hours h6,html[lang="ar"] .custom_class_salon_setails .salon_contact h6,html[lang="ar"] .custom_class_salon_setails .salon_social_media h6,html[lang="ar"] .custom_class_salon_setails .salon_amenities h6 {  font-family: 'Cairo-bold';  font-weight: 700;  }
.product_card.product_card_offering {padding: 110px 30px 110px 30px;width: 100%;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);}
.team_sec .team_swiper_product_offering{padding:50px 0px;}
.custom_class_salon_setails .salon_address h6 span:nth-child(2){color: #747474;font-size: 18px;font-weight: 400;font-family: 'Cairo-Regular';}
html[lang="ar"] .custom_class_salon_setails .salon_address h6{display:flex;flex-direction:column;row-gap:8px;}
.steper_section_1 .msform .step-form .progressbar li:nth-child(2).active h5:nth-child(2){font-family: 'Cairo-Bold', sans-serif;}
.steper_section_1 .msform .step-form .progressbar li:nth-child(1).active h5:nth-child(2){font-family: 'Cairo-Bold', sans-serif;}
.steper_section_1 .msform .step-form .progressbar li:nth-child(3).active h5:nth-child(2){font-family: 'Cairo-Bold', sans-serif;}
.steper_section_1 .msform .step-form .progressbar li.fill h5:nth-child(2){font-family: 'Cairo-Bold', sans-serif;}
html[lang="ar"] .step_two_table .card-last-row.second_tab {direction:ltr;}
html[lang="ar"] .steper_section_1 .msform .step_two_table .appointment_date_section .date_picker .ui-datepicker .ui-datepicker-header{justify-content:start;}
.main_footer .main_footer_bottom.main_footer_bottom_saloon_details{padding:0px 0px 20px 0px;}
.salon_detail_header .inner_section_name_number_wrapper .number_enquire_wrapper .btn i {display: none;}
.test_swiper .tabs_slider_img {height:950px;width:100%;}
.team_swiper_salon_details .team_card a {border: 1.2px solid #7C486C;}
.select_your_service p{  color: #747474;  font-family: Cairo-Bold;  font-size: 20px;  font-weight: 700;letter-spacing:unset;}
.select_your_service p span{color: #7C486C;  font-family: Cairo-Bold;  font-size: 20px;  font-weight: 700;letter-spacing:unset;}
.steper_section_1 .subtotal.subtotal_total_card.subtotal_total_card_total{margin-top:10px;}
html[lang="ar"] .previus_next_steper_form_wrapper{direction:ltr;}
html[lang="ar"] .form_sec .form-group .input_icon{left:20px;right:unset;}
.category_swiper .swiper-button-next,.category_swiper .swiper-button-prev {color: #7C486C;}
.category_swiper .swiper-button-next{right: -25px;top: 38%;}
.category_swiper .swiper-button-prev{left:-25px;top: 38%;}
.category_swiper_slider_wrapper{position:relative;}
.category_swiper_slider_wrapper .category_swiper{position:unset}
html[lang="ar"] .category_swiper .swiper-button-next{left: 0px;right: unset;}
.hero_sec .hero_sec_content .with_organization {max-width: 100%;position: relative;z-index: 99;font-weight:500;}
html[lang="ar"] .search_modal .modal-header button{margin: 0;}
html[lang="ar"] .main_header .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.active .nav-link:after{content:unset;}
html[lang="ar"] .main_header .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.active .nav-link{font-family: 'Cairo-Medium';}
html[lang="ar"] .hero_sec.bg_pink{direction:ltr;}
html[lang="ar"] .hero_sec .hero_sec_img {right: 0%;background-image:unset}
html[lang="ar"] .hero_sec .hero_sec_content{direction:rtl;max-width: 86%;}
html[lang="ar"] .hero_sec .hero_sec_content p {max-width: 100%;text-align: end;}
html[lang="ar"] .hero_sec .hero_sec_content .hero_sec_btns{direction: ltr;}
html[lang="ar"] .guide-sec .guide_card p{font-size: 14px;}
html[lang="ar"] .aboutus_sec{direction:ltr;}
html[lang="ar"] .aboutus_sec .aboutus_sec_content{direction:rtl;text-align:end}
html[lang="ar"] .aboutus_sec .aboutus_sec_content h2{text-align:end}
html[lang="ar"] .aboutus_sec .aboutus_sec_content h3{text-align:start}
html[lang="ar"] .aboutus_sec .aboutus_sec_content p{text-align:start}
html[lang="ar"] .testimonials_sec .testimonials_swiper .testimonials_card .testimonials_card_top {justify-content:start;direction:ltr}
html[lang="ar"] .testimonials_sec .testimonials_swiper .testimonials_card:before{top:55px}
html[lang="ar"] .testimonials_card .testimonials_card_bottom p{max-width: 97%;}
html[lang="ar"] .testimonials_sec .testimonials_swiper {padding-bottom:60px;}
html[lang="ar"] .our_blog_sec .blog_card .blog_card_btns{direction:ltr;}
html[lang="ar"] .blog_card .blog_card_img .blog_date p{max-width:40%}
html[lang="ar"] .blog_card .blog_card_img .blog_date{justify-content:center}
html[lang="ar"] .contact_us_sec.form_sec  .sec_heading h1{color: #7C486C;}
html[lang="ar"] .contact_us_sec.form_sec  .sec_heading p span{color: #7C486C;}
html[lang="ar"] .contact_us_sec.form_sec  .sec_heading p{font-family: 'Cairo-Bold';}
html[lang="ar"] .contact_us_sec.form_sec  .form-group input::placeholder{text-align:center;}
html[lang="ar"] .contact_us_sec.form_sec  .form-group textarea::placeholder{text-align:center;position:absolute;top:50%;left:0;right:0;}
html[lang="ar"] .contact_us_sec.form_sec  .form-group textarea{position:relative;}
html[lang="ar"] .newsletter_sec .newsletter_sec_content{direction:rtl;padding-right:20px}
html[lang="ar"] .newsletter_sec .newsletter_sec_form .input-group input::placeholder{text-align:center;}
html[lang="ar"] .newsletter_sec .newsletter_sec_content p{max-width:80%}
html[lang="ar"] .main_footer ul.footer_links {direction:ltr}
html[lang="ar"] .main_footer .main_footer_top .contact_boxs{direction:ltr}
html[lang="ar"] .main_footer .main_footer_bottom p{direction: rtl;}
html[lang="ar"] .aboutus_content_sec.aboutus_content_sec_pg .aboutus_content_box p{margin:0px;font-size:32px;}
html[lang="ar"] .mission_sec.mission_sec_two{padding-top:0px;}
html[lang="ar"] .mission_sec.mission_sec_two .mission_card{ padding: 50px 17px;}

html[lang="ar"] .aboutus_sec.aboutus_sec_pg{padding-top:0px}
html[lang="ar"] .aboutus_sec.aboutus_sec_pg .aboutus_sec_content p{margin:auto;text-align:center}
html[lang="ar"] .aboutus_sec.aboutus_sec_pg .aboutus_sec_content p.color_para{font-size:48px;line-height: 27px;margin-bottom:20px}
html[lang="ar"] .aboutus_sec.aboutus_sec_pg .our-location-box{width: 100%;align-items:center}
html[lang="ar"] .aboutus_sec.aboutus_sec_pg .aboutus_sec_content .our-location-box p {max-width: 50%;}
html[lang="ar"] .video_sec .video_sec_content p{max-width: 83%;}
html[lang="ar"] .team_sec .team_card .social_links {margin-top:20px;}
html[lang="ar"] .team_sec .team_card .social_links {margin-top:20px;}
html[lang="ar"] .team_sec .team_swiper{padding-bottom: 70px;}
html[lang="ar"] .team_sec.team_sec_our_team.team_sec_salon_details {padding:100px 0px}
html[lang="ar"] .team_sec.team_sec_our_team.team_sec_salon_details .sec_heading{margin:0px}
html[lang="ar"] .services_we_offer_sec.services_offer_sec {padding:80px 0px}
html[lang="ar"] .salon_detail_main.custom_class_salon_setails .inner_section_salon_desc_tabs{padding:65px 0px;margin:0px; }
html[lang="ar"] .salon_detail_main .inner_section_salon_detail_content{padding:22px 60px 83px 60px ;}
html[lang="ar"] .team_sec.team_sec_our_team.team_sec_salon_details .team_swiper.team_swiper_salon_details{padding-bottom:100px}
html[lang="ar"] .main_footer_bottom.main_footer_bottom_saloon_details p {text-align: center;}
html[lang="ar"] .package_card .package_list{direction: ltr;}
html[lang="ar"] .package_card .package_list li{align-items:start;}
html[lang="ar"] .package_card .package_list li i{margin-top:6px;border: 1px solid #7C486C;border-radius: 50%;width: 19px;height: 19px;display: flex;justify-content: center;align-items: center;font-size: 12px;padding: 5px;}
html[lang="ar"] .packages .newsletter_sec .newsletter_sec_content p{display:none;}
/*html[lang="ar"] .steper_section_1 .msform .step-form .progressbar li:nth-child(2) .step_count {background: #747474;color: var(--white);}*/
html[lang="ar"] .steper_section_1 .msform .step-form .progressbar li:nth-child(2) h5:nth-child(2){font-family: 'Cairo-Bold', sans-serif;color: #747474;}
html[lang="ar"] .category_swiper_slider_wrapper.cat_swiper_stepper_form .category_swiper{padding-bottom:30px}
html[lang="ar"] .category_swiper .swiper-button-next{top:50%}
html[lang="ar"] .category_swiper .swiper-button-prev{top:50%;}

/*html[lang="ar"] .category_swiper .swiper-button-prev,html[lang="ar"] .category_swiper .swiper-button-next {display:none}*/
html[lang="ar"] .steper_section_1 .card-row.first_tab{row-gap:70px}
html[lang="ar"] .steper_section_1.login_form{padding-bottom:80px;}
html[lang="ar"] .steper_customer .newsletter_sec {display:none;}
html[lang="ar"]  .steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker{width:80%;}
html[lang="ar"] .steper_section_1 .msform fieldset .appointment_date_section h4{max-width:80%;}
html[lang="ar"]  .steper_section_1 .msform fieldset .appointment_date_section{display:flex;flex-direction:column;justify-content:center}
html[lang="ar"] .form_box_sec.login_form.form_sec {direction:ltr;}
html[lang="ar"] .form_box_sec.login_form.form_sec .form_box_content_box input{text-align:center}
html[lang="ar"] .form_box_sec.login_form.form_sec .form_box_content_box .login_pg_sub_heading {margin:5px 0px 35px 0px;color: #747474;direction: rtl;}
html[lang="ar"] .form_box_sec.login_form.form_sec .form_box_content_box .box-title{margin:0px;}
html[lang="ar"] .form_box_sec.login_form.form_sec .form_box_content_box .login_pg_sub_heading span{color: #7C486C;font-family: 'Cairo-Bold';}
html[lang="ar"] .form_box_sec.login_form.form_sec .error.ps_conf{display:none;}
html[lang="ar"] .form_box_sec.login_form.form_sec .error.password_confirm{display:block;}
html[lang="ar"] .main_footer .main_footer_bottom.main_footer_bottom_saloon_details{padding:0px}
html[lang="ar"] .register_right_col .form_box_img{position:sticky;top:14%;bottom:15%;}
html[lang="ar"] .form_box_sec.form_sec.contact_us_page_sec {direction:ltr}
html[lang="ar"] .form_box_sec.form_sec.contact_us_page_sec .form_box_content_box input{text-align:center;}
html[lang="ar"] .form_box_sec.form_sec.contact_us_page_sec .form_box_content_box textarea{text-align:center;}
html[lang="ar"] .contact_us_sub_heading span {font-family: 'Cairo-Bold';color: #7C486C;}
html[lang="ar"] .form_box_sec .sec_heading .contact_us_sub_heading {color: #747474;font-family: 'Cairo-Bold';max-width: 100%;direction: rtl;padding-bottom: 15px;}
html[lang="ar"] .register_sec.form_box_sec.form_sec.liink-form input{text-align:center}
/* html[lang="ar"] .categories_bar_sec.bg_pink.blog_page_categories_sec {direction:ltr;} */
html[lang="ar"] .blog_cards_listing.blog_cards_listing_blog_pg .blog_card_btns{direction:ltr;}
html[lang="ar"] .inner_banner_sec.inner_banner_sec_blog_pg {direction:ltr}
html[lang="ar"] .inner_banner_sec.inner_banner_sec_blog_pg .inner_banner_content h2{font-family: 'Cairo-Bold', sans-serif ;color: #7C486C;}
html[lang="ar"] .inner_banner_sec.inner_banner_secabout_us_pg .inner_banner_content h3{color: #401B1B;font-family: Cairo-Medium;font-weight:500;text-align:end}
html[lang="ar"] .inner_banner_sec.inner_banner_secabout_us_pg .inner_banner_content h3 span{font-family: Cairo-Bold;}
html[lang="ar"] .inner_banner_sec.inner_banner_secabout_us_pg .inner_banner_content p{color: #401B1B;font-family: Cairo-Bold;}
html[lang="ar"] .contact_us_sec .contact_number {direction:ltr;text-align:end}
/*terms and condition*/
.inner_banner_sec.inner_banner_secabout_us_pg.terms_condition_banner{background: linear-gradient(45deg, #7C486C80, #7C486C80), url(../assets/images/terms_pg_banner.jpg);padding: 0px 0px 60px 0px;background-repeat: no-repeat;background-size: cover;}
.terms_condition_details_sec {padding: 80px 0px;}
.terms_condition_details_sec .terms_condition_details_wrap {display: flex;flex-direction: column;row-gap: 20px;}
.terms_condition_details_sec .heading_details_wrap {display: flex;flex-direction: column;row-gap: 5px;}
.terms_condition_checkbox_wrap{display:flex;align-items:center;column-gap:10px;padding-bottom:20px;flex-wrap: wrap;}
.terms_condition_checkbox_wrap .error {width: 100%;text-align: left;}
.terms_condition_checkbox_wrap input{width:fit-content;}
.step_2 .terms_condition_checkbox_wrap label{margin-bottom:0px}
.terms_condition_checkbox_wrap a{text-decoration:underline;}
.arabic_text_terms_condi ul li{font-family: 'Cairo-Regular', sans-serif;font-weight: 400;letter-spacing: 0.7px; color: var(--gray);}
.arabic_text_terms_condi ul{padding:0px;padding-right:40px;}
.arabic_text_terms_condi .inner_ul_list{padding-top:20px}
html[lang="ar"] .text_align_center{text-align: center;}
html[lang="ar"] .main_header .navbar-nav .nav-item.active {border-bottom:2px solid #fff}
.testimonials_card_top .testimonials_card_info .testimonials_card_bottom {padding-top:5px}
/*about us video*/
.video_sec_video{position: relative;}
.playPauseBtn i{color:#7C486C;font-size:20px;}
.video_sec_video .col-md-12{padding: 0px;}
.customVideo{height: 800px;object-fit: cover;}
.playPauseBtn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; z-index: 2; font-size: 60px; background-color: #ffff; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; border-radius: 50%; }
.packages_sec_extra .packages_swiper .swiper-wrapper{justify-content:center}
/*html[lang="ar"] #registerCustomerModal .dob_stepper_customer_register {text-align: right;}*/
html[lang="ar"] .steper_customer .text_align_center{text-align: center;}
html[lang="ar"] .txt_field.dob_field input.dob.date_reg_wrap{padding-left:40px !important;}
html[lang="en"] .txt_field.dob_field input.dob.date_reg_wrap{padding-left:20px !important;}
body .swal2-modal .swal2-cancel {border-radius:50px}
html[lang="ar"] .form_sec.form_sec_stepper_reg .form-group .form-control{text-align:center}
body.loader-hidden:before {opacity: 0;pointer-events: none;}
body:before {content: ''; z-index: 999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fdfdfe; opacity: 1; transition: opacity 0.3s ease; }
body.scrollhide {overflow: hidden;height: 100vh;}
body.scrollhide > *:not(.loader){visibility: hidden;opacity: 0;}
/*modal*/
/*body.modal-open{opacity: 0;pointer-events: none;}*/
body.modal-open {overflow: hidden;height: 100%;}
body.modal-open > *:not(.modal):not(.modal-backdrop) {visibility: hidden;opacity: 0;}
body:has(.login-register.reset):before{content:unset;}
.prefix_wrapper .prefiex_span{position:absolute;top:41px;left:15px;}
.form_sec_stepper_reg .login_content_box .prefix_wrapper input{padding-left:50px}
.prefix_wrapper{position:relative;}
html[lang="ar"] .register_google_logo{direction: ltr;}
html[lang="en"] .register_google_logo{direction: rtl;}
.login-register.reset .form_logo{width:100%;height:80px;margin-bottom:20px}
.login-register.reset .form_logo img{width:100%;height:100%;object-fit:contain}
/**/
/*arabic dropdown css*/
.language_select_box{position:relative}
.language_select_box.salon_setting_conver_lang .custom-select-display{background-color: var(--white);font-family: 'Cairo-Bold', sans-serif; color: var(--darkbrown); border: 1px solid var(--darkbrown);border-radius: 30px;padding: 12px 25px;font-weight: 600; text-transform: uppercase; transition: all 0.5s ease;}
.language_select_box.salon_setting_conver_lang  .custom-select-display::after{color: var(--darkbrown);}
.language_select_box.language_select_box_website .custom-select-display::after{right: -5px;}
.custom-select-wrapper {position: relative;cursor: pointer;user-select: none;}
.custom-select-display {padding: 10px 15px 10px 10px;position: relative;font-weight: 600;font-family: 'Cairo-SemiBold', sans-serif;border: none;color: #FFFBFB;background-color: var(--purple);font-size: 1rem;}
.custom-select-display::after {content: "\f107";font-family: "Font Awesome 6 Free";font-weight: 900;position: absolute;right: 8px;top: 50%;transform: translateY(-50%);color: #fff;font-size: 12px;}
.custom-select-options,.custom_select_options_profile {width: 70px;display: none;position: absolute;top: 105%;left: unset;right: 0;z-index: 999;background-color: var(--white);padding: 0px 10px 0px 10px;border-radius: 10px;border: none;box-shadow: 0 3px 12px rgba(0, 0, 0, .05) !important;}
.custom-select-options li,.custom-select-options ol {font-size: 14px;color: #333;transition: background 0.2s;list-style: none;padding: 5px 8px 5px 8px;border-radius: 8px;margin: 2px 0px;}
.custom-select-options li:hover,.custom-select-options ol:hover {background: var(--purple);color: #fff;transition: .3s ease-out;}
.custom-select-options ol{margin: 5px 0px;padding: 8px;}
.custom-select-options ol i{background: #EFEFEF;border-radius: 50%;margin-right: 10px;color: #989898;width: 30px;height: 30px;padding: 0;display: flex !important;align-items: center;justify-content: center;margin-top: 0;}
.custom-select-wrapper.open .custom-select-options,.custom-select-wrapper.open custom_select_options_profile {display: block;}
.language_select_box.salon_setting_conver_lang .custom-select-display i{display: none;}
/**/
/*label styling*/
.personal_info_steper_cust label{color: var(--purple);font-weight: bold;font-size: 14px;padding-bottom: 7px;}
.personal_info_steper_cust .txt_field.dob_field label{position:unset;}
.personal_info_steper_cust .enter_discount_code_label{width: 100%;text-align: left;}
html[lang="ar"] .personal_info_steper_cust label{width: 100%;text-align: right;}
.salon_detail_navbar .language_select_box.salon_setting_conver_lang .custom-select-display i{display:block;font-size:27px}
.salon_detail_navbar .language_select_box.salon_setting_conver_lang .custom-select-display::after{content:unset}
.salon_detail_navbar .language_select_box.salon_setting_conver_lang .custom-select-display{padding: 8px;height: 45px;width: 45px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.salon_detail_navbar .custom-select-options,.salon_detail_navbar .custom_select_options_profile{width:180px;padding: 10px;}
.salon_detail_navbar .custom-select-wrapper.open .custom-select-options a{display:block;display:flex;gap:10px;align-items:center}
html[lang="ar"] .salon_detail_navbar .custom-select-wrapper.open .custom-select-options a{text-align:right;justify-content:right;direction:rtl}
html[lang="en"] .salon_detail_navbar .custom-select-wrapper.open .custom-select-options a{text-align:left;justify-content:left;}
.salon_detail_navbar .custom-select-wrapper.open .custom-select-options li:hover * ,.custom-select-wrapper.open .custom-select-options li:hover a,.salon_detail_navbar .custom-select-wrapper.open .custom-select-options ol:hover *,.custom-select-wrapper.open .custom-select-options ol:hover a{color:#fff ;}
.salon_detail_navbar .custom-select-wrapper.open .custom-select-options ol:hover i{color: #989898;}
body.modal-open > *:not(.modal):not(.modal-backdrop):not(.swal2-container.swal2-rtl.swal2-center.swal2-backdrop-show) {visibility: hidden !important;opacity: 0 !important;}
body .swal2-container.swal2-rtl.swal2-center.swal2-backdrop-show {visibility: visible !important;opacity: 1 !important;}