@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.arrow-circle{
    .elementor-swiper-button-prev,.elementor-swiper-button-next{
        border: 2px solid #fff;
		border-radius: 50%;
		padding: 5px;
    }
}
.swiper.post{
	/* overflow: visible; */
	.swiper-slide{
	    display: flex;
	    flex-direction: column;
	    transition: all .3s ease;
	    img{
	        width: 100%;
	    }
	    .description{
	        border: 1px solid #000;
	        border-top: 0;
	        padding: 30px;
	        h2{
	            font-family: 'Kanit';
	            font-weight: 400;
	            font-size: 26px;
	            color: #231f20;
	            margin-top: 0;
	            height: 63px;
	            display: -webkit-box;
	            line-clamp: 2;
	            -webkit-box-orient: vertical;
	            margin-bottom: 20px;
	        }
	        p{
	            overflow: hidden;
	            display: -webkit-box;
	            line-clamp: 3;
	            -webkit-box-orient: vertical;
	            margin-bottom: 20px;
				height: 72px;
	        }
	        p,a{
	            font-family: 'Kanit';
	            font-weight: 200;
	            font-size: 16px;
	            color: #58595b;
	        }
	        a{
	            font-weight: 400;
	            display: flex;
	            align-items: center;
	            gap: 10px;
	            transition: all .3s ease;
	            span{
	                width: 15px;
	                height: 15px;
	                border: 1px solid #939598;
	                display: flex;
	                border-radius: 50%;
	                padding: 2px
	            }
	        }
	        a:hover{
	            color: #0b61a2;
	            transition: all .3s ease;
	        }
	    }
	}
	.swiper-slide:hover{
	    box-shadow: 0 0 20px #999;
	    transition: all .3s ease;
	}
}
.arrowimg{
	.swiper-button-next,.swiper-button-prev{
		border: 2px solid #b8c5cf;
		border-radius: 50%;
		width: 35px;
		height: 35px;
		margin-top: 0;
	}
	.swiper-button-next::after,.swiper-button-prev::after{
		color: #b8c5cf;
		font-size: 20px;
		font-weight: 900;
	}
	.swiper-button-next{
		right: -100px
	}
	.swiper-button-prev{
		left: -100px
	}
}
.arrow{
	display: flex;
    flex-direction: row-reverse;
	gap: 10px;
	.swiper-button-next,.swiper-button-prev{
		position: relative;
		left: 0;
		border: 2px solid #b8c5cf;
		border-radius: 50%;
		width: 35px;
		height: 35px;
		margin-top: 0;
	}
	.swiper-button-next::after,.swiper-button-prev::after{
		color: #b8c5cf;
		font-size: 20px;
		font-weight: 900;
	}
	.swiper-button-next::after{
		margin-right: -5px
	}
	.swiper-button-prev::after{
		margin-left: -5px
	}
}
@media only screen and (max-width: 767px){
	.arrow{
		justify-content: flex-end;
	}
}
@media only screen and (max-width: 1385px){
	.arrowimg{
		.swiper-button-next{
			right: 10px
		}
		.swiper-button-prev{
			left: 10px
		}
	}
}