body{
    background-color:var(--primary-100)!important;
    font-family:Poppins!important;
    font-weight:400!important
}
body,body.modal-open{
    padding-right:0!important
}
.vcard22-main .bg-green{
    background-color:var(--green,#0f2f3a)!important
}
.vcard22-main .text-gray-100{
    color:var(--gray-100,#9facb0)!important
}
.vcard22-main .text-primary{
    color:var(--primary-color)!important
}
.vcard22-main .text-black{
    color:var(--black,#2d2624)!important
}
.vcard22-main .text-white{
    color:var(--white,#fff)!important
}
.vcard22-main .text-light-100{
    color:var(--light-100,#000)!important
}
.vcard22-main .text-label-color{
    color:var(--label-color,#fff)!important
}
.vcard22-main .px-40{
    padding-left:40px;
    padding-right:40px
}
@media (max-width:575px){
    .vcard22-main .px-40{
        padding-left:20px;
        padding-right:20px
    }
}
.vcard22-main.main-content{
    background-color:var(--green,#0f2f3a)!important;
    border-radius:15px!important;
    color:#211c29;
    margin-bottom:4px!important;
    margin-top:4px!important;
    max-width:670px!important;
    min-height:100vh!important;
    position:relative;
    text-align:center!important;
    z-index:1
}
.vcard22-main .vcard-twentytwo-heading{
    color:var(--primary-color)!important;
    font-size:28px;
    font-weight:500
}
.vcard22-main .vcard-prodcut-heading{
    color:var(--primary-color);
    font-size:24px!important;
    font-weight:500
}
.vcard22-main .section-heading{
    overflow:hidden
}
.vcard22-main .section-heading h2{
    color:var(--primary-color);
    display:inline-block;
    font-size:26px;
    margin-bottom:40px;
    position:relative
}
@media (max-width:575px){
    .vcard22-main .section-heading h2{
        font-size:24px;
        margin-bottom:30px
    }
}
.vcard22-main .section-heading h2:after{
    background-color:var(--label-color,#fff);
    border-radius:10px;
    bottom:-40px;
    content:"";
    height:4px;
    left:0;
    margin:auto;
    position:absolute;
    right:0;
    top:0;
    width:60%
}
.vcard22-main .section-heading .blog-head,.vcard22-main .section-heading .insta-head,.vcard22-main .section-heading .product-heading,.vcard22-main .section-heading .testimonial-head{
    margin-left:-2px
}
.vcard22-main .btn{
    border-radius:0;
    border-radius:10px;
    font-weight:500;
    padding:10px 30px
}
.vcard22-main .btn:focus{
    box-shadow:none!important;
    outline:none!important
}
.vcard22-main .btn-primary{
    background-color:var(--primary-color);
    border:1px solid var(--primary-color);
    color:var(--black,#2d2624);
    transition:all .3s ease-in-out
}
.vcard22-main .btn-primary.active,.vcard22-main .btn-primary:focus,.vcard22-main .btn-primary:hover{
    background-color:var(--black,#2d2624);
    border:1px solid var(--primary-color);
    color:var(--primary-color)
}
.vcard22-main .main-content{
    position:relative
}
.vcard22-main .back-btn,.vcard22-main .buy-product,.vcard22-main .vcard-twentytwo-btn{
    background-color:var(--primary-color);
    border:1px solid var(--primary-color);
    border-radius:10px;
    color:var(--black,#2d2624);
    outline:none;
    padding:10px 20px;
    transition:all .3s ease-in-out;
    width:-moz-fit-content;
    width:fit-content
}
.vcard22-main .bg-img{
    bottom:0;
    left:0;
    position:absolute;
    z-index:-1
}
@media (max-width:575px){
    .vcard22-main .bg-img img{
        width:85%
    }
}
.vcard22-main .banner-section .banner-img{
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    height:320px;
    width:100%
}
@media (max-width:575px){
    .vcard22-main .banner-section .banner-img{
        height:300px
    }
}
.vcard22-main .profile-section{
    background:var(--green,#0f2f3a)
}
.vcard22-main .profile-section .card{
    background-color:transparent!important;
    border:none
}
.vcard22-main .profile-section .card .card-img{
    border:4px solid var(--secondary-color);
    border-radius:50%;
    height:160px;
    min-width:160px;
    overflow:hidden;
    position:relative;
    width:160px;
    z-index:2
}
@media (max-width:575px){
    .vcard22-main .profile-section .card .card-img{
        height:130px;
        min-width:130px;
        width:130px
    }
}
.vcard22-main .social-media-section .social-icon{
    background-color:var(--green-100,#0f2f3a);
    border:1px solid var(--light-100,#000);
    border-radius:50%;
    height:50px;
    min-width:50px;
    position:relative;
    transition:all .3s ease-in-out;
    width:50px
}
.vcard22-main .social-media-section .social-icon:hover{
    background-color:var(--primary-color);
    transform:scale(1.1);
    transition:all .3s ease-in-out
}
.vcard22-main .social-media-section .social-icon img,.vcard22-main .social-media-section .social-icon svg{
    color:var(--light-100,#000)!important;
    height:24px!important;
    position:relative;
    width:24px;
    z-index:1
}
.vcard22-main .social-media-section .social-icon:first-child{
    margin-left:0
}
.vcard22-main .social-media-section .social-icon:last-child{
    margin-right:0
}
.vcard22-main .contact-section .contact-box{
    background-color:var(--primary-100);
    border-bottom:2px solid var(--primary-color);
    border-radius:20px;
    border-top:2px solid var(--primary-color);
    margin-top:25px;
    padding:30px 10px 10px;
    position:relative
}
.vcard22-main .contact-section .contact-box .contact-icon{
    background-color:var(--green-100,#0f2f3a);
    border:1px solid var(--light-100,#000);
    border-radius:50%;
    height:50px;
    left:0;
    margin:auto;
    min-width:50px;
    position:absolute;
    right:0;
    top:-25px;
    transition:all .3s ease-in-out;
    width:50px
}
.vcard22-main .contact-section .contact-box img,.vcard22-main .contact-section .contact-box svg{
    color:var(--light-100,#000)!important;
    height:20px;
    -o-object-fit:contain;
    object-fit:contain;
    width:20px
}
.vcard22-main .gallery-section .gallery-slider .slick-slide{
    padding:0 10px
}
.vcard22-main .gallery-section .gallery-slider .gallery-img{
    background-color:var(--white,#fff);
    border:2px solid var(--secondary-color)!important;
    border-radius:30px;
    height:300px;
    margin:0 auto;
    overflow:hidden;
    position:relative
}
@media (max-width:575px){
    .vcard22-main .gallery-section .gallery-slider .gallery-img{
        height:260px;
        max-height:260px
    }
}
@media (max-width:425px){
    .vcard22-main .gallery-section .gallery-slider .gallery-img{
        height:225px;
        max-height:225px
    }
}
.vcard22-main .gallery-section .gallery-slider .gallery-img .expand-icon{
    align-items:center;
    background-color:var(--green-100,#0f2f3a);
    border-radius:50%;
    cursor:pointer;
    display:inline-flex;
    height:40px;
    justify-content:center;
    position:absolute;
    right:10px;
    top:10px;
    width:40px
}
.vcard22-main .gallery-section .gallery-slider .gallery-img img{
    height:100%;
    -o-object-fit:contain;
    object-fit:contain;
    width:100%
}
.vcard22-main .video-play-button{
    align-items:center;
    box-sizing:content-box;
    display:flex;
    height:20px;
    justify-content:center;
    padding:0 0 0 4px;
    width:16px;
    z-index:10
}
.vcard22-main .video-play-button,.vcard22-main .video-play-button:after{
    border-radius:50%;
    left:50%;
    position:absolute;
    top:50%;
    transform:translateX(-50%) translateY(-50%)
}
.vcard22-main .video-play-button:after{
    background:var(--primary-color);
    content:"";
    display:block;
    height:50px;
    transition:all .2s;
    width:50px;
    z-index:1
}
.vcard22-main .video-play-button span{
    border-bottom:12px solid transparent;
    border-left:16px solid var(--green-100,#0f2f3a);
    border-top:12px solid transparent;
    display:block;
    height:0;
    position:relative;
    width:0;
    z-index:3
}
.vcard22-main .product-section .product-slider .product-card{
    background-color:var(--green-100,#0f2f3a);
    border:none;
    border:2px solid var(--secondary-color);
    border-radius:20px;
    overflow:hidden;
    padding:10px;
    position:relative
}
.vcard22-main .product-section .product-slider .product-card .product-img{
    border-radius:20px;
    height:170px;
    max-width:100%;
    overflow:hidden;
    width:100%
}
@media (max-width:425px){
    .vcard22-main .product-section .product-slider .product-card .product-img{
        margin:0 auto
    }
}
.vcard22-main .product-section .product-slider .product-card .product-desc{
    min-height:98px
}
.vcard22-main .product-section .product-slider .product-card .product-head{
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    color:var(--label-color,#fff);
    display:-webkit-box;
    font-size:18px;
    min-height:44px;
    overflow:hidden
}
.vcard22-main .product-section .product-slider .product-card .product-amount{
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    font-size:20px!important;
    overflow:hidden
}
.vcard22-main .product-section .product-slider .slick-slide{
    padding:0 10px
}
.vcard22-main .our-services-section .services .service-card{
    background-color:var(--green-100,#0f2f3a);
    border:2px solid var(--secondary-color);
    border-radius:20px;
    overflow:hidden;
    padding:10px;
    position:relative
}
.vcard22-main .our-services-section .services .service-card .card-img{
    border-radius:10px;
    display:block;
    height:176px;
    overflow:hidden;
    position:relative;
    width:100%
}
.vcard22-main .our-services-section .services .service-card .card-title{
    color:var(--label-color,#fff);
    font-size:18px
}
.vcard22-main .our-services-section .services .service-card .description-text{
    font-size:14px
}
.vcard22-main .our-services-section .services .services-slider-view .slick-slide{
    padding:0 10px
}
.vcard22-main .our-services-section .services .services-slider-view .services-desc{
    min-height:137px
}
.vcard22-main .our-services-section .services .services-slider-view .card-title{
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    color:var(--label-color,#fff);
    display:-webkit-box;
    font-size:18px;
    min-height:44px;
    overflow:hidden
}
.vcard22-main .our-services-section .services .services-slider-view .description-text{
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    font-size:14px;
    min-height:63px;
    overflow:hidden
}
.vcard22-main .our-services-section .services .services-slider-view .slick-dots{
    bottom:-20px!important
}
.vcard22-main .appointment-section .appointment{
    background:var(--primary-100);
    border-bottom:2px solid var(--primary-color);
    border-radius:20px;
    border-top:2px solid var(--primary-color);
    padding:15px
}
.vcard22-main .appointment-section .appointment .appointment-input{
    background-color:#fff;
    border:1px solid var(--green-100,#0f2f3a);
    border-radius:15px;
    color:var(--primary-color);
    height:50px;
    padding:12px 20px;
    position:relative;
    width:100%
}
.vcard22-main .appointment-section .appointment .appointment-input::-moz-placeholder{
    color:var(--gray-100,#9facb0)
}
.vcard22-main .appointment-section .appointment .appointment-input::placeholder{
    color:var(--gray-100,#9facb0)
}
.vcard22-main .appointment-section .appointment .appointment-input:focus{
    box-shadow:none;
    outline:none
}
.vcard22-main .appointment-section .appointment .calendar-icon{
    position:absolute;
    right:20px;
    top:13px
}
.vcard22-main .appointment-section .appointment .calendar-icon svg path{
    fill:var(--gray-100,#9facb0);
    stroke:var(--gray-100,#9facb0)
}
@media (max-width:576px){
    .vcard22-main .appointment-section .appointment .calendar-icon{
        right:15px;
        top:12px
    }
}
.vcard22-main .appointment-section .appointment .hour-input{
    background-color:var(--primary-100);
    border-radius:15px;
    color:var(--white,#fff);
    height:50px;
    padding:10px
}
.vcard22-main .appointment-section .appointment .btn-primary{
    color:var(--black,#2d2624);
    max-width:270px;
    width:100%
}
.vcard22-main .appointment-section .appointment .btn-primary:hover{
    color:var(--white,#fff)
}
.vcard22-main .blog-section{
    position:relative
}
.vcard22-main .blog-section .blog-slider .slick-slide{
    padding:0 10px
}
.vcard22-main .blog-section .blog-slider .blog-card{
    background-color:var(--green-100,#0f2f3a);
    border-bottom:2px solid var(--primary-color);
    border-radius:20px;
    border-top:2px solid var(--primary-color);
    max-width:100%;
    width:100%
}
.vcard22-main .blog-section .blog-slider .blog-card .card-img{
    height:250px;
    overflow:hidden;
    width:100%
}
.vcard22-main .blog-section .blog-slider .blog-card .card-body{
    background-color:var(--green-100,#0f2f3a);
    min-height:173px;
    padding:15px;
    position:relative
}
.vcard22-main .blog-section .blog-slider .blog-card .blog-description,.vcard22-main .blog-section .blog-slider .blog-card .blog-description span{
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    font-size:16px;
    line-height:1.2;
    min-height:39px;
    overflow:hidden
}
.vcard22-main .blog-section .blog-slider .blog-card .read-more a{
    background:var(--secondary-color);
    border:1px solid var(--secondary-color);
    border-radius:30px;
    color:var(--white,#fff)!important;
    margin-top:10px;
    padding:6px 10px
}
.vcard22-main .blog-section .blog-slider .blog-card .read-more a:hover{
    background-color:var(--white,#fff);
    color:var(--secondary-color)!important
}
.vcard22-main .blog-section .blog-slider .blog-card .card-title{
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    font-size:20px;
    min-height:48px;
    overflow:hidden
}
.vcard22-main .business-hour-section{
    position:relative
}
.vcard22-main .business-hour-section .business-hour-card .business-hour{
    background-color:var(--primary-100);
    border-bottom:2px solid var(--primary-color);
    border-radius:20px;
    border-top:2px solid var(--primary-color);
    display:flex;
    gap:10px;
    justify-content:center;
    margin-top:30px;
    padding:35px 10px 10px;
    position:relative;
    transition:all .3s ease-in-out
}
@media (max-width:767px){
    .vcard22-main .business-hour-section .business-hour-card .business-hour{
        padding:35px 9px 10px
    }
}
@media (max-width:575px){
    .vcard22-main .business-hour-section .business-hour-card .business-hour{
        padding:35px 10px 10px
    }
}
.vcard22-main .business-hour-section .business-hour-card .business-hour .time-icons{
    background-color:var(--green-100,#0f2f3a);
    border:1px solid var(--light-100,#000);
    border-radius:50%;
    height:50px;
    left:0;
    margin:0 auto;
    min-width:50px;
    position:absolute;
    right:0;
    top:-25px;
    width:50px
}
.vcard22-main .business-hour-section .business-hour-card .business-hour .time-icons img,.vcard22-main .business-hour-section .business-hour-card .business-hour .time-icons svg{
    height:24px;
    -o-object-fit:contain;
    object-fit:contain;
    width:24px
}
.vcard22-main .business-hour-section .business-hour-card .business-hour span{
    font-size:14px;
    font-weight:500
}
@media (max-width:575px){
    .vcard22-main .business-hour-section .business-hour-card .business-hour span{
        font-size:14px
    }
}
.vcard22-main .testimonial-section{
    position:relative
}
.vcard22-main .testimonial-section .testimonial-bg-img{
    position:absolute;
    right:0;
    text-align:end;
    top:0;
    z-index:-1
}
@media (max-width:575px){
    .vcard22-main .testimonial-section .testimonial-bg-img img{
        width:60%
    }
}
.vcard22-main .testimonial-section .testimonial-slider .slick-slide{
    padding:0 10px
}
.vcard22-main .testimonial-section .testimonial-slider .testimonial-card{
    background-color:var(--green-100,#0f2f3a);
    border:2px solid var(--primary-color);
    border-radius:20px;
    min-height:214px;
    padding:20px;
    position:relative
}
.vcard22-main .testimonial-section .testimonial-slider .testimonial-card .card-body .quote-img{
    height:45px;
    min-width:60px;
    width:60px
}
@media (max-width:575px){
    .vcard22-main .testimonial-section .testimonial-slider .testimonial-card .card-body .quote-img{
        height:40px;
        min-width:45px;
        width:45px
    }
    .vcard22-main .testimonial-section .testimonial-slider .testimonial-card .card-body .quote-img svg{
        width:100%
    }
}
.vcard22-main .testimonial-section .testimonial-slider .testimonial-card .card-body .quote-img svg path{
    fill:var(--secondary-color)!important
}
.vcard22-main .testimonial-section .testimonial-slider .testimonial-card .card-body .desc{
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    margin-bottom:0;
    min-height:84px;
    overflow:hidden
}
.vcard22-main .testimonial-section .testimonial-slider .testimonial-card .card-body h3{
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    min-height:22px;
    overflow:hidden
}
.vcard22-main .testimonial-section .testimonial-slider .testimonial-card .card-body .testimonial-profile-img{
    border:2px solid var(--secondary-color);
    border-radius:50%;
    height:70px;
    margin-right:15px;
    min-width:70px;
    overflow:hidden;
    width:70px
}
.vcard22-main .qr-code-section .qr-code{
    background-color:var(--green-100,#0f2f3a);
    border:2px solid var(--primary-color);
    border-radius:20px;
    max-width:550px;
    overflow:hidden;
    padding:25px;
    width:100%
}
.vcard22-main .qr-code-section .qr-code .qr-code-box{
    gap:30px;
    position:relative;
    z-index:1
}
@media (max-width:576px){
    .vcard22-main .qr-code-section .qr-code .qr-code-box{
        gap:20px
    }
}
.vcard22-main .qr-code-section .qr-code .qr-code-img{
    align-items:center;
    background-color:var(--white,#fff);
    border:2px solid var(--primary-color);
    border-radius:10px;
    display:flex;
    height:120px;
    justify-content:center;
    min-width:120px;
    padding:8px;
    width:120px
}
.vcard22-main .qr-code-section .qr-code .qr-code-img img,.vcard22-main .qr-code-section .qr-code .qr-code-img svg{
    border-radius:6px
}
.vcard22-main .contact-us-section{
    position:relative
}
.vcard22-main .contact-us-section .contact-form{
    background:var(--primary-100);
    border-bottom:2px solid var(--primary-color);
    border-radius:20px;
    border-top:2px solid var(--primary-color);
    padding:20px
}
.vcard22-main .contact-us-section .contact-form form .form-control{
    background-color:var(--green-100,#0f2f3a)!important;
    border:1px solid var(--green-100,#0f2f3a);
    border-radius:10px;
    color:var(--primary-color);
    font-size:14px;
    height:50px;
    margin-bottom:15px;
    padding:13px 20px
}
.vcard22-main .contact-us-section .contact-form form .form-control::-moz-placeholder{
    color:var(--label-color,#fff)
}
.vcard22-main .contact-us-section .contact-form form .form-control::placeholder{
    color:var(--label-color,#fff)
}
.vcard22-main .contact-us-section .contact-form form .form-control:focus{
    box-shadow:none;
    outline:none
}
.vcard22-main .create-vcard-section .vcard-link-card{
    background-color:var(--primary-100);
    border:none;
    border-bottom:2px solid var(--secondary-color);
    border-radius:20px;
    border-top:2px solid var(--secondary-color);
    padding:20px
}
.vcard22-main .create-vcard-section .vcard-link-card .link-text{
    color:var(--label-color,#fff);
    font-size:18px;
    word-break:break-all
}
@media (max-width:575px){
    .vcard22-main .create-vcard-section .vcard-link-card .link-text{
        font-size:16px
    }
}
.vcard22-main .add-to-contact-section{
    bottom:60px!important;
    color:var(--black,#2d2624);
    left:0;
    margin:0 auto;
    position:fixed!important;
    right:0;
    width:100%;
    z-index:3
}
.vcard22-main .add-to-contact-section .add-contact-btn{
    color:var(--white,#fff)!important;
    padding:10px 30px!important;
    transition:all .3s ease-in-out!important
}
.vcard22-main .add-to-contact-section .add-contact-btn i{
    font-size:1rem
}
.vcard22-main .add-to-contact-section .add-contact-btn:hover{
    background-color:var(--primary-color)!important;
    color:var(--white,#fff)!important;
    transform:scale(1.05);
    transition:all .3s ease-in-out!important
}
.vcard22-main .btn-section .fixed-btn-section .dynamic-bars-btn{
    background-color:var(--primary-color)
}
.vcard22-main .btn-section .fixed-btn-section .sub-btn .dynamic-sub-btn{
    background-color:var(--green-100,#0f2f3a);
    border:1px solid var(--primary-color)
}
.vcard22-main .slick-dotted.slick-slider{
    margin-bottom:10px
}
.vcard22-main .slick-dots{
    bottom:-15px;
    position:relative
}
.vcard22-main .slick-dots li{
    height:8px!important;
    margin:0 5px!important;
    width:8px!important
}
.vcard22-main .slick-dots li button,.vcard22-main .slick-dots li button:before{
    font-size:0!important;
    height:8px!important;
    width:8px!important
}
.vcard22-main .slick-dots li button:before{
    background-color:var(--gray-100,#9facb0);
    border-radius:10px;
    opacity:1
}
.vcard22-main .slick-dots li.slick-active,.vcard22-main .slick-dots li.slick-active button{
    width:30px!important
}
.vcard22-main .slick-dots li.slick-active button:before{
    background-color:var(--secondary-color);
    opacity:1;
    width:30px!important
}
.vcard22-main .px-30{
    padding-left:30px;
    padding-right:30px
}
@media (max-width:575px){
    .vcard22-main .px-30{
        padding-left:20px;
        padding-right:20px
    }
}
.vcard22-main .fs-14{
    font-size:14px
}
.vcard22-main .fs-18{
    font-size:18px
}
@media (max-width:575px){
    .vcard22-main .fs-18{
        font-size:16px
    }
}
.vcard22-main .fs-20{
    font-size:20px
}
.vcard22-main .fs-24{
    font-size:24px
}
@media (max-width:575px){
    .vcard22-main .fs-24{
        font-size:22px
    }
}
.vcard22-main .mt-10{
    margin-top:10px
}
.vcard22-main .mt-40{
    margin-top:40px
}
@media (max-width:575px){
    .vcard22-main .mt-40{
        margin-top:30px
    }
}
.vcard22-main .mb-40{
    margin-bottom:40px
}
@media (max-width:575px){
    .vcard22-main .mb-40{
        margin-bottom:30px
    }
}
.vcard22-main .mb-30{
    margin-bottom:30px
}
@media (max-width:575px){
    .vcard22-main .mb-30{
        margin-bottom:25px
    }
}
.vcard22-main .mx-30{
    margin-left:30px;
    margin-right:30px
}
@media (max-width:575px){
    .vcard22-main .mx-30{
        margin-left:20px;
        margin-right:20px
    }
}
.vcard22-main .mb-20{
    margin-bottom:20px
}
.vcard22-main .mb-10{
    margin-bottom:10px
}
.vcard22-main .pb-50{
    padding-bottom:50px
}
@media (max-width:575px){
    .vcard22-main .pb-50{
        padding-bottom:40px
    }
}
.vcard22-main .pt-40{
    padding-top:40px
}
@media (max-width:575px){
    .vcard22-main .pt-40{
        padding-top:25px
    }
}
.vcard22-main .pb-40{
    padding-bottom:40px
}
@media (max-width:575px){
    .vcard22-main .pb-40{
        padding-bottom:25px
    }
}
.vcard22-main .pt-60{
    padding-top:60px
}
@media (max-width:575px){
    .vcard22-main .pt-60{
        padding-top:40px
    }
}
.vcard22-main .pb-60{
    padding-bottom:60px
}
@media (max-width:575px){
    .vcard22-main .pb-60{
        padding-bottom:40px
    }
}
.vcard22-main .pt-30{
    padding-top:30px
}
@media (max-width:575px){
    .vcard22-main .pt-30{
        padding-top:20px
    }
}
.vcard22-main .pb-30{
    padding-bottom:30px
}
@media (max-width:575px){
    .vcard22-main .pb-30{
        padding-bottom:20px
    }
}
.vcard22-main .pt-50{
    padding-top:50px
}
@media (max-width:575px){
    .vcard22-main .pt-50{
        padding-top:40px
    }
}
.vcard22-main .pt-80{
    padding-top:80px
}
@media (max-width:575px){
    .vcard22-main .pt-80{
        padding-top:40px
    }
}
.vcard22-main .pb-80{
    padding-bottom:80px
}
@media (max-width:575px){
    .vcard22-main .pb-80{
        padding-bottom:40px
    }
}
.vcard22-main .px-10{
    padding-left:10px;
    padding-right:10px
}
.vcard22-main .fw-5{
    font-weight:500
}
.vcard22-main .fw-6{
    font-weight:600
}
.vcard22-main .fw-7{
    font-weight:700
}
.vcard22-main .fs-12{
    font-size:12px
}
.vcard22-main .fs-36{
    font-size:36px
}
@media (max-width:575px){
    .vcard22-main .fs-36{
        font-size:30px
    }
}
.vcard22-main .fs-30{
    font-size:30px
}
@media (max-width:575px){
    .vcard22-main .fs-30{
        font-size:28px
    }
}
.vcard22-main .fs-28{
    font-size:28px
}
@media (max-width:575px){
    .vcard22-main .fs-28{
        font-size:24px
    }
}
.vcard22-main a{
    text-decoration:none
}
.vcard22-main .main-content{
    background-color:var(--green,#0f2f3a)!important;
    border-radius:15px!important;
    margin-bottom:4px!important;
    margin-top:4px!important;
    max-width:670px!important;
    min-height:100vh!important
}
.vcard22-main .object-fit-cover{
    -o-object-fit:cover;
    object-fit:cover
}
.vcard22-main .flex-1{
    flex:1
}
.vcard22-main .cursor-pointer{
    cursor:pointer
}
.vcard22-main .btn-section{
    position:absolute;
    right:80px;
    top:50%;
    z-index:9
}
.vcard22-main .btn-section .fixed-btn-section{
    align-items:center;
    display:flex;
    position:fixed;
    top:50%
}
.vcard22-main .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
}
.vcard22-main .btn-section .fixed-btn-section .bars-btn svg path{
    stroke:var(--white,#fff)!important;
    fill:none!important
}
.vcard22-main .btn-section .fixed-btn-section .sub-btn{
    display:none;
    left:0;
    position:absolute;
    right:75px;
    top:0;
    width:100%
}
.vcard22-main .btn-section .fixed-btn-section .sub-btn .social-btn{
    align-items:center;
    border-radius:50%;
    display:flex;
    height:50px;
    justify-content:center;
    width:50px
}
.vcard22-main .btn-section .fixed-btn-section .sub-btn .social-btn i{
    font-size:24px
}
.vcard22-main .btn-section .fixed-btn-section .sub-btn .sub-btn-div{
    align-items:flex-end;
    display:flex;
    flex-direction:column;
    position:absolute;
    right:75px;
    top:-55px;
    width:100%
}
.vcard22-main .activeSlot{
    color:#f5f2fb!important
}
.vcard22-main .activeSlot,.vcard22-main .time-slot{
    background-color:transparent!important;
    cursor:pointer
}
.vcard22-main .time-slot{
    align-items:center;
    border:none!important;
    color:var(--black,#2d2624)!important;
    display:flex;
    font-size:12px;
    justify-content:center;
    padding:9px 10px!important;
    text-align:center
}
.vcard22-main .time-slot.activeSlot,.vcard22-main .time-slot:hover{
    background-color:var(--black,#2d2624)!important;
    color:var(--primary-color)!important;
    text-align:center!important
}
.vcard22-main .appointment-slots-section .row{
    margin-top:16px
}
.vcard22-main .appointment-slots-section .appointmentAdd{
    margin-bottom:16px!important
}
.vcard22-main .send-btn{
    padding:6px 30px;
    width:auto!important
}
.vcard22-main .iframe-head{
    margin-bottom:-20px!important;
    padding-left:30px!important
}
.vcard22-main .insta-feed{
    max-height:1000px!important;
    overflow-x:hidden;
    overflow-y:scroll
}
.vcard22-main .insta-feed::-webkit-scrollbar{
    width:0
}
.vcard22-main .insta-feed::-webkit-scrollbar-thumb,.vcard22-main .insta-feed::-webkit-scrollbar-track{
    background-color:#f1faff!important
}
.vcard22-main .insta-feed-iframe iframe{
    border:2px solid var(--secondary-color)!important;
    border-radius:15px!important;
    margin-bottom:0!important
}
.vcard22-main .instagram-btn{
    background:transparent;
    flex:1;
    position:relative
}
.vcard22-main .instagram-btn:before{
    background-color:var(--primary-color);
    content:"";
    height:2px;
    position:absolute;
    top:100%;
    transition:width .3s ease;
    width:0
}
.vcard22-main .instagram-btn.active:before{
    width:80%
}
.vcard22-main .instagram-btn .svg-post-icon line,.vcard22-main .instagram-btn .svg-post-icon rect{
    stroke:var(--primary-color)
}
.vcard22-main .instagram-btn.active .svg-post-icon line,.vcard22-main .instagram-btn.active .svg-post-icon rect{
    fill:var(--primary-color);
    stroke:var(--green,#0f2f3a)
}
.vcard22-main .instagram-btn .svg-reels-icon .not-active-svg{
    display:block
}
.vcard22-main .instagram-btn .svg-reels-icon .active-svg{
    display:none
}
.vcard22-main .instagram-btn .svg-reels-icon path,.vcard22-main .instagram-btn .svg-reels-icon path.not-active-svg,.vcard22-main .instagram-btn .svg-reels-icon rect{
    fill:var(--primary-color)
}
.vcard22-main .instagram-btn.active .svg-reels-icon .not-active-svg,.vcard22-main .instagram-btn.active .svg-reels-icon rect{
    display:none
}
.vcard22-main .instagram-btn.active .svg-reels-icon .active-svg{
    display:block
}
.vcard22-main .insta-toggle{
    border-radius:35px!important;
    transition:all .3s ease!important
}
.vcard22-main #instafeed-container a img{
    border-radius:15px;
    height:200px!important;
    margin:11px;
    width:44%
}
.vcard22-main .instagram-media{
    max-width:100%!important;
    min-width:50%!important
}
.vcard22-main .vcard22-sticky-btn{
    background:var(--primary-color);
    border:1px solid var(--primary-color);
    border-radius:5px;
    color:var(--white,#fff);
    height:40px
}
.vcard22-main .vcard22-btn-group{
    background-color:var(--primary-color)!important;
    border-radius:50px!important;
    color:var(--white,#fff);
    height:50px;
    width:50px
}
.vcard22-main .language ul{
    list-style:none
}
.vcard22-main .language ul .lang-list{
    border:none;
    border-radius:6px;
    outline:none;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard22-main .language ul .lang-list .lang-head{
    color:var(--white,#fff)!important;
    font-size:14px;
    padding:3px 9px
}
.vcard22-main .language ul .lang-list .lang-head i{
    color:var(--white,#fff)!important
}
.vcard22-main .language ul .lang-list .lang-hover-list{
    font-size:14px;
    margin:15px 0 0;
    min-width:70px;
    right:0;
    width:100%
}
.vcard22-main .language ul .lang-list .lang-hover-list li{
    padding:4px 8px
}
.vcard22-main .language ul .lang-list .lang-hover-list li.active,.vcard22-main .language ul .lang-list .lang-hover-list li:hover{
    background-color:var(--primary-100)!important
}
.vcard22-main .language ul .lang-list .lang-hover-list li.active a,.vcard22-main .language ul .lang-list .lang-hover-list li:hover a{
    color:var(--primary-color)!important
}
.vcard22-main .language ul .lang-list .lang-hover-list li a{
    color:#5e6278!important;
    font-size:14px;
    text-decoration:none
}
.vcard22-main .language ul .lang-list .lang-hover-list li img{
    height:14px!important;
    width:16px!important
}
.vcard22-main .z-index-2{
    z-index:2
}
.vcard22-main .audio-image{
    height:140px;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.vcard22-main .gallery-file-item{
    background-position:50%;
    background-repeat:no-repeat;
    background-size:contain;
    height:100%;
    width:100%
}
.vcard22-main .support-banner{
    background:var(--white,#fff)!important;
    border:1px solid var(--primary-color);
    border-radius:20px;
    bottom:20px;
    box-sizing:border-box;
    height:auto!important;
    left:0;
    margin:auto;
    max-width:606px;
    padding:10px;
    position:fixed;
    right:0;
    width:100%;
    z-index:99999!important
}
.vcard22-main .support-banner .support_heading{
    color:var(--primary-color)!important;
    font-size:27px;
    margin-top:30px
}
.vcard22-main .support-banner .support_text{
    margin-bottom:22px;
    margin-top:13px;
    max-height:123px!important;
    overflow-x:hidden;
    overflow-y:scroll
}
.vcard22-main .support-banner .support_text::-webkit-scrollbar{
    width:4px
}
.vcard22-main .support-banner .support_text::-webkit-scrollbar-track{
    background:transparent
}
.vcard22-main .support-banner .support_text::-webkit-scrollbar-thumb{
    background:#888
}
@media (max-width:767px){
    .vcard22-main .support-banner{
        max-width:476px!important
    }
}
@media (max-width:575px){
    .vcard22-main .support-banner{
        max-width:100%!important
    }
}
.vcard22-main .act-now{
    background:var(--primary-color);
    border:1px solid var(--primary-color);
    border-radius:10px!important;
    bottom:10px;
    display:inline-block!important;
    outline:none;
    padding:7px 21px;
    position:relative;
    text-decoration:none;
    transform:translateY(0);
    transition:all .3s ease
}
.vcard22-main .banner-close{
    background:transparent!important;
    border:none;
    color:var(--black,#2d2624)!important;
    font-size:20px!important;
    position:absolute;
    right:25px;
    top:20px
}
.appoint-date,.appoint-hour,.made-by-text{
    color:var(--white,#fff)!important
}
.contact-desc{
    color:var(--label-color,#fff)!important;
    word-break:break-all!important
}
.blog-title{
    color:var(--white,#fff)!important
}
.modal-backdrop{
    background-color:transparent
}
.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{
    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:var(--primary-100);
    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:var(--primary-100);
    font-size:23px
}
.modal .news-modal #newsLatter-content .modal-body .modal-desc{
    color:var(--primary-100);
    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:1px solid var(--primary-100)!important;
    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{
    height:60px!important
}
.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:#0f2f3a!important;
    border:unset;
    color:var(--white,#fff);
    margin-top:26px;
    outline:unset;
    padding:10px 20px!important
}
.modal .news-modal #newsLatter-content .modal-footer .submit-btn:hover{
    background-color:#0f2f3a!important
}
.modal .news-modal #newsLatter-content .modal-footer .submit-btn:focus{
    box-shadow:unset
}
#email-send{
    background-color:var(--primary-100);
    border:none;
    border-radius:8px;
    color:#fff!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
    }
}
.product-back{
    padding:10px
}
.card-back,.product-back{
    background:var(--light,#fff)!important;
    border-bottom:2px solid var(--primary-color)!important;
    border-radius:20px!important;
    border-top:2px solid var(--primary-color)!important
}
@media (max-width:575px){
    .made-by-section{
        margin-top:35px
    }
}
.dynamic-btn-1{
    background-color:var(--primary-color);
    border:1px solid var(--primary-color);
    border-radius:10px!important;
    color:var(--black,#2d2624);
    transition:all .2s ease
}
.dynamic-btn-1.active,.dynamic-btn-1:focus,.dynamic-btn-1:hover{
    background-color:var(--black,#2d2624);
    border:1px solid var(--primary-color);
    color:var(--primary-color)!important
}
.dynamic-btn-1 i{
    font-size:1rem
}
.dynamic-btn-1:hover{
    color:var(--primary-color)!important
}
.dynamic-btn-2{
    background-color:var(--primary-color);
    border:1px solid var(--primary-color);
    border-radius:0!important;
    color:var(--black,#2d2624)!important;
    padding:9px 35px!important
}
.dynamic-btn-2.active,.dynamic-btn-2:focus,.dynamic-btn-2:hover{
    background-color:var(--green-100,#0f2f3a);
    border:1px solid var(--primary-color);
    color:var(--primary-color)!important
}
.dynamic-btn-2 i{
    font-size:1rem
}
.dynamic-btn-2:hover{
    color:var(--primary-color)!important
}
.dynamic-btn-3{
    background-color:var(--primary-color);
    border:1px solid var(--primary-color);
    border-radius:20px!important;
    box-shadow:0 0 0 3px transparent,0 6px 20px hsla(0,0%,7%,.1);
    color:var(--black,#2d2624)!important;
    display:inline-block
}
.dynamic-btn-3.active,.dynamic-btn-3:focus,.dynamic-btn-3:hover{
    background-color:var(--black,#2d2624);
    border:1px solid var(--primary-color);
    color:var(--primary-color)!important
}
.dynamic-btn-4{
    background-color:var(--primary-color)!important;
    border-radius:0!important;
    color:var(--black,#2d2624)!important;
    display:inline-block
}
.dynamic-btn-4.active,.dynamic-btn-4:focus,.dynamic-btn-4:hover{
    border:none!important;
    box-shadow:0 0 12px 4px var(--white,#fff)!important;
    color:var(--green-100,#0f2f3a)!important
}
.dynamic-btn-5{
    border:thick double var(--primary-color)!important;
    border-radius:20px!important
}
.dynamic-btn-5,.dynamic-btn-6{
    background-color:var(--green-100,#0f2f3a)!important;
    box-shadow:0 0 0 3px transparent,0 6px 20px hsla(0,0%,7%,.1);
    color:var(--primary-color)!important;
    display:inline-block
}
.dynamic-btn-6{
    border-style:solid!important;
    border:4px dotted var(--primary-color)!important
}
.dynamic-btn-7{
    background-color:var(--green-100,#0f2f3a)!important;
    border:thick double var(--primary-color)!important;
    color:var(--primary-color)!important
}
.dynamic-btn-7,.dynamic-btn-8{
    box-shadow:0 0 0 3px transparent,0 6px 20px hsla(0,0%,7%,.1);
    display:inline-block
}
.dynamic-btn-8{
    background-color:var(--primary-color)!important;
    border:4px solid var(--primary-color)!important;
    border-radius:0!important;
    transition:transform .5s ease!important
}
.dynamic-btn-8,.dynamic-btn-8:hover{
    color:var(--black,#2d2624)!important
}
.dynamic-btn-8:hover{
    transform:translateY(-5px)!important
}
.dynamic-btn-9{
    background-color:var(--primary-color)!important;
    border-radius:30px 0 30px 0!important;
    box-shadow:0 0 0 3px transparent,0 6px 20px hsla(0,0%,7%,.1);
    color:var(--black,#2d2624)!important;
    display:inline-block;
    transition:transform .5s ease!important
}
.dynamic-btn-10{
    background-color:var(--green-100,#0f2f3a)!important;
    border:2px solid var(--primary-color)!important;
    border-radius:0!important;
    color:var(--primary-color)!important;
    display:inline-block;
    transition:.5s ease-out
}
.dynamic-btn-10:hover{
    box-shadow:inset 400px 0 0 0 var(--primary-color);
    color:var(--green-100,#0f2f3a)!important
}
.time-slot.dynamic-btn-1.active,.time-slot.dynamic-btn-1.activeSlot,.time-slot.dynamic-btn-1:focus,.time-slot.dynamic-btn-1:hover,.time-slot.dynamic-btn-2.active,.time-slot.dynamic-btn-2.activeSlot,.time-slot.dynamic-btn-2:focus,.time-slot.dynamic-btn-2:hover,.time-slot.dynamic-btn-3.active,.time-slot.dynamic-btn-3.activeSlot,.time-slot.dynamic-btn-3:focus,.time-slot.dynamic-btn-3:hover{
    background-color:var(--primary-color);
    border:1px solid var(--primary-color);
    color:var(--primary-color)!important
}
.time-slot.dynamic-btn-4.active,.time-slot.dynamic-btn-4.activeSlot,.time-slot.dynamic-btn-4:focus,.time-slot.dynamic-btn-4:hover{
    border:none!important;
    box-shadow:0 0 12px 4px var(--white,#fff)!important;
    color:var(--green-100,#0f2f3a)!important
}
.time-slot.dynamic-btn-5.active,.time-slot.dynamic-btn-5.activeSlot,.time-slot.dynamic-btn-5:focus,.time-slot.dynamic-btn-5:hover,.time-slot.dynamic-btn-7.active,.time-slot.dynamic-btn-7.activeSlot,.time-slot.dynamic-btn-7:focus,.time-slot.dynamic-btn-7:hover{
    background-color:var(--primary-color)!important;
    border:thick double var(--white,#fff)!important;
    color:var(--black,#2d2624)!important
}
.time-slot.dynamic-btn-6.active,.time-slot.dynamic-btn-6.activeSlot,.time-slot.dynamic-btn-6:focus,.time-slot.dynamic-btn-6:hover{
    background-color:var(--primary-color)!important;
    border:4px dotted var(--white,#fff)!important;
    color:var(--black,#2d2624)!important
}
.time-slot.dynamic-btn-8.active,.time-slot.dynamic-btn-8.activeSlot,.time-slot.dynamic-btn-8:focus,.time-slot.dynamic-btn-8:hover{
    transform:translateY(-5px)!important
}
.time-slot.dynamic-btn-8.active,.time-slot.dynamic-btn-8.activeSlot,.time-slot.dynamic-btn-8:focus,.time-slot.dynamic-btn-8:hover,.time-slot.dynamic-btn-9.active,.time-slot.dynamic-btn-9.activeSlot,.time-slot.dynamic-btn-9:focus,.time-slot.dynamic-btn-9:hover{
    background-color:var(--green-100,#0f2f3a)!important;
    border:1px solid var(--primary-color)!important;
    color:var(--primary-color)!important
}
.time-slot.dynamic-btn-10.active,.time-slot.dynamic-btn-10.activeSlot,.time-slot.dynamic-btn-10:focus,.time-slot.dynamic-btn-10:hover{
    background-color:var(--primary-color)!important;
    box-shadow:inset 400px 0 0 0 var(--primary-color);
    color:var(--green-100,#0f2f3a)!important
}
.main-content.rtl .expand-icon{
    left:10px;
    right:auto
}
.main-content.rtl .calendar-icon{
    left:20px!important;
    right:auto!important;
    top:13px
}
.main-content.rtl .lang-hover-list{
    left:0;
    right:auto
}
.main-content.rtl .profile-section,.main-content.rtl .profile-section .profile-details{
    transform:scaleX(-1)
}
.main-content.rtl .profile-section .profile-details.text-sm-start{
    text-align:end!important
}
@media (max-width:575px){
    .main-content.rtl .profile-section .profile-details.text-sm-start{
        text-align:center!important
    }
}
.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
}
.slick-prev:before{
    margin-left:10px!important
}
.slick-next:before{
    margin-right:10px!important
}
.slick-next{
    right:-13px!important
}
.toast-message,.toast-title{
    margin-right:12px
}
.input-box{
    background-color:var(--green-100,#0f2f3a);
    border:1px solid var(--green-100,#0f2f3a);
    border-radius:10px;
    cursor:pointer;
    display:grid;
    margin-bottom:5px;
    padding:20px;
    place-items:center
}
.input-box h4{
    color:var(--label-color,#fff)!important;
    font-size:medium!important;
    margin:0
}
.file-list li{
    color:#fff!important
}
.selected-files .item{
    align-items:center;
    background-color:#224754;
    border-radius:5px;
    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 h5{
    color:#fff!important;
    font-size:medium!important;
    margin-bottom:10px!important;
    margin-top:9px!important
}
small{
    color:var(--primary-color)!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
}
.oobject-fit-contain{
    -o-object-fit:contain;
    object-fit:contain
}
.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:var(--white,#fff)!important;
    border:1px solid var(--primary-color);
    border-radius:20px;
    bottom:20px;
    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:var(--primary-color,#b9ff6989)!important;
    color:var(--white,#fff)!important;
    padding:.563rem 1.563rem!important
}
.pwa-cancel-button,.pwa-install-button{
    border-radius:10px!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{
    margin-bottom:10px!important
}
.product-img-slider .slick-dots{
    bottom:0;
    position:relative
}
.product-img-slider .slick-dots li{
    height:8px!important;
    margin:0 5px!important;
    width:8px!important
}
.product-img-slider .slick-dots li button,.product-img-slider .slick-dots li button:before{
    font-size:0!important;
    height:8px!important;
    width:8px!important
}
.product-img-slider .slick-dots li button:before{
    background-color:var(--gray-100,#9facb0);
    border-radius:10px;
    opacity:1
}
.product-img-slider .slick-dots li.slick-active,.product-img-slider .slick-dots li.slick-active button{
    width:30px!important
}
.product-img-slider .slick-dots li.slick-active button:before{
    background-color:var(--primary-color);
    opacity:1;
    width:30px!important
}
.card-padding{
    padding-top:0!important
}
.youtube-link-22{
    padding-top:56.25%;
    position:relative
}
.youtube-link-22 iframe{
    height:100%!important;
    left:0!important;
    position:absolute!important;
    top:0;
    width:100!important
}
.vcard22-bg-hero-1{
    left:0;
    top:0;
    width:245px;
    z-index:1
}
.vcard22-bg-hero-1 svg path{
    fill:var(--primary-color)!important
}
@media (max-width:575px){
    .vcard22-bg-hero-1{
        display:none
    }
}
.vcard22-bg-hero-2{
    right:0;
    top:0;
    width:220px;
    z-index:1
}
.vcard22-bg-hero-2 svg path{
    fill:var(--primary-color)!important
}
.vcard22-bg-hero-2 .after-img{
    height:129px;
    position:absolute;
    right:0;
    top:0;
    width:230px;
    z-index:-2
}
.vcard22-bg-hero-2 .after-img svg path{
    fill:var(--secondary-color)!important
}
@media (max-width:575px){
    .vcard22-bg-hero-2{
        width:150px
    }
    .vcard22-bg-hero-2 .after-img{
        width:160px
    }
}
.profile-desc p{
    margin-bottom:0!important
}
.rotate-vector{
    left:0;
    position:absolute;
    top:0;
    transform:rotate(270deg)
}
.rotate-vector .vcard22-bg-hero-2{
    right:5px!important;
    width:270px
}
.rotate-vector .vcard22-bg-hero-2 .after-img{
    width:280px
}
@media (max-width:575px){
    .rotate-vector .vcard22-bg-hero-2{
        width:160px
    }
    .rotate-vector .vcard22-bg-hero-2 .after-img{
        width:170px
    }
}
.rotate-vector-bottom{
    bottom:0;
    position:absolute;
    right:0;
    transform:rotate(90deg)
}
.rotate-vector-bottom .vcard22-bg-hero-2{
    right:5px!important;
    width:270px
}
.rotate-vector-bottom .vcard22-bg-hero-2 .after-img{
    width:280px
}
@media (max-width:575px){
    .rotate-vector-bottom .vcard22-bg-hero-2{
        width:160px
    }
    .rotate-vector-bottom .vcard22-bg-hero-2 .after-img{
        width:170px
    }
}
.row-gap-20px{
    row-gap:20px
}
@media (max-width:575px){
    .row-gap-20px{
        row-gap:10px
    }
}
.px-20{
    padding-left:20px;
    padding-right:20px
}
@media (max-width:575px){
    .px-20{
        padding-left:10px;
        padding-right:10px
    }
}
.right-arrow-animation{
    animation:right-arrow 1s linear 1s infinite alternate
}
@keyframes right-arrow{
    0%{
        transform:translateX(0)
    }
    to{
        transform:translateX(8px)
    }
}
.iframe-slider .iframe-card iframe{
    border:2px solid var(--primary-color)!important;
    border-radius:20px;
    height:330px
}
.iframe-slider .slick-slide{
    padding:0 10px
}
.px-custome{
    padding-left:12px;
    padding-right:12px
}
@media (max-width:768px){
    .px-custome{
        padding-left:8px;
        padding-right:8px
    }
}
@media (max-width:575px){
    .px-custome{
        padding-left:12px;
        padding-right:12px
    }
}
.map-section{
    background-color:var(--primary-100);
    border:2px solid var(--primary-color);
    border-radius:20px;
    overflow:hidden;
    position:relative
}
.map-section .map-location{
    padding:10px
}
.map-section .map-location .location-icon{
    align-items:center;
    background-color:var(--green-100,#0f2f3a);
    border:1px solid var(--light-100,#000);
    border-radius:50%;
    color:var(--light-100,#000);
    display:flex;
    height:50px;
    justify-content:center;
    min-width:50px;
    position:relative;
    width:50px
}
.map-section .map-location .location-icon img{
    width:18px
}
.map-section iframe{
    border-radius:0!important;
    margin-bottom:-6px;
    overflow:hidden
}
.wave-vcard22 svg{
    width:100%
}
.wave-vcard22 svg path{
    fill:var(--primary-100)!important
}
.service-wave-img svg{
    width:100%
}
.service-wave-img svg path{
    fill:var(--primary-100)
}
.terms-condition{
    min-width:16px!important
}
.timePick{
    overflow:hidden;
    padding:0
}