.bg-primary {
  background-color:#ffffff!important
}
.text-gray-100 {
  color:#9a9a9a!important
}
.text-primary {
  color:#ffffff!important
}
.text-secondary {
  color:#1f1f21!important
}
.bg-secondary {
  background-color:#1f1f21!important
}
@font-face {
  font-display:swap;
  font-family:Oswald;
  font-style:normal;
  font-weight:500;
  src:url(/fonts/Oswald-Medium.ttf?79e266089ef37332d7ae86c319793dbd) format("truetype")
}
body {
  background-color:#ffd70040;
  font-family:Poppins;
  font-weight:400!important
}
body,
body.modal-open {
  padding-right:0!important
}
.px-40 {
  padding-left:40px;
  padding-right:40px
}
@media (max-width:575px) {
  .px-40 {
    padding-left:20px;
    padding-right:20px
  }

}
.pt-100 {
  padding-top:100px
}
.mb-30 {
  margin-bottom:30px
}
.section-heading {
  margin-bottom:40px
}
.section-heading h2 {
  color:#fff;
  display:inline-block;
  font-family:Oswald;
  font-size:24px;
  font-style:normal;
  font-weight:500;
  margin-bottom:0;
  position:relative
}
.section-heading h2:after {
  bottom:-8px;
  left:0
}
.section-heading h2:after,
.section-heading h2:before {
  background-color:#ffffff;
  content:"";
  height:1px;
  position:absolute;
  width:60%
}
.section-heading h2:before {
  bottom:-14px;
  right:0
}
.btn {
  border-radius:10px;
  font-weight:500;
  padding:13px 30px
}
.btn:focus {
  box-shadow:none!important;
  outline:none!important
}
.btn-primary {
  background-color:transparent;
  border:1px #ffffff;
  color:#ffffff
}
.btn-primary.active,
.btn-primary:focus,
.btn-primary:hover {
  background-color:#ffffff;
  border:1px #ffffff;
  color:#1f1f21
}
.main-content {
  background-color:#000;
  border-radius:15px;
  position:relative
}
.banner-section .banner-img-26 {
  height:324px!important
}
.banner-section .banner-img-26:after {
  position:relative!important
}
.banner-section .banner-img {
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  height:300px;
  overflow:hidden;
  position:relative;
  width:100%
}
.banner-section .banner-img:after {
  background:linear-gradient(#25302e00,
  #131211)!important;
  bottom:0!important;
  content:"";
  height:100%!important;
  left:0!important;
  pointer-events:none;
  position:absolute;
  width:100%!important
}
@media (max-width:575px) {
  .banner-section .banner-img {
    height:auto
  }

}
.profile-section {
  position:relative
}
.profile-section .cart-img {
  left:40;
  position:absolute;
  top:195px
}
.profile-section .cart-img img {
  width:30% !important;
    opacity: 0.5;

}
@media (max-width:575px) {
  .profile-section .cart-img img {
    width:30%  !important
  }

}
.profile-section .percentage-img {
  position:absolute;
  right:40px;
  top:120px
}
.profile-section .percentage-img img {
  width:30% !important;
    opacity: 0.3;

}
@media (max-width:575px) {
  .profile-section .percentage-img {
    right:30px
  }
  .profile-section .percentage-img img {
    width:30%
  }

}
.profile-section .card {
  background-color:transparent!important;
  border:none;
  margin-top:-85px
}
@media (max-width:576px) {
  .profile-section .card {
    margin-top:-60px
  }

}
.profile-section .card .card-img {
  border:3px solid #fff;
  border-radius:50%;
  height:170px;
  min-width:170px;
  overflow:hidden;
  width:170px
}
@media (max-width:576px) {
  .profile-section .card .card-img {
    height:120px;
    min-width:120px;
    width:120px
  }

}
.contact-section {
  position:relative
}
.contact-section .open-box-img {
  position:absolute;
  right:40px;
  top:-45px
}
.contact-section .open-box-img img {
  width:30%!important;
    opacity: 0.3;
}
@media (max-width:575px) {
  .contact-section .open-box-img img {
    width:30%!important;
    opacity: 0.3;
  }

}
.contact-section .contact-box {
  background:#1f1f21;
  border-bottom:3px #ffffff;
  border-radius:15px;
  flex-direction:column;
  padding:15px 10px 8px
}
.contact-section .contact-box .contact-icon {
  background-color:#1f1f21;
  border:2px dashed #ffffff;
  border-radius:15px;
  height:50px;
  margin-bottom:12px;
  min-width:50px;
  width:50px
}
.contact-section .contact-box .contact-icon img {
  height:20px;
  -o-object-fit:contain;
  object-fit:contain;
  width:20px
}
.contact-section .contact-desc {
  word-break:break-word!important
}
.contact-section .contact-desc a,
.contact-section .contact-desc p {
  font-size:14px
}
.social-media {
  gap:30px
}
@media (max-width:575px) {
  .social-media {
    gap:20px
  }

}
.social-media .social-icon {
  background-color:#1f1f21;
  border:1px solid #1f1f21;
  border-radius:50%;
  height:50px;
  min-width:50px;
  width:50px
}
.social-media .social-icon path,
.social-media .social-icon svg {
  fill:#ffffff;
  width:25px
}
@media (max-width:575px) {
  .social-media .social-icon path,
  .social-media .social-icon svg {
    width:20px
  }

}
.social-media .social-icon:hover {
  border:1px #ffffff
}
@media (max-width:425px) {
  .social-media .social-icon {
    height:40px;
    min-width:40px;
    width:40px
  }

}
.our-services-section {
  position:relative
}
.our-services-section .services .service-card {
  display:flex;
  position:relative
}
.our-services-section .services .service-card .card-img {
  background-color:#1f1f21;
  border:1px #ffffff;
  border-radius:10px;
  height:70px;
  margin-right:30px;
  min-width:70px;
  overflow:hidden!important;
  width:70px
}
.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:180px!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 {
  align-items:center;
  border:2px #ffffff!important;
  border-radius:25px;
  margin:0 50px;
  max-height:180px;
  max-width:100%;
  min-height:160px;
  overflow-y:auto;
  padding:20px
}
.our-services-section .services .services-slider-view .service-card .card-title {
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  color:#fff;
  display:-webkit-box;
  margin-top:6px;
  overflow:hidden
}
.our-services-section .services .services-slider-view .service-card .description-text {
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  color:#9a9a9a;
  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-radius:15px!important;
  height:120px;
  margin-right:10px;
  width:120px
}
@media (max-width:500px) {
  .our-services-section .services .services-slider-view .service-card .img img {
    height:90px;
    width:90px
  }
  .our-services-section .services .services-slider-view .service-card {
    align-items:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:235px;
    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
}
.gallery-section {
  position:relative
}
.gallery-section .box-img {
  left:0;
  position:absolute;
  top:50px
}
.gallery-section .box-img img {
  width:100%
}
@media (max-width:575px) {
  .gallery-section .box-img img {
    width:75%
  }
  .gallery-section .slick-list {
    margin-right:0
  }

}
.gallery-section .gallery-slider {
  position:relative
}
.gallery-section .gallery-slider .slick-slide {
  padding-bottom:20px;
  padding-top:20px
}
.gallery-section .gallery-slider .gallery-img {
  aspect-ratio:1.5;
  border:1px solid #9a9a9a;
  border-radius:20px;
  height:180px;
  margin:0 auto;
  overflow:hidden;
  position:relative;
  width:270px
}
.gallery-section .gallery-slider .gallery-img iframe,
.gallery-section .gallery-slider .gallery-img img {
  aspect-ratio:1;
  height:auto!important;
 width: 100%!important;
}



    
    
    
.gallery-section .gallery-slider .gallery-img .gallery-file-link,
.gallery-section .gallery-slider .gallery-img a {
  display:block;
  height:100%;
  width:100%
}
.gallery-section .gallery-slider .gallery-img .gallery-file-item {
  background-position:50%;
  background-repeat:no-repeat;
  background-size:contain;
  height:100%;
  width:100%
}
.gallery-section .gallery-slider .slick-current.slick-active {
  padding-bottom:0;
  padding-top:0
}
.gallery-section .gallery-slider .slick-current.slick-active .gallery-img {
  height:220px;
  max-width:340px;
  width:100%
}
.testimonial-section,
.testimonial-section .testimonial-slider {
  position:relative
}
.testimonial-section .testimonial-slider:after {
  border-left:2px #ffffff;
  border-radius:90px 0 0 0;
  border-top:2px #ffffff;
  content:"";
  height:45%;
  position:absolute;
  right:0;
  top:0;
  width:91%;
  z-index:0
}
@media (max-width:575px) {
  .testimonial-section .testimonial-slider:after {
    border-radius:80px 0 0 0;
    height:30%;
    width:94%
  }

}
.testimonial-section .testimonial-slider:before {
  border-bottom:2px #ffffff;
  border-radius:0 0 90px 0;
  border-right:2px #ffffff;
  bottom:0;
  content:"";
  height:45%;
  left:0;
  position:absolute;
  width:91%;
  z-index:0
}
@media (max-width:575px) {
  .testimonial-section .testimonial-slider:before {
    border-radius:0 0 80px 0;
    bottom:25px;
    height:30%;
    width:94%
  }

}
.testimonial-section .testimonial-slider .slick-list {
  border-radius:90px 0 90px 0;
  margin:0 auto;
  max-width:82%;
  z-index:9
}
@media (max-width:575px) {
  .testimonial-section .testimonial-slider .slick-list {
    max-width:88%
  }

}
.testimonial-section .testimonial-slider .testimonial-card {
  background-color:transparent;
  border:none;
  padding:50px;
  position:relative;
  z-index:2
}
@media (max-width:575px) {
  .testimonial-section .testimonial-slider .testimonial-card {
    padding:40px
  }

}
.testimonial-section .testimonial-slider .testimonial-card .testimonial-profile-img {
  border:1px solid #9a9a9a;
  border-radius:50%;
  height:70px;
  margin:0 auto 15px;
  min-width:70px;
  overflow:hidden;
  width:70px
}
@media (min-width:576px) {
  .testimonial-section .testimonial-slider .testimonial-card .testimonial-profile-img {
    margin-bottom:0;
    margin-right:25px
  }

}
.testimonial-section .testimonial-slider .testimonial-card .card-body .desc {
  -webkit-box-orient:vertical;
  display:-webkit-box;
  overflow:hidden
}
.testimonial-section .testimonial-slider .testimonial-card .quote-img {
  position:absolute
}
.testimonial-section .testimonial-slider .testimonial-card .quote-img img {
  width:50px
}
@media (max-width:575px) {
  .testimonial-section .testimonial-slider .testimonial-card .quote-img img {
    width:35px
  }

}
.testimonial-section .testimonial-slider .testimonial-card .quote-img.left {
  bottom:30px;
  left:0
}
.testimonial-section .testimonial-slider .testimonial-card .quote-img.right {
  right:2px;
  top:30px
}
.product-section {
  position:relative
}
.product-section .cards-img {
  left:40px;
  position:absolute;
  top:40px
}
.product-section .cards-img img {
  width:100%
}
@media (max-width:575px) {
  .product-section .cards-img {
    left:20px
  }
  .product-section .cards-img img {
    width:70%
  }

}
.product-section .product-slider .product-card {
  background-color:#1f1f21;
  border:none;
  border-radius:10px;
  height:300px!important;
  margin:auto;
  max-height:100%;
  max-width:230px;
  overflow:hidden
}
@media (max-width:575px) {
  .product-section .product-slider .product-card {
    margin:0 auto
  }

}
.product-section .product-slider .product-card .product-img {
  height:200px;
  max-width:100%;
  overflow:hidden;
  width:100%
}
.product-section .product-slider .product-card .product-img img {
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  width:100%
}
.product-section .product-slider .product-card .product-desc {
  box-shadow:0 5px 20px rgba(0,
  0,
  0,
  .15);
  padding:10px
}
.product-section .product-slider .product-card .product-desc h3 {
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  overflow:hidden
}
.product-section .product-slider .product-card .product-desc p {
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  overflow:hidden
}
.product-section .product-slider .slick-dots {
  bottom:-30px!important
}
.appointment-section {
  position:relative
}
.appointment-section .appointment .appointment-input {
  background-color:#fdf5bf;
  border:1px solid #1f1f21;
  border-radius:10px;
  box-shadow:0 2px 4px rgba(0,
  0,
  0,
  .4),
  0 7px 13px -3px rgba(0,
  0,
  0,
  .3),
  inset 0 -5px 0 rgba(0,
  0,
  0,
  .2);
  color:#1f1f21;
  height:50px;
  padding:12px 25px;
  width:100%
}
.appointment-section .appointment .appointment-input::-moz-placeholder {
  color:#9a9a9a
}
.appointment-section .appointment .appointment-input::placeholder {
  color:#9a9a9a
}
.appointment-section .appointment .appointment-input:focus {
  outline:none
}
.appointment-section .appointment .appointment-input .calendar-icon {
  position:absolute;
  right:20px;
  top:18px
}
.appointment-section .appointment .calendar-icon {
  position:absolute;
  right:18px;
  top:11px
}
.appointment-section .appointment .hour-input {
  background-color:#1f1f21;
  border-radius:10px;
  font-size:16px;
  height:50px;
  padding:13px 16px
}
.appointment-section .appointment .btn-primary {
  max-width:300px
}
.blog-section {
  position:relative
}
.blog-section .shoes-img {
  position:absolute;
  right:40px;
  top:0
}
.blog-section .shoes-img img {
 width:30%!important;
    opacity: 0.3;
}
@media (max-width:575px) {
  .blog-section .shoes-img {
    right:20px;
    top:10px
  }
  .blog-section .shoes-img img {
    width:30%!important;
    opacity: 0.3;
  }

}
.blog-section .blog-slider {
  background-image:url(/assets/img/oldVcardTemplate/vcard26/blog-slider-bg.png);
  background-size:cover
}
.blog-section .blog-slider .slick-dots {
  bottom:-17px!important;
  margin-left:-17px!important
}
.blog-section .blog-card {
  align-items:flex-end;
  background-repeat:no-repeat;
  background-size:cover;
  border:1px solid #fff;
  border-radius:10px;
  display:flex;
  height:150px!important;
  margin:0 auto;
  max-height:100%!important;
  max-width:235px;
  min-height:170px;
  overflow:hidden;
  position:relative
}
.blog-section .blog-card:after {
  background-image:linear-gradient(#1f1f2100,
  #1f1f21cc);
  content:"";
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:0
}
.blog-section .blog-card img {
  height:100%;
  -o-object-fit:contain;
  object-fit:contain;
  width:100%
}
.blog-section .blog-desc {
  margin-left:7px!important;
  position:absolute;
  z-index:2
}
.blog-section .blog-head {
  -webkit-line-clamp:1;
  line-height:normal
}
.blog-section .blog-head,
.blog-section p {
  -webkit-box-orient:vertical;
  display:-webkit-box;
  overflow:hidden
}
.blog-section p {
  -webkit-line-clamp:3
}
.business-hour-section {
  position:relative
}
.business-hour-section .home-img {
  left:0;
  position:absolute;
  top:50px
}
.business-hour-section .home-img img {
     width:30%!important;
    opacity: 0.5;
}
@media (max-width:575px) {
  .business-hour-section .home-img {
    top:30px
  }
  .business-hour-section .home-img img {
       width:30%!important;
    opacity: 0.5;
  }

}
.business-hour-section .business-hours {
  row-gap:20px
}
.business-hour-section .business-hours .business-box {
  background-color:#1f1f21;
  border-bottom:2px #ffffff;
  border-radius:10px;
  border-top:2px solid #fff;
  box-shadow:0 5px 20px rgba(0,
  0,
  0,
  .15);
  padding:10px;
  position:relative;
  text-align:center
}
.qr-code-section {
  position:relative
}
.qr-code-section .bag-img {
  position:absolute;
  right:40px;
  top:60px
}
.qr-code-section .bag-img img {
  width:30%!important;
    opacity: 0.5;
}
@media (max-width:575px) {
  .qr-code-section .bag-img {
    right:20px;
    top:40px
  }
  .qr-code-section .bag-img img {
     width:30%!important;
    opacity: 0.5;
  }

}
.qr-code-section .percentage-img2 {
  left:0;
  position:absolute;
  top:120px
}
.qr-code-section .percentage-img2 img {
  width:30% !important;
    opacity: 0.5;
}
@media (max-width:575px) {
  .qr-code-section .percentage-img2 {
    top:60px
  }
  .qr-code-section .percentage-img2 img {
    width:30% !important;
    opacity: 0.5;
  }

}
.qr-code-section .qr-code {
  background-color:#fdf5bf36;
  border-color:#ffffff;
  border-radius:15px;
  border-style:dashed solid;
  border-width:2px;
  box-shadow:0 5px 20px rgba(0,
  0,
  0,
  .15);
  max-width:430px;
  padding:70px 50px 40px;
  width:100%
}
.qr-code-section .qr-code .qr-profile-img {
  background-color:#fff;
  border:3px solid #fff;
  border-radius:50%;
  height:90px;
  left:0;
  margin:0 auto;
  min-width:90px;
  overflow:hidden;
  position:absolute;
  right:0;
  top:-45px;
  width:90px
}
.qr-code-section .qr-code .qr-code-img {
  height:150px;
  min-width:150px;
  width:150px
}
.qr-code-section .qr-code .qr-code-img img,
.qr-code-section .qr-code .qr-code-img svg {
  height:100%;
  width:100%
}
.qr-code-section .qr-code svg {
  border:10px solid #fff!important;
  border-radius:10px!important
}
.contact-us-section {
  position:relative
}
.contact-us-section .add-to-bag-img {
  position:absolute;
  right:10px;
  top:-40px
}
.contact-us-section .add-to-bag-img img {
   width:30%!important;
    opacity: 0.3;
}
@media (max-width:575px) {
  .contact-us-section .add-to-bag-img {
    right:0
  }
  .contact-us-section .add-to-bag-img img {
     width:30%!important;
    opacity: 0.3;
  }

}
.contact-us-section .contact-bg-img {
  left:0;
  position:absolute;
  top:60px;
  width:100%;
  z-index:-1
}
.contact-us-section .contact-bg-img img {
  width:100%
}
.contact-us-section .contact-form {
  background-color:#fdf5bf;
  border-radius:20px;
  box-shadow:0 2px 4px rgba(0,
  0,
  0,
  .4),
  0 7px 13px -3px rgba(0,
  0,
  0,
  .3),
  inset 0 -5px 0 rgba(0,
  0,
  0,
  .2);
  padding:20px
}
.contact-us-section .contact-form form .form-control {
  background-color:#fff;
  border:none!important;
  border-radius:10px;
  box-shadow:inset 3px 3px 6px 0 #b7c161,
  inset -3px -3px 6px 1px hsla(0,
  0%,
  100%,
  .41);
  color:#9a9a9a;
  font-size:14px;
  height:50px;
  padding:15px
}
.contact-us-section .contact-form form .form-control::-moz-placeholder {
  color:#9a9a9a
}
.contact-us-section .contact-form form .form-control::placeholder {
  color:#9a9a9a
}
.contact-us-section .contact-form form .form-control:focus {
  outline:none
}
.contact-us-section .contact-form form .btn {
  max-width:200px
}
.create-vcard-section {
  position:relative
}
.create-vcard-section .fs-14 {
  font-size:14px!important
}
.create-vcard-section .delivery-van-img {
  left:10px;
  position:absolute;
  top:10px
}
.create-vcard-section .delivery-van-img img {
  width:100%
}
@media (max-width:575px) {
  .create-vcard-section .delivery-van-img img {
    width:65%
  }

}
.create-vcard-section .vcard-link-card {
  background-color:#1f1f21;
  border:1px solid #1f1f21;
  border-bottom:3px #ffffff;
  border-radius:10px;
  padding:15px
}
.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:55px;
  left:0;
  position:fixed;
  width:100%;
  z-index:9
}
@media (max-width:575px) {
  .add-to-contact-section {
    margin-bottom:6px!important
  }

}
.btn-section .fixed-btn-section .retail-bars-btn {
  background-color:#ffffff
}
.btn-section .fixed-btn-section .sub-btn .retail-sub-btn {
  background-color:#1f1f21;
  border:1px #ffffff
}
.slick-dotted.slick-slider {
  margin-bottom:10px
}
.slick-dots {
  bottom:-15px!important;
  position:relative
}
.slick-dots li {
  margin:0 4px!important
}
.slick-dots li,
.slick-dots li button {
  height:8px!important;
  width:8px!important
}
.slick-dots li button {
  font-size:0
}
.slick-dots li button:before {
  background-color:#9a9a9a;
  border-radius:10px;
  font-size:0!important;
  height:8px!important;
  width:8px!important
}
.slick-dots li.slick-active,
.slick-dots li.slick-active button {
  width:30px!important
}
.slick-dots li.slick-active button:before {
  background-color:#ffffff;
  opacity:1;
  width:30px!important
}
.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!important;
  object-fit:cover!important
}
.object-fit-contain {
  -o-object-fit:contain!important;
  object-fit:contain!important
}
.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;
  display:flex;
  position:fixed;
   display: none !important;
  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
}
.slick-dots li {
  margin:0
}
.slick-dots li button:before {
  font-size:30px;
  opacity:1
}
.add-contact-btn {
  box-shadow:none!important;
  color:#ffffff;
  height:40px!important;
  margin:0 auto;
  padding:7px;
  width:200px!important;
  width:250px!important;
  z-index:9999
}
.add-contact-btn i {
  font-size:1rem
}
.send-btn {
  height:40px;
  padding:6px 30px;
  width:250px!important
}
.language ul {
  list-style:none
}
.language ul .lang-list {
  background:#ffffff;
  border:none;
  border-radius:6px;
  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:#000
}
.language ul .lang-list .lang-hover-list {
  font-size:15px;
  left:unset!important;
  margin:15px 0 0;
  min-width:75px;
  right:0;
  width:115%
}
.language ul .lang-list .lang-hover-list li {
  padding:5px 12px
}
.language ul .lang-list .lang-hover-list li:hover {
  background-color:#ffd70040!important
}
.language ul .lang-list .lang-hover-list li:hover a {
  color:#ffffff!important
}
.language ul .lang-list .lang-hover-list li.active {
  background-color:#ffd70040!important
}
.language ul .lang-list .lang-hover-list li.active a {
  color:#ffffff!important
}
.language ul .lang-list .lang-hover-list li a {
  color:#5e6278!important;
  font-size:14px!important;
  text-decoration:none
}
.language ul .lang-list .lang-hover-list li img {
  height:16px!important;
  width:20px!important
}
.modal-backdrop {
  background-color:transparent!important
}
.activeSlot {
  background-color:#ffffff!important
}
.activeSlot,
.time-slot {
  color:#000!important;
  cursor:pointer
}
.time-slot {
  align-items:center;
  background:linear-gradient(201deg,
  #ffffff,
  #ffffffba);
  border:1px solid #fff;
  border-radius:10px!important;
  display:flex;
  font-size:15px;
  font-size:12px;
  height:50px;
  justify-content:center;
  transition:all .3s ease-in-out
}
.time-slot.activeSlot,
.time-slot:hover {
  background:linear-gradient(148deg,
  #ffffff,
  #ffffffba)
}
.insta-feed {
  max-height:1000px!important;
  overflow-x:hidden;
  overflow-y:scroll
}
.insta-feed::-webkit-scrollbar {
  width:0
}
.insta-feed::-webkit-scrollbar-thumb,
.insta-feed::-webkit-scrollbar-track {
  background-color:#f1faff!important
}
.insta-feed-iframe iframe {
  border:none!important;
  border-radius:15px!important
}
.instagram-btn {
  background:transparent;
  flex:1;
  position:relative
}
.instagram-btn:before {
  background-color:#ffffff;
  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:#ffffff
}
.instagram-btn.active .svg-post-icon line,
.instagram-btn.active .svg-post-icon rect {
  fill:#ffffff;
  stroke:#000
}
.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:#ffffff
}
.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
}
.vcard26-sticky-btn {
  background:#1f1f21;
  border:1px #ffffff;
  border-radius:5px;
  color:#ffffff;
  height:40px
}
.vcard26-btn-group {
  background:#1f1f21;
  border-radius:50px!important;
  color:#ffffff;
  height:50px;
  width:50px
}
.social-media .social-icons {
  gap:16px
}
.social-media .social-back,
.social-media .social-icon {
  background-color:#1f1f21!important;
  border:1px #ffffff;
  border-radius:50%;
  box-shadow:0 5px 10px rgba(136,
  126,
  150,
  .1);
  height:40px;
  min-width:40px;
  transition:all .3s ease-in-out;
  width:40px
}
.social-media .social-back:hover,
.social-media .social-icon:hover {
  background-color:#ffffff!important;
  transition:all .3s ease-in-out
}
.social-media .social-back:hover img,
.social-media .social-back:hover svg,
.social-media .social-icon:hover img,
.social-media .social-icon:hover svg {
  fill:#1f1f21!important;
  color:#1f1f21!important
}
.social-media .social-back img,
.social-media .social-back svg,
.social-media .social-icon img,
.social-media .social-icon svg {
  fill:#ffffff!important;
  border-radius:50%!important;
  color:#ffffff!important;
  height:20px!important;
  transition:all .3s ease-in-out;
  width:20px
}
.vcard-twentysix.main-content {
  background-color:#131211;
  color:#000;
  max-width:576px;
  text-align:center!important
}
.vcard-twentysix .vcard-twentysix-heading {
  color:#ffffff!important;
  font-size:28px;
  font-weight:500
}
.back-btn {
  background-color:#ffffff;
  color:#000;
  width:-moz-fit-content;
  width:fit-content
}
.back-btn,
.buy-product {
  border:none;
  border-radius:5px;
  outline:none;
  padding:10px 20px;
  transition:all .3s ease
}
.buy-product {
  background:#ffffff!important;
  color:#000!important
}
.buy-product:hover {
  background-color:rgba(255,
  215,
  0,
  .9)
}
.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:#ffffff;
  border:none;
  border-radius:15px;
  bottom:10px;
  color:#000!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
}
.vcard-twentytsix-btn {
  background-color:#ffffff!important;
  border:none;
  border-radius:5px;
  color:#000!important;
  outline:none;
  padding:10px 20px;
  transition:all .3s ease;
  width:-moz-fit-content;
  width:fit-content
}
.modal {
  background-color:#00000080;
  z-index:99999!important
}
.modal .news-modal #newsLatter-content {
  background-color:#fff;
  border:none;
  border-radius:.475rem;
  box-shadow:0 .5rem 1rem rgba(0,
  0,
  0,
  .1);
  outline:0
}
.modal .news-modal #newsLatter-content .form-control {
  border-radius:8px!important;
  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:#ffffff;
  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:#ffffff;
  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:6px 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 {
  background:#000;
  border:none
}
.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:#ffffff!important;
  border:unset;
  color:#000;
  margin-top:26px;
  outline:unset;
  padding:10px 20px!important
}
.modal .news-modal #newsLatter-content .modal-footer .submit-btn:hover {
  background-color:#ffffff!important
}
.modal .news-modal #newsLatter-content .modal-footer .submit-btn:focus {
  box-shadow:unset
}
#email-send {
  background-color:#ffffff;
  border:none;
  border-radius:8px;
  color:#000!important;
  font-size:15px
}
@media (min-width:576px) {
  #newsLatterModal .modal-dialog {
    max-width:420px!important;
    min-height:calc(100% - 5rem)!important;
    transform:none!important
  }

}
.animate-bottom {
  animation:animatebottom .4s;
  position:relative
}
@keyframes animatebottom {
  0% {
    bottom:-300px;
    opacity:0
  }
  to {
    bottom:0;
    opacity:1
  }

}
@media (max-width:575px) {
  .made-by-section {
    margin-top:35px
  }

}
@media (max-width:425px) {
  .terms-condition {
    width:23px!important
  }

}
.products {
  padding-left:5rem!important;
  padding-right:5rem!important
}
@media (max-width:575px) {
  .products {
    padding-left:2rem!important;
    padding-right:2rem!important
  }

}
.main-content.rtl .ms-3 {
  margin-right:1rem!important
}
.main-content.rtl .ms-2 {
  margin-right:.5rem!important
}
.main-content.rtl .calendar-icon {
  left:18px;
  right:auto
}
.main-content.rtl .text-start {
  text-align:right!important
}
@media (min-width:576px) {
  .main-content.rtl .text-sm-start {
    text-align:right!important
  }
  .main-content.rtl .testimonial-section .testimonial-slider .testimonial-card .testimonial-profile-img {
    margin-left:25px;
    margin-right:0
  }
  .main-content.rtl .flex-sm-row {
    flex-direction:row-reverse!important
  }

}
.main-content.rtl .me-2 {
  margin-left:.5rem!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:#202021;
  border-radius:8px;
  border-width:0!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:#9a9a9a!important
}
.selected-files .item {
  align-items:center;
  background-color:#202021;
  border-radius:8px;
  border-width:0!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:#9a9a9a!important
}
.selected-files h5 {
  color:#f8f9fa!important;
  font-size:medium!important;
  margin-bottom:10px!important;
  margin-top:9px!important
}
small {
  color:#9a9a9a!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 10px 10px 0
}
.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
}
.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:#ffffff!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
}
.youtube-link-26 {
  padding-top:56.25%;
  position:relative
}
.youtube-link-26 iframe {
  height:100%!important;
  left:0!important;
  position:absolute!important;
  top:0;
  width:100!important
}
.product-img-slider .slick-dots {
  bottom:30px!important;
  display:flex!important;
  justify-content:center!important;
  margin:0 auto!important;
  overflow:hidden!important;
  position:relative!important;
  width:130px!important
}
@media (max-width:575px) {
  .product-img-slider .slick-dots {
    width:80%!important
  }

}
.product-img-slider .slick-dots .slick-active button:before {
  opacity:.75!important
}
.product-img-slider .slick-dots li button {
  content:"."!important
}
.product-img-slider .slick-dots li button:before {
  color:unset!important;
  font-size:20px!important;
  opacity:.75!important
}
.vcard-one__product .product-slider .slick-list {
  padding:10px 0 30px!important
}
.card-padding {
  padding-top:0!important
}
.profile-margin {
  margin-top:10px!important
}
@media (max-width:425px) {
  .profile-margin {
    margin-top:-65px!important
  }

}
@media (max-width:375px) {
  .profile-margin {
    margin-top:-95px!important
  }

}
@media (max-width:320px) {
  .profile-margin {
    margin-top:-130px!important
  }

}
.company-name {
  display:inline-block;
  padding-bottom:8px;
  position:relative
}
.company-name:after {
  background-color:#ffffff;
  bottom:4px;
  content:"";
  height:2px;
  left:0;
  margin:0 auto;
  position:absolute;
  right:0;
  width:50%
}
@media (max-width:576px) {
  .vector-all img {
    width:30%!important;
    opacity: 0.3;
  }

}
.vector-1 {
  right:-120px;
  top:0
}
.vector-2 {
  right:0;
  top:-80px
}
.vector-3 {
  bottom:0;
  left:0
}
.row-gap-40px {
  row-gap:40px
}
@media (max-width:576px) {
  .row-gap-40px {
    row-gap:30px
  }

}
.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:none;
  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
}