.mb-20px{
    margin-bottom:20px
}
.ms-20px{
    margin-left:20px
}
*{
    box-sizing:border-box;
    margin:0;
    padding:0
}
.content-blur{
    filter:blur(5px)
}
.whitespace-nowrap{
    white-space:nowrap!important
}
.btn-group{
    border-radius:50px;
    height:38px;
    overflow:hidden
}
.vcard-btn-group{
    background-color:#fff;
    border:1px solid #fb5253;
    border-radius:50px!important;
    color:#fb5253;
    height:50px;
    width:50px
}
.sticky-vcard-div{
    bottom:18px;
    left:0;
    position:fixed;
    z-index:9999
}
.sticky-vcard4-div{
    bottom:62px!important
}
.sticky-vcard12-div{
    bottom:66px!important
}
.modal{
    background-color:#00000080;
    z-index:99999!important
}
.modal .modal-dialog .modal-content{
    border:none;
    border-radius:20px;
    box-shadow:0 7px 8px 0 #848181,0 0 11px 0 #000;
    outline:0
}
.modal .modal-dialog .modal-content .modal-header{
    border-bottom:1px solid #eff2f5;
    padding:22px
}
.modal .modal-dialog .modal-content .modal-body{
    padding:1.75rem
}
.modal .modal-dialog .modal-content .modal-body .required:after{
    color:#f62947;
    content:"*";
    font-size:inherit;
    font-weight:700;
    position:relative
}
.modal .modal-dialog .modal-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 .modal-dialog .modal-content .modal-body .input-box:focus{
    background-color:#eef3f7;
    box-shadow:unset
}
.modal .modal-dialog .modal-content .modal-footer{
    padding:1.875rem
}
.modal .modal-dialog .modal-content .modal-footer .btn{
    border-radius:.475rem!important;
    padding:10px 20px!important
}
.modal .modal-dialog .modal-content .modal-footer .submit-btn{
    background-color:#6571ff!important;
    border:unset;
    color:#fff;
    margin-top:26px;
    outline:unset;
    padding:10px 20px!important
}
.modal .modal-dialog .modal-content .modal-footer .submit-btn:hover{
    background-color:#6571ff!important
}
.modal .modal-dialog .modal-content .modal-footer .submit-btn:focus{
    box-shadow:unset
}
.modal[dir=rtl] .modal-header .btn-close{
    margin:-.9375rem auto -.9375rem -.9375rem!important
}
.modal[dir=rtl] .select2-container--bootstrap-5 .select2-selection--single{
    background-position:left .938rem center!important;
    padding:.688rem .938rem .688rem 2.814rem!important
}
.modal[dir=rtl] .form-check{
    padding-left:0;
    padding-right:2.063em!important
}
.modal[dir=rtl] .form-check .form-check-input{
    float:right;
    margin-right:-2.063em
}
.modal[dir=rtl] .ms-3{
    margin-right:.75rem!important
}
.modal[dir=rtl] .me-0{
    margin-left:0!important
}
.main-payment{
    align-items:center;
    display:flex;
    height:100vh;
    justify-content:center
}
.main-payment .payment-section{
    box-shadow:2px 0 8px 2px #dfdbdb
}
@media (max-width:576px){
    .main-payment .payment-section .payment-heading{
        text-align:center;
        width:100%
    }
}
.main-payment .payment-section .payment-heading .payment-title{
    color:#f56758;
    font-size:67px;
    font-weight:700
}
@media (max-width:992px){
    .main-payment .payment-section .payment-heading .payment-title{
        font-size:55px
    }
}
@media (max-width:668px){
    .main-payment .payment-section .payment-heading .payment-title{
        font-size:45px
    }
}
.main-payment .payment-section .payment-heading .payment-text{
    color:#595957;
    font-size:30px;
    font-weight:600
}
@media (max-width:992px){
    .main-payment .payment-section .payment-heading .payment-text{
        font-size:25px
    }
}
@media (max-width:668px){
    .main-payment .payment-section .payment-heading .payment-text{
        font-size:20px
    }
}
.main-payment .payment-section .payment-heading .payment-btn{
    background:#f68880;
    color:#fff
}
.main-payment-success{
    align-items:center;
    display:flex;
    height:100vh;
    justify-content:center
}
.main-payment-success .payment-head{
    background:#fafcff;
    border-radius:10px;
    box-shadow:2px 0 8px 2px #ededed;
    padding:50px
}
@media (max-width:455px){
    .main-payment-success .payment-head{
        padding:20px
    }
}
.main-payment-success .payment-head .payment-details{
    padding:30px
}
@media (max-width:350px){
    .main-payment-success .payment-head .payment-details{
        padding:10px
    }
}
.main-payment-success .payment-head .payment-details .payment-info{
    text-align:center
}
.main-payment-success .payment-head .payment-details .payment-info .payment-icon{
    color:#46ceac;
    font-size:50px
}
.main-payment-success .payment-head .payment-details .payment-info .payment-title{
    color:#46ceac
}
@media (max-width:992px){
    .main-payment-success .payment-head .payment-details .payment-info .payment-title{
        font-size:25px
    }
}
.main-payment-success .payment-head .payment-text{
    color:#a2a8bb
}
.main-payment-success .payment-head .payment-img{
    padding-left:100px
}
@media (max-width:768px){
    .main-payment-success .payment-head .payment-img{
        display:none;
        padding-left:0
    }
}
.btn-back{
    background-color:#46ceac;
    color:#fff
}
.social-link-modal{
    display:flex
}
@media (max-width:450px){
    .social-link-modal{
        display:block!important
    }
}
.social-link-modal a{
    text-decoration:none!important
}
input::-moz-placeholder{
    overflow:visible
}
input::placeholder{
    overflow:visible
}
.custom-nav-margin{
    margin-top:121px!important
}
.vcard-11-back{
    left:875px!important;
    top:51px!important
}
.morecontent span{
    -webkit-box-orient:vertical;
    display:none;
    font-weight:400!important
}
.morelink{
    cursor:pointer
}
#toast-container>div{
    min-width:400px!important
}
@media (max-width:575px){
    #toast-container>div{
        min-width:300px!important
    }
}
.lightbox{
    display:flex;
    flex-direction:column-reverse
}
.lb-data .lb-number{
    display:none!important
}
#wpNumber::-webkit-inner-spin-button{
    display:none
}
#wpNumber{
    height:30px
}
.wp-number-container{
    position:fixed;
    z-index:999999
}
.input{
    background-color:#fff;
    border:none;
    border-bottom:1px solid #ccc;
    border-radius:25px;
    box-shadow:0 0 5px rgba(0,0,0,.25);
    box-sizing:border-box;
    color:#555;
    font-family:Arvo;
    font-size:18px;
    height:50px;
    padding:20px;
    position:relative;
    right:132%!important;
    top:-182px!important;
    width:160px
}
.input:focus{
    outline:none
}
.input::-webkit-input-placeholder{
    color:#aaa
}
.input:focus::-webkit-input-placeholder{
    color:#969696
}
.input:focus+.underline{
    transform:scale(1)
}
.underline{
    display:inline-block;
    height:2px;
    margin-top:-4px;
    position:absolute;
    right:238px;
    top:-139px;
    transform:scaleX(0);
    width:132px
}
.share-wp-btn-div{
    height:40px;
    position:absolute;
    right:5px;
    top:5px;
    width:40px
}
.share-wp-btn-div .share-wp-btn{
    font-size:18px;
    height:40px;
    width:40px
}
.vcard-wp-btn{
    background-color:#18b718!important;
    border:none;
    font-size:15px;
    height:50px;
    width:50px
}
.vcard11-sticky-btn{
    background-color:#18b718;
    font-size:12px;
    height:40px;
    position:absolute;
    right:22px;
    top:50%;
    width:40px;
    z-index:99999
}
@media (max-width:1199px){
    .vcard11-sticky-btn{
        right:25px
    }
}
.vcard11-underline{
    background-color:#fd5479;
    display:inline-block;
    height:2px;
    position:absolute;
    right:-44px;
    top:39px;
    transform:scaleX(0);
    transition:all .5s linear;
    width:132px
}
@media (min-width:1199px){
    .vcard11-underline{
        right:-63px
    }
}
.vcard11-input:focus+.vcard11-underline{
    transform:scale(1)!important
}
.vcard11-send-btn{
    background-image:linear-gradient(123.62deg,#f59c37,#fd5479);
    border-radius:40px;
    color:#fff!important;
    height:40px!important;
    margin-left:300px!important;
    width:40px!important
}
.vcard11-input{
    background-color:#fff;
    border:none;
    border-bottom:1px solid #ccc;
    border-radius:25px;
    box-shadow:0 0 5px rgba(0,0,0,.25);
    box-sizing:border-box;
    color:#555;
    font-family:Arvo;
    font-size:18px;
    height:50px;
    left:70px!important;
    padding:20px;
    position:relative;
    top:0!important;
    width:160px
}
@media (min-width:1199px){
    .vcard11-input{
        left:88px!important
    }
}
.vcard11-input:focus{
    outline:none
}
.vcard11-container{
    position:absolute;
    right:200px!important;
    top:50%!important;
    z-index:999999
}
@media (max-width:1199px){
    .vcard11-container{
        position:fixed;
        right:180px!important
    }
}
.vcard11-container .input,.vcard11-container .share-wp-btn-div{
    top:0!important
}
.vcard11-container .underline{
    top:42.5px
}
.vcard-bars-btn{
    display:flex;
    justify-content:flex-end;
    width:576px;
    z-index:9!important
}
.vcard-bars-btn .bars-btn{
    box-shadow:-3px 2px 15px #9e9e9ecc;
    font-size:12px;
    height:60px;
    margin-right:.5rem!important;
    min-width:60px;
    position:absolute;
    width:60px
}
.vcard-bars-btn-left{
    display:flex;
    justify-content:flex-start;
    width:576px;
    z-index:9!important
}
.vcard-bars-btn-left .bars-btn{
    box-shadow:-3px 2px 15px #9e9e9ecc;
    font-size:12px;
    height:60px;
    margin-right:.5rem!important;
    min-width:60px;
    position:absolute;
    width:60px
}
.sub-btn{
    border-radius:20px;
    display:flex;
    flex-direction:column;
    left:0;
    position:relative;
    top:0;
    width:100%
}
.nav-tabs .dropdown-menu{
    min-width:200px!important
}
.link-text{
    font-size:16px!important;
    font-weight:500
}
@media (max-width:480px){
    .link-text{
        font-size:14px!important
    }
}
.modal-backdrop.show{
    z-index:-1!important
}
.icon-search-container{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    background-color:#fff;
    border-radius:50px;
    display:inline-block;
    height:50px;
    overflow:hidden;
    position:relative;
    transition:width .2s ease-out;
    width:50px
}
.icon-search-container.active{
    outline:1px solid green;
    width:285px
}
@media (max-width:425px){
    .icon-search-container.active{
        width:260px
    }
}
@media (max-width:374px){
    .icon-search-container.active{
        width:220px
    }
}
@media (max-width:336px){
    .icon-search-container.active{
        width:200px
    }
}
.icon-search-container.active .wp-btn{
    font-size:14px;
    height:40px;
    left:5px;
    min-width:40px;
    position:relative;
    top:5px;
    width:40px
}
.icon-search-container.active .fa-times-circle{
    opacity:1
}
.icon-search-container.active .search-input{
    width:200px
}
.icon-search-container .fa-search{
    color:#2980b9;
    cursor:pointer;
    font-size:30px;
    left:8px;
    position:absolute;
    top:7px
}
.icon-search-container .fa-times-circle{
    color:#d9d9d9;
    cursor:pointer;
    font-size:20px;
    opacity:0;
    position:absolute;
    right:8px;
    top:12px;
    transition:opacity .2s ease-out
}
.icon-search-container .search-input{
    background-color:hsla(0,0%,100%,0);
    border:none;
    cursor:default;
    font-size:18px;
    left:50px;
    line-height:20px;
    outline:none;
    position:absolute;
    top:9px;
    transition:width .2s ease-out;
    width:0
}
.wp-btn{
    align-items:center;
    border-radius:50%;
    display:flex;
    height:50px;
    justify-content:center;
    min-width:50px;
    position:relative;
    width:50px;
    z-index:9
}
#videobtn,.wp-btn{
    background-color:#18b718
}
#videobtn{
    border:none
}
.sub-btn-div{
    align-items:flex-end;
    display:flex;
    flex-direction:column;
    position:absolute;
    right:75px;
    top:-55px;
    width:100%
}
.sub-btn-div-left{
    align-items:flex-start!important;
    display:flex!important;
    flex-direction:column!important;
    left:75px!important;
    position:absolute!important;
    top:-55px!important;
    width:100%!important
}
.stickyIcon{
    margin-top:30px
}
.vcard11-icon-container{
    position:absolute;
    right:15px;
    top:50%;
    z-index:9
}
.vcard11-wp-btn{
    background-image:linear-gradient(123.62deg,#f59c37,#fd5479)
}
.card11-add-btn{
    width:185px!important
}
.audio-image{
    border-radius:10px;
    max-width:100%
}
audio{
    width:100%
}
.object-fit-cover{
    -o-object-fit:cover;
    object-fit:cover
}
.object-fit-contain{
    -o-object-fit:contain;
    object-fit:contain
}
.modal-bottom{
    align-items:flex-end;
    display:flex;
    height:96vh;
    margin-bottom:0!important;
    margin-top:0!important;
    transform:none
}
 

