.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: .475rem; box-shadow: 0 .5rem 1rem rgba(0,0,0,.1); 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 { padding-bottom: 0!important; padding-top: 1rem}
#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!important; 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}
