.fonts-title{
    font-family: 'Great Vibes', cursive;
    color:#bf8749;
}
.header-logo h2{
    font-size: ;
    color: #fff;
}
.main-slider{
    height: 750px;
}
.bg-img{
    height: 100%;
}
.slider-text{
    padding-top: 150px;
}
.sub-heading{
    font-family: 'Playfair Display', serif;
    font-style: italic;
    text-transform: capitalize;
}
.custom-font-main {
    font-size: 88px;
    font-weight: bolder;
    line-height: 110px;
    color: #fff;
    letter-spacing: 4px;
    margin-bottom: 20px;
}
.cst-btn {
    background-color: #bf8749;
    color: #fff;
    box-shadow: #caa07096 0px 7px 29px 0px;
    border-radius: 0;
}
.cst-btn:hover{
    background-color: #CAA070;
    color: #000;
}
.main-inner-section{
    padding: 20px 0px;
}
.center-heading{
    text-align: center;
    margin-bottom: 80px;
}
.center-heading h2{
    margin: 0;
}
.center-heading img{

}
.center-heading h1 {
    font-size: 38px;
    font-weight: 800;
    letter-spacing: 0;
}
.best-product {
    height: 220px;
    overflow: hidden;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}
.best-product img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.bg-color-custom{
    background-color: #F6F6F6;
    text-align: center;
}
.pro-text{
    text-align: center;
}
.pro-text .btn {
    font-size: 12px;
    border-radius: 0;
    font-weight: 400;
    letter-spacing: 1px;
}
.bg-img-section{
    background-image: url('../img/bg-1.png');
    background-repeat: no-repeat;
    height: 650px;
    overflow: hidden;
}

.story-text {
    background-color: #fff;
    padding: 50px;
    margin-top: 80px;
    margin-left: -15px;
    margin-bottom: 80px;
}
.story-heading  h2{
    margin: 0;
}

.story-heading  h1 {
    font-size: 38px;
    font-weight: 800;
    letter-spacing: 0;
}
.story-text p{
    font-size: 16px;
    font-weight: 300;
}
.sign h6 {
    font-size: 20px;
    letter-spacing: 0;
}
.product-lsit{
    padding: 90px 0px 50px;
}

.tabs .custom-tab li .nav-link.active {
    background-color: #000;
    color: #fff !important;
}
.tabs .custom-tab li .nav-link.active p{
    color: #fff;
}
.tabs .custom-tab li .nav-link {
    border: 0 !important;
    background: #fff;
    margin: 0 !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.tab-content .bg-color-custom{
    background-color: #fff;
    border:0.5px solid #c8c8c859;
}
.tabs .custom-tab li .nav-link:hover p{
    color: #fff;
}
.newsletter-text h2 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0;
}
.newsletter-text p{

}
.newsletter-form form .form-control{
    border:1px solid #fff;
}
#footer p{
    color: #C8C8C8;
}
#footer h5 {
    text-transform: capitalize;
    font-size: 22px !important;
    letter-spacing: 0;
}
.footer-ul{
    margin: 0;
    padding: 0;
}
.footer-ul li{
    list-style: none;
}
.footer-ul li a{
    color: #C8C8C8 !important;
}
.contact-us-add ul li i{
    color: #000 !important;
}
.menu-category-3{
    padding: 0px 15px;
}
.menu-category-3 a{
    color: #fff;
}
.menu-category-3:hover a{
    color: #B4694E;
}
.breadcrumb > .menu-category-3 + .menu-category-3:before {
    display: none;
}

.ul-dot-none{
    list-style: none;
    padding: 0px;
}
.ul-dot-none li{
  padding-right: 10px;
}





