/*@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

body{
   font-family: 'Poppins', sans-serif;
   font-weight: normal;
   font-style: normal;
   color: #646464;
   background: #f6f6f6;
}
.card {
    background: #ffffff;
    border-radius: 6px;
    border: 0;
    box-shadow: none;
}
p, a, .btn, input{
  font-family: 'Poppins', sans-serif;
}
.spinner-border{
  color: #e1a10c !important;
}
.arial{
    font-family: 'Arial', serif;
}
.clear{
  clear:both;
}
.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #f9cd45;
    box-shadow: 0 !important;
    background-image: none !important;
}

.invalid-feedback{
    font-family: 'Poppins', sans-serif;
    text-align: left;
}

.listview{
    background: #f6f6f6 !important;
}
.bg-lbrown .listview{
    background: transparent !important;
}
/*PADDING*/
.pb-02 {
    padding-bottom: 2px !important;
}
.pt-02 {
    padding-top: 2px !important;
}
.pt-04 {
    padding-top: 4px !important;
}
.pb-07 {
    padding-bottom: 12px !important;
}
.pt-07 {
    padding-top: 12px !important;
}
.pr-07 {
    padding-top: 12px !important;
}
.pl-07 {
    padding-top: 12px !important;
}
.p-6{
 padding: 48px;
}

.pt-6{
 padding-top: 48px;
}

.pb-6{
 padding-bottom: 48px;
}

.pr-6{
 padding-right: 48px;
}

.pl-6{
 padding-left: 48px;
}
.pb-7 {
    padding-bottom: 56px !important;
}
.mt-6{
  margin-top: 48px !important;
}
.mt-7 {
    margin-top: 78px !important;
}
/*BORDER*/
.no-border{
	 border:0px solid #cacaca !important;
}
.border-top{
  border-top:1px solid #cacaca !important;
}
.border-bottom{
  border-bottom:1px solid #cacaca !important;
}
/*MARGIN*/
.mar-auto{
	 margin:0 auto !important;
}
.mar-auto1 {
    margin: 0 0 0 auto !important;
}
/*TEXT CASE*/
.text-upper{
  text-transform: uppercase;
}
.text-capitalize{
  text-transform: capitalize;
}

/*TEXT ALIGN*/
.text-left{
   text-align: left;
}
.text-center{
	 text-align: center;
}
.text-right{
	 text-align: right;
}
/*FONT FAMILY*/
.f-arial{
  font-family: arial;
}


/*FONT SIZES*/
.font-8{
   font-size: 8px !important;
   line-height: 9px;
}
.font-9{
   font-size: 9px !important;
   line-height: 10px;
}
.font-10{
   font-size: 10px !important;
   line-height: 12px;
}
.font-11{
   font-size: 11px !important;
   line-height: 13px;
}

.font-12{
   font-size: 12px !important;
   line-height: 14px;
}
.font-13{
   font-size: 13px !important;
   line-height: 15px;
}
.font-14{
   font-size: 14px !important;
   line-height: 18px;
}
.font-15{
   font-size: 15px !important;
   line-height: 20px;
}
.font-16{
   font-size: 16px !important;
   line-height: 18px;
}
.font-17{
   font-size: 17px !important;
   line-height: 20px;
}
.font-18{
   font-size: 18px !important;
   line-height: 20px;
}
.font-19{
   font-size: 19px;
   line-height: 21px;
}
.font-20{
   font-size: 20px !important;
   font-weight: 100;
}
.font-22{
   font-size: 22px !important;
   line-height: 24px !important;
}
.font-23{
   font-size: 23px !important;
   line-height: 26px !important;
}
.font-24{
   font-size: 24px;
   line-height: 26px;
   letter-spacing: 1px;
}
.font-28{
   font-size: 28px !important;
   font-weight: 700;
}
.font-43{
  font-size: 43px !important;
  line-height: 45px
}
/*FONT WEIGHT*/
.ft-wt-200{
   font-weight: 200 !important;
}
.ft-wt-300{
   font-weight: 300 !important;
}
.ft-wt-400{
   font-weight: 400 !important;
}
.ft-wt-500{
   font-weight: 500;
}
.ft-wt-600{
   font-weight: 600;
}
.ft-wt-700{
   font-weight: 600 !important;
}
.ft-wt-800{
   font-weight: 800 !important;
}
/*Letter spacing*/
.lt-spc05{
   letter-spacing: 0.5px;
}
.lt-spc1{
	 letter-spacing: 1px;
}
.lt-spc2{
	 letter-spacing: 2px;
}

/*LINE HEIGHT*/
.l-30{
	 line-height: 30px;
}
.l-16{

    line-height: 16px;
}
.l-17{

    line-height: 17px;
}
.l-20{

    line-height: 20px;

}


/*FONT COLOR*/
.text-white{
   color:#fff !important;
}
.text-red{
   color:#EC4433 !important;
}
.text-lightred{
  color:#f26844;
}
.text-lightred2{
  color:#f15e38;
}
.text-grey{
   color:#555 !important;
}
.text-gold{
  color:#deae5b !important;
}
.text-grey1{
   color:#d0d3d4 !important; /*Light grey*/
}
.text-grey2{
  color:#787b7b;
}
.text-grey3{
  color:#646667;
}
.text-grey4{
  color:#3e3e3e !important; /* */
}
.text-grey5 {
    color: #4a4a4a; /**/
}
.text-grey6{
  color: #393939;
}
.text-grey7{
  color:#acacac;
}
.text-grey5b {
    color:#5b5b5b !important;
}
.text-dgrey{
  color: #4a4a4a;
}
.text-dgreyc{
  color:#ccc;
}
.text-dgreyb{
  color: #bbbbbb !important;
}
.text-dgrey5{
  color:#555555;
}
.text-dgrey7d{
  color:#7d7d7d;
}
.text-purple{
   color: #6c50ff;
}
.text-pink{
  color:#e12671;
}
.text-blue{
  color:#0090ff;
}
.text-dgreen{
  color:#2de28e;
}
.text-yellow{
  color:#e1a10c;
}
.text-black0{
  color:#090909;
}
.text-black{
  color:#000000 !important;
}
.text-lbrown{
  color:#313131;
}
/*BACKGROUND*/
.bg-transparent{
	 background: transparent;
}
.bg-theme{
   background: rgb(255,194,28);
   background: linear-gradient(60deg, rgba(255,194,28,1) 6%, rgba(176,209,49,1) 28%, rgba(110,221,66,1) 47%, rgba(48,197,135,1) 62%, rgba(0,163,252,1) 81%);
}
.bg-theme-blue{
	 background: rgb(19,202,210);
   background: linear-gradient(40deg, rgba(19,202,210,1) 6%, rgba(78,149,225,1) 47%, rgba(129,103,238,1) 81%);
}
.bg-facebook{
  background: #4c93cf;
}
.bg-google{
  background: #ff8956;
}
.bg-white{
  background: #fff;
}
.bg-palewhite{
  background: #fefefe;
}
.bg-brown{
  background-color: #272727 !important;
}
.bg-lbrown{
  background-color:#414141 !important;
}
.bg-lyellow{
    background-color:#fff8e4 !important;    
}
.bg-dlyellow{
  /*  background-color: #f8e1a2 !important;    */
  background: rgb(186,163,51);
 background: linear-gradient(40deg, rgb(249 205 69) 37%, rgba(240,228,133,1) 73%);
}
.bg-footer{
      /*background-color: #1e1e1e !important;*/
      background-color: #fff !important;
}
.bg-gold{
	background:#f0cc41;
}
.bg-back{
    background: #f6f6f6 !important;
}
.bg-layout,.bg-layout .listview{
    background:#f6f6f6;
}
/*BUTTON BACKGROUND*/
.bt-bg-green{
	 background: #26df51;
	 color: #fff !important;
}
.bt-bg-dgreen{
   background: #2de28e;
   color: #fff !important;
}
.bt-bg-blue{
	 background: #0099ff;  
	 color: #fff !important;
}
.bt-bg-pink{
  background: #e12671;
  color: #fff !important;
}
.bt-bg-purple{
  background: #684bff;
  color: #fff !important;
}
.bt-bg-trasparent{
   background: transparent;
   color: #fff !important;
}
.bt-bg-brown{
  background-color: #4d4d4d;
  color: #fff;
}
.bt-bg-gold{
  color:#fff !important;
  border: none;
  background: #f9cd45;
/*  background: linear-gradient( 40deg, rgb(240 204 65) 37%, rgb(255 174 47) 73%);
*/}


