.bg-primary{
    background-color:#f5c600!important
}
.bg-primary-100{
    background-color:#fcefc7!important
}
.bg-gray-200{
    background-color:#191d23!important
}
.bg-gray-300{
    background-color:#5e5e5e!important
}
.text-primary{
    color:#f5c600!important
}
.text-black{
    color:#080a11!important
}
.text-gray-100{
    color:#abb1bd!important
}
.btn{
    border-radius:30px;
    font-weight:500;
    padding:7px 24px
}
.btn:focus{
    outline:none!important
}
.btn-primary,.btn:focus{
    box-shadow:none!important
}
.btn-primary{
    background-color:#f5c600!important;
    border:1px solid #f5c600!important;
    color:#080a11
}
.btn-primary.active,.btn-primary:hover{
    background-color:#080a11!important;
    border:1px solid #f5c600!important;
    color:#f5c600!important
}
.btn-primary:focus{
    background-color:#f5c600!important;
    border:1px solid #f5c600!important;
    color:#fff!important
}
@font-face{
    font-display:swap;
    font-family:Saira_Stencil_One;
    font-style:normal;
    font-weight:400;
    src:url(/fonts/SairaStencilOne-Regular.ttf?d71378f180e77f557c2ed1901721ffec) format("truetype")
}
.z-index-9{
    z-index:9
}
.font-DM-Serif-Display{
    font-family:"DM-Serif-Display";
    font-weight:600
}
body{
    background-color:#fcefc7!important;
    font-weight:400!important;
    padding-right:0!important;
    position:relative
}
body .main-bg-vector{
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    background:hsla(0,0%,100%,.1);
    border:1px solid hsla(0,0%,100%,.2);
    border-radius:20px;
    box-shadow:0 8px 32px rgba(0,0,0,.1);
    cursor:pointer;
    height:100px;
    padding:2rem;
    transition:all .3s ease;
    width:100px
}
body.modal-open{
    padding-right:0!important
}
.main-content{
    position:relative
}
.banner-section .banner-img{
    height:320px;
    position:relative;
    width:100%
}
@media (max-width:575px){
    .banner-section .banner-img{
        height:250px
    }
}
.banner-section .banner-img:after{
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.profile-section{
    position:relative
}
.profile-section .profile-main-name{
    font-family:Saira_Stencil_One;
    font-size:28px;
    font-style:normal;
    font-weight:400;
    letter-spacing:1px
}
@media (max-width:576px){
    .profile-section .profile-main-name{
        font-size:24px
    }
}
.profile-section .card{
    background-color:#080a11!important;
    border:1px solid #f5c600;
    border-radius:80px;
    position:relative
}
@media (max-width:576px){
    .profile-section .card{
        border-radius:35px!important;
    }
}
.profile-section .card .card-img{
    border:2px solid #f5c600!important;
    border-radius:50%;
    height:180px!important;
    margin:auto;
    min-width:134px !important;;
    width:100px
}
@media (max-width:576px){
    .profile-section .card .card-img{
        height:180px!important;;
        min-width:110px!important;
        width:110px!important;
    }
}
.profile-section .card .card-img img{
    border-radius:50%;
    height:100%;
    width:100%
}
.profile-section .card .card-body{
    padding-bottom:0
}
.section-heading{
    margin-bottom:40px;
    position:relative;
    z-index:1
}
.section-heading h2{
    display:inline-block;
    font-family:Saira_Stencil_One;
    font-size:32px;
    font-style:normal;
    font-weight:400;
    letter-spacing:1px;
    position:relative
}
.section-heading h2:after,.section-heading h2:before{
    background-color:#f5c600;
    content:"";
    height:2px;
    position:absolute;
    top:50%;
    width:180px
}
.section-heading h2:before{
    margin-right:30px;
    right:100%
}
@media (max-width:575px){
    .section-heading h2:before{
        margin-right:12px
    }
}
.section-heading h2:after{
    left:100%;
    margin-left:30px
}
@media (max-width:575px){
    .section-heading h2:after{
        margin-left:12px
    }
}
@media (max-width:576px){
    .section-heading h2{
        font-size:24px
    }
    .contact-section .mb-40{
        margin-bottom:15px!important
    }
}
.contact-section .chest-expander-img{
    left:-50px;
    position:absolute;
    top:0;
    transform:scaleY(-1);
    width:137px;
    z-index:0
}
.contact-section .chest-expander-img img{
    transform:scaleX(-1)
}
.contact-section .contact-box{
    background:#080a11;
    border:1px solid #5e5e5e;
    border-radius:30px;
    height:100%;
    padding:10px 10px 10px 20px;
    position:relative
}
.contact-section .contact-box .contact-icon{
    background:#f5c600;
    border-radius:50%;
    border-radius:20px 60% 20px 50%;
    height:44px;
    justify-content:center;
    margin:-30px auto 8px;
    position:relative;
    width:44px
}
.contact-section .contact-box .contact-icon img,.contact-section .contact-box .contact-icon svg{
    position:relative;
    width:18px;
    z-index:1
}
.contact-section .contact-box .contact-desc a{
    word-break:break-word!important
}
.our-services-section .services .service-card{
    background-color:#080a11;
    border:1px solid #5e5e5e;
    border-radius:20px;
    padding:15px;
    position:relative
}
.our-services-section .services .service-card .card-img{
    border-radius:15px!important;
    height:160px;
    width:100%
}
.our-services-section .services .service-card .card-img a{
    height:100%;
    width:100%
}
.our-services-section .services .service-card .card-img a img{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.our-services-section .services .service-card .card-title{
    color:#f5c600;
    font-size:18px
}
.our-services-section .services .service-card .description-text{
    color:#abb1bd;
    font-size:14px
}
.our-services-section .services .services-slider-view .service-card{
    color:#abb1bd;
    padding:15px
}
.our-services-section .services .services-slider-view .service-card .card-title{
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    color:#f5c600;
    display:-webkit-box;
    font-size:18px;
    margin-top:10px;
    min-height:44px;
    overflow:hidden
}
.our-services-section .services .services-slider-view .service-card .description-text{
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    font-size:14px;
    min-height:63px;
    overflow:hidden
}
.our-services-section .services .services-slider-view .slick-slide{
    padding:0 10px
}
.our-services-section .services .services-slider-view .slick-dots{
    bottom:-35px!important
}
.our-services-section .services .services-slider-view .slick-dots li{
    margin:0!important
}
.our-services-section .services .services-slider-view .slick-dots button:before{
    font-size:30px!important
}
.appointment-section .appointment{
    background-color:#060911
}
.appointment-section .appointment .appointment-input{
    background:#181d22;
    border:1px solid #5e5e5e;
    border-radius:30px;
    color:#f5c600;
    height:50px;
    padding:12px 25px
}
.appointment-section .appointment .appointment-input::-moz-placeholder{
    color:#abb1bd
}
.appointment-section .appointment .appointment-input::placeholder{
    color:#abb1bd
}
.appointment-section .appointment .appointment-input:focus{
    box-shadow:none;
    outline:none
}
.appointment-section .appointment .appoint-input{
    background:#181d22;
    border:1px solid #5e5e5e;
    border-radius:30px;
    color:#f5c600;
    height:50px;
    padding:14px 5px;
    width:100%
}
.appointment-section .appointment .appoint-input:focus{
    box-shadow:none;
    outline:none
}
.appointment-section .appointment .timePick{
    margin-top:10px
}
.appointment-section .appointment .calendar-icon{
    position:absolute;
    right:18px;
    top:11px
}
.appointment-section .appointment .hour-input{
    background-color:transparent;
    border:1px solid #5e5e5e;
    border-radius:10px;
    font-size:14px;
    padding:13px 16px
}
.gallery-section{
    background-size:cover
}
.gallery-section .gallery-slider{
    margin-bottom:10px!important;
    margin-left:-10px;
    margin-right:-10px
}
.gallery-section .gallery-slider .slick-slide{
    padding:0 10px
}
.gallery-section .gallery-slider .gallery-img,.gallery-section .gallery-slider .gallery-item{
    background-color:#080a11;
    background-position:50%;
    background-size:cover;
    border:1px solid #b29600;
    border-radius:20px;
    display:block;
    height:282px!important;
    margin:0 auto;
    max-height:282px;
    position:relative
}
.gallery-section .gallery-slider .gallery-img img,.gallery-section .gallery-slider .gallery-item img{
    border-radius:15px
}
.gallery-section .gallery-slider .gallery-img iframe,.gallery-section .gallery-slider .gallery-item iframe{
    border-radius:15px;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain;
    width:100%
}
.gallery-section .gallery-slider .gallery-file-item{
    background-position:50%;
    background-repeat:no-repeat;
    background-size:contain;
    height:100%
}
.gallery-section .gallery-slider .slick-dots{
    bottom:-15px;
    position:relative
}
.video-container{
    border:1px solid #5e5e5e;
    height:200px!important
}
.audio-container img{
    height:133px!important;
    width:100%!important
}
.video-play-button{
    align-items:center;
    border-radius:50%;
    box-sizing:content-box;
    display:flex;
    height:20px;
    justify-content:center;
    left:50%;
    padding:0 0 0 4px;
    position:absolute;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    width:16px;
    z-index:10
}
.video-play-button span{
    border-bottom:12px solid transparent;
    border-left:16px solid #f5c600;
    border-top:12px solid transparent;
    display:block;
    height:0;
    position:relative;
    width:0;
    z-index:3
}
@keyframes pulse-border{
    0%{
        opacity:1;
        transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)
    }
    to{
        opacity:0;
        transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5)
    }
}
.product-section .product-slider .slick-slide{
    padding:0 10px
}
.product-section .product-slider .product-card{
    background-color:#080a11;
    border:1px solid #5e5e5e;
    border-radius:20px;
    box-shadow:none;
    overflow:hidden;
    padding:15px
}
.product-section .product-slider .product-card .product-img{
    border-radius:15px;
    height:160px;
    overflow:hidden
}
.product-section .product-slider .product-card .product-img img{
    -o-object-fit:cover;
    object-fit:cover
}
.product-section .product-slider .product-card h3{
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    font-size:18px;
    margin-bottom:4px;
    min-height:44px;
    overflow:hidden
}
.product-section .product-slider .product-card .product-amount{
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    font-size:22px;
    line-height:1.25;
    overflow:hidden
}
.product-section .product-slider .product-card p{
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden
}
.product-section .product-slider .product-card .product-desc{
    padding:10px 0 0!important
}
.testimonial-section .quote-img-top{
    height:24px;
    transform:scaleX(-1);
    width:auto
}
.testimonial-section .quote-img-top img{
    transform:scaleY(-1)
}
.testimonial-section .bg-img{
    bottom:0;
    position:absolute;
    right:30px
}
.testimonial-section .testimonial-slider .slick-slide{
    padding:0 10px
}
.testimonial-section .testimonial-slider .slick-dots{
    bottom:-35px!important
}
.testimonial-section .testimonial-slider .testimonial-card{
    border:1px solid #5e5e5e;
    border-radius:20px
}
.testimonial-section .testimonial-slider .testimonial-card .card-body .profile-img{
    aspect-ratio:1;
    border:2px solid #f5c600;
    border-radius:10px;
    height:90px;
    margin:0 auto;
    max-width:70px;
    min-width:90px;
    overflow:hidden;
    width:90px
}
.testimonial-section .testimonial-slider .testimonial-card .card-body .profile-img img{
    aspect-ratio:1
}
.testimonial-section .testimonial-slider .testimonial-card .card-body h5{
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    font-size:18px;
    overflow:hidden
}
.testimonial-section .testimonial-slider .testimonial-card .card-body p{
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    font-size:16px;
    min-height:96px;
    overflow:hidden
}
.blog-section .blog-slider .slick-slide{
    padding:0 10px
}
.blog-section .blog-slider .slick-dots{
    bottom:-35px!important
}
.blog-section .blog-slider .blog-card{
    background-color:#080a11!important;
    border:1px solid #5e5e5e;
    border-radius:20px;
    margin:0 auto;
    max-width:600px;
    padding:16px;
    position:relative
}
.blog-section .blog-slider .blog-card .card-img{
    border-radius:15px;
    height:280px;
    overflow:hidden;
    width:100%
}
.blog-section .blog-slider .blog-card .card-body{
    overflow:hidden;
    padding:16px 0 0!important;
    z-index:1
}
.blog-section .blog-slider .blog-card .card-body h4{
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    font-size:20px;
    min-height:48px;
    overflow:hidden
}
.blog-section .blog-slider .blog-card .card-body p{
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    font-size:16px;
    line-height:1.2;
    min-height:39px;
    overflow:hidden
}
.qr-code-section .qr-code-box{
    background:#080a11;
    border:1px solid #b29600;
    border-radius:20px;
    gap:20px;
    padding:30px
}
@media (max-width:576px){
    .qr-code-section .qr-code-box{
        padding:20px
    }
}
.qr-code-section .qr-code{
    background-color:#f5c600;
    border-radius:20px;
    height:130px;
    min-width:130px;
    width:130px
}
.qr-code-section .qr-code .qr-code-img{
    background:#fff;
    border-radius:20px;
    height:122px;
    min-width:122px;
    padding:10px;
    width:122px
}
.qr-code-section .qr-code .qr-code-img img,.qr-code-section .qr-code .qr-code-img svg{
    border-radius:5px;
    height:100%;
    width:100%
}
.bussiness-hour-section .bussiness-hours .business-card{
    background-color:#080a11;
    border:1px solid #5e5e5e;
    border-radius:30px;
    padding:10px
}
.bussiness-hour-section .bussiness-hours .business-card .time-day-icon{
    background-color:#f5c600;
    border-radius:16px 60% 16px 48%;
    height:40px;
    min-width:40px;
    position:relative;
    width:40px
}
.bussiness-hour-section .bussiness-hours .business-card .time-day-icon svg{
    stroke:#080a11;
    position:relative;
    width:20px!important
}
.bussiness-hour-section .bussiness-hours span{
    color:#080a11;
    font-size:16px;
    font-weight:500
}
@media (max-width:575px){
    .bussiness-hour-section .bussiness-hours span{
        font-size:14px
    }
}
.contact-us-section{
    position:relative
}
.contact-us-section .contact-after-img{
    position:absolute;
    right:0;
    top:0;
    width:120px;
    z-index:0
}
.contact-us-section .contact-form{
    background:#060911;
    border:1px solid #b29600;
    border-radius:20px;
    box-shadow:0 0 15px #ffffff00;
    padding:24px
}
@media (max-width:575px){
    .contact-us-section .contact-form{
        padding:15px
    }
}
.contact-us-section .contact-form form .form-control{
    background:#4f6d51;
    background:#f5c600;
    background:#181d22;
    border:1px solid #5e5e5e;
    border-radius:30px;
    color:#fff;
    height:50px;
    padding:13px 15px
}
.contact-us-section .contact-form form .form-control::-moz-placeholder{
    color:#fff!important;
    opacity:.5!important
}
.contact-us-section .contact-form form .form-control::placeholder{
    color:#fff!important;
    opacity:.5!important
}
.contact-us-section .contact-form form .form-control:focus{
    box-shadow:none;
    outline:none
}
@media (min-width:575px){
    .contact-us-section .contact-form form textarea{
        min-height:40px
    }
}
.create-vcard-section .vcard-link-card{
    background-color:#080a11;
    border:1px solid #5e5e5e;
    border-radius:30px;
    padding:15px;
    position:relative
}
.create-vcard-section .vcard-link-card .link-text{
    font-size:16px!important;
    word-break:break-all
}
.btn-section .fixed-btn-section{
    cursor:move;
    transform:translateY(-50%);
    width:60px;
    z-index:10
}
.btn-section .fixed-btn-section .gym-bars-btn{
    background-color:#f5c600
}
.btn-section .fixed-btn-section .sub-btn{
    left:-65px!important;
    right:auto!important;
    width:auto!important
}
.btn-section .fixed-btn-section .sub-btn .gym-sub-btn{
    background-color:#5e5e5e
}
.btn-section .fixed-btn-section .sub-btn .gym-sub-btn i{
    color:#f5c600
}
.sub-btn-div{
    right:-40px!important
}
.sticky-vcard-div{
    bottom:60px!important;
    z-index:9!important
}
.slick-dots{
    left:0!important
}
.slick-dots li button:before{
    color:#abb1bd
}
.slick-dots li.slick-active button:before{
    color:#f5c600;
    opacity:1
}
.add-to-contact-section{
    bottom:0;
    left:0;
    position:fixed;
    right:0
}
.px-30{
    padding-left:30px;
    padding-right:30px
}
@media (max-width:575px){
    .px-30{
        padding-left:20px;
        padding-right:20px
    }
}
.px-20{
    padding-left:20px;
    padding-right:20px
}
@media (max-width:575px){
    .px-20{
        padding-left:10px;
        padding-right:10px
    }
}
.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
}
.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{
    border-radius:10px;
    margin-bottom:4px;
    margin-top:4px;
    max-width:670px!important;
    min-height:100vh
}
.object-fit-cover{
    -o-object-fit:cover;
    object-fit:cover
}
.flex-1{
    flex:1
}
.cursor-pointer{
    cursor:pointer
}
.btn-section{
    position:absolute;
    right:80px;
    top:50%;
    z-index:9
}
.btn-section .fixed-btn-section{
    align-items:center;
    display:flex;
    position:fixed;
    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
}
.vcard12-sticky-btn{
    background:#f5c600;
    border:1px solid #ffffff;
    color:#080a11;
    color:#fff;
    height:40px
}
.vcard12-btn-group{
    background-color:#f5c600;
    border-radius:50px!important;
    color:#080a11;
    height:50px;
    width:50px
}
.language ul{
    list-style:none
}
.language ul .lang-list{
    background:#f5c600;
    border:none;
    border-radius:6px;
    font-size:14px;
    outline:none;
    padding:3px 9px;
    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:#080a11
}
.language ul .lang-list .lang-hover-list{
    font-size:14px;
    margin:15px 0 0;
    min-width:70px;
    right:0;
    width:100%
}
.language ul .lang-list .lang-hover-list li{
    padding:4px 8px
}
.language ul .lang-list .lang-hover-list li:hover{
    background-color:#fcefc7!important
}
.language ul .lang-list .lang-hover-list li:hover a{
    color:#f5c600!important
}
.language ul .lang-list .lang-hover-list li.active{
    background-color:#fcefc7!important
}
.language ul .lang-list .lang-hover-list li.active a{
    color:#f5c600!important
}
.language ul .lang-list .lang-hover-list li a{
    color:#5e6278!important;
    text-decoration:none
}
.language ul .lang-list .lang-hover-list li img{
    height:14px!important;
    width:18px!important
}
.vcard-twelve-body{
    background-color:#fcefc7!important
}
.vcard-twelve.main-content{
    background-color:#191d23;
    border-radius:10px;
    margin-bottom:4px;
    margin-top:4px;
    max-width:670px!important;
    text-align:center!important
}
.vcard-twelve.main-content .section-heading h2:before{
    display:none
}
.vcard-twelve.main-content .section-heading h2:after{
    width:200px
}
.vcard-twelve .card-back{
    background-color:#080a11!important;
    border:1px solid #5e5e5e;
    border-radius:20px;
    color:#abb1bd
}
.vcard-twelve .card-back h2{
    color:#fff
}
.vcard-twelve .vcard-twelve-heading{
    color:#f5c600;
    font-size:24px;
    font-weight:500
}
.vcard-twelve-btn{
    background:#f5c600!important;
    border:1px solid #f5c600;
    border-radius:30px!important;
    color:#080a11!important;
    outline:none;
    padding:10px 20px!important;
    transition:all .3s ease!important
}
.vcard-twelve-btn:hover{
    background:#080a11!important;
    color:#f5c600!important
}
.vcard-twelve-btn i{
    color:#191d23
}
@media (max-width:575px){
    .vcard-twelve-btn{
        margin:0 auto
    }
}
.social-icons{
    gap:16px;
    position:relative
}
@media (max-width:576px){
    .social-icons{
        gap:15px
    }
}
.social-icons a{
    align-items:center;
    background-color:#f5c600;
    border-radius:20px 60% 20px 50%;
    display:flex;
    height:50px;
    justify-content:center;
    position:relative;
    text-decoration:none;
    transition:all .3s ease-in-out;
    width:50px
}
.social-icons a:focus,.social-icons a:hover{
    transform:translateY(-8px)
}
.social-icons a img,.social-icons a svg{
    height:22px;
    transition:all .3s ease-in-out;
    width:22px
}
.social-icons .icon{
    color:#080a11;
    cursor:pointer;
    transition:all .3s ease
}
.social-icons img,.social-icons svg{
    fill:#080a11;
    border-radius:50%!important
}
.activeSlot{
    background-color:#080a11!important;
    border:1px solid #f5c600!important;
    color:#f5c600!important
}
.timePick{
    font-size:14px!important;
    text-align:center!important
}
.add-contact-btn{
    border-radius:30px;
    color:#080a11;
    height:50px!important;
    margin:0 auto;
    padding:7px;
    transition:all .3s ease;
    width:200px!important;
    z-index:9999
}
.add-contact-btn:hover{
    background-color:#f5c600!important;
    color:#080a11!important;
    transform:scale(1.05)
}
.add-contact-btn i{
    font-size:1rem
}
.product-btn{
    background:#f5c600;
    border:none;
    border-radius:30px;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease
}
.product-btn:hover{
    background-color:rgba(245,198,0,.9)
}
.product-details-page .product-card{
    background-color:#080a11;
    border:1px solid #5e5e5e;
    border-radius:20px;
    padding:15px
}
@media (max-width:580px){
    .product-details-page .product-card{
        width:100%!important
    }
}
@media (max-width:450px){
    .product-details-page .product-card img{
        width:100%!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{
    padding:2rem!important
}
.modal .news-modal #newsLatter-content .newsmodal-header .newsmodal-title{
    color:#f5c600;
    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:#f5c600;
    font-size:23px
}
.modal .news-modal #newsLatter-content .modal-body .modal-desc{
    color:silver;
    font-size:16px;
    font-weight:400
}
.modal .news-modal #newsLatter-content .modal-body .email-input{
    border-radius:8px!important
}
.modal .news-modal #newsLatter-content .modal-body .email-input .btn{
    border-radius:8px!important;
    padding:5px 10px!important
}
.modal .news-modal #newsLatter-content .modal-body .required:after{
    color:#f62947;
    content:"*";
    font-size:inherit;
    font-weight:700;
    position:relative
}
.modal .news-modal #newsLatter-content .modal-body .input-box{
    background-color:#f5f8fa;
    border:unset;
    border-radius:.475rem;
    color:#5e6278;
    font-size:1.1rem;
    line-height:1.5;
    padding:.75rem 1rem;
    transition:all .2s ease
}
.modal .news-modal #newsLatter-content .modal-body .input-box:focus{
    background-color:#eef3f7;
    box-shadow:unset
}
.modal .news-modal #newsLatter-content .modal-body .input-group{
    margin-top:15px
}
.modal .news-modal #newsLatter-content .modal-footer{
    border-top:none!important;
    padding:1.875rem
}
.modal .news-modal #newsLatter-content .modal-footer .btn{
    border-radius:.475rem!important;
    padding:10px 20px!important
}
.modal .news-modal #newsLatter-content .modal-footer .submit-btn{
    background-color:#6571ff!important;
    border:unset;
    color:#fff;
    margin-top:26px;
    outline:unset;
    padding:10px 20px!important
}
.modal .news-modal #newsLatter-content .modal-footer .submit-btn:hover{
    background-color:#6571ff!important
}
.modal .news-modal #newsLatter-content .modal-footer .submit-btn:focus{
    box-shadow:unset
}
#email-send{
    background:#f5c600;
    border:none;
    color:#fff!important;
    font-size:15px
}
.animate-bottom{
    animation:animatebottom .4s;
    position:relative
}
@keyframes animatebottom{
    0%{
        bottom:-300px;
        opacity:0
    }
    to{
        bottom:0;
        opacity:1
    }
}
.insta-feed{
    max-height:1000px!important;
    overflow:auto!important
}
.insta-feed-iframe iframe{
    border:none!important;
    border-radius:10px!important
}
.instagram-btn{
    background-color:transparent;
    flex:1;
    max-width:240px;
    position:relative
}
.instagram-btn:before{
    background-color:#f5c600;
    content:"";
    height:2px;
    position:absolute;
    top:100%;
    transition:width .3s ease;
    width:0
}
.instagram-btn.active:before{
    width:100%
}
.instagram-btn .svg-post-icon line,.instagram-btn .svg-post-icon rect{
    stroke:#f5c600
}
.instagram-btn.active .svg-post-icon line,.instagram-btn.active .svg-post-icon rect{
    fill:#f5c600;
    stroke:#191d22
}
.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:#f5c600
}
.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-feed::-webkit-scrollbar{
    width:0
}
.insta-feed::-webkit-scrollbar-thumb,.insta-feed::-webkit-scrollbar-track{
    background-color:#191d23!important
}
.insta-toggle{
    border-radius:35px!important;
    transition:all .3s ease!important
}
#instafeed-container a img{
    border-radius:10px;
    height:200px!important;
    margin:11px;
    width:44%
}
.instagram-media{
    background:#080a11!important;
    border:1px solid #5e5e5e!important;
    border-radius:20px!important;
    max-width:100%!important;
    min-width:50%!important
}
.main-content .support-banner{
    background:#fff;
    border-radius:20px;
    bottom:20px;
    box-sizing:border-box;
    height:auto!important;
    left:0;
    margin:0 auto;
    max-width:606px;
    padding:10px;
    position:fixed;
    right:0;
    width:100%;
    z-index:99999!important
}
.main-content .support-banner .support_heading{
    font-size:27px;
    margin-top:30px
}
.main-content .support-banner .support_text{
    margin-bottom:22px;
    margin-top:13px;
    max-height:123px!important;
    overflow-x:hidden;
    overflow-y:scroll
}
.main-content .support-banner .support_text::-webkit-scrollbar{
    width:4px
}
.main-content .support-banner .support_text::-webkit-scrollbar-track{
    background:transparent
}
.main-content .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:#f5c600;
    border:none;
    border-radius:30px;
    bottom:10px;
    color:#080a11!important;
    display:inline-block!important;
    outline:none;
    padding:7px 21px;
    position:relative;
    text-decoration:none;
    transform:translateY(0);
    transition:all .3s ease
}
.banner-close{
    background:none;
    border:none;
    font-size:20px!important;
    position:absolute;
    right:25px;
    top:20px
}
.iframe-slider .slick-slide{
    padding:0 10px
}
.iframe-slider .slick-dots{
    bottom:-35px!important
}
.iframe-slider .iframe-card{
    border:1px solid #5e5e5e;
    border-radius:20px;
    height:300px;
    overflow:hidden
}
.iframe-slider .iframe-card .card-body{
    bottom:0;
    height:135px;
    max-height:135px;
    min-height:135px;
    overflow:hidden;
    padding:10px 15px;
    position:absolute;
    z-index:1
}
.verification-icon{
    color:#f5c600
}
.pl-50{
    padding-left:50px
}
.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
}
.main-content.rtl .vector-bg-11,.main-content.rtl .vector-bg-3,.main-content.rtl .vector-bg-9{
    text-align:end
}
.main-content.rtl .expand-icon{
    left:20px;
    right:auto
}
@media (min-width:576px){
    .main-content.rtl .text-sm-start{
        text-align:right!important
    }
}
.main-content.rtl .social-icons a{
    border-radius:60% 20px 50% 20px
}
.main-content.rtl .location-map-icon,.main-content.rtl .time-day-icon{
    border-radius:60% 16px 48% 16px!important
}
.main-content.rtl .vector-bg-2{
    left:10px;
    right:auto;
    transform:scaleX(-1)
}
.main-content.rtl .lang-hover-list{
    left:0!important
}
.main-content.rtl .ms-auto{
    margin-left:0!important;
    margin-right:auto!important
}
.main-content.rtl .contact-box .contact-icon{
    border-radius:60% 20px 50% 20px
}
.main-content.rtl .ms-3{
    margin-left:0!important;
    margin-right:1rem!important
}
.main-content.rtl .calendar-icon{
    left:18px;
    right:auto
}
.main-content.rtl .me-3{
    margin-left:1rem!important
}
.main-content.rtl .text-start{
    text-align:right!important
}
.btn-section.rtl{
    left:15px!important;
    right:auto!important
}
.toast-message,.toast-title{
    margin-right:12px
}
.input-box{
    border:1px solid #5e5e5e!important;
    border-radius:35px;
    cursor:pointer;
    display:grid;
    margin-bottom:5px;
    padding:20px;
    place-items:center
}
.input-box h4{
    color:#fff!important;
    font-size:medium!important;
    margin:0;
    opacity:.5
}
.file-list li{
    color:#abb1bd!important
}
.selected-files .item{
    align-items:center;
    border:1px solid #5e5e5e!important;
    border-radius:5px!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:#f5c600!important;
    font-size:12px;
    font-weight:500!important
}
.file-list{
    font-size:medium!important;
    list-style-type:none!important;
    margin:0;
    max-height:220px;
    overflow-y:auto;
    padding:0 0 10px
}
.modal,.modal.show{
    padding-right:0!important
}
.modal.show .modal-dialog{
    transform:translateY(35px)!important
}
@media (min-width:576px){
    .modal.show .modal-dialog{
        margin:2.5rem auto!important;
        max-width:520px!important
    }
}
.modal .modal-dialog{
    transform:translateY(95px)!important
}
.modal .modal-dialog.modal-bottom{
    height:87vh!important
}
@media (min-width:576px){
    #newsLatterModal .modal-dialog{
        max-width:420px!important;
        min-height:calc(100% - 5rem)!important;
        transform:none!important
    }
}
.close-modal{
    position:absolute!important;
    right:16px!important;
    top:16px!important;
    z-index:1!important
}
.product-img-slider{
    margin-left:-10px;
    margin-right:-10px;
    padding-bottom:30px!important
}
.product-img-slider .slick-slide{
    padding:0 10px
}
.product-img-slider .slick-dots{
    bottom:0!important
}
.product-img-slider .slick-dots li.slick-active button:before{
    color:#f5c600!important
}
.product-img-slider .slick-dots li button:before{
    color:#abb1bd!important;
    font-size:30px;
    opacity:1!important
}
.product-img-height{
    aspect-ratio:2.40833;
    border-radius:10px;
    height:100%;
    max-height:208px;
    max-width:100%;
    min-height:208px
}
.dots-none .slick-dots{
    display:none!important
}
.product-img-slider.slick-dotted.slick-slider{
    margin-bottom:20px!important
}
.pwa-support{
    background:#fff;
    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-color:#f5c600;
    border:1px solid #f5c600;
    border-radius:30px!important;
    color:#080a11;
    font-size:.875rem!important;
    font-weight:400!important
}
.pwa-install-button:hover{
    background-color:#080a11!important;
    border:1px solid #f5c600!important;
    color:#f5c600!important
}
.pwa-cancel-button{
    background-color:#e5e7eb!important;
    border-radius:30px!important;
    color:#000;
    font-size:.875rem!important;
    padding:.563rem 1.563rem
}
.pwa-cancel-button,.pwa-cancel-button:hover{
    border:none!important;
    font-weight:400!important
}
.pwa-cancel-button:hover{
    background-color:#d1d5db!important;
    color:#000!important
}
.youtube-link-12{
    padding-top:56.25%;
    position:relative;
    z-index:1!important
}
.youtube-link-12 iframe{
    height:100%!important;
    left:0!important;
    position:absolute!important;
    top:0;
    width:100!important
}
.language-btn{
    z-index:99999!important
}
.sub-btn-div-left{
    left:150px!important
}
.bars-btn{
    box-shadow:none!important;
    position:relative!important
}
.vector-bg-1{
    bottom:-40px;
    left:0
}
.vector-bg-2{
    bottom:-50px;
    right:10px;
    width:80px
}
@media (max-width:575px){
    .vector-bg-2{
        bottom:-42px
    }
}
.vector-bg-2 img{
    transform:scaleX(-1)
}
.vector-bg img{
    width:100%
}
@media (max-width:575px){
    .vector-bg img{
        width:60%!important
    }
}
.fs-24{
    font-size:24px!important
}
@media (max-width:575px){
    .fs-24{
        font-size:20px!important
    }
}
.profile-desc p{
    margin-bottom:0!important
}
.main-bg-img{
    pointer-events:none
}
.main-bg-img img{
    opacity:.2;
    transform:scaleY(-1)
}
.row-gap-20px{
    row-gap:20px
}
.row-gap-40px{
    row-gap:40px
}
.right-arrow-animation{
    animation:right-arrow 1s linear 1s infinite alternate
}
@keyframes right-arrow{
    0%{
        transform:translateX(0)
    }
    to{
        transform:translateX(8px)
    }
}
.view-more{
    background:#f5c600;
    border:1px solid #f5c600;
    border-radius:30px;
    padding:8px 20px 8px 15px;
    transition:all .3s ease-in-out
}
.view-more,.view-more a{
    color:#080a11!important
}
.view-more:hover{
    background:#080a11;
    border:1px solid #f5c600
}
.view-more:hover,.view-more:hover a{
    color:#f5c600!important
}
.insta-feed-iframe iframe{
    border:2px solid #5e5e5e!important;
    border-radius:15px!important;
    display:block!important;
    overflow:hidden!important
}
@media (max-width:576px){
    .vector-all img{
        width:75%!important
    }
}
.map-border-main{
    background:#080a11;
    border:1px solid #5e5e5e;
    border-radius:20px;
    padding:10px 10px 20px
}
.map-border-main iframe{
    border-radius:15px;
    display:block;
    height:300px;
    width:100%
}
.vector-bg-3{
    left:10px;
    top:10px;
    width:90px
}
.vector-bg-4{
    right:0;
    top:10px;
    width:50px
}
.vector-bg-5{
    left:10px;
    width:90px
}
.vector-bg-5,.vector-bg-6{
    top:0;
    transform:scaleX(-1)
}
.vector-bg-6{
    right:0;
    width:80px
}
.vector-bg-7{
    left:15px;
    top:5px;
    width:60px
}
.vector-bg-appointment{
    right:15px;
    top:5px;
    width:60px
}
.vector-bg-8{
    right:10px;
    top:10px;
    width:90px
}
.vector-bg-9{
    left:6px;
    top:25px;
    transform:rotate(338deg);
    width:90px
}
.vector-bg-10{
    left:0;
    top:0;
    transform:scaleX(-1);
    width:110px
}
.vector-bg-11{
    left:0;
    top:10px;
    width:90px
}
.dumbbell-img{
    position:absolute;
    right:10px;
    top:15px;
    width:50px;
    z-index:0
}
.vector-bg-12{
    left:5px;
    top:5px;
    width:80px
}
.terms-condition{
    min-width:16px!important
}
.location-map-icon{
    align-items:center;
    background-color:#f5c600;
    border-radius:16px 60% 16px 48%;
    display:flex;
    font-size:15px;
    height:40px;
    justify-content:center;
    min-width:40px;
    position:relative;
    width:40px
}
.location-map-icon i,.location-map-icon img,.location-map-icon svg{
    fill:#080a11;
    color:#080a11;
    position:relative;
    z-index:2
}
.blog-card-img,.product-img,.service-card-img{
    overflow:hidden
}
.blog-card,.gallery-img,.product-card,.service-card{
    overflow:hidden;
    transition:all .3s ease-in-out
}
.blog-card .scale-hover,.blog-card:hover,.gallery-img .scale-hover,.gallery-img:hover,.product-card .scale-hover,.product-card:hover,.service-card .scale-hover,.service-card:hover{
    transition:all .3s ease-in-out
}
.blog-card:hover .scale-hover,.gallery-img:hover .scale-hover,.product-card:hover .scale-hover,.service-card:hover .scale-hover{
    transform:scale(1.08);
    transition:all .3s ease-in-out
}
.mb-50{
    margin-bottom:50px
}
.gallery-all{
    position:relative
}
.gallery-all .expand-icon{
    align-items:center;
    background-color:#f5c600;
    border-radius:50%;
    display:flex;
    font-size:15px;
    font-size:20px;
    height:36px;
    justify-content:center;
    min-width:36px;
    position:absolute;
    right:20px;
    top:10px;
    width:36px;
    z-index:1
}
.bg-particles{
    height:100%;
    position:fixed;
    width:100%;
    z-index:0
}
.circles{
    height:100%;
    left:0;
    overflow:hidden;
    position:absolute;
    top:0;
    width:100%
}
.top-animation span{
    animation:top-animate 25s linear infinite;
    background:#f5c60080;
    display:block;
    height:20px;
    list-style:none;
    position:fixed;
    top:-150px;
    width:20px
}
.top-animation span:first-child{
    animation-delay:0s;
    height:80px;
    left:25%;
    width:80px
}
.top-animation span:nth-child(2){
    animation-delay:2s;
    animation-duration:12s;
    height:20px;
    left:10%;
    width:20px
}
.top-animation span:nth-child(3){
    animation-delay:4s;
    height:20px;
    left:70%;
    width:20px
}
.top-animation span:nth-child(4){
    animation-delay:0s;
    animation-duration:18s;
    height:60px;
    left:80%;
    width:60px
}
.top-animation span:nth-child(5){
    animation-delay:0s;
    height:20px;
    left:65%;
    width:20px
}
.top-animation span:nth-child(6){
    animation-delay:3s;
    height:110px;
    left:75%;
    width:110px
}
.top-animation span:nth-child(7){
    animation-delay:7s;
    height:150px;
    left:35%;
    width:150px
}
.top-animation span:nth-child(8){
    animation-delay:15s;
    animation-duration:45s;
    height:25px;
    left:30%;
    width:25px
}
.top-animation span:nth-child(9){
    animation-delay:2s;
    animation-duration:35s;
    height:15px;
    left:20%;
    width:15px
}
.top-animation span:nth-child(10){
    animation-delay:0s;
    animation-duration:11s;
    height:150px;
    left:85%;
    width:150px
}
.bottom-animation span{
    animation:bottom-animate 25s linear infinite;
    background:#f5c60080;
    bottom:-150px;
    display:block;
    height:20px;
    list-style:none;
    position:fixed;
    width:20px
}
.bottom-animation span:first-child{
    animation-delay:0s;
    animation-duration:11s;
    height:100px;
    right:85%;
    width:100px
}
.bottom-animation span:nth-child(2){
    animation-delay:2s;
    animation-duration:35s;
    height:30px;
    right:20%;
    width:30px
}
.bottom-animation span:nth-child(3){
    animation-delay:15s;
    animation-duration:45s;
    height:50px;
    right:80%;
    width:50px
}
.bottom-animation span:nth-child(4){
    animation-delay:7s;
    height:50px;
    right:35%;
    width:50px
}
.bottom-animation span:nth-child(5){
    animation-delay:3s;
    height:70px;
    right:75%;
    width:70px
}
.bottom-animation span:nth-child(6){
    animation-delay:0s;
    height:40px;
    right:65%;
    width:40px
}
.bottom-animation span:nth-child(7){
    animation-delay:0s;
    animation-duration:18s;
    height:30px;
    right:20%;
    width:30px
}
.bottom-animation span:nth-child(8){
    animation-delay:4s;
    height:10px;
    right:70%;
    width:10px
}
.bottom-animation span:nth-child(9){
    animation-delay:2s;
    animation-duration:12s;
    height:70px;
    right:10%;
    width:70px
}
.bottom-animation span:nth-child(10){
    animation-delay:0s;
    height:80px;
    right:25%;
    width:80px
}
@keyframes bottom-animate{
    0%{
        border-radius:0;
        opacity:.8;
        transform:translateY(0) rotate(0deg)
    }
    to{
        border-radius:50%;
        opacity:.1;
        transform:translateY(-100vh) rotate(2turn)
    }
}
@keyframes top-animate{
    0%{
        border-radius:10%;
        opacity:1;
        transform:translateY(0) rotate(0deg)
    }
    to{
        border-radius:50%;
        opacity:0;
        transform:translateY(100vh) rotate(2turn)
    }
}