.qty-input {
  color: #000;
  background: #fff;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.qty-input .product-qty,
.qty-input .qty-count {
  background: transparent;
  color: inherit;
  font-weight: 600;
  font-size: inherit;
  font-size: 13px;
  border: none;
  display: inline-block;
  min-width: 0;
  height: 32px;
  line-height: 1;
}
.qty-input .product-qty:focus,
.qty-input .qty-count:focus {
  outline: none;
}
.qty-input .product-qty {
  width: 40px;
  min-width: 0;
  display: inline-block;
  text-align: center;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.qty-input .product-qty::-webkit-outer-spin-button, .qty-input .product-qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.qty-input .qty-count {
  padding: 0;
  cursor: pointer;
  width: 2rem;
  font-size: 1.25em;
  text-indent: -100px;
  overflow: hidden;
  position: relative;
}
.qty-input .qty-count:before, .qty-input .qty-count:after {
  content: "";
  height: 1.5px;
  width: 8px;
  position: absolute;
  display: block;
  background: #000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.qty-input .qty-count--minus {
  border-right: 1px solid #e2e2e2;
}
.qty-input .qty-count--add {
  border-left: 1px solid #e2e2e2;
}
.qty-input .qty-count--add:after {
  transform: rotate(90deg);
}
.qty-input .qty-count:disabled {
  color: #ccc;
  background: #f2f2f2;
  cursor: not-allowed;
  border-color: transparent;
}
.qty-input .qty-count:disabled:before, .qty-input .qty-count:disabled:after {
  background: #ccc;
}

.qty-input {
  /*border-radius: 4px;
  box-shadow: 0 1em 2em -0.9em rgba(0, 0, 0, 0.7);*/
  transform: scale(1.4);
}

.product-quantity{
    margin-top: 7px;
}








.root {
  padding: 1rem;
  border-radius: 5px;
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
}

figure {
  display: flex;
}
figure img {
  width: 7rem;
  height: 7rem;
  border-radius: 15%;
  border: 1.5px solid #f05a00;
  margin-right: 1.5rem;
  padding:1rem;
}
figure figcaption {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
figure figcaption h4 {
  font-size: 1.4rem;
  font-weight: 500;
}
figure figcaption h6 {
  font-size: 1rem;
  font-weight: 300;
}
figure figcaption h2 {
  font-size: 1.2rem;
  font-weight: 500;
  margin: 0px;
}

.order-track {
  margin-top: 2rem;
  padding: 0 1rem;
  border-top: 1px dashed #2c3e50;
  padding-top: 2.5rem;
  display: flex;
  flex-direction: column;
}
.order-track-step {
  display: flex;
  height: 5rem;
}
.order-track-step:last-child {
  overflow: hidden;
  height: 4rem;
}
.order-track-step:last-child .order-track-status span:last-of-type {
  display: none;
}
.order-track-status {
  margin-right: 1.5rem;
  position: relative;
}
.order-track-status-dot {
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: #e8e8e8;
}
.order-track-status-dot.completed{
    background: #f05a00;
}
.order-track-status-line {
  display: block;
  margin: 0 auto;
  width: 2px;
  height: 7rem;
  background: #e8e8e8;
}
.order-track-status-line.completed{
    background: #f05a00;
}
.order-track-text-stat {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 3px;
  margin-top: 3px;
}
.order-track-text-sub {
  font-size: 1rem;
  font-weight: 300;
}

.order-track {
  transition: all .3s height 0.3s;
  transform-origin: top center;
}







@media (max-width: 575px){
    .main-slider{
     height: 750px;
 }
 .custom-font-main {
    font-size: 52px;
    line-height: 68px;
}
.bg-img-section {
    background-image: none;
    height: auto;
}
.main-inner-section {
    padding: 60px 0px;
}
.product-lsit {
    padding: 60px 0px 50px;
}
.story-text {
    margin-top: 20px;
    margin-left: 0;
    margin-bottom: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 1px 1px 29px 0px;
}

}


.picZoomer{
    position: relative;
    /*margin-left: 40px;
    padding: 15px;*/
}
.picZoomer-pic-wp{
    position: relative;
    overflow: hidden;
    text-align: center;
}
.picZoomer-pic-wp:hover .picZoomer-cursor{
    display: block;
}
.picZoomer-zoom-pic{
    position: absolute;
    top: 0;
    left: 0;
}
.picZoomer-pic{
    /*width: 100%;
    height: 100%;*/
}
.picZoomer-zoom-wp{
    display: none;
    position: absolute;
    z-index: 999;
    overflow: hidden;
    border:1px solid #eee;
    height: 460px;
    margin-top: -19px;
}
.picZoomer-cursor{
    display: none;
    cursor: crosshair;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #eee;
    background-color: rgba(0,0,0,.1);
}
.picZoomCursor-ico{
    width: 23px;
    height: 23px;
    position: absolute;
    top: 40px;
    left: 40px;
    background: url(images/zoom-ico.png) left top no-repeat;
}

.my_img {
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
}
.piclist li{
    display: inline-block;
    width: 90px;
    height: 114px;
    border: 1px solid #eee;
}
.piclist li img{
    width: 97%;
    height: auto;
}

/* custom style */
.picZoomer-pic-wp,
.picZoomer-zoom-wp{
    border: 1px solid #eee;
}



.section-bg {
    background-color: #fff1e0;
}

.row-sm .col-md-6 {
    padding-left: 5px;
    padding-right: 5px;
}

/*===pic-Zoom===*/
._boxzoom .zoom-thumb {
    width: 90px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
}
._boxzoom .zoom-thumb ul.piclist {
    padding-left: 0px;
    top: 0px;
}
._boxzoom ._product-images {
    width: 80%;
    display: inline-block;
}
._boxzoom ._product-images .picZoomer {
    width: 100%;
}
._boxzoom ._product-images .picZoomer .picZoomer-pic-wp img {
    left: 0px;
}
._boxzoom ._product-images .picZoomer img.my_img {
    width: 100%;
}
.piclist li img {
    height:100px;
    object-fit:cover;
}

/*======products-details=====*/
._product-detail-content {
    background: #fff;
    padding: 15px;
    border: 1px solid lightgray;
}
._product-detail-content p._p-name {
    color: black;
    font-size: 20px;
    border-bottom: 1px solid lightgray;
    padding-bottom: 12px;
}
.p-list span {
    margin-right: 15px;
}
.p-list span.price {
    font-size: 25px;
    color: #318234;
}
._p-qty > span {
    color: black;
    margin-right: 15px;
    font-weight: 500;
}
._p-qty .value-button {
    display: inline-flex;
    border: 0px solid #ddd;
    margin: 0px;
    width: 30px;
    height: 35px;
    justify-content: center;
    align-items: center;
    background: #fd7f34;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
}

._p-qty .value-button {
    border: 0px solid #fe0000;
    height: 35px;
    font-size: 20px;
    font-weight: bold;
}
._p-qty input#number {
    text-align: center;
    border: none;
    border-top: 1px solid #fe0000;
    border-bottom: 1px solid #fe0000;
    margin: 0px;
    width: 50px;
    height: 35px;
    font-size: 14px;
    box-sizing: border-box;
}
._p-add-cart {
    margin-left: 0px;
    margin-bottom: 15px;
}
.p-list {
    margin-bottom: 10px;
}
._p-features > span {
    display: block;
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
._p-add-cart .buy-btn {
    background-color: #fd7f34;
    color: #fff;
}
._p-add-cart .btn {
    text-transform: capitalize;
    padding: 6px 20px;
    /* width: 200px; */
    border-radius: 52px;
}
._p-add-cart .btn {
    margin: 0px 8px;
}

/*=========Recent-post==========*/
.title_bx h3.title {
    font-size: 22px;
    text-transform: capitalize;
    position: relative;
    color: #fd7f34;
    font-weight: 700;
    line-height: 1.2em;
}
.title_bx h3.title:before {
    content: "";
    height: 2px;
    width: 20%;
    position: absolute;
    left: 0px;
    z-index: 1;
    top: 40px;
    background-color: #fd7f34;
}
.title_bx h3.title:after {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 40px;
    background-color: #ffc107;
}
.common_wd .owl-nav .owl-prev, .common_wd .owl-nav .owl-next {
    background-color: #fd7f34 !important;
    display: block;
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 0px !important;
}
.owl-nav .owl-next {
    right:-10px;
}
.owl-nav .owl-prev, .owl-nav .owl-next {
    top:50%;
    position: absolute;
}
.common_wd .owl-nav .owl-prev i, .common_wd .owl-nav .owl-next i {
    color: #fff;
    font-size: 14px !important;
    position: relative;
    top: -1px;
}
.common_wd .owl-nav {
    position: absolute;
    top: -21%;
    right: 4px;
    width: 65px;
}
.owl-nav .owl-prev i, .owl-nav .owl-next i {
    left: 0px;
}
._p-qty .decrease_ {
    position: relative;
    right: -5px;
    top: 3px;
}

._p-qty .increase_ {
    position: relative;
    top: 3px;
    left: -5px;
}
/*========box========*/
.sq_box {
    padding-bottom: 5px;
    border-bottom: solid 2px #fd7f34;
    background-color: #fff;
    text-align: center;
    padding: 15px 10px;
    margin-bottom: 20px;
    border-radius: 4px;
}
.item .sq_box span.wishlist {
    right: 5px !important;
}
.sq_box span.wishlist {
    position: absolute;
    top: 10px;
    right: 20px;
}
.sq_box span {
    font-size: 14px;
    font-weight: 600;
    margin: 0px 10px;
}
.sq_box span.wishlist i {
    color: #adb5bd;
    font-size: 20px;
}
.sq_box h4 {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    color: #343a40;
    margin-top: 10px;
    margin-bottom: 10px !important;
}
.sq_box .price-box {
    margin-bottom: 15px !important;
}
.sq_box .btn {
    border-radius: 50px;
    padding: 5px 13px;
    font-size: 15px;
    color: #fff;
    background-color: #fd7f34;
    font-weight: 600;
}
.sq_box .price-box span.price {
    text-decoration: line-through;
    color: #6c757d;
}
.sq_box span {
    font-size: 14px;
    font-weight: 600;
    margin: 0px 10px;
}
.sq_box .price-box span.offer-price {
    color:#28a745;
}
.sq_box img {
    object-fit: cover;
    height: 150px !important;
    margin-top: 20px;
}
.sq_box span.wishlist i:hover {
    color: #fd7f34;
}

.card-body-y{
    padding: 32px;
    padding: 2rem 1rem;
    position: relative;
    z-index: 1;
    height: 600px;
    overflow-y: scroll;
}
.modal-inner{
    padding: 10px !important;
}

.options.option-box-cust {
    padding: 50px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

.bg-ghostwhite {
    background-color: ghostwhite;
}










.checkboxes {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.checkboxes__row {
/*  display: flex;*/
}
.checkboxes__row:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.checkboxes__item {
  padding: 15px;
  width: 100%;
}

.checkbox.style-h {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox.style-h input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox.style-h input:checked ~ .checkbox__checkmark {
  background-color: #4988ff;
}
.checkbox.style-h input:checked ~ .checkbox__checkmark:after {
  opacity: 1;
  top: -3px;
}
.checkbox.style-h input:checked ~ .checkbox__body {
  background-position: 0 0;
  color: #fff;
}
.checkbox.style-h:hover input ~ .checkbox__checkmark {
  background-color: #4988ff;
}
.checkbox.style-h:hover input:checked ~ .checkbox__checkmark {
  background-color: #4988ff;
}
.checkbox.style-h:hover .checkbox__body {
  box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
  background: #f2f2f2;
}
.checkbox.style-h .checkbox__checkmark {
  position: absolute;
  top: 20%;
  transform: translateY(-50%);
  right: 15px;
  height: 22px;
  width: 22px;
  background-color: #e3e3e3;
  transition: background-color 0.25s ease;
  border-radius: 4px;
  box-shadow: inset 2px 2px 4px rgba(0,0,0,0.1), inset -2px -2px 4px rgba(255,255,255,0.4);
}
.checkbox.style-h .checkbox__checkmark:after {
  content: "";
  position: absolute;
  left: 10px;
  top: -15px;
  width: 10px;
  height: 20px;
  border: solid #fff;
  border-width: 0 4px 4px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.25s ease, top 0.25s ease;
}
.checkbox.style-h .checkbox__body {
  color: #333;
  line-height: 1.4;
  font-size: 16px;
  transition: font-weight 0.25s ease;
  font-weight: bold;
  color: #333;
/*  background: linear-gradient(45deg, #ff0070 0%, #f7cb15 50%, #f7cb15 50%, #f7cb15 100%);*/
background-size: 200% 100%;
background-position: 100% 0;
padding: 15px 45px 15px 15px;
border-radius: 0px;
/*  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);*/
transition: box-shadow 0.25s ease, background 1s ease, color 0.25s ease;
border-bottom: 1px solid #ccc;
}
.checkbox__body h1{
    color: #000;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0px;
    margin-bottom: 0px;
    line-height: 28px;
}
.checkbox__body span{
    color: #777;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0px;
}
.checkbox__body p{
    color: #000;
    font-weight: 400;
    letter-spacing: 0px;
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 16px;
}
.checkboxes-custom-heading{
    padding-left: 29px;
}
.checkboxes-custom-heading h4{
    letter-spacing: 0px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 4px;
}
.checkboxes-custom-heading p{
    margin-bottom: 0px;
}
.modal-body-services-custom{
    height: 75vh;
    overflow-y: scroll;
}








:root {
  --primary: #2196F3;
  --primary-md: #42A5F5;
  --primary-lt: #64B5F6;
  --primary-lightest: #E3F2FD;
  --secondary: #FF6F00;
  --gray-200: #EEEEEE;
  --gray-300: #E0E0E0;
  --gray-400: #BDBDBD;
  --gray-500: #9E9E9E;
  --gray-700: #616161;

  --shadow-2dp: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  --shadow-4dp: 0 4px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12);
  --shadow-8dp: 0 8px 10px 0 rgba(0, 0, 0, .14), 0 3px 12px 2px rgba(0, 0, 0, .12);
}
.inputs {
  width: 100%;

  display: flex;
  flex-direction: column;
  align-items: flex-start;

  /*   border: 1px solid white; */
}

.inputs > * {
  margin-bottom: 48px;
  width: 100%;
}

.inputs input {
  font-family: "Nunito";
  font-size: 90%;
}


/* ============================ */
/* Type 1 */
/* ============================ */

{
  display: flex;
  flex-direction: column;
}

.fields {
/*  display: flex;*/
}

.input-wrapper {
  display: inline-block;
  width: 100%;
}

.input-wrapper label {
  display: block;
  color: black;
  margin-bottom: 6px;
}

.input-wrapper input {
  display: inline-block;
  border:none;
  border-radius: 3px;
  width: 100%;
  height: 48px;

  margin-right: 16px;
  padding-left: 16px;
  box-shadow: var(--shadow-2dp);
}

.date-field {
  cursor: pointer;
}

.calendar-widget {
  position: relative;
}

.calendar-widget:focus {
  outline: none;
}

.calendar-wrapper {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 8px;
  
  z-index: 2;
}

.dual-calendar {
  display: flex;
  /*   height: 300px; */

  border-radius: 3px;
  padding: 16px;
  box-shadow: var(--shadow-2dp);
  background-color: white;
}

.dual-calendar .calendar:first-child {
  margin-right: 16px;
}

.calendar {
  width: auto;
}

.calendar-header {
  position: relative;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.month-text {
  font-family: "Nunito";
  color: var(--gray-700);
}

.prev-btn,
.next-btn {
  cursor: pointer;
  position: absolute;
  top: 50%;

  transform: translateY(-50%);
  z-index: 1;

  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;

  border: none;
  border-radius: 50px;
  box-shadow: var(--shadow-2dp);
  background-color: var(--primary);
  color: white;
  
  transition: background-color 0.2s, box-shadow 0.2s;
}

.prev-btn:hover,
.next-btn:hover {
  box-shadow: var(--shadow-4dp);
  background-color: var(--primary-md);
}

.prev-btn:active,
.next-btn:active {
  box-shadow: var(--shadow-8dp);
  background-color: var(--primary-lt);
}

.prev-btn.disabled,
.next-btn.disabled {
  cursor: default;
  box-shadow: none;
  background-color: var(--gray-300);
  color: var(--gray-500);
}

.prev-btn *,
.next-btn * {
  user-select: none;
}

.prev-btn {
  left: 0;
}

.next-btn {
  right: 0;
}

.date-table-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 8px;
}

.day {
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 40px;
  height: 40px;

  font-weight: 700;

  color: var(--gray-700);
}

.day.saturday {
  color: var(--primary);
}

.day.sunday {
  color: var(--secondary);
}


/* Date Styling */
.date-table-row {
  display: flex;
  height: 40px;
  justify-content: space-between;
}

.date {
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;

  width: 40px;
  height: 40px;
  transition: color 0.2s;
}

/* DO NOT CHANGE THE ORDER */

.date.sunday {
  color: var(--secondary);
}

.date.today {
  color: var(--primary);
}

.date.selected {
  color: white;  
}

.date.disabled {
  color: var(--gray-300);
}

.date.empty {
  cursor: default;
  user-select: none;
}
.date * {
  cursor: pointer;
  user-select: none;
}

.date.disabled *{
  cursor: not-allowed;
}

.date .help-text {
  position: absolute;
  top: 0;

  display: none;
  align-items: flex-start;
  justify-content: center;

  width: 100%;
  height: 15px;
  font-size: 10px;
  z-index: 1;
}

.date .date-text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 90%;
  z-index: 1;
  color: #000;
  line-height: 40px;
}
.date.disabled .date-text {
  color: var(--gray-300);
}
.date.selected .date-text {
  color: white;  
}


.date .date-ripple {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  
  width: 40px;
  height: 100%;
  background-color: transparent;
  
  will-change: transform;
  
  transition: transform 0.18s cubic-bezier(0, .75, .5, 1), background-color 0.2s;
}

.date .date-ripple.no-transition {
  transition: none;
}

.date.hover .date-ripple {
  background-color: var(--gray-300);
  transform: translate(-50%, -50%) scale(1);
}

.date.in-range .date-ripple {
  background-color: var(--primary-lightest);
  transform: translate(-50%, -50%) scale(1);
}

.date.selected .date-ripple {
  background-color: var(--primary);
  transform: translate(-50%, -50%) scale(1);
}



.custome-slote-btn{
    border: 2px solid #36ac00;
}
.custome-slote-btn:hover{
    border: 2px solid #0275ff;
}
.appointment-data-ul{
    padding: 0px;
    list-style: none;
    display: flex;
}
.appointment-data-ul li{
    background: #0089ff;
    margin-right: 10px;
    color: #fff;
    width: 100px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    align-items: center;
    display: grid;
}
.custome-slote-book-btn{
    background: #ccc;
    border: 2px solid #ccc;
    color: #777;
}
.custome-slote-book-btn:hover{
    background: #ccc;
    border: 2px solid #ccc;
    color: #000;
}

.box-cust-one {
    background: no-repeat;
    border-radius: 6px;
    /* color: #000 !important; */
}

.box-cust-one  a{
    color:#000;
}

.option-box-cust {
    padding: 0;
    margin: 31px 0px;
    width: 100%;
}

.auth.auth-img-bg .auth-form-transparent {
    width: 70%;
    margin: auto;
}


.height-cust{

}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 720px !important;
    }
}   




.input-cust-one input {
    border-radius: 9px !important;
    /* background: #fbfbfb; */
    /* border: none; */
    padding: 13px 15px !important;
}

.input-cust-one textarea {
    border-radius: 9px !important;
    /* background: #fbfbfb; */
    /* border: none; */
    padding: 13px 15px !important;
}

.input-cust-one label {
    font-size: 17px !important;
    color: #000;
    padding-left: 15px;
}

.select-cust-three {
    padding: 10px 40px;
    width: 100%;
    background: #f3f3f3;
    border-radius: 7px;
    margin-bottom: 10px;
}

.form-check-input[type=checkbox] {
    padding: 10px;
    margin-right: 10px;
    margin-top: 2px;
}

.form-check-input {
    --bs-form-check-bg: #f0f0f0;
}

.btn-cust-add {
    background: #3991d0;
    color: #fff;
    width: 20%;
    border: none;
}

.bg-next-g {
/*    background: #3991d0;*/
height: 100px;
align-items: center;
display: flex;
background: rgb(13,101,164);
background: linear-gradient(90deg, rgba(13,101,164,1) 35%, rgba(57,145,208,1) 100%);
}

.cust-sever-width{
    width: max-content;
    padding-bottom: 10px;
}

.ul-cust-for-li{

}

.ul-cust-for-li li{

}

.align-item-cust{
    align-items: center;
}

.border-col-cust {
    border-color: #e5e5e5 !important;
}

.w-auto-cust{
    width: auto;
    margin-left: 20px;
}

.justify-space-b-cust {
    justify-content: space-between;
}

.bg-bosx-nine {
    background: #f9f9f9;
    padding: 0px 20px !important;
    border-radius: 11px;
    font-size: 17px;
    margin-bottom: 10px;
}

.p-cust-for-d{
    margin-top: 27px;
}

input.checkboxe-cust {
    width: 22px;
    height: 16px;
}

.pad-cust{
    padding: 10px 10px !important;
}

.table-cust-nine.mt-3 {
    padding: 15px;
    background: #fafafa;
    overflow: scroll;
    overflow-y: hidden;
    border-radius: 27px;
}


.calendar {
    width: 100%;
    border-collapse: collapse;
}

.calendar th,
.calendar td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.calendar th {
    background-color: #f2f2f2;
    color: #333; /* Dark color for weekday names */
}

.calendar td {
    color: #333;
    height: 80px;
    cursor: pointer;
    padding-left: 30px;
}

.calendar td {
    color: #333;
    height: 80px;
    cursor: pointer;
    padding-left: 30px;
}

.calendar td:hover {
    background: #919191;
    color: #fff;
    transition: .5s;
}

.current-date {
    background-color: #3991d0;
    color: #fff !important;
}

.modal-cal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-content-cal {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

.cust-lime {
    border: 1px solid #cbcbcb;
    border-radius: 10px;
    padding: 5px;
    color: #9d9d9d;
}

.btn-ghost {
    border: none;
    background: #f9f9f9;
    border-radius: 70px;
    padding-left: 22px;
    cursor: pointer;
    transition: .7s;
}

.bg-cust {
    background: #fff;
    padding: 40px 20px;
    border-radius: 40px;
    overflow: hidden;
}

.pos-sticky{

}
.card {
    box-shadow: 0 0 0 0 rgba(90, 113, 208, 0.11), 0 4px 16px 0 rgba(167, 175, 183, 0.33);
    -webkit-box-shadow: 0 0 0 0 rgb(90 113 208 / 0%), 0 4px 16px 0 rgb(203 203 203 / 25%);
    -moz-box-shadow: 0 0 0 0 rgba(90, 113, 208, 0.11), 0 4px 16px 0 rgba(167, 175, 183, 0.33);
    -ms-box-shadow: 0 0 0 0 rgba(90, 113, 208, 0.11), 0 4px 16px 0 rgba(167, 175, 183, 0.33);
    transition: background 0.25s ease;
    -webkit-transition: background 0.25s ease;
    -moz-transition: background 0.25s ease;
    -ms-transition: background 0.25s ease;
    border: none;
    border: none;
}

.btn-ghost {
    border: none;
    background: #f9f9f9;
    border-radius: 70px;
    padding-left: 22px;
    cursor: pointer;
    transition: .7s;
}


.cust-btn-nine{
    padding: 35px !important;
    border-radius: 90px !important;
}


.cust-btn-nine:hover{
    padding: 35px !important;
    border-radius: 90px !important;
    background: #3991d0;
}

.btn-ghost-dark-cust {
    background: #3991d0;
    color: #fff !important;
    border-radius: 20px;
}

.btn-ghost-dark-cust:hover {
    background: #1c74b3;
    color: #fff;
}

.box-end-prop {
    padding: 20px;
    min-height: 70vh;
}

.btn-check{
    padding: 20px;
}

.home-tab .btn {
    padding: 18px 15px !important;
}

.custome-slote-book-btn {
    border-radius: 10px !important;
    border: none !important;
    min-height: 70px !important;
    line-height: 20px !important;
}

.custome-slote-btn.btn-success {
    border-radius: 10px !important;
    border: 2px solid #36ac00 !important;
    min-height: 70px !important;
    line-height: 20px !important;
    background: #ffff;
    color: #000 !important;
}

.custome-slote-btn.btn-success:hover{
    background: #36ac00;
    color:#fff !important ;
}

.btn-pro-chk {
    padding: 20px !important;
    /* background: red; */
    height: 60px;
    color: #fff !important;
}

img.shop-quick-view-img {
    object-fit: contain;
}

.mdi-delete::before {
    content: "\F1C0";
    font-size: 25px !important;
}

.btn-cart-cust {
    padding: 18px 15px 50px !important;
    color: white !important;
}

.card-body-c{
    padding: 32px;
    padding: 2rem 1rem;
    position: relative;
    z-index: 1;
/*    height: 600px;*/
/*    overflow-y: scroll;*/
}

.cust-btn-hund {
    background: #0088ccb8;
    color: #fff !important;
}

.table-bg-cust {
    padding: 20px;
    background: #fff;
    border-radius: 25px;
    min-height: 500px;
}

.radios-cust-hun {
    border-radius: 25px !important;
    overflow: hidden;
    border: none !important;
}

.shop_table td {
    border: none !important;
    padding: 17px 10px;
}

.product-cust {
    border-radius: 10px;
    overflow: hidden;
    background: #f6f6f6;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.product:hover .product-thumb-info {
   background-color:none; 
   text-decoration: none;
}

.product:hover {
    background-color: #f4f4f4;
    text-decoration: none;
}

.product-thumb-info{
    background: none !important;
}

.border-cust-third {
/*    border-top: 1px solid #c7c7c7;*/
padding-top: 20px;
margin-top: 0 !important;
}

.product-thumb-info-image {
    background: #f1f1f1;
}

.bg_calendar {
    background: #3991d0 !important;
    border: 1px solid #ccc;
    padding: 10px 0px;
    font-weight: bold;
    border: none;
    color: #fff;
    text-align: center;
    font-size: 15px;
}

.bg_calendar_time{
/*    background: #ccc !important;*/
border:1px solid #fff;
padding: 5px;
font-weight: bold;
color: #000;
text-align: center;
min-height: 120px;
vertical-align: top;
}

.shop-ten-cust {
    background: #fff;
    border-radius: 20px;
    border: none;
    padding-top: 80px !important;
}

@keyframes chartjs-render-animation{from{opacity:.99}to{opacity:1}}
.chartjs-render-monitor{animation:chartjs-render-animation 1ms}
.chartjs-size-monitor,.chartjs-size-monitor-expand,.chartjs-size-monitor-shrink{position:absolute;direction:ltr;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1}
.chartjs-size-monitor-expand>div{position:absolute;width:1000000px;height:1000000px;left:0;top:0}
.chartjs-size-monitor-shrink>div{position:absolute;width:200%;height:200%;left:0;top:0}




ul.nav-hover-cust {
/*  background: darkorange;*/
list-style: none;
margin: 0;
padding-left: 0;
}

.nav-hover-cust li {
    color: #fff;
    background: white;
    display: block;
    float: left;
    padding: 13px;
    position: relative;
    text-decoration: none;
/*    transition-duration: 0.5s;*/
border: 1px solid #e4e4e4;
border-radius: 7px;
width: 40%;
text-align: center;
}

.nav-hover-cust li a {
  color: #8f8f8f;
}

.nav-hover-cust li:hover {
    background: #0c0c0c;
    cursor: pointer;
}

.nav-hover-cust li:hover a.srt {
    color: #fff !important;
}

.nav-hover-cust li:hover a {
    color: #000 !important;
}

ul.nav-hover-cust li ul {
    background: #fff;
    visibility: hidden;
    opacity: 0;
    min-width: 5rem;
    position: absolute;
    transition: all 0.5s ease;
    margin-top: 1rem;
    left: 0;
    display: none;
}

ul.nav-hover-cust li:hover > ul, 
ul.nav-hover-cust li ul:hover {
    visibility: visible;
    opacity: 1;
    display: block;
    z-index: 9;
    padding: 0;
}

ul.nav-hover-cust li ul li {
    clear: both;
    width: 100%;
    border-radius: 0;
    min-width: 100px;
    text-align: left;
}

.drop-cust-nine li{

}

ul.nav-hover-cust li ul li:hover{
    background: grey;
}

.bg_calendar_cust {
    background-size: 8px 8px;
    background-image: linear-gradient(45deg, transparent 46%, #0066ff00 49%, #d5d7da 51%, transparent 55%);
    border: 0.5px solid #c8c8c8;
/*    height: 140px;*/
}

.treatment_color_change-1{
    background: #a5dff8;
}

.treatment_color_change{
    background: #ffec78;
}

.treatment_color_change-2{
    background: #a4adba;
}

.treatment_color_change-3{
    background: #e2a6e6;
}

.box-cust-set {
    text-align: left;
    margin: 1px;
}

.box-cust-set p{
    padding: 0;
    margin: 0;
}

.box-cust-set h5{
    padding: 0;
    margin: 0;
}

.blur-time {
    color: grey;
    text-align: left;
    background: #b6b6b638;
    padding: 5px;
    margin: 1px;
    curser:pointer;
}

.hov-cust-ten p.blur-time{
    visibility: hidden;
    curser:pointer;
}

.hov-cust-ten:hover p.blur-time{
    visibility:visible;
}

.c-img-cust {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 110px;
    border: 2px solid #ffffff;
}

.c-img-cust img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.daily-cust-main-profile {
    display: grid;
    justify-content: center;
    gap: 3px;
}



.chart {
  border: 3px solid royalblue;
}


.tooltip-text {
    visibility: hidden;
    width: 350px !important;
    background-color: whitesmoke;
    color: black !important;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip-text {
    visibility: hidden;
    width: auto;
    background-color: whitesmoke;
    color: darkblue;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
}

.treatment_color_change:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.appointment-time {
    cursor: default;
}






.modal.left .modal-dialog {
    position:fixed;
    right: 0;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.right .modal-body {
    padding: 15px 15px 80px;
}

.modal.right.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #eeeeee;
    background-color: #fafafa;
}

/* ----- v CAN BE DELETED v ----- */

.demo {
    padding-top: 60px;
    padding-bottom: 110px;
}

.btn-demo {
    margin: 15px;
    padding: 10px 15px;
    border-radius: 0;
    font-size: 16px;
    background-color: #ffffff;
}

.btn-demo:focus {
    outline: 0;
}



.admin_cust{
    position: absolute;
    right: 0;
    width: 40%;
    top: 0;
    pointer-events: none;
    height: 100vh;
    background: #fff;
}

.opt-box-cust{
    width: 10%;
}


.add-cust-btn{
    background-color: black;
    padding: 8px 50px;
    width: 80%;
    color: #fff;
}

.footer-cust-box-nine {
    background: #fff;
    position: fixed;
    bottom: 0;
    width: 35%;
    z-index: 9;
    padding: 20px 0px;
    border-top: 1px solid #000
}

p.blur-time {
/*    visibility: visible;*/
    cursor: pointer;
    background: none;

}

p.blur-time:hover{
    background-color: #b6b6b638;
}



.hover-time-cust-ten{
    opacity: 0;
}

.blur-time:hover span.hover-time-cust-ten{
    opacity: 1 !important;
}

.btn-cust-main button {
    width: 100%;
    background: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    height: 40px;
    transition: .7s;
}

.btn-cust-main:hover button {
    background: #313131;
    color: #fff;
}

.modal-shadow-cust {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.add-cust-btn{
    transition: .7s;
}

ul.radio-cust-form li input[type="radio"] {
    position: relative;
    opacity: 1;
    width: 15px;
    height: 15px;
}

ul.radio-cust-form li {
    display: flex;
    align-items: baseline;
    gap: 7px;
    background: whitesmoke;
    padding: 5px;
    border-radius: 6px;
}

ul.radio-cust-form li p{
    margin:0;
}

.modal-size {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 150px 100px, rgba(0, 0, 0, 0.3) 0px 8px 6px -58px;
}

.modal-size-cust {
    max-width: 960px !important;
    margin-top: 30px !important;
}

.container.mt-5Order.Notes.mt-5.Order {
    min-height: 90vh !important;
}


/*----------Color Changes Class Start--------------*/

.color_cat_1{
    color:#fff;
    background-color: #ADDFFF;
}


.color_cat_2{
    color:#fff;
    background-color: #93917C;
}

.color_cat_4{
    color:#fff;
    background-color:  #6175B0;
}
.color_cat_5{
    color:#fff;
    background-color: #C88141;
}

.color_cat_6{
    color:#fff;
    background-color: #E1AD01;
}

.color_cat_7{
    color:#fff;
    background-color: #BAB86C;
}

.color_cat_8{
    color:#fff;
    background-color: #E6BF83;
}

.color_cat_9{
    color:#fff;
    background-color: #FFE5B4;
}

.color_cat_10{
    color:#fff;
    background-color: #12E193;
}

.color_cat_11{
    color:#fff;
    background-color: #B8BC86;
}

.color_cat_13{
    color:#fff;
    background-color: #040720;
}

.color_cat_14{
    color:#fff;
    background-color: #A0D6B4;
}

.color_cat_16{
    color:#fff;
    background-color: #FF8C00;
}

.color_cat_17{
    color:#fff;
    background-color: #040720;
}

.color_cat_18{
    color:#fff;
    background-color: #040720;
}

.color_cat_19{
    color:#fff;
    background-color:  #DBE2FF;
}

.color_cat_20{
    color:#fff;
    background-color: #FDBD01;
}

.color_cat_21{
    color:#fff;
    background-color: #DEB887;
}

.color_cat_22{
    color:#fff;
    background-color: #513B1C;
}

.color_cat_24{
    color:#fff;
    background-color: #513B1C;
}

.color_cat_25{
    color:#fff;
    background-color: #FCDFFF;
}

.color_cat_27{
    color:#fff;
    background-color: #FFBE98;
}

.color_cat_28{
    color:#fff;
    background-color: #BE3455;
}

.color_cat_29{
    color:#fff;
    background-color: #F5DF4D;
}

.color_cat_30{
    color:#fff;
    background-color: #72C89E;
}

.color_cat_32{
    color:#fff;
    background-color: #FA7268;
}

.color_cat_40{
    color:#fff;
    background-color: #88B04B;
}

.color_cat_41{
    color:#fff;
    background-color: #92a8d1;
}

.color_cat_49{
    color:#fff;
    background-color: #B57170;
}

.color_cat_58{
    color:#fff;
    background-color: #8f4783;
}

.color_cat_64{
    color:#fff;
    background-color: #4C787E;
}

.color_cat_71{
    color:#fff;
    background-color: #01F9C6;
}

.color_cat_74{
    color:#fff;
    background-color: #66CDAA;
}

.color_cat_79{
    color:#fff;
    background-color: #F8F8FF;
}

.color_cat_80{
    color:#fff;
    background-color: #A70D2A;
}

/*----------Color Changes Class End--------------*/

.cust-span span {
    color: #000;
    font-weight: 900;
    font-size: 18px;
/*    padding-top: 0px;*/
}

.modal-content.order-bg {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 249px 70px;
}

.sidebar-offcanvas {
    max-height: 100% !important;
    background-color: #fff;
}


.cust-size-height {
    height: 100px !important;
}

html .btn-secondary {
    background-color: #0088cc;
    color: #fff !important;
}

.home-tab .btn {
    margin-right: 1px !important;
}

html .btn-secondary:hover:not(.bg-transparent), html .btn-secondary.hover:not(.bg-transparent) {
    background-color: #0b6897;
    border:#0b6897;
}

.cust-shd{
    border: none;
    background: #f8f8f8;
    box-shadow: none;
    transition: .7s;
/*    width: 100%;*/
}

a.btn:hover .cust-shd {
    border: none;
    background: red !important;
    box-shadow: none;
}

.cust-set-no {
    width: auto !important;
    bottom: 0;
    padding: 10px 20px !important;
    border: 1px solid #f6f6f6;
}

.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
    border: 1px solid #f6f6f6;
}

.profile_cust_img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 100px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.btn-set-1 {
    border-radius: 5px !important;
    padding: 5px 20px;
    background: black;
    color: #fff;
}

.btn-set-2 {
    border-radius: 5px !important;
    padding: 5px 20px;
    color: #000;
}

.pl-cust{
    padding-left: 80px;
}

.profile_cust_one {
    border-right: 5px solid #9a9a9a;
}

.tab-content {
    padding: 20px !important;
}


.item-nine{
    width: 50%;
}

.flex-wrap_cust{
    flex-wrap: wrap;
}

p.font-semibold_cust {
    font-size: 16px;
    font-weight: bolder;
}

.back_cust_set_nine {
    background: #ffffffbf;
    padding: 40px;
    border-radius: 10px;
}

.tabs-vertical{
    border:none;
    box-shadow: none;
}

.tab-content {
    border:none;
    box-shadow: none;
}


.app_box_cust {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    padding: 20px;
    border-radius: 10px;
}

.set_three_cust span {
    color: #000;
    font-size: 17px;
}

.set_three_cust {
    color: #a1a1a1;
}

.status_comp_cust {
    position: absolute;
    right: 20px;
    top: 20px;
    background: #d7fadf;
    padding: 7px 16px;
    font-size: 12px;
    border-radius: 10px;
    color: green;
    font-weight: 600;
}

.cus_overflow{
    overflow: scroll;
    overflow-x: hidden;
    max-height: 100vh;
}


:root {
  --nonchecked-color: #aaa;
  --checked-color: #38f;
}
.switch {
  -webkit-appearance: none;
  position: relative;
  border-radius: 10px;
  width: 32px;
  height: 20px;
  border: solid 1px var(--nonchecked-color);
  background: var(--nonchecked-color);
  overflow: hidden;
  transition: all .1s ease-out;
}
.switch:checked {
  background: var(--checked-color);
  border: solid 1px var(--checked-color);
}
.switch:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.2);
}
.switch:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  transition: all .1s ease-out;
}
.switch:checked:after {
  left: 14px;
}


.product-thumbnail-image{
    display: block;
    text-align: center;
    border: 1px solid #eeeeee;
    padding: 5px 10px;
}

.text-right{
    text-align: right;
}


.otp-container {
   
}

.otp-container button {
    padding: 0px 0px;
    font-size: 16px;
    cursor: pointer;
    border: 0px;
    background: transparent;
    color: #3991d0;
}

.otp-container button:disabled {
    color: #ccc;
    cursor: not-allowed;
}