.bt-bg-brown{
  background:#414141;
}
/*BADGE*/
.badge-colorgreen {
    background: #ffffff;
    color: #00db58;
}
.badge-colorred {
    background: #ffffff;
    color: #EC4433;
}
/*BOX SHADOW*/
/*.box-shadowg{
  box-shadow: 4px 4px 4px 0px #dfdfdf !important;
}*/

.box-shadowg2 {
    box-shadow: 2px 2px 6px 2px #dfdfdf !important;
}


/*BUTTON HEIGHT*/
.btn-ht40{
	 height: 40px;
}
.btn-ht50{
   height: 50px !important;
}
.btn-ht60{
   height: 50px;
}
/*BORDER*/
.bdr-t0{
  border-top: 0px !important;
}
.bd-rad6{
        border-radius: 6px;
}

.top-5{
    top: 6px !important;
}
/*BUTTON*/
.button-white{
   border:1px solid #fff;
   background: transparent;
   color: #fff !important;
   padding: 8px 15px !important;
   margin: 0 !important;
   height: auto;
   width: auto;
}

/*BADGE BACKGROUND*/
.badge-lgreen{
  background:#00db58;
  color: #fff;
}

/*Border Radius*/
.bdr-radius8{
      border-radius: 8px;
}

.bdr-radius15{
  border-radius: 15px;
}

.no-border {
    border-top: 0px solid #E1E1E1;
    border-bottom: 0px solid #E1E1E1;
}
.no-bborder {
    border-top: 0px solid #E1E1E1 !important;
}

/*WIDTH*/
.w-55{
  width: 55%;
}



.form-button-group {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    background: #fff;
    min-height: 70px;
    display: flex;
    font: 15px/24px 'Kumbh Sans', sans-serif !important;
    align-items: center;
    justify-content: center;
    padding-bottom: env(safe-area-inset-bottom);
}

/*********************** FOOTER *****************************/

.appBottomMenu .item .action-button {
    display: inline-flex;
    width: 50px;
    height: 50px;
    margin-left: -5px;
    margin-right: -5px;
    align-items: center;
    justify-content: center;
    border-radius: 200px;
    background: transparent;
}
.appBottomMenu .item.active .icon, .appBottomMenu .item.active ion-icon, .appBottomMenu .item.active strong {
    color: #c29b40 !important;
    font-weight: 500;
}
.appBottomMenu .item .glow{
    width: 35px;
    height: 35px;
}
.appBottomMenu .item.active .glow{
    width: 35px;
    margin: 0 auto;
    background: #f9cd45;
    border-radius: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 3px 1px rgb(0 0 0 / 10%), 0 1px 3px 0 rgb(0 0 0 / 15%);
}
.footer-menu{
  border-top: 0px solid #000;
}
.footer-menu strong{
  color:#696969 !important; 
  text-transform: uppercase;
}
.footer-menu img{
  width: 23px;
}
.footer-menu .action-button img{
  width: 55px;
}
/*********************** PAGE: SPLASH *****************************/

.splash-cover{
  height: 100vh;
  display: flex;
  align-items: center;
  background: #000;
  justify-content: center;
}
/*********************** Header *****************************/
.pageTitle h5{
  font-family: 'Poppins', sans-serif;
  margin-bottom:0px ;
}
.appHeader.text-light .headerButton, .appHeader.text-light .pageTitle {
    color: #b1b1b1;
}

.profile-btn{
    padding-right: 0 !important;
}
.profile-btn span.imaged.w48{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #cacaca;
    width: 40px !important;
    height: 40px;

}
/*********************** Side menu *****************************/
#sidebarPanel .listview {
    background: #ffffff !important;
}


/*********************** PAGE: SLIDER*****************************/
.amanora-slider{
   position: relative;
}
.amanora-slider .owl-dots{
  position: absolute;
  bottom: 180px;
}
/*.amanora-slider.owl-carousel .owl-item:before{
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}*/
.amanora-slider.owl-carousel .owl-item .item {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    height: 100vh;
}
.amanora-slider img {
    height: auto;
    width: auto !important;
    /* margin: 0 auto; */
}
.amanora-slider.owl-carousel .owl-stage-outer{
  margin:0;
  padding:0;
}
.amanora-slider.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    padding: 0 16px;
    width: 100%;
    right: auto;
    left: auto;
}
.amanora-slider.owl-theme .owl-dots .owl-dot span {
  width: 50px;
  height: 8px;
  margin: 5px 10px;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
  background: #dfdfdf;
  border: 1px solid #fff;
}
.amanora-slider.owl-theme .owl-dots .owl-dot.active span, .amanora-slider.owl-theme .owl-dots .owl-dot:hover span {
      background: #e2cd89;
}


.amanora-slider h2 {
    position: unset;
    margin: 60px auto 100px;
    left: 0;
    right: 0;
    bottom: 85px;
    font: 800 20px/28px 'Poppins', sans-serif;
    letter-spacing: 1px;
    color: #000;
    width: 100%;
    text-transform: uppercase;
}

.sticky-trasparent {
  margin-top: 10px;
  margin-bottom: 10px;
  position: absolute;
  bottom: 10px;
  left: auto;
  right: 0;
  width: 50%;
  padding-left: 16px;
  padding-right: 16px;
  background: transparent;
  z-index: 2;
  text-align: right;
  padding-bottom: env(safe-area-inset-bottom);
}
.sticky-trasparent .skip-slide{
    margin: 0px 7px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
}

/***********************PAGE: LOGIN *****************************/

.basic-form input[type="text"], .edit-address textarea {

   font: 15px/24px 'Kumbh Sans', sans-serif !important;

   color: #333;

   width: 100%;

   box-sizing: border-box;

   letter-spacing: 0px;

}

.basic-form:::placeholder{

  color: #b0b0b0 !important;

  font-size: 12px !important;

    line-height: 14px;



}
.basic-form .form-group input, .basic-form .form-group input:focus{
  background: transparent !important;
}

.basic-form .form-group label{

   color: #858585 !important;

   font-size:17px !important;

   font-weight: 500;
       letter-spacing: 0.7px;

}


.basic-form .form-group.basic .form-control:focus,

