img[data-lazyloaded] {
			opacity: 0;
		}

		img.litespeed-loaded {
			-webkit-transition: opacity .5s linear 0.2s;
			-moz-transition: opacity .5s linear 0.2s;
			transition: opacity .5s linear 0.2s;
			opacity: 1;
		}
/* فونت iransansdn */
/* فونت YKN */
@font-face {
    font-family: 'ykn';
    font-style: normal;
    font-weight: normal;
    src: url('/ykn.woff') format("woff"), 
         url('/ykn.woff2') format("woff2");
    font-display: swap; /* مهم برای LCP */
}

@font-face {
    font-family: 'Aviny';
    font-style: normal;
    font-weight: normal;
    src: url('/assets/fonts/aviny.ttf') format('truetype');
    font-display: swap; /* متن سریع رندر شود و LCP سریع‌تر شود */
}

@font-face {
    font-family: 'iransansdn.ttf';
    font-style: normal;
    font-weight: normal;
    src: url('/assets/fonts/iransansdn.ttf') format('truetype');
    font-display: swap; /* متن سریع رندر شود و LCP سریع‌تر شود */
}

/* ریست کلی */
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
}

/* استایل بدنه */
body {
    direction: rtl;
    color: #1f1f1f;
    overflow-x: hidden;
    cursor: default;
    font-family: 'iransansdn', 'ykn', Tahoma, sans-serif; /* iransansdn اولویت اول است */
    font-size: 14px;
    background-image: linear-gradient(to top, #02071a 0%, #01040e 100%);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}


		input,
		button,
		textarea {
			font-family: iransansdn;
			font-size: 14px;
			background: none
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			font-family: iransansdn;
			font-weight: normal
		}

		a {
			text-decoration: none;
			color: #1f1f1f;
			transition: all 300ms ease-out
		}

		a:hover {
			text-decoration: none;
			color: #E8C413
		}

		img {
			border: 0;
			max-width: 100%;
			height: auto;
			object-fit: cover
		}

		ul,
		li {
			border: 0;
			padding: 0;
			margin: 0;
			list-style: none
		}

		button,
		label {
			cursor: pointer
		}

		strong,
		b {
			font-weight: normal
		}

		.bspbx article figure>span,
		.bspgnavi a,
		.bspgnavi span,
		.bspstinfo .ldc-ul_cont,
		.bsingle footer strong,
		.bsartinfo>div span i,
		.bscmnts ul li>span p>span span span {
			-moz-font-feature-settings: "ss02";
			-webkit-font-feature-settings: "ss02";
			font-feature-settings: "ss02"
		}

		.bsvg {
			display: flex;
			position: absolute;
			width: 0;
			height: 0
		}

		.bsw {
			max-width: 1200px;
			margin: 0 auto;
			width: 96%
		}

		.bsf {
			display: flex;
			flex-wrap: wrap;
			align-items: center
		}

		.bshome {
			display: flex;
			justify-content: space-between;
			flex: 1
		}

		.bsright {
			width: 68%
		}

		aside {
			width: 32%
		}

		.bscntr {
			width: 97.5%
		}

		.bshdr {
			border-bottom: 1px solid #1b1f30;
			margin-bottom: 1em;
			padding: 1em 0;
			justify-content: space-between
		}

		.bslogo {
			display: flex;
			text-indent: -300px;
			overflow: hidden;
			justify-content: center;
			align-items: center
		}

		.bslogo svg {
			width: 173px;
			height: 45px;
			fill: #fff
		}

		.bshdr form {
			border: 2px solid #282C3C;
			position: relative;
			overflow: hidden;
			height: 55px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-radius: 1em;
			width: 300px
		}
.bspbx .view{
  left:1em;
  color:#fff;
  font-size:15px;
  width:auto;
  padding:0 .7em 0 .5em;
  cursor:pointer
}

		.bshdr form input {
			height: 55px;
			margin: 0 1em;
			width: 100%;
			font-size: 14px;
			color: #959595
		}

		.bshdr form input::placeholder {
			color: #959595
		}

		.bshdr form button {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 50px;
			stroke: #959595;
			width: 50px;
			margin-left: .5em
		}

		.bshdr form button svg {
			width: 20px;
			height: 20px
		}

		.bshdr form input:focus+button {
			stroke: #E8C413
		}

		.bsit {
			flex-direction: row-reverse;
			margin-left: 1.5em
		}

		.bsit a {
			height: 38px;
			color: #fff;
			display: flex;
			align-items: center;
			padding: 0 .7em;
			border-radius: .7em;
			flex-direction: row-reverse;
			flex: 1;
			margin-right: 1em
		}

		.bsit a svg {
			width: 20px;
			height: 20px;
			fill: #fff;
			margin-right: .7em
		}

		.bstlg {
			background: linear-gradient(90deg, rgba(54, 174, 224, 1) 0%, rgba(28, 150, 209, 1) 100%)
		}

		.bsinsta {
			background: linear-gradient(166deg, rgba(189, 49, 153, 1) 0%, rgba(236, 115, 70, 1) 100%)
		}

		aside {
			background: #0f1426;
			margin: 0 0 1.2em;
			height: 100%
		}

		aside section {
			border-bottom: 1px solid #282C3C
		}

		aside section:last-child {
			border: 0
		}

		aside section header h2,
		.bstgs header h2 {
			font-size: 16px;
			color: #fff;
			padding: 1.5em 1.2em
		}

		aside section ul {
			padding: 0 1.2em 1.2em;
			line-height: 1.6
		}

		aside section ul li a:before {
			content: "";
			float: right;
			width: 4px;
			height: 10px;
			background: #282C3C;
			margin: 6px 0 0 8px;
			border-radius: 2px;
			transition: all 300ms ease-out
		}

		aside section ul li a:hover:before {
			background: #E8C413
		}

		aside section ul li a {
			color: #BCC0D1
		}

		aside section ul li {
			margin: 0 0 1em;
			width: 100%
		}

		aside section ul li:last-child {
			margin: 0
		}

		.bscts {
			padding: 0 1.2em 1.5em
		}

		.bscts a {
			color: #BCC0D1;
			display: flex;
			font-size: 16px;
			margin: 0 0 1.5em;
			align-items: center;
			position: relative
		}

		.bscts a:last-child {
			margin: 0
		}

		.bscts a svg {
			width: 24px;
			height: 24px;
			stroke: #BCC0D1;
			margin-left: .7em
		}

		.bscts a:hover {
			color: #E8C413
		}

		.bscts a::after {
			content: "";
			left: 1em;
			top: 50%;
			position: absolute;
			width: .4em;
			height: .4em;
			border-left: .1em solid #BCC0D1;
			border-bottom: .1em solid #BCC0D1;
			transform: rotate(45deg) translate(0, -50%)
		}

		.bshding {
			padding: 1em;
			line-height: 2;
			background: #0f1426;
			border-radius: 1em;
			margin: 0 0 1.2em
		}

		.bshding h1,
		.bshding h1 a {
			font-size: 17px;
			text-align: center;
			color: #E8C413
		}

		.bshding h2,
		.bshding p {
			font-size: 14px;
			text-align: center;
			color: #BCC0D1
		}

		.bspbx {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			grid-column-gap: 1.628em;
			grid-row-gap: 1.628em;
			padding: 0 0 1.2em
		}

		.bspbx article img {
			width: 100%;
			border-radius: 1em;
			display: flex
		}

		.bspbx article figure {
			position: relative
		}

		.bspbx article figure i,
		.bspbx article figure>span {
			background: rgb(0 0 0 / 20%);
			position: absolute;
			bottom: 1em;
			width: 38px;
			height: 38px;
			border-radius: .7em;
			display: flex;
			justify-content: center;
			align-items: center;
			backdrop-filter: blur(5px);
			-webkit-backdrop-filter: blur(5px)
		}

		.bspbx article figure i {
			right: 1em
		}

		.bspbx article figure i svg {
			width: 20px;
			height: 20px;
			stroke: #fff
		}

		.bspbx article figure>span {
			left: 1em;
			color: #fff;
			font-size: 15px;
			width: auto;
			padding: 0 .7em 0 .5em;
			cursor: pointer
		}

		.bspbx article figure>span:after,
		.bspstinfo .ldc-ul_cont:after {
			content: "";
			width: 24px;
			height: 24px;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg id='heart-circle'%3E%3Cpath id='Vector' d='M22,12A10,10,0,1,1,12,2,10,10,0,0,1,22,12Z' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Vector-2' d='M12.33,17.45a1.27,1.27,0,0,1-.67,0c-1.56-.53-5.06-2.76-5.06-6.54A3,3,0,0,1,12,9.1a3,3,0,0,1,5.4,1.81C17.4,14.69,13.9,16.92,12.33,17.45Z' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Vector-3' d='M0,0H24V24H0Z' fill='none'/%3E%3C/g%3E%3C/svg%3E")
		}

		.bspbx article figure>span span:after {
			content: "+";
			margin: 0 .1em 0 .4em
		}

		.bspbx article h2 {
			color: #fff;
			font-size: 15px;
			text-align: center;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			margin: 1.2em 0 0;
			height: 48px
		}

		.bspbx article h2 strong {
			color: #fff;
			font-size: 16px;
			width: 100%;
			text-align: center;
			margin: 0 0 .5em
		}

		.bspbx article h2 span {
			width: 100%;
			text-align: center;
			font-weight: normal;
			font-size: 15px;
			color: #BCC0D1
		}

		.bspgnavi {
			justify-content: center;
			padding: .7em .5em;
			flex-direction: row-reverse;
			margin: 0 0 1.2em
		}

		.bspgnavi a,
		.bspgnavi span {
			height: 34px;
			width: 40px;
			display: flex;
			align-items: center;
			margin: 5px;
			flex-direction: column;
			color: #fff;
			font-size: 15px;
			justify-content: space-between;
			transition: all 300ms ease-out
		}

		.bspgnavi a:after,
		.bspgnavi span:after {
			content: "";
			width: 30px;
			height: 5px;
			background: #1B1F30;
			border-radius: 3px;
			transition: all 300ms ease-out
		}

		.bspgnavi .current:after,
		.bspgnavi a:hover:after {
			background: #133ce8
		}

		.bspgnavi .next,
		.bspgnavi .prev {
			justify-content: center;
			text-indent: -200px;
			overflow: hidden;
			width: 34px;
			margin: 5px 7px
		}

		.bspgnavi .prev {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M11.25,27.5h7.5c6.25,0,8.75-2.5,8.75-8.75v-7.5C27.5,5,25,2.5,18.75,2.5h-7.5C5,2.5,2.5,5,2.5,11.25v7.5C2.5,25,5,27.5,11.25,27.5Z' fill='none' stroke='%23888da5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Vector-2' d='M16.58,19.41,12.18,15l4.4-4.41' fill='none' stroke='%23888da5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Vector-3' d='M30,30H0V0H30Z' fill='none'/%3E%3C/svg%3E")
		}

		.bspgnavi .next {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M18.75,27.5h-7.5C5,27.5,2.5,25,2.5,18.75v-7.5C2.5,5,5,2.5,11.25,2.5h7.5C25,2.5,27.5,5,27.5,11.25v7.5C27.5,25,25,27.5,18.75,27.5Z' fill='none' stroke='%23888da5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Vector-2' d='M13.43,19.41,17.83,15l-4.4-4.41' fill='none' stroke='%23888da5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Vector-3' d='M0,30H30V0H0Z' fill='none'/%3E%3C/svg%3E")
		}

		.bspgnavi .next:after,
		.bspgnavi .prev:after {
			display: none
		}

		.bspgnavi .dots {
			width: auto;
			border: 0;
			padding: 0 .8em;
			color: #525252;
			background: none !important
		}

		.bsnxpr {
			position: fixed;
			height: 88px;
			top: 60%;
			text-decoration: none;
			z-index: 99;
			cursor: pointer;
			transform: translate(0, -50%);
			width: 35px;
			right: 0;
			transition: all 320ms ease-out;
			border-right: 0;
			background: #133ce8;
			color: #fff !important;
			border-radius: 0.6em 0 0 0.6em
		}

		.bsnxpr strong {
			transform: rotate(-90deg);
			position: absolute;
			width: 67px;
			top: 37px;
			right: -17px;
			color: #fff;
			font-size: 13px
		}

		.bsnxpr.bsnxprt {
			right: initial;
			left: 0;
			border-left: 0
		}

		.bsnxpr.bsnxprt strong {
			top: 34px;
			right: -15px
		}

		.bsnxpr.bsnxprt {
			border-radius: 0 0.6em 0.6em 0
		}

		.bsftrs {
			background: #0f1426
		}

		.bsftrs .bsfx2 {
			margin: 0 auto;
			position: relative;
			padding: 1.5em 0;
			justify-content: space-between
		}

		.bsftrsc {
			display: flex;
			align-items: center;
			padding-right: 154px
		}

		.bsftrsc p {
			color: #BCC0D1;
			font-size: 15px;
			line-height: 1.5
		}

		.bsftrs .bsftrsc a {
			color: #fff
		}

		.bsftrs .bsftrsc svg {
			width: 110px;
			height: 30px;
			fill: #fff;
			position: absolute;
			top: 50%;
			right: 1.5em;
			transform: translate(0, -50%)
		}

		.bsftrs .bsftrsc a {
			color: #E8C413
		}

		.bs404 {
			background: #0f1426;
			border-radius: .7em;
			color: #bcc0d1;
			text-align: center;
			padding: 1em;
			line-height: 2;
			margin: 0 0 1.5em
		}

		.bs404 header {
			color: #fff
		}

		.bs404 img {
			display: flex;
			margin: 1em auto
		}

		.bslbcs {
			color: #fff !important;
			line-height: 2;
			margin: 0 0 1.2em;
			padding: 0.5em 0
		}

		.bslbcs:before {

			content: "";
			width: 22px;
			height: 22px;
			float: right;
			margin: 2px 0 0 7px;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg %3E%3Cg id='location-tick'%3E%3Cpath id='Vector' d='M3.62,8.49c2-8.66,14.8-8.65,16.76,0,1.15,5.08-2,9.38-4.78,12a5.19,5.19,0,0,1-7.21,0C5.63,17.88,2.47,13.57,3.62,8.49Z' fill='none' stroke='%231b1f30' stroke-width='2'/%3E%3Cpath id='Vector-2' d='M9.25,11.5l1.5,1.5,4-4' fill='none' stroke='%231b1f30' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M24,24H0V0H24Z' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
		}

		.bslbcs a {
			color: #fff
		}

		.bslbcs a:hover {
			color: #E8C413
		}

		.bslbcs .breadcrumb_last{
			color: #bcc0d1;
		}
		.bsingle {
			background: #0f1426;
			border-radius: 0.7em;
			margin: 0 0 1.2em
		}

		.bsingle>header {
			border-bottom: 1px solid #282C3C;
			padding: 1.2em;
			text-align: center
		}

		.bsingle>header h1 {
			font-size: 17px;
			color: #fff
		}

		.bsingle>header h1 a {
			color: #fff
		}

		.bsingle>header h1 a:hover {
			color: #E8C413
		}

		.bsingle>div {
			color: #bcc0d1;
			padding: 1em .8em .5em;
			line-height: 1.9;
			text-align: center
		}

		.bsingle>div span,
		.bsingle>div strong,
		.bsingle>div b,
		.bsingle>div p {
			color: #bcc0d1 !important
		}

		.bsingle>div strong,
		.bsingle>div b {
			font-weight: bold
		}

		.bsingle>div a {
			color: #E8C413 !important
		}

		.bsingle>div h2,
		.bsingle>div h3 {
			font-size: 16px
		}

		.bsingle>div img {
			border-radius: .7em;
			margin: .7em 0 0
		}

		.bsingle audio,
		.bsingle video {
			width: 100%;
			margin: 1.2em 0 0;
			display: flex
		}

		.bseidts a {
			position: fixed;
			left: 1em;
			top: 1em;
			padding: 1em 1.5em;
			font-size: 15px;
			border-radius: 10px;
			color: #fff !important;
			background: #133ce8;
			border: 2px solid #f2f2f2
		}

		.bsingle>div .bsndnme {
			color: #E8C413 !important
		}

		.bsndlyc {
			justify-content: space-between;
			margin: 1.2em 0 0;
			flex-direction: column
		}

		.bsingle>div .bsndlyc strong {
			font-weight: 400;
			background: rgb(232 196 19 / 5%);
			color: #E8C413 !important;
			font-size: 13px;
			padding: .7em 1.4em;
			border-radius: .7em;
			margin: 0 0 1.2em
		}

		.bsingle>div .bsndlyc span {
			display: inline-flex;
			align-items: center;
			background: #133ce8;
			color: #fff !important;
			padding: .7em 1.4em;
			border-radius: .7em;
			font-size: 15px;
			cursor: pointer
		}

		.bsndlyc span svg {
			width: 20px;
			height: 20px;
			stroke: #fff;
			animation: bsndlyc 2s linear infinite;
			margin-left: .7em
		}

		@keyframes bsndlyc {
			0% {
				transform: scale(1)
			}

			14% {
				transform: scale(1.2)
			}

			28% {
				transform: scale(1)
			}

			42% {
				transform: scale(1.2)
			}

			70% {
				transform: scale(1)
			}
		}

		.bslyric {
			opacity: 0;
			visibility: hidden;
			position: fixed;
			z-index: 1;
			padding-top: 180px;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: auto;
			z-index: 999;
			transition: all 300ms ease-out;
			background: rgb(2 7 26 / 70%);
			backdrop-filter: blur(5px);
			-webkit-backdrop-filter: blur(5px)
		}

		.bslyricc {
			position: fixed;
			background: #bcc0d1;
			width: 50%;
			padding: 1.2em;
			border-radius: .7em;
			z-index: 9999;
			top: 50%;
			transform: translate(-50%, -50%);
			left: 50%;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none
		}

		.bslyrict {
			display: flex;
			align-items: center;
			justify-content: space-between
		}

		.bslyrict h3 {
			font-size: 16px;
			display: flex;
			align-items: center;
			color: #02071a
		}

		.bslyrict h3:before {
			content: "";
			background: #133ce8;
			border-radius: .7em;
			margin-left: .7em;
			width: 5px;
			height: 14px
		}

		.bslyrict i {
			cursor: pointer;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 5px
		}

		.bslyrict i svg {
			width: 20px;
			height: 20px;
			fill: #282C3C
		}

		.bslyricc label {
			display: block;
			color: #0f1426;
			margin: 0 0 1em
		}

		.bslyricc .bslyrich {
			margin-top: 1.2em;
			display: flex;
			justify-content: space-between;
			align-items: center
		}

		.bslyricc .bslyrich div:nth-child(2) {
			margin-right: 1em
		}

		.bslyricc .bslyrich div {
			flex: 1
		}

		.bslyricc .notifications {
			color: #FFF;
			padding: .7em 1em;
			border-radius: .7em;
			margin: 1.2em 0 0;
			height: 40px;
			text-align: center
		}

		.bslyricc .success {
			background: green
		}

		.bslyricc .failed {
			background: red
		}

		.bslyricc input,
		.bslyricc textarea {
			border-radius: .7em;
			padding: .8em 1em;
			resize: none;
			transition: all 300ms ease-out;
			width: 100%;
			background: #fff
		}

		.bslyricc textarea {
			height: 90px
		}

		.bslyricc button {
			border-radius: .7em;
			padding: .8em 1.4em;
			cursor: pointer;
			background: #133ce8;
			color: #fff;
			transition: .3s;
			margin: 1em 0 0;
			display: flex;
			width: 100%;
			justify-content: center;
			align-items: center;
			font-size: 15px
		}

		.bsingle .bsit.bsits {
			flex-direction: row;
			margin: 1.2em 0 0
		}

		.bsingle .bsit.bsits a {
			flex-direction: row;
			justify-content: center;
			height: 50px;
			color: #fff !important;
			font-size: 15px
		}

		.bsingle .bsit.bsits a svg {
			margin: 0 0 0 .7em
		}

		.bsmp3dls {
			width: 96%;
			margin: 0 auto 1.2em
		}

		.bsmp3dls:last-child {
			margin: 0 0 .8em
		}

		.bsm3d {
			display: flex;
			justify-content: space-between;
			align-items: center
		}

		.bsingle .bsmp3dls .bsm3d a {
			flex: 1;
			margin: 1.2em .5em 0
		}

		.bsingle .bsmp3dls .bsm3d a:first-child {
			margin-right: 0
		}

		.bsingle .bsmp3dls .bsm3d a:last-child {
			margin-left: 0
		}

		.bsingle .bsmp3dls a {
			background: #0045ff;
			color: #fff !important;
			display: flex;
			margin: 1.2em 0 0;
			font-size: 16px;
			padding: .8em .5em;
			text-align: center;
			border-radius: .7em;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap
		}

		.bsingle .bsmp3dls h3 a {
			background: #bcc0d1;
			color: #02071a !important
		}

		.bsmp3dls a:before {
			content: "";
			width: 26px;
			height: 26px;
			margin-left: .6em;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg id='vuesax_linear_frame' data-name='vuesax linear frame'%3E%3Cg id='frame'%3E%3Cpath id='Vector' d='M16.44,8.9c3.6.31,5.07,2.16,5.07,6.21v.13c0,4.47-1.79,6.26-6.26,6.26H8.74c-4.47,0-6.26-1.79-6.26-6.26v-.13c0-4,1.45-5.87,5-6.2' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Vector-2' d='M12,2V14.88' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Vector-3' d='M15.35,12.65,12,16,8.65,12.65' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Vector-4' d='M24,24H0V0H24Z' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
			animation-duration: 2s;
			animation-delay: 300ms;
			animation-iteration-count: infinite;
			animation-name: bsmp3dls;
			transition: all 300ms ease-out
		}

		@keyframes bsmp3dls {

			from,
			20%,
			53%,
			80%,
			to {
				animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
				transform: translate3d(0, 0, 0)
			}

			40%,
			43% {
				animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
				transform: translate3d(0, -7px, 0)
			}

			70% {
				animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
				transform: translate3d(0, -7px, 0)
			}

			90% {
				transform: translate3d(0, -3px, 0)
			}
		}

		.bsmp3dls h3 a:before {
			animation: none;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg id='vuesax_linear_music-square' data-name='vuesax linear music-square'%3E%3Cg id='music-square'%3E%3Cpath id='Vector' d='M22,15V9c0-5-2-7-7-7H9C4,2,2,4,2,9v6c0,5,2,7,7,7h6C20,22,22,20,22,15Z' fill='none' stroke='%2302071a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cg id='Group'%3E%3Cpath id='Vector-2' d='M10,15.54A1.57,1.57,0,1,1,8.42,14h0A1.57,1.57,0,0,1,10,15.54Z' fill='none' stroke='%2302071a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Vector-3' d='M15.75,14.49V8.35c0-1.31-.82-1.49-1.65-1.26L11,8a1.25,1.25,0,0,0-1,1.26v6.34' fill='none' stroke='%2302071a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Vector-4' d='M15.75,14.49a1.57,1.57,0,1,1-1.57-1.57h0A1.57,1.57,0,0,1,15.75,14.49Z' fill='none' stroke='%2302071a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Vector-5' d='M10,11l5.76-1.57' fill='none' stroke='%2302071a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3Cpath id='Vector-6' d='M0,0H24V24H0Z' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
		}

		article>div .ncdlp {
			display: inline-block;
			line-height: initial;
			padding: .8em 75px .8em .8em
		}

		.bsmp3dls span {
			color: #bcc0d1;
			display: flex;
			margin: 1.2em 0 0;
			justify-content: center;
			align-items: center;
			font-size: 15px
		}

		.bsmp3dls span svg {
			width: 18px;
			height: 18px;
			margin-left: .5em;
			fill: #bcc0d1
		}

		.bsmp3dls span #bar1 {
			animation: bar1 1.2s infinite linear
		}

		.bsmp3dls span #bar2 {
			animation: bar2 .8s infinite linear
		}

		.bsmp3dls span #bar3 {
			animation: bar3 1s infinite linear
		}

		.bsmp3dls span #bar4 {
			animation: bar4 .7s infinite linear
		}

		@keyframes bar1 {
			0% {
				height: 2px
			}

			50% {
				height: 7px
			}

			100% {
				height: 2px
			}
		}

		@keyframes bar2 {
			0% {
				height: 5px
			}

			40% {
				height: 1px
			}

			80% {
				height: 7px
			}

			100% {
				height: 5px
			}
		}

		@keyframes bar3 {
			0% {
				height: 7px
			}

			50% {
				height: 0
			}

			100% {
				height: 7px
			}
		}

		@keyframes bar4 {
			0% {
				height: 2px
			}

			50% {
				height: 7px
			}

			100% {
				height: 2px
			}
		}

		.bsingle footer {
			border-top: 1px solid #282C3C;
			padding: .2em .8em 1.2em;
			justify-content: center
		}

		.bsingle footer strong {
			background: rgb(255 255 255 / 10%);
			color: #fff;
			padding: .7em 1em;
			margin: 1em 0 0 1em;
			border-radius: .7em;
			display: flex;
			align-items: center
		}

		.bsingle footer strong svg {
			width: 20px;
			height: 20px;
			stroke: #fff;
			margin-left: .7em
		}

		.bsingle footer strong a {
			color: #fff;
			margin: 0 3px
		}

		.bspstinfo .ldc-ul_cont {
			color: #fff;
			font-size: 15px;
			padding: 0 .7em 0 .5em;
			cursor: pointer;
			background: rgb(255 255 255 / 10%);
			height: 38px;
			border-radius: .7em;
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 1em 0 0 1em;
			flex-direction: row-reverse
		}

		.bspstinfo .ldc-ul_cont span:after {
			content: "+";
			margin: 0 .1em 0 .3em
		}

		.bspstinfo .ldc-ul_cont:after {
			margin-left: .4em
		}

		.bshrlnk {
			margin: 1.2em 0 0
		}

		.bshrlnk h3 {
			color: #Fff;
			margin-left: .74em;
			display: flex;
			align-items: center
		}

		.bshrlnk h3 svg {
			width: 18px;
			height: 18px;
			margin-left: .5em;
			stroke: #bcc0d1
		}

		.bshrlnk input {
			width: 240px;
			resize: none;
			background: #02071a;
			border-radius: .7em;
			height: 36px;
			padding: 0 .6em;
			color: #bcc0d1;
			direction: ltr
		}

		.bsartl header,
		.bscmnts header {
			display: flex;
			align-items: center
		}

		.bstgs {
			margin: 0 0 1.2em
		}

		.bstgs a {
			display: inline-block;
			text-align: center;
			background: #0f1426;
			color: #fff;
			padding: .4em .6em;
			border-radius: .4em;
			font-size: 14px;
			margin: .3em
		}

		.bstgs a:hover {
			background: #133ce8;
			color: #fff
		}

		.nlogin {
			margin: 1em 0 0;
			color: #fff
		}

		.nlogin a {
			color: #fff
		}

		.bscmnts>div {
			margin: 0 0 1em
		}

		.bscmnts header i {
			font-size: 15px;
			color: #bcc0d1;
			font-style: normal
		}

		.bscmnts form {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			padding: 0 0 1.2em
		}

		.bscmnts form textarea,
		.bscmnts form input {
			padding: 1em 1.4em;
			transition: all 300ms ease-out;
			color: #bcc0d1;
			background: #0F1426;
			border-radius: .7em
		}

		.bscmnts form input {
			width: 49%
		}

		.bscmnts form textarea {
			display: flex;
			width: 100%;
			resize: none;
			height: 80px
		}

		.bscmntshs {
			display: flex;
			justify-content: space-between;
			width: 100%;
			margin: 0 0 1em
		}

		.bscmntsh {
			position: relative;
			width: 100%
		}

		.bscmnts form button {
			position: absolute;
			left: 1em;
			background: #133ce8;
			height: 42px;
			transition: all 300ms ease-out;
			padding: 0 1.2em;
			color: #fff;
			transform: translate(0, -50%);
			top: 50%;
			border-radius: .7em
		}

		.bscmnts form textarea:hover+button,
		.bscmnts form textarea:focus+button,
		.bscmnts form button:hover {
			background: #02071a
		}

		.bscmntsa {
			padding: .8em 1em;
			border-radius: .7em;
			background: #0045ff;
			color: #fff;
			justify-content: center !important
		}

		.bscmnts>ul {
			padding: 1.2em 0 .5em;
			width: 100%;
			display: block;
			border-top: 1px solid #282C3C
		}

		.bscmnts ul li {
			display: flex;
			flex-direction: column;
			padding: .8em 1.2em;
			line-height: 2;
			margin: 0 0 1em;
			background: #0f1426;
			border-radius: .7em
		}

		.bscmnts ul li li {
			border: 1px solid #282C3C;
			margin: 1em 0 .5em;
			padding: .6em 1em
		}

		.bscmnts ul li>span {
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex-wrap: wrap
		}

		.bscmnts ul li>span span {
			display: flex;
			align-items: center
		}

		.bscmnts ul li>span span strong {
			font-size: 15px;
			color: #fff
		}

		.bscmnts ul li>span span i {
			background: #133ce8;
			color: #bcc0d1;
			font-size: 12px;
			font-style: normal;
			padding: 0 .5em;
			border-radius: .3em;
			margin-right: .7em
		}

		.bscmnts ul li>span span b {
			color: #bcc0d1;
			font-size: 13px;
			margin-right: .7em
		}

		.bscmnts ul li>span span time {
			font-size: 13px;
			color: #bcc0d1
		}

		.bscmnts ul li>span span a {
			background: #133ce8;
			color: #fff;
			padding: .2em .7em;
			border-radius: .7em;
			margin-right: 1em
		}

		.bscmnts ul li>span span b a {
			background: none;
			padding: 0;
			border-radius: 0;
			margin: 0
		}

		.bscmnts ul li>span p {
			overflow-wrap: break-word;
			width: 100%;
			color: #bcc0d1;
			font-size: 14px;
			margin: .8em 0 0;
			position: relative;
			padding-left: 100px
		}

		.bscmnts ul li>span p>span {
			flex-direction: row-reverse;
			position: absolute;
			left: 0;
			bottom: -3px
		}

		.bscmnts ul li>span p>em {
			color: #E8C413;
			font-style: normal;
			font-size: 13px;
			display: flex
		}

		.bscmnts ul li>span p>span span {
			flex-direction: row-reverse;
			margin-right: .5em;
			cursor: pointer
		}

		.bscmnts ul li>span p>span span span {
			margin-left: .3em
		}

		.bscmnts ul li>span p>span .c_like::before {
			content: "";
			width: 18px;
			height: 18px;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg id='vuesax_linear_like' data-name='vuesax linear like'%3E%3Cg id='like'%3E%3Cpath id='Vector' d='M7.48,18.35l3.1,2.4a3.16,3.16,0,0,0,1.9.6h3.8a3,3,0,0,0,2.8-2.1l2.4-7.3a1.88,1.88,0,0,0-1-2.46,1.9,1.9,0,0,0-.91-.14h-4a1,1,0,0,1-1-1,1.23,1.23,0,0,1,0-.2l.5-3.2a2,2,0,0,0-3.5-1.5l-4.1,6.1' fill='none' stroke='%23888da5' stroke-width='1.5'/%3E%3Cpath id='Vector-2' d='M2.38,18.35V8.55c0-1.4.6-1.9,2-1.9h1c1.4,0,2,.5,2,1.9v9.8c0,1.4-.6,1.9-2,1.9h-1C3,20.25,2.38,19.75,2.38,18.35Z' fill='none' stroke='%23888da5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Vector-3' d='M0,0H24V24H0Z' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
		}

		.bscmnts ul li>span p>span .c_dislike::before {
			content: "";
			width: 18px;
			height: 18px;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg id='vuesax_linear_dislike' data-name='vuesax linear dislike'%3E%3Cg id='dislike'%3E%3Cpath id='Vector' d='M16.52,5.65l-3.1-2.4a3,3,0,0,0-1.9-.6H7.72a3,3,0,0,0-2.8,2.1l-2.4,7.3a1.88,1.88,0,0,0,1,2.46,1.9,1.9,0,0,0,.91.14h4a1,1,0,0,1,1,1,1.36,1.36,0,0,1,0,.2l-.5,3.2a2,2,0,0,0,3.5,1.5l4.1-6.1' fill='none' stroke='%23888da5' stroke-width='1.5'/%3E%3Cpath id='Vector-2' d='M21.62,5.65v9.8c0,1.4-.6,1.9-2,1.9h-1c-1.4,0-2-.5-2-1.9V5.65c0-1.4.6-1.9,2-1.9h1C21,3.75,21.62,4.25,21.62,5.65Z' fill='none' stroke='%23888da5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Vector-3' d='M0,0H24V24H0Z' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
		}

		#cancel_replay {
			font-weight: 400;
			background: rgb(232 196 19 / 5%);
			color: #E8C413 !important;
			font-size: 13px;
			padding: .7em 1.4em;
			border-radius: .7em;
			margin: 0 0 1.2em;
			text-align: center;
			cursor: pointer;
			justify-content: center
		}

		.bsarth .bsartinfo img {
			width: 120px;
			height: 120px;
			padding: 3px;
			border-radius: 50%;
			border: 2px solid #0f1426;
			position: absolute;
			top: 50%;
			right: 0;
			transform: translate(0, -50%)
		}

		.bsarth .bsartinfo {
			position: relative;
			padding-right: 135px;
			display: flex;
			flex-direction: column;
			align-items: flex-start
		}

		.bsarth .bsarthdr {
			justify-content: space-between;
			padding: 1em 0;
			min-height: 130px;
			margin: 0 0 1em
		}

		.bsarth .bsartinfo a {
			border-radius: 1em;
			overflow: hidden
		}

		.bsarth .bsartinfo a h1,
		.bsarth .bsartinfo a span {
			background: #133ce8;
			color: #FFF;
			font-size: 16px;
			text-align: center;
			padding: 0 .5em;
			height: 32px;
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center
		}

		.bsarth .bsartinfo a h1::before {
			content: "";
			position: absolute;
			border-style: solid;
			border-width: 0 0 32px 10px;
			border-color: transparent transparent #133ce8;
			left: -10px;
			top: 0
		}

		.bsarth .bsartinfo a span {
			background: #bcc0d1;
			color: #02071a;
			font-size: 14px;
			direction: ltr
		}

		.bsartinfo>div {
			margin: 1.2em 0 0
		}

		.bsartinfo>div span {
			font-size: 15px;
			margin-left: .7em;
			color: #BCC0D1
		}

		.bsartinfo>div span i {
			height: 23px;
			border-radius: 50%;
			background: #1c2646;
			text-align: center;
			color: #fff;
			display: inline-flex;
			position: relative;
			margin-left: .5em;
			font-style: normal;
			padding: 0 .5em;
			justify-content: center;
			align-items: center
		}

		.bsartinfo>div span i:after {
			position: absolute;
			top: 10px;
			left: -6px;
			display: block;
			width: 0;
			height: 0;
			border-left: 6px solid transparent;
			border-right: 6px solid transparent;
			border-top: 4px solid #1c2646;
			content: "";
			transform: rotate(-268deg)
		}

		.bsarth .bsbio {
			background: #0f1426;
			padding: 1em;
			margin-bottom: 1.2em;
			width: 100%;
			border-radius: .7em
		}

		.bsarth .bsbio h2 {
			color: #E8C413;
			font-size: 16px;
			margin: 0 0 .5em
		}

		.bsarth .bsbio p {
			color: #fff;
			line-height: 2
		}

		.bsarth .bsafit {
			display: flex;
			flex-direction: column
		}

		.bsarth .bsafit a {
			font-size: 13px;
			border-radius: 5px;
			color: #fff;
			padding: .7em 1em;
			margin: 0 0 .7em;
			display: flex;
			align-items: center
		}

		.bsarth .bsafit a svg {
			width: 20px;
			height: 20px;
			fill: #fff;
			margin-left: .7em
		}

		.bsarth .bsafit .bsat {
			background: linear-gradient(90deg, rgba(54, 174, 224, 1) 0%, rgba(28, 150, 209, 1) 100%)
		}

		.bsarth .bsafit .bsai {
			background: linear-gradient(166deg, rgba(189, 49, 153, 1) 0%, rgba(236, 115, 70, 1) 100%)
		}

		.bsartl {
			margin: .5em 0 0
		}

		.bsartl header,
		.bstgs header,
		.bscmnts header {
			justify-content: space-between;
			margin: 0 0 1.2em;
			border-bottom: 1px solid #282C3C;
			padding: 0 0 1.2em
		}

		.bsartl header h3,
		.bsartl header h4,
		.bstgs header h4,
		.bscmnts header h4 {
			color: #bcc0d1;
			display: flex;
			font-size: 16px;
			align-items: center
		}

		.bsartl header h3 svg {
			width: 24px;
			height: 24px;
			stroke: #BCC0D1;
			margin-left: .7em
		}

		.bsartl header a {
			background: #0f1426;
			color: #fff;
			padding: .5em 1em;
			border-radius: .4em;
			font-size: 13px;
			display: flex;
			align-items: center;
			margin: 0.5em 0 0
		}

		.bsartl header a:after {
			content: "";
			width: .5em;
			height: .5em;
			border-left: .1em solid #BCC0D1;
			border-bottom: .1em solid #BCC0D1;
			transform: rotate(45deg);
			margin-right: .5em
		}

		.bsartl ul,
		.bsalist ul {
			overflow: hidden;
			display: grid;
			grid-template-columns: repeat(5, 1fr);
			grid-column-gap: .814em;
			grid-row-gap: .814em;
			padding: 0 0 1em
		}

		.bsartl ul li img,
		.bsalist ul li img {
			width: 100%;
			border-radius: 1em;
			display: flex
		}

		.bsartl ul li h3,
		.bsalist ul li h2 {
			color: #fff;
			font-size: 15px;
			text-align: center;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			margin: 1.3em 0 .4em;
			height: 48px
		}

		.bsalist ul li h2 {
			height: auto
		}

		.bsartl ul li h3 strong,
		.bsalist ul li h2 strong {
			color: #fff;
			font-size: 16px;
			width: 100%;
			text-align: center;
			margin: 0 0 .5em
		}

		.bsartl ul li h3 span,
		.bsalist ul li h2 span {
			overflow-wrap: anywhere;
			width: 100%;
			text-align: center;
			font-weight: normal;
			font-size: 15px;
			color: #BCC0D1
		}

		.bsartists header a {
			margin: 0 0 1.2em;
			border-bottom: 1px solid #282C3C;
			padding: 0 0 1.2em;
			color: #bcc0d1;
			display: flex;
			font-size: 14px;
			align-items: center
		}

		.bsalbfa {
			display: flex;
			flex-wrap: wrap;
			margin: 0 0 1.2em
		}

		.bsalbfa a {
			background: #0f1426;
			color: #fff;
			padding: .5em .7em;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 16px;
			flex: 1;
			margin: 5px;
			border-radius: .7em
		}

		.bsalbfa a:hover {
			background: #133ce8
		}

		.bsalbfa a:last-child {
			flex: inherit
		}

		.bsmenum,
		.bsmenumt {
			display: none
		}

		@media screen and (max-width:1100px) {
			.bsit {
				margin-left: 1em
			}

			.bshdr form {
				width: 260px
			}

			.bslogo svg {
				width: 140px;
				height: 37px
			}
		}

		@media screen and (max-width:1000px) {
			.bshdr>div {
				width: 100%;
				flex-direction: column;
				margin: 1em 0 0
			}

			.bshdr form {
				width: 100%
			}

			.bshdr .bsit {
				display: none
			}

			.bsmenum,
			.bsmenumc {
				display: flex;
				width: 40px;
				height: 40px;
				justify-content: center;
				align-items: center;
				background: #0f1426;
				border-radius: 1em
			}

			.bsmenum svg {
				width: 24px !important;
				height: 18px !important;
				stroke: #fff
			}

			.bsmenumc {
				width: 35px;
				height: 35px;
				fill: #fff;
				background: none
			}

			.bsmenumc svg {
				width: 20px;
				height: 20px
			}

			.bsmenumt {
				justify-content: space-between;
				margin: 0;
				display: flex
			}

			.bsmenumt span svg {
				width: 110px;
				height: 30px;
				fill: #fff
			}

			.bshdr form button svg {
				margin-top: -1px
			}

			.bsmnumb {
				width: 100%;
				height: 100%;
				position: fixed;
				z-index: -1;
				top: 0;
				right: 0;
				cursor: default;
				opacity: 0;
				visibility: hidden;
				transition: all .3s ease-out;
				background: rgb(2 7 26 / 70%);
				backdrop-filter: blur(5px);
				-webkit-backdrop-filter: blur(5px)
			}

			aside {
				top: 0;
				background: #000;
				padding: 1em;
				display: block;
				position: fixed;
				left: auto;
				height: 100%;
				z-index: 9999;
				width: 60%;
				overflow-x: hidden;
				overflow-y: auto;
				right: 0;
				opacity: 0;
				visibility: hidden
			}

			.bsright,
			.bscntr,
			.bsftrs {
				width: 100%
			}
		}

		@media screen and (max-width:800px) {
			.bsftrs .bsfx2 {
				flex-direction: column
			}

			.bsftrsc {
				padding: 0 1em;
				margin: 0 0 1em;
				text-align: center
			}

			.bsftrs .bsftrsc svg {
				display: none
			}

			.bslyricc {
				width: 90%
			}
		}

		@media screen and (max-width:640px) {
			aside {
				width: 90%
			}

			.bspbx {
				grid-column-gap: 1em;
				grid-row-gap: 1em
			}

			.bspbx article figure i,
			.bspbx article figure>span {
				bottom: .5em
			}

			.bspbx article figure i {
				right: .5em
			}

			.bspbx article figure>span {
				left: .5em
			}

			.bsarth .bsarthdr {
				flex-direction: column;
				padding-bottom: 0
			}

			.bsarth .bsafit a {
				margin: .5em
			}

			.bsarth .bsartinfo {
				width: 100%;
				margin: 0 0 1em;
				align-items: center;
				padding: 0
			}

			.bsarth .bsartinfo img {
				position: initial;
				transform: none;
				margin: 0 0 1em
			}

			.bsm3d {
				flex-direction: column
			}

			.bsingle .bsmp3dls .bsm3d a {
				width: 100%;
				margin: 1.2em 0 0
			}
		}

		@media screen and (max-width:520px) {

			.bsartl ul,
			.bsalist ul {
				grid-template-columns: repeat(2, 1fr);
				grid-column-gap: .8em;
				grid-row-gap: .8em
			}

			.bsingle>div .bsndlyc span {
				padding: .7em;
				font-size: 14px;
				width: 100%;
				justify-content: center
			}

			.bspstinfo,
			.bshrlnk {
				justify-content: center
			}

			.bshrlnk {
				flex-direction: column
			}

			.bshrlnk h3 {
				margin: 0 0 .7em
			}
		}

		@media screen and (max-width:440px) {
			.bsingle .bsit.bsits {
				flex-direction: column
			}

			.bsingle .bsit.bsits a {
				width: 100%;
				margin: 0;
				padding: .5em
			}

			.bsingle .bsit.bsits a:nth-child(1) {
				margin: 0 0 1em
			}
		}

		@media screen and (max-width:480px) {
			.bspbx {
				grid-template-columns: repeat(2, 1fr)
			}
		}

		@media screen and (max-width:320px) {
			.bspbx {
				grid-template-columns: repeat(1, 1fr)
			}
		}

		.bsingle .wpcf7 p {
			text-align: right
		}

		.wpcf7-textarea,
		.wpcf7-text,
		.wpcf7-select {
			background: #282C3C;
			width: 100%;
			border-radius: 1em;
			font-size: 15px;
			height: 55px;
			line-height: 55px;
			padding: 1.2em;
			transition: all .3s ease-out;
			color: #fff;
		}

		.wpcf7-textarea::placeholder,
		.wpcf7-text,
		.wpcf7-select::placeholder {
			color: #fff
		}

		.wpcf7-submit {
			background: #E8C413;
			color: #02071a;
			font-size: 16px;
			padding: 1em 2.5em;
			border-radius: .5em;
			border: 0;
			width: auto;
			cursor: pointer;
			transition: all 300ms ease-out
		}

		.wpcf7-text,
		.wpcf7-select {
			width: 100% !important;
			margin: 0 0 1em;
			padding: 0 1em;
		}

		.wpcf7-textarea {
			height: 180px !important;
			padding: 1em;
			line-height: 2;
			resize: none
		}

		.wpcf7 span {
			margin: 1em 0 0;
			display: flex;
			flex-direction: column;
			align-items: flex-start
		}

		.wpcf7-submit {
			margin: 1em 0
		}

		.wpcf7-form .wpcf7-not-valid-tip {
			color: #E8C413 !important;
			margin: 0;
		}

		.wpcf7-response-output {
			color: #ee1717
		}

        .broken_link,
		a.broken_link {
			text-decoration: line-through;
			
		}

		.artist-lader{
			color:#fff;
			font-weight: bolder;
			text-align: center;
			font-size: 1.5rem;
		}


		.music-conntent p{
			text-align: center;
		}

		.music-conntent a,span{
			color: #000000;
		}

		.bscmnts em {
			color:#E8C413;
			font-style:normal;
			font-size:13px;
			display:flex
		  }


		  .bscmnts .answer{
			border-top: 2px dotted #E8C413;
			padding-top: 5px;
			margin: 10px;
		  }
		  
		  
		  
		     /* footer */
  
  .fot-pro-box{
    position:relative;
    color:#fff;
} 
  
 .fot-pro-box .fot-pro-box-span{
     position:absolute;
     top:-15px;
     right:10px;
     z-index:1000;
     padding: 5px;
 }
 
   .fot-pro-box-a a{
    text-decoration: none;
    font-weight: bolder;
} 
  
  .bg-app{
        background-color:rgb(35, 141, 35);
    }

