/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	div.row-hot .flickity-slider > .row {
		margin-right: 1.5% !important;
	}
	div.row-hot .flickity-slider{
		margin:0 0.5% !important
	}
	.jaya9-marquee-track{
		height:auto !important;
		line-height:1.6 !important;
		font-size:12px !important
	}
	.row-box >.col {
		max-width: 50% !important;
		flex-basis: 50% !important;
	}
	.header-mapque .jaya9-marquee-wrap{
		height:35px !important
	}
	.marquee-icon{
		width:30px !important;
		height:30px !important
	}
	.row-hot .icon-box .icon-box-text{
		padding-left:10px
	}
	.icon-menu{
		color:#fff
	}
	.box-pr .game-name{
		font-size:16px !important;
		height:auto !important
	}
	.box-pr .game-btn .col-inner .button.btn-beginplay,.box-pr .game-btn .col-inner .button.btn-freeplay{
		width:100px !important;
		height:30px !important;
		font-size:12px !important;
		padding:5px 15px !important;
		border-radius:5px !important
	}
	.box-pr{
		border-radius:5px !important
	}
	#footer{
		padding:0px !important
	}
	.footer-top .col{
		padding:15px 15px 0px 15px !important
	}
	.absolute-footer{
		font-size:12px !important;
		height:auto !important;
		padding:10px 0 !important
	}
	.row-hot .slider .flickity-button{
		display:block ;
		margin:0 !important;
		top:50% !important
	}
	.row-hot .flickity-button.previous{
		right:auto !important;
		left:-5% !important
	}
	.row-hot .flickity-button.next{
		left:auto !important;
		right:-5% !important
	}
	.bottom-navigator{
		position: fixed;
		bottom: 0;
		z-index: 4;
		width: 100%;
	} 

	.bottom-navigator .col .col-inner .button{
		border-radius:0 !important
	}
	.bottom-navigator .header-button .primary{
		margin-bottom:0
	}
	.header-bottom {
		min-height: 65px !important;
	}
	.navigation-post .flex-row {
		flex-direction: column;
	}
	.navigation-post .flex-row a {
		text-align: left;
	}
	.row-related  .col-post {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.row-related .post-image a {
		height: auto;
	}
}


.header-button .primary{
	padding: 0 1.041667vw;
	font-size: 11.2px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	background: linear-gradient(109deg, #513c38 0, #39040e 100%);
	border: 1px solid #ff9b85;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 107px;
	height: 39px;
	margin-right: .208333vw;
	border-radius: .416667vw !important;
	position: relative;
	margin: .260417vw auto;
	text-transform:inherit
}
.header-button .secondary{
	height: 100%;
	padding: 0 .78125vw;
	font-size: 11.2px;
	font-weight: 600;
	color: #fff;
	white-space: nowrap;
	cursor: pointer;
	background: linear-gradient(110deg, #ff9b85 0, #ff1847 100%);
	border-radius: .416667vw !important;
	transition: .2s;
	display: flex;
	align-items: center;
	justify-content: center;
	border:0;
	min-width: 107px;
	height: 39px;
	text-transform:inherit
}
#masthead .header-nav{
	justify-content:center
}

#menu-toggle{
	width: 1.25vw;
	height: 1.25vw;
	cursor: pointer;
	background: hsla(0, 0%, 100%, .1);
	border-radius: .416667vw;
	transition: .02s;
	display: flex
		;
	align-items: center;
	justify-content: center;
	padding:0;
	min-height:auto;
	min-width:auto;
	color:#fff
}
#logo{
	margin:0
}
#menu-toggle svg{
	fill:#fff
}

