.bg-primary{
  background-color:#753422!important
}
.bg-primary-light{
  background-color:#f3f3f3!important
}
.text-gray-100{
  color:#868686!important
}
.text-primary{
  color:#753422!important
}
.text-black{
  color:#2d2624!important
}
body{
  background-color:#f5f1f0;
  font-family:Poppins;
  font-weight:400!important
}
body,body.modal-open{
  padding-right:0!important
}
.link-info{
  color:#753422!important
}
.fs-24{
  font-size:24px!important
}
@media (max-width:575px){
  .fs-24{
    font-size:20px!important
  }

}
.fs-16{
  font-size:16px
}
@media (max-width:575px){
  .fs-16{
    font-size:14px!important
  }

}
.px-40{
  padding-left:40px;
  padding-right:40px
}
@media (max-width:575px){
  .px-40{
    padding-left:20px;
    padding-right:20px
  }

}
.section-heading h2{
  display:inline-block;
  font-size:26px;
  position:relative
}
@media (max-width:575px){
  .section-heading h2{
    font-size:24px
  }

}
.section-heading h2:after{
  background-color:#753422;
  border-radius:10px;
  bottom:-8px;
  content:"";
  height:3px;
  left:0;
  margin:0 auto;
  position:absolute;
  right:0;
  width:60%
}
.btn{
  border-radius:10px;
  font-weight:500;
  padding:13px 38px
}
.btn:focus{
  box-shadow:none!important;
  outline:none!important
}
.btn-primary{
  background-color:#753422;
  border:1px solid #753422;
  color:#fff
}
.btn-primary.active,.btn-primary:hover{
  background-color:#fff;
  border:1px solid #753422;
  box-shadow:none!important;
  color:#753422
}
.btn-primary:focus{
  background-color:#753422;
  border:1px solid #753422;
  box-shadow:none!important;
  color:#fff
}
.main-content{
  background-color:#fff;
  border-radius:15px;
  position:relative
}
.bg-img{
  bottom:0;
  left:0;
  position:absolute
}
@media (max-width:575px){
  .bg-img img{
    width:85%
  }

}
.banner-section .banner-img{
  aspect-ratio:1/1;
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  height:300px;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  overflow:hidden;
  transition:mask-image 2s ease-in-out,-webkit-mask-image 2s ease-in-out;
  width:100%
}
@media (max-width:575px){
  .banner-section .banner-img{
    aspect-ratio:auto!important;
    height:auto!important
  }

}
.banner-section .banner-img-19{
  height:325px!important
}
.profile-section{
  position:relative
}
.profile-section .profile-bg-img{
  position:absolute;
  right:0;
  top:0
}
.profile-section .card{
  background-color:transparent!important;
  border:none
}
@media (max-width:575px){
  .profile-section .card{
    left:0;
    position:relative;
    top:-45px;
    width:100%
  }

}
.profile-section .card .card-img{
  background-color:#753422;
  border:5px solid #fff;
  border-radius:30px;
  box-shadow:0 5px 20px rgba(26,36,44,.15);
  height:175px;
  min-width:175px;
  overflow:hidden;
  width:175px
}
@media (min-width:575px){
  .profile-section .card .card-img{
    position:relative;
    top:-45px
  }

}
.contact-section .contact-box{
  align-items:center;
  border-radius:10px;
  box-shadow:inset 0 30px 60px -12px rgba(117,52,34,.21),inset 0 18px 36px -18px rgba(117,52,34,.3);
  color:#753422;
  display:flex;
  flex-direction:column;
  padding:10px 16px;
  position:relative
}
.contact-section .contact-box .contact-desc{
  word-break:break-all
}
.contact-section .contact-box .contact-icon{
  margin-bottom:4px;
  max-width:40px;
  width:40px
}
.contact-section .contact-box .contact-icon img,.contact-section .contact-box .contact-icon svg{
  height:20px;
  width:auto
}
.social-media{
  position:relative
}
.social-media .social-bg-img1{
  left:0;
  position:absolute;
  top:-60px
}
@media (max-width:575px){
  .social-media .social-bg-img1{
    top:-45px
  }
  .social-media .social-bg-img1 img{
    width:60%
  }

}
.social-media .social-bg-img2{
  position:absolute;
  right:0;
  text-align:end;
  top:-30px
}
@media (max-width:575px){
  .social-media .social-bg-img2{
    top:-15px
  }
  .social-media .social-bg-img2 img{
    width:60%
  }

}
.social-media .social-icons{
  gap:15px
}
.social-media .social-icons a{
  align-items:center;
  background-color:#fff;
  border:1px solid #753422;
  border-radius:10px;
  display:flex;
  height:40px;
  justify-content:center;
  min-width:40px;
  width:40px
}
@media (max-width:575px){
  .social-media .social-icons a{
    height:36px;
    min-width:36px;
    width:36px
  }

}
.social-media .social-icons a img,.social-media .social-icons a svg{
  fill:#753422!important;
  border-radius:50%;
  color:#753422!important;
  height:24px!important;
  -o-object-fit:cover;
  object-fit:cover;
  width:24px
}
.social-media .social-icons a:hover{
  background-color:#753422;
  color:#f3f3f3!important
}
.social-media .social-icons a:hover img,.social-media .social-icons a:hover svg{
  fill:#f3f3f3!important;
  color:#f3f3f3!important
}
.gallery-section{
  position:relative
}
.gallery-section .gallery-bg-img{
  left:0;
  position:absolute;
  top:10px;
  z-index:-2
}
@media (max-width:575px){
  .gallery-section .gallery-bg-img{
    top:15px
  }
  .gallery-section .gallery-bg-img img{
    width:80%
  }

}
.gallery-section .gallery-slider{
  margin-bottom:20px;
  position:relative
}
.gallery-section .gallery-slider .gallery-img,.gallery-section .gallery-slider .gallery-item{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:contain;
  border-radius:10px;
  height:230px;
  margin:0 auto;
  max-height:230px;
  max-width:456px;
  overflow:hidden
}
.gallery-section .gallery-slider .gallery-img iframe,.gallery-section .gallery-slider .gallery-img img,.gallery-section .gallery-slider .gallery-item iframe,.gallery-section .gallery-slider .gallery-item img{
  height:100%;
  -o-object-fit:contain;
  object-fit:contain;
  width:100%
}
.gallery-section .gallery-slider .slick-dots{
  bottom:-25px;
  position:absolute
}
.gallery-section .gallery-slider .slick-dots li{
  height:8px;
  margin:0 5px;
  width:8px
}
.gallery-section .gallery-slider .slick-dots li button{
  font-size:0;
  height:8px;
  width:8px
}
.gallery-section .gallery-slider .slick-dots li button:before{
  background-color:#868686;
  border-radius:10px;
  font-size:0;
  height:8px;
  width:8px
}
.gallery-section .gallery-slider .slick-dots li.slick-active,.gallery-section .gallery-slider .slick-dots li.slick-active button{
  width:30px
}
.gallery-section .gallery-slider .slick-dots li.slick-active button:before{
  background-color:#753422;
  width:30px
}
.product-section{
  position:relative
}
.product-section .product-bg-img1{
  bottom:-80px;
  left:0;
  position:absolute
}
@media (max-width:575px){
  .product-section .product-bg-img1{
    bottom:-50px
  }
  .product-section .product-bg-img1 img{
    width:60%
  }

}
.product-section .product-bg-img2{
  position:absolute;
  right:0;
  text-align:end;
  top:20px
}
@media (max-width:575px){
  .product-section .product-bg-img2 img{
    width:60%
  }

}
.product-section .product-slider .product-card{
  background-color:#fff;
  border:1px solid #d9c5bb;
  border-radius:10px;
  height:100%;
  height:320px!important;
  margin:5px;
  max-width:228px;
  padding:10px
}
@media (max-width:575px){
  .product-section .product-slider .product-card{
    margin:0 auto
  }

}
.product-section .product-slider .product-card .product-profile img{
  -o-object-fit:cover;
  object-fit:cover
}
.product-section .product-slider .product-card .product-img{
  border:1px solid #d9c5bb;
  border-radius:10px;
  height:150px;
  max-width:100%;
  overflow:hidden;
  width:100%
}
@media (max-width:425px){
  .product-section .product-slider .product-card .product-img{
    margin:0 auto;
    -o-object-fit:cover;
    object-fit:cover
  }

}
.product-section .product-slider .product-card .product-img img{
  -o-object-fit:contain;
  object-fit:contain
}
.product-section .product-slider .product-card .product-desc{
  padding:0
}
.product-section .product-slider .product-card .product-desc h3,.product-section .product-slider .product-card .product-desc p{
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  overflow:hidden
}
.product-section .product-slider .product-card .product-desc .product-amount{
  border:1px solid #753422;
  border-radius:10px;
  bottom:15px;
  color:#753422;
  display:block;
  position:absolute;
  right:5px;
  width:95%
}
.product-section .product-slider .product-card .product-desc .product-amount.active,.product-section .product-slider .product-card .product-desc .product-amount:active,.product-section .product-slider .product-card .product-desc .product-amount:focus,.product-section .product-slider .product-card .product-desc .product-amount:hover{
  background-color:#753422;
  color:#fff
}
.our-services-section .services .service-card{
  border:2px solid #753422;
  border-radius:10px;
  padding:30px 10px;
  position:relative
}
.our-services-section .services .service-card .card-img{
  background-color:#fff;
  border:1px solid #753422;
  border-radius:12px;
  height:60px;
  left:0;
  min-width:60px;
  padding:10px;
  position:absolute;
  right:0;
  top:-30px;
  width:60px
}
.our-services-section .services .service-card img,.our-services-section .services .service-card svg{
  height:55px;
  -o-object-fit:contain;
  object-fit:contain;
  width:100%
}
.our-services-section .services .service-card .card-body p{
  -webkit-box-orient:vertical;
  display:-webkit-box;
  overflow:hidden
}
.our-services-section .services .services-slider-view .slick-list{
  height:240px!important;
  padding-top:5px!important
}
@media (max-width:500px){
  .our-services-section .services .services-slider-view .slick-list{
    height:250px!important
  }

}
.our-services-section .services .services-slider-view .service-card{
  background-color:transparent;
  border:2px solid #753422;
  border-radius:10px;
  margin-top:60px;
  max-height:180px;
  min-height:160px;
  padding:20px;
  position:relative
}
.our-services-section .services .services-slider-view .service-card .card-title{
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  color:#753422;
  display:-webkit-box;
  margin-left:118px;
  margin-top:6px;
  overflow:hidden
}
@media (max-width:500px){
  .our-services-section .services .services-slider-view .service-card .card-title{
    margin-left:0
  }

}
.our-services-section .services .services-slider-view .service-card .description-text{
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  font-size:14px;
  overflow:hidden
}
@media (max-width:500px){
  .our-services-section .services .services-slider-view .service-card .description-text{
    -webkit-line-clamp:3
  }

}
.our-services-section .services .services-slider-view .service-card .img{
  display:inline;
  float:left;
  width:-moz-fit-content;
  width:fit-content
}
.our-services-section .services .services-slider-view .service-card .img img{
  border:10px solid #fff;
  border-radius:20px!important;
  height:120px;
  left:15px;
  margin-right:10px;
  position:absolute;
  top:-60px;
  width:120px
}
@media (max-width:500px){
  .our-services-section .services .services-slider-view .service-card .img img{
    height:90px;
    left:35%;
    top:-45px;
    width:90px
  }
  .our-services-section .services .services-slider-view .service-card{
    align-items:center;
    display:flex;
    flex-direction:column;
    min-height:167px;
    padding-top:45px;
    text-align:center
  }

}
.our-services-section .services .services-slider-view .slick-list .slick-slide{
  margin:0 15px
}
.our-services-section .services .services-slider-view .slick-dots{
  bottom:-20px!important
}
.our-services-section .services .services-slider-view .slick-dots button:before{
  font-size:30px!important
}
.appointment-section{
  position:relative
}
.appointment-section .appointment-bg-img1{
  bottom:-100px;
  left:0;
  position:absolute
}
@media (max-width:575px){
  .appointment-section .appointment-bg-img1{
    bottom:-60px
  }
  .appointment-section .appointment-bg-img1 img{
    width:60%
  }

}
.appointment-section .appointment-bg-img2{
  position:absolute;
  right:0;
  text-align:end;
  top:30px
}
@media (max-width:575px){
  .appointment-section .appointment-bg-img2{
    top:65px
  }
  .appointment-section .appointment-bg-img2 img{
    width:60%
  }

}
.appointment-section .appointment .appointment-input{
  background-color:#fff;
  border:1px solid #d9c5bb;
  border-radius:10px;
  box-shadow:inset 0 30px 60px -12px rgba(117,52,34,.21),inset 0 18px 36px -18px rgba(117,52,34,.3)!important;
  color:#753422;
  height:50px;
  padding:12px 20px;
  width:100%
}
.appointment-section .appointment .appointment-input::-moz-placeholder{
  color:#753422
}
.appointment-section .appointment .appointment-input::placeholder{
  color:#753422
}
.appointment-section .appointment .appointment-input:focus{
  box-shadow:none;
  outline:none
}
.appointment-section .appointment .calendar-icon{
  position:absolute;
  right:18px;
  top:11px
}
.appointment-section .appointment .hour-input{
  background-color:transparent;
  border:1px solid #d9c5bb;
  border-radius:10px;
  height:50px;
  padding:10px
}
.time-slot{
  align-items:center;
  border:1px solid #d9c5bb!important;
  border-radius:8px!important;
  box-shadow:inset 0 30px 60px -12px rgba(117,52,34,.21),inset 0 18px 36px -18px rgba(117,52,34,.3);
  color:#753422!important;
  cursor:pointer;
  display:flex;
  font-size:14px;
  height:50px;
  justify-content:center;
  margin:14px 0!important;
  width:145px!important
}
.time-slot:hover{
  border:1px solid #753422
}
.activeSlot{
  background-color:#753422!important;
  border:none;
  color:#fff!important;
  cursor:pointer;
  font-size:11px;
  padding:13px;
  text-align:center;
  width:165px
}
.activeSlot:hover{
  border:1px solid #fff
}
.blog-section{
  position:relative
}
.blog-section .blog-bg-img1{
  left:0;
  position:absolute;
  top:220px
}
@media (max-width:575px){
  .blog-section .blog-bg-img1 img{
    width:60%
  }

}
.blog-section .blog-bg-img2{
  position:absolute;
  right:0;
  text-align:end;
  top:0
}
@media (max-width:575px){
  .blog-section .blog-bg-img2 img{
    width:70%
  }

}
.blog-section .blog-slider{
  position:relative
}
.blog-section .blog-slider .slick-slide{
  padding:0 5px
}
.blog-section .blog-slider .blog-card{
  border:1px solid #d9c5bb;
  border-radius:10px;
  margin:0 auto;
  max-width:365px;
  min-height:260px
}
.blog-section .blog-slider .blog-card .card-img{
  height:180px;
  position:relative
}
@media (max-width:374px){
  .blog-section .blog-slider .blog-card .card-img{
    height:160px
  }

}
.blog-section .blog-slider .blog-card .card-img .img-border{
  background-color:#753422;
  height:100%;
  position:absolute;
  width:100%
}
.blog-section .blog-slider .blog-card .card-img .img-border .mask{
  height:calc(100% - 4px);
  left:2px;
  position:absolute;
  top:2px;
  width:calc(100% - 4px)
}
.blog-section .blog-slider .blog-card .card-img .img-border .mask img{
  -o-object-fit:contain;
  object-fit:contain
}
.blog-section .blog-slider .blog-card .card-body{
  overflow:hidden;
  padding:0 20px 20px
}
.blog-section .blog-slider .blog-card .card-body .blog-desc{
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  font-size:13px!important;
  overflow:hidden
}
.blog-section .blog-slider .blog-card .card-body .blog-title{
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  font-size:20px;
  min-height:48px;
  overflow:hidden
}
.blog-section .blog-slider .slick-next,.blog-section .blog-slider .slick-prev{
  opacity:1!important;
  position:absolute;
  width:40px;
  z-index:2
}
@media (max-width:575px){
  .blog-section .blog-slider .slick-next,.blog-section .blog-slider .slick-prev{
    display:none
  }

}
.blog-section .blog-slider .slick-next{
  right:0
}
@media (max-width:768px){
  .blog-section .blog-slider .slick-next{
    right:-15px
  }

}
.blog-section .blog-slider .slick-next:before{
  opacity:1!important
}
.blog-section .blog-slider .slick-prev{
  left:0
}
@media (max-width:768px){
  .blog-section .blog-slider .slick-prev{
    left:-15px
  }

}
.blog-section .blog-slider .slick-prev:before{
  opacity:1!important
}
.slick-next:before,.slick-prev:before{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  color:#753422!important;
  font-family:slick;
  font-size:25px!important;
  line-height:1;
  opacity:.75
}
.testimonial-section{
  position:relative
}
.testimonial-section .testimonial-bg-img{
  position:absolute;
  right:0;
  text-align:end;
  top:0
}
@media (max-width:575px){
  .testimonial-section .testimonial-bg-img img{
    width:60%
  }

}
.testimonial-section .testimonial-slider .testimonial-card{
  border:none;
  border-radius:15px;
  padding:0;
  position:relative
}
.testimonial-section .testimonial-slider .testimonial-card .testimonial-profile-img{
  border:5px solid #fff;
  border-radius:15px;
  box-shadow:10px 10px 20px -7px rgba(53,36,31,.15);
  height:120px;
  margin:0 auto;
  min-width:120px;
  overflow:hidden;
  width:120px
}
@media (max-width:575px){
  .testimonial-section .testimonial-slider .testimonial-card .testimonial-profile-img{
    margin:0 auto 15px
  }

}
.testimonial-section .testimonial-slider .testimonial-card .card-body .quote-img{
  height:35px;
  min-width:45px;
  position:absolute;
  width:45px
}
@media (max-width:575px){
  .testimonial-section .testimonial-slider .testimonial-card .card-body .quote-img{
    height:26px;
    width:36px
  }

}
.testimonial-section .testimonial-slider .testimonial-card .card-body .quote-img.quote-left-img{
  left:0;
  top:0
}
.testimonial-section .testimonial-slider .testimonial-card .card-body .quote-img.quote-right-img{
  bottom:0;
  right:0
}
.testimonial-section .testimonial-slider .testimonial-card .card-body .desc{
  -webkit-box-orient:vertical;
  display:-webkit-box;
  overflow:hidden
}
.qr-code-section{
  position:relative
}
.qr-code-section .qr-bg-img{
  left:0;
  position:absolute;
  top:0
}
@media (max-width:575px){
  .qr-code-section .qr-bg-img img{
    width:60%
  }

}
.qr-code-section .qr-code{
  background-color:#fff;
  border-radius:15px;
  box-shadow:0 0 12px -6px #753422;
  margin-top:30px;
  max-width:400px;
  padding:70px 50px 20px;
  width:100%
}
@media (max-width:480px){
  .qr-code-section .qr-code{
    padding:70px 15px 20px
  }

}
.qr-code-section .qr-code .qr-profile-img{
  background-color:#fff;
  border:3px solid #753422;
  border-radius:50%;
  height:90px;
  min-width:90px;
  overflow:hidden;
  position:absolute;
  top:-38px;
  width:90px
}
.qr-code-section .qr-code .qr-code-img{
  border:1px solid #d9c5bb;
  border-radius:15px;
  height:150px;
  min-width:150px;
  padding:10px!important;
  width:150px
}
.business-hour-section .business-hours .business-hour{
  border:1px solid #753422;
  border-radius:15px
}
.contact-us-section{
  position:relative
}
.contact-us-section .contact-bg-img{
  position:absolute;
  right:30px;
  top:40px
}
@media (max-width:575px){
  .contact-us-section .contact-bg-img{
    right:-15px
  }

}
@media (max-width:425px){
  .contact-us-section .contact-bg-img{
    right:-35px;
    top:65px
  }

}
@media (max-width:575px){
  .contact-us-section .contact-bg-img img{
    width:60%
  }

}
.contact-us-section .contact-form{
  background-color:#fff;
  border:1px solid #d9c5bb;
  border-radius:15px;
  box-shadow:inset 0 30px 60px -12px rgba(117,52,34,.21),inset 0 18px 36px -18px rgba(117,52,34,.3);
  padding:20px
}
.contact-us-section .contact-form form .form-control{
  background-color:#fff;
  border:1px solid #d9c5bb;
  border-radius:10px;
  color:#868686;
  font-size:14px;
  font-weight:500;
  height:50px;
  margin-bottom:10px;
  padding:13px 20px
}
.contact-us-section .contact-form form .form-control::-moz-placeholder{
  color:#9da5ae
}
.contact-us-section .contact-form form .form-control::placeholder{
  color:#9da5ae
}
.contact-us-section .contact-form form .form-control:focus{
  box-shadow:none;
  outline:none
}
.contact-us-section .contact-form form .btn-secondary{
  box-shadow:0 10px 15px rgba(0,32,32,.2)
}
.create-vcard-section .vcard-link-card{
  background-color:#fff;
  border:1px solid #d9c5bb;
  border-radius:10px;
  box-shadow:inset 0 30px 60px -12px rgba(117,52,34,.21),inset 0 18px 36px -18px rgba(117,52,34,.3);
  padding:20px;
  text-align:center
}
.create-vcard-section .vcard-link-card .link-text{
  font-size:18px;
  word-break:break-all
}
@media (max-width:575px){
  .create-vcard-section .vcard-link-card .link-text{
    font-size:16px
  }

}
.add-to-contact-section{
  bottom:60px;
  left:0;
  position:fixed;
  width:100%;
  z-index:2
}
.add-to-contact-section .add-contact-btn{
  text-wrap:nowrap!important;
  margin-bottom:-40px;
  max-width:240px
}
.btn-section .fixed-btn-section .fashion-bars-btn{
  background-color:#753422;
  box-shadow:0 5px 20px rgba(26,36,44,.15)
}
.btn-section .fixed-btn-section .sub-btn .fashion-sub-btn{
  background-color:#fff;
  box-shadow:0 5px 20px rgba(26,36,44,.15)
}
.slick-dots li{
  height:8px;
  margin:0 5px;
  width:8px
}
.slick-dots li button,.slick-dots li button:before{
  font-size:0;
  height:8px;
  width:8px
}
.slick-dots li.slick-active,.slick-dots li.slick-active button,.slick-dots li.slick-active button:before{
  width:30px
}
.px-30{
  padding-left:30px;
  padding-right:30px
}
@media (max-width:575px){
  .px-30{
    padding-left:20px;
    padding-right:20px
  }

}
.fs-14{
  font-size:14px
}
.fs-18{
  font-size:18px
}
@media (max-width:575px){
  .fs-18{
    font-size:16px
  }

}
.fs-20{
  font-size:20px
}
.mt-10{
  margin-top:10px
}
.mt-40{
  margin-top:40px
}
@media (max-width:575px){
  .mt-40{
    margin-top:30px
  }

}
.mb-40{
  margin-bottom:40px
}
@media (max-width:575px){
  .mb-40{
    margin-bottom:30px
  }

}
.mx-30{
  margin-left:30px;
  margin-right:30px
}
@media (max-width:575px){
  .mx-30{
    margin-left:20px;
    margin-right:20px
  }

}
.mb-20{
  margin-bottom:20px
}
.mb-10{
  margin-bottom:10px
}
.pb-50{
  padding-bottom:50px
}
@media (max-width:575px){
  .pb-50{
    padding-bottom:40px
  }

}
.pt-40{
  padding-top:40px
}
@media (max-width:575px){
  .pt-40{
    padding-top:25px
  }

}
.pb-40{
  padding-bottom:40px
}
@media (max-width:575px){
  .pb-40{
    padding-bottom:25px
  }

}
.pt-60{
  padding-top:60px
}
@media (max-width:575px){
  .pt-60{
    padding-top:40px
  }

}
.pb-60{
  padding-bottom:60px
}
@media (max-width:575px){
  .pb-60{
    padding-bottom:40px
  }

}
.pt-30{
  padding-top:30px
}
@media (max-width:575px){
  .pt-30{
    padding-top:20px
  }

}
.pb-30{
  padding-bottom:30px
}
@media (max-width:575px){
  .pb-30{
    padding-bottom:20px
  }

}
.pt-50{
  padding-top:50px
}
@media (max-width:575px){
  .pt-50{
    padding-top:40px
  }

}
.pt-80{
  padding-top:80px
}
@media (max-width:575px){
  .pt-80{
    padding-top:40px
  }

}
.pb-80{
  padding-bottom:80px
}
@media (max-width:575px){
  .pb-80{
    padding-bottom:40px
  }

}
.px-10{
  padding-left:10px;
  padding-right:10px
}
.fw-5{
  font-weight:500
}
.fw-6{
  font-weight:600
}
.fw-7{
  font-weight:700
}
.fs-12{
  font-size:12px
}
.fs-36{
  font-size:36px
}
@media (max-width:575px){
  .fs-36{
    font-size:30px
  }

}
.fs-30{
  font-size:30px
}
@media (max-width:575px){
  .fs-30{
    font-size:28px
  }

}
.fs-28{
  font-size:28px
}
@media (max-width:575px){
  .fs-28{
    font-size:24px
  }

}
a{
  text-decoration:none
}
.main-content{
  max-width:576px;
  min-height:100vh
}
.object-fit-cover{
  -o-object-fit:cover;
  object-fit:cover
}
.flex-1{
  flex:1
}
.cursor-pointer{
  cursor:pointer
}
.btn-section{
  position:absolute;
  right:80px;
  top:50%;
  z-index:9
}
.btn-section .fixed-btn-section{
  align-items:center;
  position:fixed;
  display:none;
  top:50%
}
.btn-section .fixed-btn-section .bars-btn{
  align-items:center;
  border-radius:50%;
  display:flex;
  height:65px;
  justify-content:center;
  min-width:65px;
  width:65px
}
.btn-section .fixed-btn-section .sub-btn{
  display:none;
  position:absolute;
  right:75px
}
.btn-section .fixed-btn-section .sub-btn .social-btn{
  align-items:center;
  border-radius:50%;
  display:flex;
  height:50px;
  justify-content:center;
  width:50px
}
.btn-section .fixed-btn-section .sub-btn .social-btn i{
  font-size:24px
}
.add-contact-btn{
  height:40px;
  padding:10px 38px
}
.add-contact-btn i{
  font-size:1rem
}
.appointmentAdd,.save-btn{
  height:40px;
  padding:5px
}
.language ul{
  list-style:none
}
.language ul .lang-list{
  background:#753422;
  border:none;
  border-radius:12px;
  outline:none;
  padding:5px 12px;
  transition:all .3s ease;
  width:-moz-fit-content;
  width:fit-content
}
.language ul .lang-list .lang-head,.language ul .lang-list .lang-head i{
  color:#fff
}
.language ul .lang-list .lang-hover-list{
  font-size:15px;
  left:unset!important;
  margin:15px 0 0;
  min-width:75px;
  right:0;
  width:100%
}
.language ul .lang-list .lang-hover-list li{
  padding:5px 10px
}
.language ul .lang-list .lang-hover-list li.active,.language ul .lang-list .lang-hover-list li:hover{
  background-color:#f3f3f3!important
}
.language ul .lang-list .lang-hover-list li.active a,.language ul .lang-list .lang-hover-list li:hover a{
  color:#753422!important
}
.language ul .lang-list .lang-hover-list li a{
  color:#5e6278!important;
  text-decoration:none
}
.language ul .lang-list .lang-hover-list li img{
  height:16px!important;
  width:20px!important
}
.vcard19-sticky-btn{
  background:#fff;
  border:1px solid #868686;
  color:#753422;
  height:40px
}
.vcard19-btn-group{
  background-color:#fff;
  border-radius:50px!important;
  color:#753422;
  height:50px;
  width:50px
}
.vcard-nineteen.main-content{
  background-color:#753422;
  max-width:576px;
  min-height:100vh;
  text-align:center!important
}
.vcard-nineteen .vcard-nineteen-heading{
  color:#f3f3f3;
  font-size:28px;
  font-weight:500
}
.vcard-nineteen-btn{
  background-color:#f3f3f3;
  border:none;
  border-radius:5px;
  color:#753422;
  outline:none;
  padding:10px 20px;
  transition:all .3s ease;
  width:-moz-fit-content;
  width:fit-content
}
.slick-dotted.slick-slider{
  margin-bottom:10px
}
.slick-dots{
  bottom:-15px;
  position:relative
}
.slick-dots li{
  height:8px!important;
  margin:0 5px!important;
  width:8px!important
}
.slick-dots li button,.slick-dots li button:before{
  font-size:0!important;
  height:8px!important;
  width:8px!important
}
.slick-dots li button:before{
  background-color:#868686;
  border-radius:10px
}
.slick-dots li.slick-active,.slick-dots li.slick-active button{
  width:30px!important
}
.slick-dots li.slick-active button:before{
  background-color:#753422;
  opacity:1;
  width:30px!important
}
.modal-footer .btn{
  max-width:none;
  width:auto
}
.save-btn{
  width:240px!important
}
@media (max-width:575px){
  .profile-name{
    text-align:center
  }

}
.product-heading{
  color:#753422;
  font-size:35px;
  font-weight:500
}
.product-btn{
  background:#753422;
  border:none;
  border-radius:5px;
  color:#fff!important;
  outline:none;
  padding:10px 20px;
  transition:all .3s ease
}
.product-btn:hover{
  background-color:rgba(117,52,34,.9)
}
.modal-backdrop{
  background-color:transparent
}
.modal{
  background-color:#00000080;
  z-index:99999!important
}
.modal .news-modal #newsLatter-content{
  background-color:#212020;
  border:none;
  border-radius:.475rem;
  box-shadow:0 .5rem 1rem rgba(0,0,0,.1);
  outline:0
}
.modal .news-modal #newsLatter-content .form-control{
  font-size:.875rem!important;
  padding:.375rem .75rem!important
}
.modal .news-modal #newsLatter-content .newsmodal-header .btn-close{
  background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ADB5BD'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
  position:absolute!important;
  right:16px!important;
  top:16px!important;
  z-index:1!important
}
.modal .news-modal #newsLatter-content .newsmodal-header .newsmodal-title{
  color:#753422;
  font-size:50px;
  text-align:center!important
}
.modal .news-modal #newsLatter-content .modal-body{
  padding:1.75rem
}
.modal .news-modal #newsLatter-content .modal-body .content{
  color:#753422;
  font-size:23px
}
.modal .news-modal #newsLatter-content .modal-body .modal-desc{
  color:silver;
  font-size:16px;
  font-weight:400
}
.modal .news-modal #newsLatter-content .modal-body .email-input{
  border-radius:8px!important
}
.modal .news-modal #newsLatter-content .modal-body .email-input .btn{
  border-radius:8px!important;
  padding:5px 10px!important
}
.modal .news-modal #newsLatter-content .modal-body .required:after{
  color:#f62947;
  content:"*";
  font-size:inherit;
  font-weight:700;
  position:relative
}
.modal .news-modal #newsLatter-content .modal-body .input-box{
  background-color:#f5f8fa;
  border:unset;
  border-radius:.475rem;
  color:#5e6278;
  font-size:1.1rem;
  line-height:1.5;
  padding:.75rem 1rem;
  transition:all .2s ease
}
.modal .news-modal #newsLatter-content .modal-body .input-box:focus{
  background-color:#eef3f7;
  box-shadow:unset
}
.modal .news-modal #newsLatter-content .modal-body .input-group{
  margin-top:15px
}
.modal .news-modal #newsLatter-content .modal-footer{
  border-top:none!important;
  padding:1.875rem
}
.modal .news-modal #newsLatter-content .modal-footer .btn{
  border-radius:.475rem!important;
  padding:10px 20px!important
}
.modal .news-modal #newsLatter-content .modal-footer .submit-btn{
  background-color:#6571ff!important;
  border:unset;
  color:#fff;
  margin-top:26px;
  outline:unset;
  padding:10px 20px!important
}
.modal .news-modal #newsLatter-content .modal-footer .submit-btn:hover{
  background-color:#6571ff!important
}
.modal .news-modal #newsLatter-content .modal-footer .submit-btn:focus{
  box-shadow:unset
}
#email-send{
  background:#753422;
  border:none;
  color:#fff!important;
  font-size:15px
}
.animate-bottom{
  animation:animatebottom .4s;
  position:relative
}
@keyframes animatebottom{
  0%{
    bottom:-300px;
    opacity:0
  }
  to{
    bottom:0;
    opacity:1
  }

}
.view-more{
  color:#753422!important
}
.insta-feed{
  max-height:1000px!important;
  overflow-x:hidden;
  overflow-y:scroll
}
.insta-feed-iframe iframe{
  border-radius:15px!important
}
.instagram-btn{
  background:transparent;
  flex:1;
  position:relative
}
.instagram-btn:before{
  background-color:#753422;
  content:"";
  height:2px;
  position:absolute;
  top:100%;
  transition:width .3s ease;
  width:0
}
.instagram-btn.active:before{
  width:80%
}
.instagram-btn .svg-post-icon line,.instagram-btn .svg-post-icon rect{
  stroke:#753422
}
.instagram-btn.active .svg-post-icon line,.instagram-btn.active .svg-post-icon rect{
  fill:#753422;
  stroke:#fff
}
.instagram-btn .svg-reels-icon .not-active-svg{
  display:block
}
.instagram-btn .svg-reels-icon .active-svg{
  display:none
}
.instagram-btn .svg-reels-icon path,.instagram-btn .svg-reels-icon path.not-active-svg,.instagram-btn .svg-reels-icon rect{
  fill:#753422
}
.instagram-btn.active .svg-reels-icon .not-active-svg,.instagram-btn.active .svg-reels-icon rect{
  display:none
}
.instagram-btn.active .svg-reels-icon .active-svg{
  display:block
}
.insta-toggle{
  border-radius:35px!important;
  margin:10px!important;
  padding:5px!important;
  transition:all .3s ease!important
}
#instafeed-container a img{
  border-radius:15px;
  height:200px!important;
  margin:11px;
  width:44%
}
.instagram-media{
  max-width:100%!important;
  min-width:50%!important
}
.support-banner{
  background:#fff;
  border-radius:20px;
  bottom:20px;
  box-shadow:0 7px 8px 0 #848181,0 0 11px 0 #000;
  box-sizing:border-box;
  height:auto!important;
  margin-left:32px;
  margin-right:32px;
  max-width:520px;
  padding:10px;
  position:fixed;
  width:100%;
  z-index:99999!important
}
@media (max-width:575px){
  .support-banner{
    margin-left:0;
    margin-right:0
  }

}
.support-banner .support_heading{
  font-size:27px;
  margin-top:30px
}
.support-banner .support_text{
  margin-bottom:22px;
  margin-top:13px;
  max-height:123px!important;
  overflow-x:hidden;
  overflow-y:scroll
}
.support-banner .support_text::-webkit-scrollbar{
  width:4px
}
.support-banner .support_text::-webkit-scrollbar-track{
  background:transparent
}
.support-banner .support_text::-webkit-scrollbar-thumb{
  background:#888
}
@media (max-width:767px){
  .support-banner{
    max-width:476px!important
  }

}
@media (max-width:575px){
  .support-banner{
    max-width:100%!important
  }

}
.act-now{
  background:#753422;
  border:none;
  border-radius:15px;
  bottom:10px;
  color:#fff!important;
  display:inline-block!important;
  outline:none;
  padding:7px 21px;
  position:relative;
  text-decoration:none;
  transform:translateY(0);
  transition:all .3s ease
}
.banner-close{
  background:none;
  border:none;
  font-size:20px!important;
  position:absolute;
  right:25px;
  top:20px
}
.iframe-body{
  height:325px!important;
  width:100%!important
}
.iframe-slider{
  position:relative
}
.iframe-slider .slick-slide{
  padding:0 5px
}
.iframe-slider .iframe-card{
  border:1px solid #d9c5bb;
  border-radius:10px;
  margin:0 auto;
  margin-left:20px!important;
  margin-right:20px!important;
  max-width:365px
}
.iframe-slider .slick-next,.iframe-slider .slick-prev{
  opacity:1!important;
  position:absolute;
  width:40px;
  z-index:2
}
@media (max-width:575px){
  .iframe-slider .slick-next,.iframe-slider .slick-prev{
    display:none
  }

}
.iframe-slider .slick-next{
  right:0
}
@media (max-width:768px){
  .iframe-slider .slick-next{
    right:-15px
  }

}
.iframe-slider .slick-next:before{
  opacity:1!important
}
.iframe-slider .slick-prev{
  left:0
}
@media (max-width:768px){
  .iframe-slider .slick-prev{
    left:-15px
  }

}
.iframe-slider .slick-prev:before{
  opacity:1!important
}
.verification-icon{
  color:#753422
}
.main-content.rtl .ms-3{
  margin-left:0!important;
  margin-right:1rem!important
}
.main-content.rtl .calendar-icon{
  left:18px;
  right:auto
}
.main-content.rtl .text-start{
  text-align:right!important
}
.main-content.rtl .contact-section .contact-box .contact-icon{
  margin-left:20px;
  margin-right:0
}
.main-content.rtl .form-check{
  padding-left:0!important;
  padding-right:2.063em!important
}
.main-content.rtl .form-check .form-check-input{
  float:right!important;
  margin-right:-2.063em!important
}
.profile-section .card[dir=rtl] .card-img{
  margin-left:40px;
  margin-right:0
}
.btn-section.rtl{
  left:15px!important;
  right:auto!important
}
.modal-content[dir=rtl] .pl-50{
  padding-right:50px
}
.modal-content[dir=rtl] .text-center{
  text-align:start!important
}
.modal-content[dir=rtl] .arrow{
  transform:rotate(180deg)!important
}
.modal-content[dir=rtl] .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){
  border-bottom-left-radius:0!important;
  border-bottom-right-radius:.313rem!important;
  border-top-left-radius:0!important;
  border-top-right-radius:.313rem!important
}
.modal-content[dir=rtl] .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
  border-bottom-left-radius:.313rem!important;
  border-bottom-right-radius:0!important;
  border-top-left-radius:.313rem!important;
  border-top-right-radius:0!important
}
.toast-message,.toast-title{
  margin-right:12px
}
.input-box{
  background-color:#fff!important;
  border:1px solid #d9c5ba!important;
  border-radius:8px!important;
  cursor:pointer;
  display:grid;
  margin-bottom:5px;
  padding:20px;
  place-items:center
}
.input-box h4{
  font-size:medium!important;
  margin:0
}
.file-list li,.input-box h4{
  color:#a0a8b1!important
}
.selected-files .item{
  align-items:center;
  background-color:#fff!important;
  border:1px solid #d9c5ba!important;
  border-radius:8px!important;
  display:flex;
  justify-content:space-between;
  padding:8px
}
.file-list .name{
  flex-grow:1
}
.file-list .remove{
  color:red;
  cursor:pointer;
  margin-left:8px
}
.file-list .remove svg{
  height:16px;
  width:16px
}
.selected-files .item .name{
  color:#a0a8b1!important
}
.selected-files h5{
  color:#4f5154!important;
  font-size:medium!important;
  margin-bottom:10px!important;
  margin-top:9px!important
}
small{
  color:#a0a8b1!important;
  font-size:12px
}
.file-list{
  font-size:medium!important;
  list-style-type:none!important;
  margin:0;
  max-height:220px;
  overflow-y:auto;
  padding:0 0 10px
}
.modal,.modal.show{
  padding-right:0!important
}
.modal.show .modal-dialog{
  transform:translateY(35px)!important
}
@media (min-width:576px){
  .modal.show .modal-dialog{
    margin:2.5rem auto!important;
    max-width:520px!important
  }

}
.modal .modal-dialog{
  transform:translateY(95px)!important
}
.modal .modal-dialog.modal-bottom{
  height:87vh!important
}
@media (min-width:576px){
  #newsLatterModal .modal-dialog{
    max-width:420px!important;
    min-height:calc(100% - 5rem)!important;
    transform:none!important
  }

}
.pwa-support{
  background:#fff;
  border-radius:32px;
  bottom:20px;
  box-shadow:0 7px 8px 0 #848181,0 0 11px 0 #000;
  height:auto!important;
  left:0;
  margin:0 auto;
  max-width:400px;
  padding:24px;
  position:fixed!important;
  right:0;
  width:100%;
  z-index:99999!important
}
.pwa-support .pwa-heading{
  font-size:20px;
  margin-bottom:12px
}
.pwa-support .pwa-text{
  font-size:.875rem!important;
  margin-bottom:16px
}
.pwa-install-button{
  background:#753422!important;
  color:#fff!important;
  padding:.563rem 1.563rem!important
}
.pwa-cancel-button,.pwa-install-button{
  border-radius:15px!important;
  font-size:.875rem!important;
  font-weight:400!important
}
.pwa-cancel-button{
  background-color:#adb5bd!important;
  border:none!important;
  color:#000;
  padding:.563rem 1.563rem
}
.pwa-cancel-button:hover{
  background-color:#d1d5db!important;
  border:none!important;
  color:#000!important
}
.product-img-slider .slick-list{
  padding:0!important
}
.youtube-link-19{
  padding-top:56.25%;
  position:relative
}
.youtube-link-19 iframe{
  height:100%!important;
  left:0!important;
  position:absolute!important;
  top:0;
  width:100%!important
}
.linkedin-feed{
  max-height:1000px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important
}
.linkedin-feed-iframe{
  border-radius:8px;
  height:500px;
  margin-bottom:15px;
  overflow:hidden
}
.linkedin-feed-iframe iframe{
  border:1px solid #dbdbdb;
  border-radius:15px!important;
  height:500px!important;
  transform:scale(1);
  transform-origin:top left;
  width:calc(100% - 2px)!important
}
.sound-toggle-btn{
  align-items:center;
  background:rgba(0,0,0,.55);
  border:none;
  border-radius:50%;
  bottom:12px;
  color:#fff;
  cursor:pointer;
  display:flex;
  height:35px;
  justify-content:center;
  position:absolute;
  right:5px;
  width:35px;
  z-index:10
}
@media (max-width:425px){
  .sound-toggle-btn{
    bottom:12px;
    right:2px
  }

}
@media (max-width:375px){
  .sound-toggle-btn{
    bottom:10px;
    right:2px
  }

}
@media (max-width:320px){
  .sound-toggle-btn{
    bottom:10px;
    right:2px
  }

}
.sound-toggle-btn i{
  font-size:18px
}