.basic-form .form-group.basic .custom-select:focus {

   border-bottom-color: #edba5e;

   box-shadow: inset 0 -1px 0 0 #edba5e;

}

.form-group .input-wrapper.active .label {

   color: #58bdc2 !important;

}



.basic-form .form-group .clear-input {

   display: flex;

   align-items: center;

   justify-content: center;

   color: #4F5050;

   height: 38px;

   font-size: 22px;

   position: absolute;

   right: -6px;

   bottom: 0;

   width: 32px;

   opacity: 0.5;

   display: none;

}



.guest-detail{position: relative;}

.float-label {

   padding-top: 20px;

   margin-top: 0px;

}

.floating-label{

   position: absolute;

   pointer-events: none;

   left: 0px;

   top: 29px;

   transition: 0.2s ease all;

   color: #808080;

   letter-spacing: 0.3px;

   font: 500 16px/20px 'Kumbh Sans', sans-serif !important;

}
.register .wide-block{
    background: transparent;
}
.register.basic-form .form-group label.eform-label{
  color: #edba5e !important;

  font: 500 12px/20px 'Kumbh Sans', sans-serif !important;

  font-size: 12px !important;
  margin: 0;
}


input:focus ~ .floating-label,

input:not(:focus):valid ~ .floating-label{

   top: 3px;

   bottom: 0px;

   left: 0px;

   letter-spacing: 0.48px;

   color: #edba5e !important;

   font: 500 12px/20px 'Kumbh Sans', sans-serif !important;

   font-size: 12px !important;

}

.field-icons{
  color: #abd4dd;
  font-size: 25px;
}

.sep-border {
  border-top: 1px solid #cecece;
      width: 100%;
      margin: 0 auto;
      position: relative;
      bottom: -25px;
}
.sep-p{
      background: #fff !important;
    position: relative;
    width: 50%;
    margin: 0 auto;
}
.outer-circle {
    padding: 10px;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.outer-circle i {
    font-size: 22px;
    color: #fff;
}
.form-links.links-inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
}
.divide-50l {
    width: 45%;
    float: left;
}
.divide-50r {
    width: 45%;
    float: right;
}
.login-form .wide-block{
    background: transparent;
}
.login-form .image-listview > li .item .icon-box {
    min-width: 36px;
    max-width: 36px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 1em;
    font-size: 20px;
    border-radius: 400px;
    margin-right: 5px;
}
/***********************PAGE: REGISTER *****************************/
.register {

}
.register.basic-form .custom-control .custom-control-label {
    padding-left: 2px;
    padding-top: 4px;
    color: #141515;
    font-size: 12px;
    text-decoration: underline;
}
.register.basic-form .custom-control .custom-control-label::before {
    transition: 0s all;
    box-shadow: none !important;
    background: #E1E1E1;
    width: 16px;
    height: 16px;
    /* border-color: #3A96FD !important; */
    border-color: #cdae64 !important;
    border-radius: 30% !important;
    margin-top: -2px;
    background: transparent;
    border-color: #E1E1E1;
    border-width: 2px;
}
.register.basic-form .custom-control .custom-control-label:after {
    left: -27px !important;
    top: 1px;
}
.register.basic-form .custom-control .custom-control-input:checked ~ .custom-control-label:before {
    background: #dba755 !important;
    border-color: #dba755  !important;
}
.register.basic-form .custom-control .custom-control-label:after {
    margin-top: 1px;
    margin-left: 3px;
}


.register.basic-form .form-group label {
    color: #858585 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.7px;
}

.register.basic-form input:focus ~ .floating-label,

.register.basic-form input:not(:focus):valid ~ .floating-label{

   top: 3px;

   bottom: 0px;

   left: 0px;

   letter-spacing: 0.48px;

   color: #edba5e !important;

   font: 500 12px/20px 'Kumbh Sans', sans-serif !important;

   font-size: 12px !important;

}
#terms-condition{
   font-family: 'Poppins', sans-serif;
   font-size:12px !important;
   text-decoration: none;
}
#terms-condition a{
  text-decoration: underline;
}


/***********************PAGE: Forgot Password  *****************************/
.image-cover{
  margin: 0 auto;
  height: 140px;
  width: 140px;
  position: relative;
}
.image-cover .inside-cover{
    top: 18px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: center;
    background: transparent !important;
}
.image-cover .inside-cover img{
    width: auto;
    height: 100%;
    object-fit: contain;
}


/**/
.otp-block .verify-input {
    height: 72px !important;
    font-size: 32px !important;
    font-weight: 700;
    color: #141515;
    letter-spacing: 5px;
    padding: 0 5px 0 5px !important;
    max-width: 100%;
    margin: auto;
    text-align: center !important;
   /* display: flex;
    align-items: center;
    justify-content: center;*/
    position: relative;
}
.otp-block.basic-form input[type="text"]::-webkit-input-placeholder {
  font-size: 80px !important; 
  color:#d2d2d2;
  line-height: 200px !important;
  letter-spacing: 50px;
  padding:0;
/*  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;*/
}

.register select{
  font: 400 16px/20px 'Kumbh Sans', sans-serif !important;
  padding: 0 0 15px !important;
      color: #858585 !important;
    letter-spacing: 0.7px;
}


/***********************PAGE: DASHBOARD *****************************/
.customer-name h3{
	font-family: 'Poppins', sans-serif;
}

.item-tab {
    padding-top: 0 !important;
    margin-top: 0px;
}
.wide-block.wide-block2 {
     overflow-x: scroll;
     overflow-y: unset; 
    /*overflow-x: auto;*/
    background: transparent;
    border-top: 0px solid #E1E1E1;
    border-bottom: 0px solid #E1E1E1;
    padding-left: 16px;
    padding-right: 16px;
    overflow-y: -moz-hidden-unscrollable;
}
.category-list .btn-outline-mix {
    position: relative;
    background: transparent;
    border-color: transparent;
    border-width: 1px;
    color: #000;
    min-width: fit-content !important;
    transition: 0.2s all;
    height: auto;
    width: 63px;
    padding: 0px;
    margin-right: 4px !important;
}
.category-list .btn {
    display: block;
}
.category-list .btn-outline-mix .cat-image {
    margin: 0 auto 10px;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    padding: 5px;
    color: #fff;
    display: flex;
    background: #f8e1a2;
    border: 0px solid #cacaca;
    align-items: center;
    justify-content: center;
}

/*.category-list .btn-outline-mix:last-child{
    margin-right: 40px !important;
}*/
.space-btw{
    justify-content: space-between;
}
.category-list .btn-outline-mix .cat-image img {
    width: 100%;
}
.category-list .btn-outline-mix p {
    font-size: 11px !important;
    line-height: 12px;
    text-transform: uppercase;
    width: 56px;
    margin: 0 auto;
    color: #7d7d7d;
    letter-spacing: 1px;
}

.customer-name.image-listview > li a.item:after {
  display: none;
}
.search-section .searchbox .form-control  {
  box-shadow: 3px 2px 8px 0px #e0e0e0 !important;
    border-radius: 100px !important;
    height: 60px;
    padding: 0 16px 0 22px;
    font-weight: 500;
    color: #4b4b4b;

}
.search-section .searchbox .input-icon {
  font-size: 26px;
  position: absolute;
  right: 20px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #A1A1A2;
  top: 13px;
  left: auto;
}
.searchbox.search-cover input{
    padding:0 36px 0 16px !important;
}
.searchbox.search-cover  ion-icon {
    font-size: 23px;
    line-height: 27px;
}
.btn-search{
    position: absolute;
    right: 6px;
    padding: 10px;
    background: none;
    color: #414141 !important;
}