/* row: چیدمان خطی برای ردیف */
.row {
    display: flex;
    flex-wrap: wrap;
    margin:15px auto;
    
}

/* mt-4: فاصله بالای 4 واحد */
.mt-4 {
    margin-top: 1.5rem;
}

/* d-flex: استفاده از فلکس باکس برای چیدمان */
.d-flex {
    display: flex;
}

/* rounded: لبه‌های گرد */
.rounded {
    border-radius: 0.25rem;
}

/* border: حاشیه یک پیکسل با رنگ پیش‌فرض خاکستری */
.border {
    border: 1px solid #dee2e6;
}

/* flex-wrap: آیتم‌ها در صورت کمبود فضا به خط بعدی می‌روند */
.flex-wrap {
    flex-wrap: wrap;
}

/* py-3: فاصله از بالا و پایین */
.py-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* col-12: ستون تمام عرض */
.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

/* col-md-6: ستون نصف عرض در اندازه‌های متوسط */
@media (min-width: 768px) {
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* col-lg-4: ستون یک سوم عرض در اندازه‌های بزرگ */
@media (min-width: 992px) {
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

/* my-2: فاصله عمودی بین عناصر */
.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/* text-center: تراز کردن متن به مرکز */
.text-center {
    text-align: center;
}

/* mx-1: فاصله افقی */
.mx-1 {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
}

/* px-2: فاصله داخلی از چپ و راست */
.px-2 {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

/* text-dark: رنگ متن تیره */
.text-dark {
    color: #000000 !important;
}
.text-dark:hover {
    color: #fff !important;
}
/* float-start: شناور کردن عنصر به سمت چپ */
.float-start {
    float: left !important;
}

/* shadow-sm: سایه کم */
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.075) !important;
}

/* bg-light: پس زمینه روشن */
.bg-light {
    background-color: #f8f9fa !important;
}
.pt-2 {
    font-size: 1rem;
    padding: 7px;
}
.mx-1:hover {
    	background: #133ce8;
		color: #fff !important;
}




	  
/*404 pag*/

.char{

  background-image: linear-gradient(to right top, #12e5c0, #00d1e1, #00b8ff, #0098ff, #006dff, #4856f0, #673add, #7d00c7, #a200bd, #bf00b4, #d600aa, #e91ba1);
  text-align: center;

}
.char .col{
    width:100vh !important;
    margin:50px auto;
}
.char img{
  max-width: 100%;
  height: 200px;
}
.head{
  font-size: 10rem;
  margin: 10px auto;
}
.te,.tit{

  margin: 10px auto;
}
.achar{
  border: 2px dotted #fff;
  border-radius: 15px;
  padding: 5px;

  margin: 10px auto;
  text-align: center;
  
}





/*seo stil*/

/*img {*/
/*  max-width: 100%;*/
/*  height: auto;*/
/*  display: block;*/
/*  margin:5px auto;*/
/*}*/


.img-fix {
 max-width: 100%;
  height: auto;
  object-fit: cover;
}


.bspbx {
  min-height: 200px;
}



.banner-img {

  aspect-ratio: 4 / 1; /* یا نسبت تصویر واقعی */
}