#side-menu ul{
	margin:0
}
#side-menu li{ 
	list-style:none;
	margin:0
}
#side-menu li a img{
	width:23px;
	height:23px;
	margin-right:10px
}
#side-menu li a:hover{
	background:#15141a
}
#side-menu li.current-menu-item a{
	background:#15141a
}
#side-menu li a{
	position: relative;
	display: flex
		;
	align-items: center;
	width: 100%;
	height: 3.020833vw;
	padding-left: 1.302083vw;
	color: #757575;
	cursor: pointer;
	background-color: #2c2b30;
	border-bottom: 1px solid hsla(0, 0%, 100%, .2);
}
#footer{
	width:auto;
	padding: 1.5625vw 2.083333vw 0;
	background-color: #000000;
}
.left-bar {
	transition: transform 0.3s ease;
}
.left-bar #side-menu{
	height:100%
}
.left-bar #side-menu ul{
	position: relative;
	display: flex
		;
	flex-direction: column;
	min-height: 100%;
	background-color:#15141a;
	border-right: 1px solid #444348;
	box-shadow: 0 .208333vw .208333vw 0 rgba(0, 0, 0, .25);
}
.left-bar.closed {
	max-width: 3.1875vw;
	flex-basis: 3.1875vw;
}
.left-bar.closed li{
	border:0
}
.left-bar.closed li img{
	margin:0 !important
}
.left-bar.closed li a{
	padding-left:0px !important;
	background:#15141a !important;
	border:0 !important;
	justify-content:center
}
.left-bar.closed .side-menu-list li a {
	overflow: hidden;
	text-indent: -9999px; 
	white-space: nowrap;
}
.right-bar.shifted {  
	max-width: 100%;
	margin-left:3.1875vw;
	flex-basis:100%
}
#footer.footer-shifted{
	margin-left:3.1875vw
}
.game-banner {
	position: relative;
	width: 100%;
	padding-top: 2.083333vw;
	margin: 0 auto !important;
	background: #15141a;
}
.home-wrap,.row-tab{
	margin: 0 auto !important;
}
.header-mapque{
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 8px 0;
}
.jaya9-marquee-wrap{
	display: flex
		;
	align-items: center;
	max-width: 1240px;
	margin: auto;
}
.jaya9-marquee-track {
	display: flex;
	white-space: nowrap;
	width: calc(100% - 60px);
	display: flex;
	align-items: center;
	overflow:hidden
}
.jaya9-marquee-wrap{
	background: linear-gradient(71deg, transparent 18px, #2C2B30 0) bottom left, linear-gradient(-110deg, transparent 10px, #2C2B30 0) bottom right, linear-gradient(-109deg, transparent 16px, #2C2B30 0) top right, linear-gradient(70deg, transparent 12px, #2C2B30 0) top left;
	border-radius:20px
} 
.marquee-icon {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	margin: 4px 8px;
	background-image: url(/wp-content/uploads/2026/02/image.png);
	background-size:100%;
	background-repeat:no-repeat
}
.jaya9-marquee-content {
	display: inline-block;
	animation: jaya9-marquee 30s linear infinite;
}

.jaya9-marquee-content span {
	display: inline-block;
	padding: 0 3rem;
	font-weight: 600;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.5px;
}


@keyframes jaya9-marquee {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}
.jaya9-marquee-wrap:hover .jaya9-marquee-content {
	animation-play-state: paused;
} 
.jaya9-marquee-content br{
	display:none
}
.row-tab .nav {
	padding-bottom: 1.041667vw;
	margin-bottom: 2.604167vw;
}
.row-tab .nav li{
	margin:0
}
.row-tab .nav li a{
	display: flex
		;
	flex-shrink: 0;
	gap: 2px;
	align-items: center;
	width: 5.625vw;
	font-size: .729167vw;
	font-weight: 700;
	color: #757575;
	text-align: center;
	cursor: pointer;
	border-right: 1px solid #ff9b85;
	padding: 0;
	font-size: 14px;
	font-weight: 900;
	flex-direction: column-reverse;
	flex-wrap: nowrap;
	justify-content: center;
}
.row-tab .nav li a:before{
	position: absolute;
	top: calc(100% + .78125vw);
	left: 0;
	width: 100%;
	height: .208333vw;
	content: "";
	background: linear-gradient(92deg, #FF9B85 0, #FF1847 100%);
	border-radius: .416667vw;
	transform:none;
}
.row-tab .nav li.active a{
	color:#FF1847
}
.row-tab .nav li.active a:before{
	opacity:1 !important
}
.row-tab .nav li:nth-child(1) a:after{
	content:"";
	background:url("/wp-content/uploads/2025/10/icon-1.png");
	background-size:100%;
	background-repeat:no-repeat;
	width:30px;
	height:30px
}
.row-tab .nav li:nth-child(2) a:after{
	content:"";
	background:url("/wp-content/uploads/2025/10/hot.png");
	background-size:100%;
	background-repeat:no-repeat;
	width:30px;
	height:30px
}
.row-tab .nav li:nth-child(3) a:after{
	content:"";
	background:url("/wp-content/uploads/2025/10/heart.png");
	background-size:100%;
	background-repeat:no-repeat;
	width:30px;
	height:30px
}
.row-tab .nav li:nth-child(4) a:after{
	content:"";
	background:url("/wp-content/uploads/2025/10/sp.png");
	background-size:100%;
	background-repeat:no-repeat;
	width:30px;
	height:30px
}
.row-tab .nav li:nth-child(5) a:after{
	content:"";
	background:url("/wp-content/uploads/2025/10/live.png");
	background-size:100%;
	background-repeat:no-repeat;
	width:30px;
	height:30px
}
.row-tab .nav li:nth-child(6) a:after{
	content:"";
	background:url("/wp-content/uploads/2025/10/fishing.png");
	background-size:100%;
	background-repeat:no-repeat;
	width:30px;
	height:30px
}
.row-tab .nav li:nth-child(7) a:after{
	content:"";
	background:url("/wp-content/uploads/2025/10/slot.png");
	background-size:100%;
	background-repeat:no-repeat;
	width:30px;
	height:30px
}
.row-tab .nav li:nth-child(8) a:after{
	content:"";
	background:url("/wp-content/uploads/2025/10/pocker.png");
	background-size:100%;
	background-repeat:no-repeat;
	width:30px;
	height:30px
}
.row-tab .nav li:nth-child(9) a:after{
	content:"";
	background:url("/wp-content/uploads/2025/10/sport.png");
	background-size:100%;
	background-repeat:no-repeat;
	width:30px;
	height:30px
}
.row-hot .row{
	opacity:1 !important;
} 
.box-pr{
	position: relative;
	overflow: hidden;
	background-size: cover;
	border-radius: .520833vw;
}
.box-pr .game-name{
	position: absolute;
	bottom: -1px;
	left: 0;
	display: flex
		;
	align-items: flex-end;
	justify-content: center;
	width: 100% !important;
	height: 4.0625vw;
	padding-bottom: .78125vw;
	font-size: .833333vw;
	color: #fff;
	background: linear-gradient(0deg, #C6897C 15.5%, rgba(255, 67, 69, 0) 100%);
	border-radius: 0 0 .520833vw .520833vw;
}
.box-pr .game-name p{
	margin:0;
	display: -webkit-box !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow:hidden
}
.box-pr .box-text{
	padding:0;
	height:100%
}
.box-pr:hover .game-btn{
	opacity:1 !important
}
.box-pr .game-btn{
	position: absolute;
	top: 0;
	left: 0;
	gap: .520833vw;
	width: 100% !important;
	height: 100%;
	background: linear-gradient(180deg, #000, rgba(0, 0, 0, .5) 51.37%, #000);
	border-radius: .520833vw;
	opacity: 0 !important;
	transition: .2s;
	margin:0 !important
} 
.box-pr .game-btn .col,.box-pr .game-btn .col .col-inner{
	padding:0;
	height:100%
}
.box-pr .game-btn .col-inner{
	display: flex
		;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.box-pr .game-btn .col-inner .button{
	margin:0 !important
} 
.box-pr .game-btn .col-inner .button.btn-beginplay{
	width: 5.208333vw;
	height: 2.083333vw;
	font-size: .729167vw;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	background: linear-gradient(135deg, #FF9B85, #FF1847);
	border-radius: .520833vw;
	padding:0;
	min-height:auto;
	display:flex;
	align-items: center;
	justify-content: center;
	margin-bottom:20px !important
}
.box-pr .game-btn .col-inner .button.btn-freeplay{
	width: 5.208333vw;
	height: 2.083333vw;
	font-size: .729167vw;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	background: #ffc512;;
	border-radius: .520833vw;
	padding:0;
	min-height:auto;
	display:flex;
	align-items: center;
	justify-content: center;
	margin-bottom:20px !important
}
.row-hot .flickity-button.previous {
	right: 5%;
	left: auto;
}

.row-hot .slider .flickity-button {
	width: 36px;
	height: 36px;
	opacity: 1;
	bottom: 50%;
	top: 50%;
	background:#414045;
	border-radius:5px;
}
.row-hot .flickity-button {
	margin-top: -5% !important;
	top: 0 !important;
}
.row-hot .slider .flickity-button svg{
	padding:30%
}

.row-hot .flickity-button.next{
	right:0
} 
.row-hot .flickity-page-dots {
	background: #2e3137;
	left: 1%;
	z-index: 50;
	width: 98%;
	bottom: 0px;
	height: .208333vw;
	display:flex
}
.row-hot .flickity-page-dots li{

	opacity:1 !important;
	border:0 !important;
	margin:0 !important;
	height: .208333vw !important;
	width:400px !important
}
.row-hot .flickity-page-dots li.is-selected{
	background-color: #474c51 !important;
}
.row-hot .icon-box{
	display:flex;
	align-items:center;
}
.row-hot .icon-box p{
	font-size:20px;
	color:#fff;
	font-weight:900
}
.row-box >.col{
	max-width:14.2%;
	flex-basis:14.2%;

}
.row-box >.col .game-vendor-name
{
	display: flex
		;
	align-items: center;
	justify-content: center;
}

.row-box >.col .game-vendor-name {
	position: absolute;
	bottom: 0;
	left: 50%;
	padding: 0 .260417vw;
	background: linear-gradient(180deg, #360404, #561919);
	border-radius: .909375vw .909375vw 0 0;
	transform: translate(-50%);
}
.row-box >.col .game-vendor-name p{
	margin:0;
	font-size:11px
}
#footer .footer-top .title p{
	margin-bottom: .520833vw;
	font-size: 14.2px;
	font-weight: 700;
	color:#fdd82d;
	text-transform: uppercase;
}
#footer a{
	color:#ffff
}
#footer a:hover{
	color:#ff2f59
}
#footer .footer-top nav a{
	border:0;
	padding:0;
	min-height:auto
}
#footer .footer-top nav li{
	border:0
}
#footer .footer-top nav ul{
	position: relative;
	display: flex;
	flex-direction: column;
	gap: .520833vw;
	align-items: flex-start;
	font-size: 11.6px;
	font-weight: 700;
	color: #fff;
}
#footer .footer-top p{
	font-size:11.6px;
	color: #fff;
	font-weight:700
}
#footer .footer-bottom{
	display: flex;
	justify-content: center;
	padding: 1.5625vw 0;
	border-top: 1px solid #414045;
}