.calendar-view img{
    float: left;
    margin-right: 8px;
    width: auto;
}

.calendar-view a:after{
  display: none;
}

.calendar-view button{
  display: block;
  border-radius: 10px !important;
  color:#ccb165;
    padding: 0;
  width: 50%;
  height: 50px;
}
.calendar-view button span{
  color: #fff;
  display: block;
  border-radius: 10px !important;

}

.section-head{
  font-family: 'Poppins', sans-serif;
      font-size: 16px !important;
      line-height: 20px;
}
.service-slider .card {
    background: #ffffff;
    border-radius: 10px;
    border: 0;
    box-shadow: none;
    /*box-shadow: 0 3px 6px 0 rgb(0 0 0 / 10%), 0 1px 3px 0 rgb(0 0 0 / 8%);*/
    overflow: hidden;
}

.service-slider .card .card-img-top {
    border-radius: 0px 0px 0 0;
}
.slider-cover{
  height: 170px;
  overflow: hidden;
  display: flex;
  background: #000;
  align-items: center;
  justify-content: center;
}
.ht-less .slider-cover{
    height: 96px;
}
.slider-cover.slider-offer{
     height: 140px;
}
.offer-body.card-body{
  height: 51px;
}

.service-slider .card-text, .card-text{
  color:#262626;
}

.card{
    overflow: hidden;
}
.service-selection .service-name{
    box-shadow: 0px 1px 1px 1px #f2f1f6 !important;
    min-width: max-content !important;
    background: transparent; 
    border-color: #fff;
    border-width: 0px;
    color: #fff;
    min-width: fit-content!important;
    transition: 0.2s all;
    border-radius: 100px !important;
    height: 29px;
    padding: 20px 15px 20px 7px;
    font-size: 11px;
    font-weight: 200;
    display: flex;
    background: #f0cc41;
    justify-content: center;
    align-items: center;
    margin-right: 13px;
    background:#f9cd45;
    /*background: linear-gradient( 40deg, rgb(240 204 65) 37%, rgb(255 174 47) 73%);*/


}

.service-selection .service-name p{
    letter-spacing: 0.2px;
}
.service-selection .service-name svg{
    width: 27px;
    margin-right: 4px;
    padding: 6px;
    height: 27px;   
    display: flex;
    align-items: center;
    justify-content: center;

}
.service-selection .service-name.active svg{
    background: #414141;
    margin-right: 7px;
    border-radius: 100%;
    box-shadow: 3px 2px 3px 1px rgb(0 0 0 / 10%), 0 1px 3px 0 rgb(0 0 0 / 15%);
}

.full-slider .owl-stage{
    padding-left: 15px !important;
}

.full-slider .owl-stage .owl-item .item{
    border-radius: 6px;
    overflow: hidden;
}
.inext{
    display: block;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
/***********************PAGE: SERVICE *****************************/
/*.service-block{

}*/
.slider-block{
    overflow: hidden;
    margin-left: 15px;
}
.slider-block .owl-stage{
  padding-left: 16px !important;
}

.service-block .slider-cover{
    height: 100px !important;
    overflow: hidden;
    display: flex;
    background: #000;
    align-items: center;
    justify-content: center;
}

.service-listing .card-body{
  height: 60px;
  padding-bottom: 14px !important;
  overflow: hidden;
}

.service-listing .card-body p{
  letter-spacing: 0.6px;
  line-height: 15px !important;
}

.choose-from{
background: #f9cd45;
/*background: linear-gradient(0deg, rgba(212,180,93,1) 0%, rgba(212,165,67,1) 100%);
 */   margin: 0 0 15px;
}

.curve{
    border-radius: 6px;
    overflow: hidden;
}
.choose-from .nav-tabs.style1 .nav-item .nav-link{
    display: block;
    height: auto;
    box-shadow: none;
    padding: 2px 2px 0;
}
.choose-from .nav-tabs.style1 .nav-item .nav-link p{
    font-size: 11px;
    line-height: 14px;
    font-weight: 400;
    color: #fff;
    padding: 6px 5px 0;
    letter-spacing: 0.2px;
}
.choose-from .nav-tabs.style1 {
    border: 0;
    background: none;
    border-radius: 6px;
    display: flex;
}
/*.choose-from .nav-tabs .nav-link ion-icon, */
.choose-from .nav-tabs .nav-link svg{
    color: #fff;
    background: transparent;
    border: 1px solid #f9cd45;
    font-size: 25px;
    border-radius: 100%;
/*box-shadow: 3px 2px 3px 1px rgb(0 0 0 / 10%), 0 1px 3px 0 rgb(0 0 0 / 15%);*/
    padding: 5px;
    font-size: 50px;
    height: 30px;
    width: 30px !important;
}


.choose-from .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff0;
    border-color: #dee2e6 #dee2e6 #fff;
}
.choose-from .nav-tabs .nav-link.active svg{
    background: #414141;
    border: 1px solid #414141;
}
.choose-from .nav-tabs.style1 .nav-item .nav-link.active p{
    font-weight: 700;
    color: #414141;
    
}
.image-cover.msg{
        display: flex;
    align-items: center;
    justify-content: center;
        margin: 0 auto;
    height: 100px;
    width: 110px;
    position: relative;
}

.image-cover.msg img{
    width: 100%;
}
/***********************PAGE: SERVICE DETAILS *****************************/
.appHeader.for-service ion-icon{
	color: #fff;
}

.appHeader.for-service.scrolled.is-active {
    background: #fff !important;
}
.appHeader.for-service.scrolled.is-active ion-icon{
	color:#000 !important;
}

