@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');


* {
	margin: 0;
	padding: 0;
}

.main-post {
	display: flex;
	justify-content: space-between;
	max-width: 1216px;
	margin: 0 auto;
}

.container-post {
	padding-top: 48px;
	display: flex;
	max-width: 1216px;
	width: 100%;
	gap: 20px;
	flex-direction: column;
}


.sideBar-post {
	width: 416px;
	padding: 24px;
	border: 1px solid #E1E2EC;
	border-radius: 8px;
	background-color: #f8f9fa;
	position: sticky;
    margin-top: 440px;
    top: 100px;
	height: max-content;
	text-decoration: none;
}


.under-title-post {
	font-size: 16px;
	line-height: 28px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.slider-items-post {
	display: flex;
}

.post-item-post {
	display: flex;
}
.main-content-post{
	padding-top: 56px;
	max-width: 700px;
}

.post-item-post img{
	width: 208px;
	height: 230px;
	object-fit: cover;
	border-radius:  8px;
}

.main-post{
	word-break: break-word;
}

.slide-post-main{
	display: flex;
	flex-direction: column;
}

.slider-post{
	padding-top: 24px;
	padding-bottom: 64px;
	font-family:"Plus Jakarta Sans", sans-serif;
}

*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

.pop-artcls{
	padding-top: 64px;
	font-size: 24px;
	font-weight: 500;
	font-family:"Plus Jakarta Sans", sans-serif;
}

.slider-item a{
	display: flex;
	flex-direction: row;
	gap: 16px;
	width: 592px !important;
	border: 1px solid #E1E2EC;
	border-radius: 8px;
	justify-content: space-between;
}

a{
	text-decoration: none;
}

.img-slide img {
    width: 208px;
    height: 230px;
    object-fit: cover;
    border-radius: 8px;
    /* background-position: top; */
    object-position: right;
}

.img-slide{
	width: 208px;
	height: 230px;
}

.under-title-post-slide{
	display:flex;
	flex-direction: row;
	gap: 16px;
	align-items: center;
}

.info-slide{
	margin: 16px 16px 16px 0;
    display: flex;
    flex: 1 1;
    gap: 13px;
    max-width: 350px;
    flex-direction: column;
    justify-content: space-between;
}
.slide-tag{
	width: max-content;
    padding: 4px 12px;
    background-color: #EDF0FF;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #1870EC;
    border-radius: 4px;
}

.title-post-slide{
	font-size: 20px;
	letter-spacing: -1px;
	font-weight: 500;
	color: #1B1B1F;
	line-height: 25px;
	display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.txt-post-slide{
	color: #77777A;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.slider-post{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.postImgBox{
	width: 208px;
	height: 230px;
	border-radius: 8px;
}

.postThumbnail{
	width: 208px;
	height: 100%;
	border-radius: 8px;
}

.postImgBox img{
	border-radius: 8px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right;
}

.slider-item {
	display: flex !important;
	width: 592px;
	margin-right: 32px;
	border: 1px solid #E1E2EC;
	border-radius: 8px;
	gap: 16px;
  }
  
  .slick-slide {
	display: flex;
	justify-content: center;
  }
.main-content {
	font-family:"Plus Jakarta Sans", sans-serif;
}

.main-content ul,
.main-content ol {
	padding-inline-start: 20px;
}

.main-content p{
	padding-top: 24px;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
	color: #1B1B1F;
}

.main-content p:first-child{
	padding-top: 0;
}
.main-content h4{
	padding-top: 40px;
	font-size: 36px;
	font-weight: 500;
	line-height: 44px;
	color: #1B1B1F;
}

.main-content li{
	padding-top: 12px;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
	color: #1B1B1F;
}
.main-content li:first-child{
	padding-top: 16px;
}

.sideBar-item{
	display: block;
}

.sideBar-items a:first-child{
	padding-top: 16px;
}

.sideBar-items{
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.title-post{
	padding: 24px 0 27px;
	font-size: 60px;
	font-weight: 500;
	line-height: 69px;
}

.topTag-post a{
	margin-top: 56px;
	width: max-content;
    padding: 4px 13px;
    background-color: #EDF0FF;
    font-size: 16px;
    line-height: auto;
    font-weight: 400;
    color: #1870EC;
    border-radius: 4px;
}
.under-title-post-slide{
	font-size: 14px;
	line-height: 25px;
	display: flex;
	align-items: center;
	gap: 10px;
	color: #1B1B1F;
}
.wp-block-image{
	padding-top: 24px;
}
  
.elementor-button-content-wrapper{
	align-items: center;
}