#footer .footer-bottom .ux-logo-link{
	padding:0px !important
}
#footer .footer-bottom div.ux-logo .ux-logo-link{
	display:flex;
	justify-content:center
}
.absolute-footer{
	padding:0
}
.absolute-footer .container{
	height: 3.125vw;
	font-size: .572917vw;
	font-style: normal;
	font-weight: 500;
	color: #ffff;
	border-top: 1px solid #414045;
	padding:0;
	display: flex
		;
	align-items: center;
	justify-content: center;
}
.absolute-footer .container .footer-primary{
	margin:0 auto !important
}
.widget-area .widget-title {
	font-size: 20px;
	color: #ff2f59;
	display: block;
	margin-bottom: 20px;
}
.recent-blog-posts .mr-half .badge {
	width: 70px;
	height: 70px;
}
.recent-blog-posts {
	padding-top: 5px;
	padding-bottom: 0;
	align-items: center !important;
}
.recent-blog-posts-li {
	border: 0 !important;
	font-size: 15px;
}
.recent-blog-posts-li a{
	color:#fff
}
.is-divider{
	display:none
}
.post-sidebar{
	border:0 !important;
}
.archive-page-header .page-title {
	color:#fff;
	text-transform:inherit;
	font-size:30px
}
.box-blog-post .box-text{
	margin-top:10px;
	text-align:left
}
.box-blog-post .box-image{
	border-radius:15px
}
#post-list .post-item .box-text a {
	text-decoration: underline;

}
.cat-links svg {
	height: 1em;
	width: 1em;
	top: .125em;
	position: relative;
	fill: #575760;
	margin-right: 5px;
}
.blog-single .right-bar .row{
	margin-top:20px
}
.navigation-post a{
	font-size:14px;
	text-decoration:underline
}
.navigation-post i{
	font-size:15px;
	color:#575760;
	margin-left:5px !important
}
.navigation-post .flex-col{
	padding:0
}
.navigation-post .flex-row {
	align-items: flex-start;
}
.navigation-post .flex-row a{
	display:flex
}
.bt {
	border: 0;
}
.bb, .bb div {
	border: 0 !important;
}
.banner2 {
	position: fixed;
	bottom: 55px;
	left: 3%;
	z-index: 999;
	width: 100px;
}
.banner1 {
	position: fixed;
	bottom: 165px;
	left: 3%;
	z-index: 999;
	width: 100px;
}
#block-52{
	padding:0 !important;
	margin:0 !important
}
.game-banner .flickity-page-dots{
	position:relative;
	left:0;
	right:0;
	bottom:0;
	margin-top:10px
}
.row-blog .box-text{
	padding:0 !important
} 
.row-blog .box-text .cat-links{
	display:none
}
.row-blog .icon-box p {
	font-size: 20px;
	color: #fff;
	font-weight: 900;
}
.button-view::after {
	content: '';
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
	background-size: 400% 400%;
	z-index: -1;
	animation: border-run 8s 
		linear infinite;
	border-radius: 7px;
	transition: all 0.3s 
		ease;
}
.button-view {
	border: none;
	background: #3498db;
	cursor: pointer;
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: all 0.3s 
		ease, transform 0.3s 
		ease, box-shadow 0.3s 
		ease;
	border-radius: 5px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	color: #000;
	background: #fff;
	font-weight: 500;
	font-size: 16px;
	margin:0;
	text-transform:inherit;
	animation: gradient-animation 3s ease infinite, heartbeat 1.8s ease-in-out infinite;
}
.button-view:hover {
	background: #2980b9;
	transform: scale(1.02);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
}
@keyframes border-run{
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
} 
td{
	color:#fff;
	border:1px solid #fff;
	padding-left:15px !important
}
.scroll-text{
	background-color: #1f1f1f;
	border: 1px solid #ffb80a;
	border-radius: 10px;
	box-shadow: 0 2px 20px #ffb80a;
	padding: 10px 20px;
	height: 1000px;
	overflow-y: auto;
	position: relative;
	scrollbar-width: thin;
	scrollbar-color: #ffb80a transparent;
}
.blog-wrapper.blog-archive.page-wrapper ul{
	padding-left:0;
}
.blog-wrapper.blog-archive.page-wrapper ol{
	padding-left:25px;
}
.row-hot .flickity-slider > .row {
	opacity: 1 !important;
	margin-right: 1.5% !important;
}
.header-button a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 50%;
	-webkit-box-shadow: 0 0 17px 3px #fff700, 0 0 4px 2px #fff700;
	box-shadow: 0 0 17px 3px #fff700, 0 0 4px 2px #fff700;
	z-index: -1;
	-webkit-animation-name: yellow-shadow;
	animation-name: yellow-shadow;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
}
.header-button a::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50%;
	height: 50%;
	-webkit-box-shadow: 0 0 17px 3px rgb(255, 0, 200), 0 0 4px 2px rgb(255, 0, 200);
	box-shadow: 0 0 17px 3px rgb(255, 0, 200), 0 0 4px 2px rgb(255, 0, 200);
	z-index: -1;
	-webkit-animation-name: cyan-shadow;
	animation-name: cyan-shadow;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
}
@keyframes yellow-shadow{
	0% {
		top: 0;
		left: 0;
	}
	25% {
		top: 50%;
		left: 0;
	}
	50% {
		top: 50%;
		left: 50%;
	}
	75% {
		top: 0;
		left: 50%;
	}
	100% {
		top: 0;
		left: 0;
	}
}
@keyframes cyan-shadow{
	0% {
		right: 0;
		bottom: 0;
	}
	25% {
		right: 0;
		bottom: 50%;
	}
	50% {
		right: 50%;
		bottom: 50%;
	}
	75% {
		right: 50%;
		bottom: 0;
	}
	100% {
		right: 0;
		bottom: 0;
	}
}
@keyframes gradient-animation{
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@keyframes heartbeat{
	0%, 100% {
		transform: scale(1);
		box-shadow: 0 0 0 rgba(255, 24, 71, 0.4);
	}
	25% {
		transform: scale(1.05);
		box-shadow: 0 0 15px rgba(255, 24, 71, 0.6);
	}
	50% {
		transform: scale(1);
		box-shadow: 0 0 0 rgba(255, 24, 71, 0.3);
	}
	75% {
		transform: scale(1.05);
		box-shadow: 0 0 10px rgba(255, 24, 71, 0.5);
	}
}
.taxonomy-description {
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 25px;
}
.devvn_readmore_taxonomy_flatsome {
	text-align: center;
	cursor: pointer;
	position: absolute;
	z-index: 10;
	bottom: 0;
	width: 100%;
	background: #424045;
}
.devvn_readmore_taxonomy_flatsome:before {
	height: 55px;
	margin-top: -55px;
	content: "";
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#424045 100%);
	display: block;
}
.devvn_readmore_taxonomy_flatsome a {
	color: #ff2f59;
	display: block;
	padding: 5px 0;
}
.devvn_readmore_taxonomy_flatsome a:after {
	content: '';
	width: 0;
	right: 0;
	border-top: 6px solid #ff2f59;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	display: inline-block;
	vertical-align: middle;
	margin: -2px 0 0 5px;
}
.devvn_readmore_taxonomy_flatsome_less:before {
	display: none;
}
.devvn_readmore_taxonomy_flatsome_less a:after {
	border-top: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ff2f59;
}
.button-popup{
	background: linear-gradient(110deg, #FF9B85 0%, #FF1847 100%);
	background-size: 200% 200%;
	color: #fff;
	border: none;
	font-size: 15px;
	cursor: pointer;
	text-align: center;
	display: inline-block;
	transition: all 0.4s ease;
	animation: gradient-animation 3s ease infinite, heartbeat 1.8s ease-in-out infinite;
	border: 0;
	border-radius: 5px !important;
}
.row-related {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.row-related .col-post {
	flex: 0 0 33.333%;
	max-width: 33.333%;
	padding: 0 15px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.row-related .post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover; 
}
.row-related .post-item a {
	margin: 10px 0;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.row-related .post-item h3{
	color: #ff2f59;
	font-size: 18px;
	margin:0;
}
.row-related .post-excerpt {
	font-size: 14px;
	color: #fff; 
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}