/*.service-banner{
    background: url(../images/hair-img.jpg) no-repeat center center;
    height: 300px;
    position: relative;
    z-index: -1;
    position: relative;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
}*/
.service-banner{
    background: url(../images/hair-img.jpg) no-repeat center center;
    height: 300px;
    height: 300px;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height:300px;
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

/*.service-banner:before{
	    background-color: rgba(0, 0, 0, 0.3);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}*/

.service-banner h3{
  color: #fff;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 45%;
  font-family: 'Poppins', sans-serif;
  font-size: 30px;
  letter-spacing: 2px;
  font-weight: 700;
  line-height: 35px;
      padding: 0 20px;
  text-transform: uppercase;
}

.section-curve {
    border-radius: 0px 0px 0px 0px;
    background: #f6f6f6;
    padding: 0px 25px 50px;
    margin: 0px 0 0;
}

.section-curve .listview{
    background: #f6f6f6;

}
.service-list .image-listview li:first-child a{
  padding-top: 0 !important;
}

.service-list .image-listview > li a.item:after {
    background-image: url(data:image/svg+xml,%0A%3Csvg width='10px' height='16px' viewBox='0 0 10 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Listview' transform='translate(-112.000000, -120.000000)' stroke='%23A1A1A2' stroke-width='2.178'%3E%3Cpolyline id='Path' points='114 122 120 128 114 134'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    content: "";
    position: absolute;
    right: 0px;
    opacity: .5;
    top: 50%;
    margin-top: -9px;
}
.service-list .image-listview > li a.item {
    color: #141515 !important;
    padding-right: 30px;
}

/*modification*/
.service-mod{
    /*padding: 0px 25px 150px !important;*/
    padding: 0px 25px 48px !important;
    position: relative;
    top: 0px;
}
.service-mod.service-list .image-listview > li a.item {
    color: #141515 !important;
    padding-right: 0px;
     /*font-family: 'Poppins', sans-serif;*/
}
.service-mod.service-list .image-listview > li{
     font-family: 'Poppins', sans-serif;

}
.service-mod.service-list .image-listview > li .item{
	padding-right:0 !important;
    display: inline;
}
.service-mod.service-list .image-listview > li a.item:after{
  display: none;
}

.service-mod .w-65{
  width:65%;
}
.service-mod .w-25{
  width: 25%;
}
.service-mod .w-63{
  width:63%;
  min-height: 27px;
  padding-top: 2px;

}
/*.service-mod .w-23{
  width: 23%;
}*/

.service-mod .w-10{
  width: 10%;
}
.service-mod .w-40{
  width: 40%;
}

.form-button-group2 {
    position: fixed;
    bottom: 66px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 11;
    padding-left: 16px;
    padding-right: 16px;
    background: #f9cd45;
    color: #fff;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 10%), 0 1px 3px 0 rgb(0 0 0 / 8%);
    padding-bottom: env(safe-area-inset-bottom);
}
.select-btn{
    background: url(../images/spin.gif);
    background-repeat: no-repeat;
    background-position: center;
	border: none;
    padding: 0;
    color:#909090;
    font-size: 20px !important;
    font-weight: 900 !important;
    border: 0px solid #cacaca;
    z-index: 2;
    position: relative;
    background: #f6f6f6;
     width: 22px;
     height: 22px;
}
.select-btn1{
    background: url(../images/spin.gif);
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
    width: 22px;
    position: absolute;
    left: 0;
    right: 0;
    /*margin: 0 auto !important;*/
    z-index: 1;
}
.cart-cover{
  position: relative;
      overflow: hidden;
}
.spin-loader{
position: absolute;
    left: 0;
    right: 0;
        margin: 4px 3px 0px auto !important;
}
.select-btn ion-icon {
    --ionicon-stroke-width: 46px;
    font-size: 23px;
}
.select-btn.select-check{
	color: #7ace6a !important;

}
.select-check ion-icon{
	--ionicon-stroke-width: 70px !important;
	font-size: 22px !important;
}
.btn-checkout{
      color: #fff !important;
      border: 1px solid #f2bf61;
      background: rgb(242,191,97);
          background: linear-gradient( 40deg, rgb(255 174 47) 37%, rgb(255 174 47) 73%);padding: 10px 30px;
      width: 115px;
}
/***********************PAGE: APPOINTMENTS *****************************/
.form-wizard-section.appoint-process .button-item strong {
    background: #E1E1E1;
    width: 27px;
    height: 27px;
    border-radius: 100%;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1em;
    position: relative;
    z-index: 2;
}
.form-wizard-section.appoint-process .button-item strong ion-icon{
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
   --ionicon-stroke-width: 80px;
}

   

.form-wizard-section.appoint-process .button-item.active strong {
    background: #f4cb54;
    color: #fff;
}
.form-wizard-section .button-item.active p {
    color: #A1A1A2;
}
.form-wizard-section.appoint-process:before {
    display: none;
    content: "";
    height: 1px;
    background: #E1E1E1;
    width: 100%;
    position: absolute;
    top: 16px;
}
.form-wizard-section.appoint-process a:after{
    content: "";
    height: 1px;
    background: #E1E1E1;
    width: 100%;
    position: absolute;
    top: 16px;
}
.form-wizard-section.appoint-process a:last-child:after{
  display: none;
}

/*.date-time a:before{
  background:#fff url('images/appointment-icon.png');
  position: absolute;
  top: 4px;
  left: 15px;
  color: #fff;
  display: block !important;
  font-size: 16px;
  width: auto;
  font-weight: 400;
}*/
.date-time a:after{
      content: '\f054' !important;
      font-family: FontAwesome;
      position: absolute;
      top: 4px;
      right: 10px !important;
      color: #fff;
      display: block !important;
      font-size: 16px;
      width: auto;
      font-weight: 400;
      background-image: none !important;
      height: auto;
}
.date-time .listview{
  padding: 15px 10px !important;
}
.date-time .image-listview > li .item .in {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.cal-date{
      width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.date-time a:after {
    color: #000;
}
.cal-date img{
  position: absolute;
  left: 10px;
}
.cal-date p span{
  color: #808080;
  padding-bottom: 4px;
  position: relative;
  top: -2px;
}
.treatment {
  font-family: 'Poppins', sans-serif;
}
.treatment .image-listview > li:after {
    left: 0px;
}
.treatment .image-listview > li:first-child .item{
     padding: 10px 6px;
    min-height: 42px;
}

.treatment .image-listview > li .item {
    /*padding: 18px 6px;*/
    padding: 9px 6px;
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.treatment .set1{
    width: 45%;
}
.treatment .set1.set-name{
	display: flex;
}

.treatment .set2{
  width: 25%;
}

.treatment .set3{
  width: 25%;
}

.treatment .set4{
  /*width: 5%;*/
  width: 12%;
  padding: 10px 0px 10px 10px;
}


.treatment .set4.btn-set4{
	border: none;
	background: none;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #909090;
}

.close-service{
  width: 100%;
      text-align: center;
      background: #f1be7400;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 18px;
      color: #c27927 !important;
      border-radius: 5px;
      padding: 10px 0 !important;
      font-size: 15px !important;
      width: 100% !important;
}
/*POPUP: Calendar*/

.calendar-modal{
  font-family: 'Poppins', sans-serif;

}
.calendar-modal.modalbox .modal-dialog .modal-content .modal-header{
  border-bottom: 0px solid #E1E1E1;
}
#ui-datepicker-div{
    position: relative;
    top: 0px;
    padding: 10px;
    left: 0px;
    z-index: 3;
    display: block;
    box-shadow: 0px 2px 0px 3px #f2f1f6;
    border-radius: 0 0 8px 8px;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0em 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}
.ui-widget-header {
  border: 0px solid #dddddd;
  background: none;
  color: #333333;
  font-weight: bold;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em 0 0.6em;
      line-height: 1.8em;
      text-align: center;
      font-size: 16px;
      font-weight: 600;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker th {
  padding: .7em .3em;
  letter-spacing: 0.5px;
  text-align: center;
  color: #c4c4c5;
  font-weight: 500;
  font-size: 11px;
  border: 0;
  text-transform: uppercase;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}
.calendar-modal .ui-datepicker-prev {
    right: 30px;
    cursor: pointer !important;
    pointer-events: initial;
}
.calendar-modal .ui-datepicker-header{
  display: flex;
  align-items: center;
}
.calendar-modal .ui-datepicker-prev span, .calendar-modal .ui-datepicker-next span{
    display: flex;
    align-items: center;
    font-size: 22px;
    line-height: 22px;
}
.calendar-modal .ui-datepicker-next{
    right: 0;
}

.calendar-modal .ui-datepicker-next,.calendar-modal .ui-datepicker-prev
{   position: absolute;
    outline:none;
    border:none;
    background:none;
    color:#dba755;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    /*opacity: .35;*/
    opacity: 1;
    filter: Alpha(Opacity=35);
    background-image: none;
}
.old-date{
  color:#c7c7c7 !important;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 0px solid #dad55e;
  background: #f5ce57 !important;
  border-radius: 100%;
  color: #fff !important;
  width: 40px;
  height: 40px;
  margin: 0 auto;
}
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {
  border: 0px solid #c5c5c5;
      background: #ffffff;
      font-weight: normal;
      color: #454545;
      text-align: center;
      font-weight: 400;
      font-size: 14px;
      padding: .5rem;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

/*Time select*/
.time-select .custom-radio{
  width: 47%;
  border: 2px solid #e4e4e482;
  border-radius: 8px;
  padding: 12px 10px;
  text-align: center;
}
.time-select .custom-radio:nth-child(even){
  float: right;
}
.time-select .custom-radio:nth-child(odd){
  float: left;
}
.time-select .custom-control .custom-control-label{
  font-size: 13px;
}


.time-select .custom-control-label::before {
    left: -0.5rem;
    opacity: 0;
}
.time-select .custom-control-label::after {
    left: -0.5rem;
    opacity: 0;
}

.time-select .custom-control .custom-control-label {
    padding-left: 0px;
    padding-top: 2px;
    color: #606060;
}
.time-select .custom-control  .custom-control-input{
	z-index: 1 !important;
}
.time-select  .custom-control:hover{
      border: 2px solid #f0bd60 !important;
}
.time-select .custom-control:hover .custom-control-label {
    color: #000000;
}
.time-select  .custom-control.past-timings:hover{
      border: 2px solid transparent !important;
}
.time-select  .custom-control.past-timings{
    color: #bababa;
}
.time-select .custom-control.past-timings:hover .custom-control-label {
    color: #bababa;
}
.time-select .custom-control.past-timings .custom-control-label{
color: #bababa;
}

/***********************PAGE: APPOINTMENTS  SLOTS *****************************/
.slot-change .image-listview > li a.item:after{
  display: none !important;
}
.equal-div{
  width: 40%;
}
.equal-div-mid{
   width: 20%;
}
.slot-titles{
  color: #939393;
}
.equal-div-mid img{
  position: relative;
  left:unset;
}

.section-instruction{
  background:#f0f0f0;
  border-radius: 40px 40px 0px 0px;
  margin:10px 0 !important;
  padding: 20px 0;
  font-family: 'Poppins', sans-serif;
}

.section-instruction .listview > li:after{
      display: none;
} 

.section-instruction .listview > li .item ion-icon{
      color: #d3d3d3;
    font-size: 18px;
    --ionicon-stroke-width: 100px;
}
.section-instruction .image-listview > li .item {
    padding: 0px 16px;
    width: 100%;
    min-height: 35px;
    display: flex;
    align-items: flex-start;
}

.program-outer {
    position: relative;
    padding: 5px 0 0;
  font-family: 'Poppins', sans-serif;

}
.program-outer .workout-types {
  margin: 21px 30px 20px;
  background: #ffffff;
  border-radius: 10px;
  padding: 30px 18px 30px;
  box-shadow: 0px 0px 5px 6px #f2f1f6;
  text-align: center;
}
.workout-types .image-cover {
      width: 50px !important;
      height: 50px;
      overflow: hidden;
      border-radius: 100%;
      margin: 0 auto;
      position: absolute;
      left: 0;
      right: 0;
      padding: 10px;
      top: 0;
      background-color:#7acb84;
}
.workout-types .image-cover.failure{
    background-color: #f26844;
}
.workout-types .image-cover img, .image-cover ion-icon {
    width: 100%;
    position: initial;
    margin: 0 auto !important;
    top: 0;
    right: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    color: #fff;
}

.pay-date{
  display: flex;
  align-items: center;
  padding: 10px;
  justify-content: flex-start;
}


/***********************PAGE: PROFILE *****************************/


.profile-pic .profile-cover-outer {
      margin: 0 auto;
      height: 120px;
      width: 120px;
      position: relative;
}
.profile-pic .profile-cover {
    top: 18px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #e4e5e4 !important;
}
.profile-pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.select-pic {
      position: absolute;
      right: -10px;
      bottom: 17px;
      background: #f1bd60;
      padding: 5px;
      border-radius: 100%;
      height: 40px;
      width: 40px;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
}
.select-pic ion-icon {
  font-size: 22px;
  color: #fff;
  line-height: 23px;
}
.user-options .image-listview > li a.item:after, .user-edits.link-listview > li a:after{
  display: none;
}
.user-edits.listview{
      border-bottom: 0px solid #E1E1E1;
}
.user-edits ion-icon{
  color: #4b4b4b;
 --ionicon-stroke-width: 35px;
}
.user-edits.image-listview > li .item{
  padding: 15px 25px 15px 16px;
}

.user-name.image-listview > li .item{
  padding: 15px 25px 20px 16px;
}
.user-edits.image-listview > li .item .icon-box{
  font-size: 21px;
}
.user-edits .in{
  color: #222222;
}
.user-edits.image-listview.media > li:last-child {
    border-bottom: 1px solid #E1E1E1;
}
.edit-btn{
  height: auto;
      padding: 0;
} 
.edit-btn ion-icon{
  font-size: 18px;
    margin-right: 0px;
    margin-top: -2px;
    font-weight: 700;
    color: #e1a10c;
    --ionicon-stroke-width: 45px;
}
.address-popup.image-listview > li .item .icon-box{
     margin-right: 6px;
}

.btn-address-pop{
    background: none;
    border: none;
    font-size: 12px;
    position: absolute;
    color: #818181;
    right: 11px;
    text-decoration: underline;
}
.modal-address .custom-control .custom-control-input:checked ~ .custom-control-label:before {
    background: #f9cd45 !important;
    border-color: #f9cd45 !important;
}

.modal-address .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{
    background-color: transparent;
}

.modal-address .modal-header a{
    color: #000 !important;      
}
.modal-address .modal-header ion-icon{
    font-size: 20px;
    position: relative;
    top: 4px;
}

.apply-coupon .listview{
    background: #f9cd45 !important;
}
.apply-coupon .listview .item{
    display: block;
    justify-content: space-between;
}
.apply-coupon .listview .item .coupon-a{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.apply-coupon .listview .item .coupon-a a{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.apply-coupon .listview .item .coupon-a a img{
    position: relative;
    top: -1px;
}
.sub-coupon {
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: relative;
    top: 5px;
}
.sub-coupon a{
    width: auto !important;
}
.apply-coupon .listview .item ion-icon{
    font-size: 22px;
}

.apply-coupon .searchbox .form-control {
    height: 36px;
    background: #fff8e4 !important;
    border-radius: 6px;
    border: 1px solid #acacac !important;
    padding: 0 55px 0 16px !important;
    font-size: 15px;
    box-shadow: none !important;
    color: #141515;
}
/*{
        font-size: 14px !important;
}*/

/***********************PAGE: ADDRESS *****************************/

.address-option.image-listview > li .item {
    padding: 10px 16px;
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: flex-start;
}
.register.basic-form .form-group .default-address label{
     font-size: 13px !important;
     font-weight: 300 !important;
     padding: 0 0 15px;
}
.default-address{
    margin: 20px 0 0;
}
.default-address .flex-disp{
    display: flex;
}
.default-address .flex-disp .custom-control{
    margin-right: 25px;
}
.register.basic-form .default-address .custom-control .custom-control-label{
    text-decoration: none;
    padding: 4px 0 0;
}

.address-btn .btn {
    height: 25px;
    padding: 3px 11px;
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
    box-shadow: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s all;
    text-decoration: none !important;
    border-radius: 6px;
    border-radius: 15px !important;
    border-width: 1px;
}
.address-btn{
    padding:0 0px 15px;
}

.btn-outline-edit {
    background: transparent;
    border-color:  #f2bf61;
    border-width: 1px;
    color:  #f2bf61;
    transition: 0.2s all;
}
.edit-addr li{
    display: block;
}
/***********************PAGE: NOTIFCATION *****************************/
.appoint-block .image-listview > li a.item:after{
    display: none;
}
.appoint-block .image-listview > li {
	padding: 10px 0;
  border-bottom: 1px dashed #5a5a5a;
}
.appoint-block .list-internal.image-listview > li:first-child {
  padding-top: 0;
}
.appoint-block .list-internal.image-listview > li:last-child {
  padding-bottom: 0;
}
.appoint-block .image-listview > li a.item {
    color: #141515 !important;
    padding-right: 0px;
    
}

.appoint-block .image-listview > li .item {
    color: #141515 !important;
    padding-right: 0px;
     font-family: 'Poppins', sans-serif;
     min-height: auto;
}
.appoint-block .image-listview > li .item .text-white {
    color: #000 !important;
    width: 76%;
    padding-right: 10px;
}
.appoint-block .image-listview > li .item .text-gold{
      color: #9c7500  !important;
      font-weight: 600;
}
.appoint-block .card{
          border-radius: 20px;
}
.appoint-block .card .card-header {
    background: transparent;
    color: #141515;
    padding: 6px 16px;

    font-weight: 500;
    border-bottom: 1px solid #646464;
}

.appoint-block .card li.completed{

            padding: 0px 0 !important;

}
.appoint-block .card .card-header li{
    padding: 3px 0px;
}
.appoint-block .card .card-footer {
    background: transparent;
    border-top: 1px solid #646464;
    color: #4F5050;
    /* border-top: 0 !important; */
    border-bottom: 0;
}
.appoint-block .card{
    box-shadow: none;
}
.appoint-block .card .listview{
    background: transparent !important;
}
.w-35a{
 width: 35%;
}

.appoint-block .btn-outline-secondary{
  background: #549c71;
  border-color: #a79436;
  color: #fcd076;
  border-width: 1px;
  height: 25px;
  transition: 0.2s all;
  letter-spacing: 1.2px;
  padding: 0 10px;
  font-weight: 500;
  line-height: 14px;
  font-size: 10px !important;
  margin-right: -7px;
}

.appoint-block .btn-outline-danger{ background: transparent; border-color:
#ec4433; color: #ec4433; border-width: 1px; height: 25px; transition: 0.2s
all; letter-spacing: 1.2px; padding: 0 10px; font-weight: 500; line-height:
14px; font-size: 10px !important; margin-right: -7px; } 

.appoint-block .btn-outline-elapsed {background: transparent;    border-color: #000000;
    color: #000000; border-width: 1px; height: 25px; transition: 0.2s
all; letter-spacing: 1.2px; padding: 0 10px; font-weight: 500; line-height:
14px; font-size: 10px !important; margin-right: -7px; } 

.close-btn{
background: none; border: none; color: #8f8f8f; font-size: 19px !important;
font-weight: 700; padding:0; line-height: 19px; } 
.close-btn ion-icon{
--ionicon-stroke-width: 80px; font-size: 20px; } 
.check-btn{ background:
#b9a12f; color: #414141; border-radius: 100%; font-size: 10px; padding: 5px;
height: 26px; width: 26px; display: flex; align-items: center;
justify-content: center; border:none; } 
.check-btn ion-icon{
--ionicon-stroke-width: 80px; font-size: 20px; }

/***********************PAGE: NOTIFICATIONS *****************************/
.bubble{
    font-family: 'Poppins', sans-serif;
    color: #555 !important;
    font-size: 14px;
    line-height: 20px;
}

/***********************PAGE: EDIT PROFILE *****************************/
.gender-label{
  font:15px/24px 'Kumbh Sans', sans-serif !important;
}
.register.basic-form .gender-label .custom-control .custom-control-label{
  color:#141515 !important;
  text-decoration: none;
  font-size:15px !important;
}
.register.basic-form .gender-label .custom-control .custom-control-label::before{
  border-radius: 100% !important;
  margin-top: 4px;
  border-color: #d2d2d2 !important;
}
.register.basic-form .gender-label .custom-control .custom-control-label:after{
      top: 2px;
      margin-top: 6px;
}
/*.register.basic-form .form-group label.gender-label{
      color: #141515 !important;
}
.select-gender .gender-label input{
 margin: 0px 5px 0 0px;
 position: relative;
 top: 2px;
}*/

/*.select-gender .gender-label:before{
  transition: 0s all;
  box-shadow: none !important;
  background: #E1E1E1;
  width: 16px;
  height: 16px;
  border-color: #cdae64 !important;
  border-radius: 30% !important;
  margin-top: -2px;
  background: transparent;
  border-color: #E1E1E1;
  border-width: 2px;
}
.select-gender .gender-label:after{
}  
.select-gender .gender-label input:hover {
    border: 2px solid #f0bd60 !important;
  }*/
/*.custom-control .custom-control-input:checked ~ .custom-control-label:before {
    background: #1E74FD !important;
    border-color: #1E74FD !important;
}
  .custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e);
}
.time-select .custom-control-label::before {
    left: -0.5rem;
    opacity: 1;
}
.custom-control .custom-control-input:checked ~ .custom-control-label:after {
    width: 16px;
    height: 16px;
    background-size: 12px 12px;
}*/

/***********************PAGE: OFFERS*****************************/


.offer-section.service-block .slider-cover {
    height: 315px !important;
    overflow: hidden;
    display: flex;
    background: #000;
    align-items: center;
    justify-content: center;
}
/***********************PAGE: OFFERS DETAILS *****************************/
.offers-details .image-listview > li .item
{
      min-height: 45px;
}
.offers-details .service-chip .btn-outline-mix{
    box-shadow: 0px 1px 1px 1px  #f2f1f6 !important;
    min-width: max-content !important;
    background: transparent;
    /* border-color: #6C7C94; */
    border-color: #f1f1f1;
    border-width: 1px;
    color: #383838;
    min-width: fit-content!important;
    transition: 0.2s all;
    border-radius: 100px !important;
    height: 29px;
    padding: 1px 11px;
    font-size: 11px;
    font-weight: 600;

}
.offers-details.service-mod {
    padding: 15px 25px 150px !important;
    position: relative;
    top: 311px;
}
.overlay-back{
  background: #000000bd;
}

.another-service{
  color: #f2bf61 !important;
  text-decoration: underline !important;
}

.appnt.appoint-block .image-listview > li .item .text-white1{
  color:#404040  !important;
}
.app-completed{
  padding:0;
      position: relative;
    right: -3px;
}
.app-completed .check-btn ion-icon {
    --ionicon-stroke-width: 80px;
    font-size: 20px;
    color: #fff;
    margin-right: 0;
}

/*08-11-2021*/
.marked-list{
    padding: 0 0px 0px 20px;
}

.marked-list li{
    padding: 0 0px 10px 0px;
    font-size: 14px;
    line-height: 18px;
    color: #4a4a4a;
    font-family: 'Poppins', sans-serif;
}

.contact-section h5{
    font: 500 14px/20px 'Kumbh Sans', sans-serif !important;
}
.contact-section .wide-block{
    background: transparent;
}
.call-cover a{
    color: #000;
    font-weight: 600;
}


/*plus- minus btn*/
.qty{
    width: 35px;
    height: 27px;
    color: #000;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0px solid #464646 !important;
    border-right: 0px solid #464646 !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    background: transparent;
    text-align: center;
    outline: none;
    border: 1px solid #cacaca !important;
    margin: 0 5px;
    border-radius: 3px;

}
.qtyl, .qtyr{
    color: #909090;
    padding: 0;
}
.treatment .set4.btn-set4.qtyl{
    padding: 10px 0px 10px 10px;
    margin: 0 0 0 10px !important;
}
.treatment .set4.btn-set4.qtyr{
    padding: 10px 10px 10px 0px;
}
.treatment .set4.btn-set4.qtyl,
.treatment .set4.btn-set4.qtyr {
    border: none;
    background: none;
    font-weight: 400 !important;
    font-size: 25px !important;
    color: #909090;
    line-height: 30px;
    background: linear-gradient( 40deg , #f8e1a2 37%, #f8e1a2 73%);
    padding: 5px 0 5px;
    margin: 0px;
    color: #000;
    display: flex;
    border-radius: 100%;
    align-items: center;
    width: 28px;
    height: 26px;
    justify-content: center;
}
.treatment-edit .qty-cover{
    width: 45%;
    justify-content: flex-end;
    display: flex;
}
.treatment-edit .set4{
    width: 45%;
    
}


/*20-02-2022*/
.profileBox {
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    align-items: center;
    position: relative;
    background: #1e1e1e;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 10%), 0 1px 3px 0 rgb(0 0 0 / 8%);
    position: fixed;
    z-index: 100;
    left: 0;
    top: env(safe-area-inset-top);
    right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.sidebar-buttons a:nth-child(1) ion-icon{
        color: #4b69b0;
}
.sidebar-buttons a:nth-child(2){
    color : #cd486b;
}
.sidebar-buttons a:nth-child(3){
    color : #45c556;
}
.sidebar-buttons a:nth-child(4){
    color : #ed1b24;
}

.multitab .nav-tabs.lined .nav-item .nav-link{
    display: block;
    padding: 6px 3px;
}

.multitab .tab-pane .cat-image {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border-radius: 100%;
    padding: 8px;
    color: #fff;
    display: flex;
    background: #f8e1a2;
    border: 0px solid #cacaca;
    align-items: center;
    justify-content: center;
}

.multitab .tab-pane .cat-image img {
    width: 100%;
}

.multitab .tab-pane  .nav-tabs.lined .nav-item .nav-link.active{
    color: #1e74fd00;
    background: transparent;
    border-bottom-color: #00000000 !important;
}
.multitab .tab-pane  .nav-tabs.lined .nav-item .nav-link.active .cat-image{
    background: #f9cd45;
}
.multitab .tab-pane  .nav-tabs.lined .nav-item .nav-link.active p{
    color: #000;
}


/*********************** PAGE: MEMEBERSHIP *****************************/
.membership-section.offer-section.service-block .slider-cover {
    height: 230px !important;
    overflow: hidden;
    display: flex;
    background: #000;
    align-items: center;
    justify-content: center;
}
.membership-section .service-slider .card-text, .card-text {
    color: #7d7d7d !important;
}
.membership-section .service-slider .card-text, .card-text.text-black{
    color: #000 !important;
}
.bg-service-package {
    background: url('../images/highlights.png') no-repeat;
    background-size: cover;
    padding: 0 10px;
}
.bg-service-package:before{
    background-color: rgb(249 205 69 / 35%);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.bg-service-package .item{
    position: relative;
    border-bottom: 0px solid #E1E1E1 !important;
} 
.bg-service-package .item .text-grey7 {
    color: #333333;
}
.bg-service-package .item .text-gold {
    color: #ef6c00 !important;
}
.bg-service-package  .select-btn{
        background: #fad158;
}
.spec-offer .offers-details.service-mod {
    padding: 0px 25px 0px !important;
    position: relative;
    top: 0;
}

.spec-offer.dialogbox .modal-dialog .modal-content .modal-body{
    padding: 0;
    margin-bottom: 0px;
}
.spec-offer.dialogbox .modal-dialog .modal-content .modal-header {
    border: 0;
        padding: 10px 0px 10px 0px;
        position: absolute;
        top: 10px;
        z-index: 111111111;
        right: 6px;
        height: 20px;
        width: 20px;
        color: #fff;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ffffff;
}
.spec-offer.dialogbox .modal-dialog .modal-content .modal-header .text-black{
    color: #000;
}

.spec-offer.dialogbox .modal-dialog .modal-content {
    max-width: 90%;
}

.spec-offer.dialogbox .modal-dialog .modal-content .btn{
    border: 1px solid #f2bf61;
    background: rgb(242,191,97);
    background: linear-gradient( 40deg, rgb(255 174 47) 37%, rgb(255 174 47) 73%);
    color: #fff;
    height: 26px;
    font-weight: 500;
}
.modal-backdrop.show {
    opacity: 0.75;
}
.no-gap{
    padding: 0px 0px 48px !important;
}

.service-mod.no-gap.service-list .image-listview > li{
    padding: 0 25px 0;
    border-bottom: 0px solid #E1E1E1;
}
.service-mod.no-gap.service-list .image-listview > li .item{
    border-bottom: 1px solid #E1E1E1;
}


.star-feedback span,.star-feedback .react-stars{
    overflow: visible !important;
}
.star-feedback span{
    font-size: 35px !important;
}

.appointment-footer p{
  font-size: 13px;
  color: #707070;
  font-weight: 300;
  padding: 0 5px;
}

.full-img .slider-cover{
  height: auto;
}

.norecords{
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    color: #f44336;
}
.offer-modal .input-list .custom-control:after {
    content: "";
    height: 1px;
    background: #E1E1E1;
    display: block;
    margin-left: 0px;
}
.offer-modal .coupon-bx{
   padding: 7px 12px;
   position: relative;
}
.offer-modal .coupon-code{
    background: #f8e1a2;
    border: 2px solid #f9cd45;
    padding: 2px 8px;
    font-size: 13px;
}
.offer-modal .apply-coupon{
    
    position: absolute;
    right: 10px;
    top: 13px;
}
.offer-modal .apply-coupon button{
    background: transparent;
    color: #ffae2f;
    font-weight: 600;
    border: none;
    padding: 10px;
}
.offer-modal .custom-control-label{
    display: block;
    padding: 5px 5px 5px 5px;
}
.offer-modal .custom-control-label h5{
    margin-bottom: 5px;
}
.offer-modal .input-list .custom-control-label:before,.offer-modal  .input-list .custom-control-label:after{
    opacity: 0;
}

#couponSuccessModal .text-red{
    color: red;
    font-weight: 600;
}
.bg-oran{
     color:#ffae2f !important;
}
.bt-oran{
    background: transparent;
    border-color: transparent;
    color: #ffae2f !important;
    transition: 0.2s all;
}