.blog_home h3,
.main_heading {
	font-size: 1.35rem
}

section#blog h2,
section#blog h3,
section#blog h4,
section#blog h5 {
	font-family: 'Outfit', sans-serif;
	font-size: 1.35rem !important;
	margin-bottom: 20px;
	color: #312d2d
}

.grey_bg,
section#blog {
	background: #f5f8fa
}

.separator.separator-dashed {
	border-bottom-style: dashed;
	border-bottom-color: #eff2f5
}

.blog_home .separator,
.separator {
	display: block;
	height: 0;
	border-bottom: 1px solid #eff2f5
}

.card-rounded {
	border-radius: .625rem
}

.embed-responsive-item {
	height: 280px
}

.text-hover-primary:hover {
	transition: color .2s;
	color: #12ab89 !important
}

.blog .blog-details h1 {
	font-size: 1.5rem !important;
	font-family: 'Outfit', sans-serif
}

p {
	color: #424448
}

.symbol.symbol-35px>img {
	width: 35px;
	height: 35px
}

.badge-btn {
	color: #009ef7;
	background-color: #f1faff;
	display: inline-flex;
	align-items: center;
	font-weight: 600;
	font-size: 13px;
	padding: 5px
}

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

.blog_home .fs-2 {
	font-size: 1.25rem !important
}

.blog_home .fs-5 {
	font-size: 16px !important
}

.blog_home .fs-5 a,
.blog_home .fs-5 span {
	font-size: .9rem !important
}

.badge-light-info {
	color: #7239ea;
	background-color: #f8f5ff
}

.blog_home .mb-16 {
	margin-bottom: 4rem !important
}

.blog_home .min-h-175px {
	min-height: 175px !important;
	background-size: cover
}

.blog_home .fs-4 {
	font-size: 22px !important;
	font-family: 'Outfit', sans-serif
}

.bloger-name {
	font-size: .8rem
}

.blog_home .separator.separator-dashed {
	border-bottom-style: dashed;
	border-bottom-color: #e4e6ef
}

.blog_home .mb-17 {
	margin-bottom: 3rem !important
}

.closeBox {
	font-size: 50px;
	font-weight: 600;
	color: #6e0b46;
	position: absolute;
	top: -20px;
	right: -20px;
	background: #fff;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	line-height: 50px;
	text-align: center
}

.closeBox:focus,
.closeBox:hover {
	color: #ffb6c1;
	text-decoration: none;
	cursor: pointer
}

#lightBox {
	position: fixed;
	width: 100%;
	height: 100%;
	padding-top: 100px;
	left: 0;
	top: 0;
	z-index: 1;
	display: none
}

.lightCurrent {
	color: #fff;
	font-size: 14px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
	font-family: Georgia;
	width: 60px;
	height: 40px;
	background-color: #6e0b46;
	border: 1px solid #000
}

.lightImgL {
	position: relative;
	background-color: #000;
	margin: auto;
	padding: 0;
	width: 90%;
	max-width: 1200px
}

.largeLightImgTop {
	width: 100%
}

.largeLightImgThumb {
	cursor: pointer;
	float: left;
	width: 25%
}

.nextBtn,
.prevBtn {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -50px;
	color: #6e0b46;
	font-weight: 700;
	font-size: 20px;
	transition: .6s;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
	z-index: 1
}

.nextBtn {
	right: 0;
	border-radius: 3px 0 0 3px
}

.lightCol {
	float: left;
	width: 20%;
	cursor: pointer
}

.lightCaptionSmall {
	font-size: 16px;
	text-align: center;
	background-color: #6e0b46;
	padding: 5px;
	color: #fff
}

.lightRow>.lightCol {
	padding: 0 8px
}

.blog .blog-details,
.blog .post-author,
.blog .sidebar {
	padding: 20px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1)
}

.lightRow:after {
	content: "";
	display: table;
	clear: both
}

.blog .blog-pagination {
	margin-top: 30px;
	color: #555
}

.blog .blog-pagination ul {
	display: flex;
	padding: 0;
	margin: 0;
	list-style: none
}

.blog .blog-pagination li {
	margin: 0 5px;
	transition: .3s;
	border-radius: 10px
}

.blog .blog-pagination li a {
	color: var(--color-default);
	padding: 7px 16px;
	display: flex;
	align-items: center;
	justify-content: center
}

.blog .blog-pagination li.active,
.blog .blog-pagination li:hover {
	background: var(--color-primary);
	color: #fff
}

.blog .blog-pagination li.active a,
.blog .blog-pagination li:hover a {
	color: var(--color-white)
}

.blog .posts-list article {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
	padding: 30px;
	height: 100%;
	border-radius: 10px;
	overflow: hidden
}

.blog .posts-list .post-img {
	max-height: 240px;
	margin: -30px -30px 15px;
	overflow: hidden
}

.blog .posts-list .post-category {
	font-size: 16px;
	color: #555;
	margin-bottom: 10px
}

.blog .posts-list .title {
	font-size: 22px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 20px
}

.blog .posts-list .title a {
	color: var(--color-default);
	transition: .3s
}

.blog .blog-details .meta-bottom a:hover,
.blog .posts-list .title a:hover {
	color: var(--color-primary)
}

.blog .posts-list .post-author-img {
	width: 50px;
	border-radius: 50%;
	margin-right: 15px
}

.blog .posts-list .post-author-list {
	font-weight: 600;
	margin-bottom: 5px
}

.blog .posts-list .post-date {
	font-size: 14px;
	color: #3c3c3c;
	margin-bottom: 0
}

.blog .blog-details {
	border-radius: 3px;
	background: #fff
}

.blog .blog-details .post-img {
	margin: 0;
	overflow: hidden;
	border-radius: 3px 3px 0 0
}

.blog .blog-details .post-img img {
	width: 100%;
	border-radius: 3px
}

.blog .blog-details .title {
	font-size: 28px;
	font-weight: 700;
	padding: 0;
	margin: 20px 0 0;
	color: var(--color-default)
}

.blog .blog-details .content {
	margin-top: 20px
}

.blog .blog-details .content h3 {
	font-size: 22px;
	margin-top: 30px;
	font-weight: 700
}

.content p {
	margin-bottom: 15px;
	color: #212529
}

.blog .blog-details .content blockquote {
	overflow: hidden;
	background-color: rgba(34, 34, 34, 0.06);
	padding: 60px;
	position: relative;
	text-align: center;
	margin: 20px 0
}

.blog .blog-details .content blockquote p {
	color: var(--color-default);
	line-height: 1.6;
	margin-bottom: 0;
	font-style: italic;
	font-weight: 500;
	font-size: 22px
}

.blog .blog-details .content blockquote:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background-color: var(--color-secondary);
	margin-top: 20px;
	margin-bottom: 20px
}

.blog .blog-details .meta-top {
	margin-top: 20px;
	color: #6c757d
}

.blog .blog-details .meta-top ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	align-items: center;
	padding: 0;
	margin: 0
}

.blog .blog-details .meta-top ul li+li {
	padding-left: 20px
}

.blog .blog-details .meta-top i {
	font-size: 16px;
	margin-right: 8px;
	line-height: 0;
	color: var(--color-primary)
}

.blog .blog-details .meta-top a {
	color: #6c757d;
	font-size: 14px;
	display: inline-block;
	line-height: 1
}

.blog .blog-details .meta-bottom {
	padding-top: 10px;
	border-top: 1px solid rgba(34, 34, 34, 0.15)
}

.blog .blog-details .meta-bottom i {
	color: #555;
	display: inline
}

.blog .blog-details .meta-bottom a {
	color: rgba(34, 34, 34, 0.8);
	transition: .3s
}

.blog .blog-details .meta-bottom .cats {
	list-style: none;
	display: inline;
	padding: 0 20px 0 0;
	font-size: 14px
}

.blog .blog-details .meta-bottom .cats li,
.blog .blog-details .meta-bottom .tags li {
	display: inline-block
}

.blog .blog-details .meta-bottom .tags {
	list-style: none;
	display: inline;
	padding: 0;
	font-size: 14px
}

.blog .blog-details .meta-bottom .tags li+li::before {
	padding-right: 6px;
	color: var(--color-default);
	content: ","
}

.blog .blog-details .meta-bottom .share {
	font-size: 16px
}

.blog .blog-details .meta-bottom .share i {
	padding-left: 5px
}

.blog .post-author {
	margin-top: 30px;
	border-radius: 10px
}

.blog .post-author img {
	max-width: 120px;
	margin-right: 20px
}

.blog .post-author h4 {
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 0;
	padding: 0;
	color: var(--color-default)
}

.blog .post-author .social-links {
	margin: 0 10px 10px 0
}

.blog .post-author .social-links a {
	color: rgba(34, 34, 34, 0.5);
	margin-right: 5px
}

.blog .post-author p {
	font-style: italic;
	color: rgba(108, 117, 125, 0.8);
	margin-bottom: 0
}

.blog-details ul.social-links a i {
	color: #333;
	border: 1px solid #b7b7b7
}

.blog-details ul.social-links a:hover i {
	color: #fff;
	border: 1px solid #fff
}

.blog-details ul.social-links li a .fa-telegram {
	background-color: #08c;
	border-color: #08c;
	color: #fff
}

.blog-details ul.social-links li a .fa-facebook-f {
	background: #184a94;
	border-color: #184a94;
	color: #fff
}

.blog-details ul.social-links li a .fa-pinterest-p {
	background: #9f1121;
	border-color: #9f1121;
	color: #fff
}

.blog-details ul.social-links li a .fa-envelope {
	background: #e34133;
	border-color: #e34133;
	color: #fff
}

.blog-details ul.social-links li a .fa-microsoft {
	background: #444bb1;
	border-color: #444bb1;
	color: #fff
}

.blog-details ul.social-links li a .fa-instagram {
	border-color: #5784f500;
	color: #fff;
	background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%)
}

.blog-details ul.social-links li a .fa-linkedin-in {
	background: #0077b5;
	border-color: #5784f5;
	color: #fff
}

.blog-details ul.social-links li a .fa-whatsapp {
	background: #46c656;
	border-color: #46c656;
	color: #fff
}

.blog-details ul.social-links li a .fa-reddit-alien,
.blog-details ul.social-links li a .fa-twitter {
	background: #000;
	border-color: #000;
	color: #fff
}

.blog .sidebar {
	border-radius: 3px;
	background: #fff
}

.blog .sidebar .sidebar-title {
	font-size: 20px;
	font-weight: 700;
	padding: 0;
	margin: 0;
	color: var(--color-default)
}

.blog .sidebar .search-form form {
	background: #fff;
	border: 1px solid rgba(34, 34, 34, 0.3);
	padding: 5px 10px;
	position: relative;
	border-radius: 50px
}

.blog .sidebar .search-form form input[type="text"] {
	border: 0;
	padding: 4px;
	border-radius: 50px;
	width: calc(100% - 60px)
}

.blog .sidebar .search-form form input[type="text"]:focus {
	outline: 0
}

.blog .sidebar .search-form form button {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border: 0;
	background: #670048;
	font-size: 16px;
	padding: 0 25px;
	margin: -1px;
	color: #fff;
	transition: .3s;
	border-radius: 50px;
	line-height: 0
}

.blog .sidebar .search-form form button i {
	line-height: 0
}

.blog .sidebar .search-form form button:hover {
	background: rgba(0, 131, 116, 0.8)
}

.blog .sidebar .categories ul {
	list-style: none;
	padding: 0
}

.blog .sidebar .categories ul li {
	padding-top: 10px;
	display: flex;
	justify-content: space-between
}

.blog .sidebar .categories ul a {
	color: #313848;
	font-weight: 700;
	font-size: 16px;
	transition: .3s;
	font-family: 'Outfit', sans-serif
}

.blog .sidebar .categories ul a:hover {
	color: #12ab89
}

.blog .sidebar .categories ul a span {
	padding-left: 5px;
	color: rgba(34, 34, 34, 0.4);
	font-size: 14px
}

.blog .sidebar .recent-posts .post-item {
	margin-top: 10px;
	min-height: 55px
}

.blog .sidebar .recent-posts img {
	width: 80px;
	float: left;
	border-radius: 8px
}

.blog .sidebar .recent-posts h4 {
	font-size: 15px;
	margin-left: 95px;
	font-weight: 700
}

.blog .sidebar .recent-posts h4 a {
	transition: .3s;
	font-weight: 500
}

.blog .sidebar .recent-posts h4 a:hover {
	color: #12ab89
}

.blog .sidebar .recent-posts time {
	display: block;
	margin-left: 95px;
	font-style: italic;
	font-size: 14px;
	color: rgba(34, 34, 34, 0.4)
}

.blog_home .section-header__title {
	margin-bottom: 5px
}

.contact-form {
	background: #fff;
	padding: 15px;
	border-radius: 15px;
	box-shadow: 0 4px 16px rgb(0 0 0/10%);
	border-radius: 15px;
	background-color: #ffffff00
}

@media (max-width:990px) {
	.blog .blog-details h1 {
		font-size: 1.5rem !important;
		text-align: center;
		font-family: 'Outfit', sans-serif
	}

	.content p {
		text-align: center !important
	}

	section#blog h2,
	section#blog h3 {
		text-align: center
	}
}

.article-inner {
	background: #fff;
	padding: 30px
}

.blog_home.interviewsection .mySwiper {
	padding: 20px 0;
	position: relative
}

.blog_home.interviewsection .swiper-slide {
	transition: .3s;
	opacity: 1
}

.blog_home.interviewsection .story-card:hover .story-thumbnail::after,
.blog_home.interviewsection .swiper-slide-active {
	opacity: 1
}

.blog_home.interviewsection .swiper-slide:not(.swiper-slide-active) .story-card {
	box-shadow: 0 1px 4px rgba(0, 0, 0, .08)
}

.blog_home.interviewsection .swiper-slide-active .story-card {
	box-shadow: 0 4px 15px rgba(18, 171, 137, .15);
	border: 1px solid rgba(18, 171, 137, .2)
}

.blog_home.interviewsection .story-card {
	position: relative;
	border-radius: 2px;
	overflow: hidden;
	transition: .3s;
	background: #fff
}

.blog_home.interviewsection .story-card:hover {
	box-shadow: 0 6px 20px rgba(0, 0, 0, .15) !important;
	transform: translateY(-2px)
}

.blog_home.interviewsection .story-thumbnail {
	position: relative;
	overflow: hidden;
	border-radius: 2px;
	width: 100%;
	height: auto
}

.blog_home.interviewsection .story-thumbnail img {
	width: 100%;
	height: auto;
	display: block;
	image-rendering: auto
}

.blog_home.interviewsection .story-thumbnail::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .02);
	opacity: 0;
	transition: opacity .3s
}

.blog_home.interviewsection .swiper-button-next,
.blog_home.interviewsection .swiper-button-prev {
	color: #333;
	background: rgba(255, 255, 255, .9);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
	transition: background-color .3s
}

.blog_home.interviewsection .swiper-button-next::after,
.blog_home.interviewsection .swiper-button-prev::after {
	font-size: 12px;
	font-weight: 700
}

.blog_home.interviewsection .swiper-button-next:hover,
.blog_home.interviewsection .swiper-button-prev:hover {
	background: #fff;
	color: #12ab89
}

.blog_home.interviewsection .swiper-pagination {
	position: relative;
	margin-top: 20px
}

.blog_home.interviewsection .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: #ddd;
	opacity: 1;
	transition: background-color .3s
}

.blog_home.interviewsection .swiper-pagination-bullet-active {
	background: #12ab89
}

@media (max-width:576px) {

	.blog_home.interviewsection .story-card,
	.blog_home.interviewsection .story-thumbnail {
		border-radius: 6px
	}
}

.blogsection1,
.partner-logo-slider-container {
	background-image: linear-gradient(#f2f2f2, #fff)
}

.blogsection1 {
	background-position: 100% 100%
}

.image-contents .fw-500 a.bloger-name,
.image-contents .fw-500 span {
	font-size: 14px
}

.main-content {
	margin-top: 20px;
	padding: 20px;
	text-align: center
}

.testimonial-item .testimonial-thumb-wrapper .testimonial-thumb {
	width: 50px;
	background: #12ab89;
	color: #fff;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	font-weight: 600
}

.card-xl-stretch {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
	position: relative
}

.card-xl-stretch .bgi-no-repeat {
	display: block;
	width: 100%;
	height: 248px; /* 💻 Desktop */
	background-size: cover;
	background-position: center;
	border-radius: 3px;
	transition: transform .3s;
}

/* 📱 Mobile only */
@media (max-width: 768px) {
	.card-xl-stretch .bgi-no-repeat {
		height: 215px;
	}
}

/* 📲 iPad */
@media (min-width: 769px) and (max-width: 1024px) {
	.card-xl-stretch .bgi-no-repeat {
		height: 170px;
	}
}

#carousel .item a,
a.web_story_slug {
	display: block
}

.card-xl-stretch .mt-3 {
	padding: 10px;
	flex-grow: 1
}

.card-xl-stretch .fs-4 {
	font-size: 1.25rem;
	font-weight: 700;
	color: #333;
	margin-bottom: 8px;
	line-height: normal !important
}

.card-xl-stretch .fw-semibold.fs-5 {
	font-size: 1rem;
	color: #666;
	margin: 10px 0
}

.card-xl-stretch .bloger-name {
	color: #252525;
	text-decoration: none;
	font-weight: 700;
	padding-right: 5px
}

.card-xl-stretch:hover .bloger-name {
	text-decoration: none
}

.card-xl-stretch span {
	color: #252525
}

.card-xl-stretch .fw-500 {
	font-size: .875rem;
	color: #424242;
	margin-top: 5px
}

.image-contents {
	position: relative;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
	transition: .5s;
	padding: 5px 0 10px;
	margin-top: -3px;
	height: calc(100% - 230px)
}

.card-xl-stretch:hover a,
.interview-read-link_98x3:hover {
	text-decoration: underline
}

.story-icons,
.story-overlay {
	display: flex;
	position: absolute
}

.story-card {
	position: relative;
	overflow: hidden;
	border-radius: 6px;
	margin-bottom: 20px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .18)
}

.story-thumbnail img {
	width: 100%;
	height: 100%;
	border-radius: 2px;
	transition: transform .3s
}

.story-card:hover .story-thumbnail img {
	transform: none
}

.story-overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	color: #fff;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 20px;
	border-radius: 4px;
	transition: background .3s
}

.story-card:hover .story-overlay {
	background: rgba(0, 0, 0, .6)
}

.story-info {
	position: absolute;
	bottom: 20px
}

.story-info h2 {
	font-size: 22px;
	color: #fff;
	margin: 0 0 10px;
	transition: color .3s
}

.story-card:hover .story-info h2 {
	color: #12ab89
}

.story-info p {
	font-size: 14px;
	color: #fff;
	margin: 0
}

.created-at {
	font-size: 16px;
	text-align: center
}

.web_story_slug {
	width: 100%
}

.story-icons {
	top: 10px;
	width: 100%;
	justify-content: center;
	align-items: center;
	gap: 10px
}

.story-icons .icon {
	padding: 5px
}

.story-icons .icon.share {
	position: absolute;
	right: 10px
}

.grid-container {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 20px
}

@media (min-width:576px) {
	.grid-container {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (min-width:768px) {
	.grid-container {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media (min-width:992px) {
	.grid-container {
		grid-template-columns: repeat(4, 1fr)
	}
}

@media (min-width:1200px) {
	.grid-container {
		grid-template-columns: repeat(5, 1fr)
	}
}

.overlay {
	background: #f5f8fa
}

.aaw-hero-slider__summary,
.aaw-hero-slider__summary p {
	color: #fff
}

.interview-banner-container_98x3 {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	background: linear-gradient(-45deg, hsl(166.67deg 60% 65%), hsl(166.76deg 40% 85%) 100%);
	padding: 2rem;
	border-radius: 24px;
	box-shadow: 0 15px 30px rgba(0, 0, 0, .08);
	max-width: 1200px;
	margin: auto;
	gap: 2rem
}

.interview-text-block_98x3 {
	flex: 0.9
}

.interview-category-tag_98x3 {
	background-color: #c1e6c3;
	color: #1d5c29;
	padding: 6px 14px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	display: inline-block;
	margin-bottom: .3rem;
	border: 1px solid #fff
}

.interview-date_98x3 {
	color: #000;
	font-size: .9rem;
	display: inline-block;
	margin-left: 12px
}

.interview-title_98x3 {
	font-size: 2rem;
	color: #1f3d26;
	margin: 1rem 0
}

.interview-description_98x3 {
	font-size: 1rem;
	color: #444;
	line-height: 1.7;
	margin-bottom: 1.5rem
}

.interview-author-info_98x3 {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1.2rem
}

.interview-author-info_98x3 img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .12)
}

.interview-author-name_98x3 {
	font-weight: 600;
	margin: 0
}

.interview-author-title_98x3 {
	margin: 0;
	font-size: .85rem;
	color: #000
}

.interview-read-link_98x3 {
	display: inline-block;
	font-weight: 700;
	color: #007e33;
	text-decoration: none;
	font-size: 1rem;
	transition: .3s
}

.interview-image-block_98x3 {
	flex: 1.1
}

.interview-image-block_98x3 img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	object-fit: cover;
	box-shadow: 0 8px 16px rgba(0, 0, 0, .1)
}

@media (max-width:768px) {

	.blog_home.interviewsection .swiper-button-next,
	.blog_home.interviewsection .swiper-button-prev {
		display: none
	}

	.blog_home.interviewsection .section-header__title {
		font-size: 1.8rem
	}

	.banner-container {
		padding: 20px
	}

	.banner_btn,
	h2,
	p {
		text-align: center
	}

	.interview-banner-container_98x3 {
		flex-direction: column;
		flex-direction: column;
		text-align: center;
		padding: 1.5rem;
		margin: 0 1rem
	}

	.interview-image-block_98x3 {
		order: -1;
		width: 100%
	}

	.interview-text-block_98x3 {
		width: 100%;
		padding-top: 1rem
	}

	.interview-author-info_98x3 {
		justify-content: center
	}
}

@media (max-width:1024px) {
	.interview-banner-container_98x3 {
		margin: 0 1rem;
		flex-direction: column;
		text-align: center;
		padding: 1.5rem
	}

	.interview-image-block_98x3 {
		order: -1;
		width: 100%
	}

	.interview-text-block_98x3 {
		width: 100%;
		padding-top: 1rem
	}

	.interview-author-info_98x3 {
		justify-content: center
	}
}

.partner-logo-slider {
	overflow: hidden;
	width: 100%;
	background-color: #fff;
	position: relative
}

.partner-logo-slider-container {
	padding: 15px 0
}

.partner-slide-track {
	display: inline-flex;
	width: max-content;
	will-change: transform;
	animation: partner-scroll 16s linear infinite
}

.partner-slide {
	margin-top: 8px;
	width: 200px;
	margin-left: 6px;
	flex-shrink: 0
}

.partner-slide img {
	width: 100%;
	height: 80px;
	object-fit: contain;
	border-radius: 5px;
	display: block
}

@keyframes partner-scroll {
	0% {
		transform: translateX(0)
	}

	100% {
		transform: translateX(-50%)
	}
}

.partner-logo-slider:hover .partner-slide-track {
	animation-play-state: paused
}

@media (max-width:768px) {
	.partner-slide-track {
		animation-duration: 18s
	}
}

@media (max-width:480px) {
	.partner-slide-track {
		animation-duration: 20s
	}
}

.home-web-stories .story-card,
.home-web-stories .story-thumbnail {
	position: relative;
	overflow: hidden
}

.home-web-stories .story-card *,
.home-web-stories .story-card *:hover {
	transition: none !important;
	transform: none !important
}

.home-web-stories .section-header__title {
	font-size: 52px;
	font-weight: 700;
	letter-spacing: -1.5px;
	margin-bottom: 40px !important;
	color: #0f172a;
	line-height: 1.1
}

.home-web-stories .section-header__title span {
	color: #12ab89
}

.home-web-stories .story-card:hover .story-info h2,
.home-web-stories .story-info h2 {
	color: #fff !important
}

.home-web-stories .webStoriesSwiper {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 24px 50px;
	position: relative
}

.home-web-stories .swiper-slide {
	height: auto;
	display: flex;
	flex-direction: column;
	transition: none !important;
	transform: none !important
}

.home-web-stories .web-stories-next,
.home-web-stories .web-stories-prev {
	color: #12ab89;
	background: rgba(255, 255, 255, .9);
	width: 44px;
	height: 44px;
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
	transition: .3s
}

.home-web-stories .web-stories-next:hover,
.home-web-stories .web-stories-prev:hover {
	background: #12ab89;
	color: #fff;
	transform: scale(1.1)
}

.home-web-stories .web-stories-next::after,
.home-web-stories .web-stories-prev::after {
	font-size: 18px;
	font-weight: 700
}

.home-web-stories .web-stories-pagination {
	position: relative;
	margin-top: 30px
}

.home-web-stories .web-stories-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #12ab89;
	opacity: .3;
	transition: .3s
}

.home-web-stories .web-stories-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	width: 24px;
	border-radius: 5px
}

.home-web-stories .story-card {
	border-radius: 8px;
	margin-bottom: 0;
	background: #fff;
	border: none !important;
	outline: none !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .05), 0 4px 12px rgba(0, 0, 0, .08), 0 8px 24px rgba(0, 0, 0, .04);
	height: 100%;
	display: flex;
	flex-direction: column;
	cursor: pointer;
	transition: none !important;
	transform: none !important
}

.home-web-stories .story-card .story-thumbnail {
	flex-shrink: 0
}

.home-web-stories .story-card:hover {
	transform: none !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .05), 0 4px 12px rgba(0, 0, 0, .08), 0 8px 24px rgba(0, 0, 0, .04);
	border: none !important;
	outline: none !important;
	scale: none !important
}

.home-web-stories .story-thumbnail {
	width: 100%;
	padding-top: 140%;
	border-radius: 8px 8px 0 0;
	border: none !important;
	outline: none !important;
	transition: none !important;
	transform: none !important
}

.home-web-stories .story-overlay,
.home-web-stories .story-thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}

.home-web-stories .story-thumbnail img {
	object-fit: cover;
	object-position: center top;
	display: block;
	border: none !important;
	outline: none !important;
	transition: none !important;
	transform: none !important
}

.home-web-stories .story-info h2,
.home-web-stories .story-info p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.home-web-stories .story-card:hover .story-thumbnail img {
	transform: none !important;
	transition: none !important
}

.home-web-stories .story-card:hover .story-thumbnail {
	transform: none !important;
	transition: none !important
}

.home-web-stories .story-overlay {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .4) 75%, rgba(0, 0, 0, .75) 90%, rgba(0, 0, 0, .92) 100%);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	text-align: left;
	padding: 0;
	pointer-events: none;
	border-radius: 8px 8px 0 0;
	border: none !important;
	outline: none !important;
	transition: none !important;
	transform: none !important
}

.home-web-stories .story-card:hover .story-overlay {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .4) 75%, rgba(0, 0, 0, .75) 90%, rgba(0, 0, 0, .92) 100%);
	transform: none !important;
	transition: none !important
}

.home-web-stories .story-info {
	width: 100%;
	padding: 18px 18px 14px;
	position: relative;
	z-index: 1
}

.home-web-stories .story-info h2 {
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 5px !important;
	line-height: 1.35;
	text-shadow: 0 2px 12px rgba(0, 0, 0, .6), 0 4px 20px rgba(0, 0, 0, .4);
	letter-spacing: -.2px
}

.home-web-stories .story-info p {
	font-size: 11px;
	color: rgba(255, 255, 255, .92) !important;
	margin: 0 0 8px !important;
	line-height: 1.45;
	text-overflow: ellipsis;
	text-shadow: 0 1px 8px rgba(0, 0, 0, .5), 0 2px 12px rgba(0, 0, 0, .4)
}

.home-web-stories .story-meta-info {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	flex-wrap: nowrap;
	margin-top: 2px;
	padding-top: 0
}

.home-web-stories .slide-count-badge,
.home-web-stories .story-date-badge {
	display: inline-flex;
	gap: 4px;
	color: rgba(255, 255, 255, .95);
	backdrop-filter: blur(10px);
	padding: 4px 10px;
	text-shadow: 0 1px 4px rgba(0, 0, 0, .3);
	transition: none !important;
	white-space: nowrap
}

.home-web-stories .slide-count-badge {
	align-items: center;
	font-size: 10px;
	font-weight: 600;
	background: rgba(18, 171, 137, .25);
	border-radius: 16px;
	border: none !important;
	outline: none !important
}

.home-web-stories .slide-count-badge:hover {
	background: rgba(18, 171, 137, .25);
	transform: none
}

.home-web-stories .slide-count-badge i {
	font-size: 10px
}

.home-web-stories .story-date-badge {
	align-items: center;
	font-size: 10px;
	font-weight: 500;
	background: rgba(255, 255, 255, .15);
	border-radius: 16px;
	border: none !important;
	outline: none !important;
	letter-spacing: .15px
}

.home-web-stories .web_story_slug,
.home-web-stories .web_story_slug:hover {
	text-decoration: none;
	color: inherit
}

.home-web-stories .story-date-badge:hover {
	background: rgba(255, 255, 255, .15);
	transform: none
}

.home-web-stories .story-date-badge i {
	font-size: 10px;
	opacity: .9
}

.home-web-stories .created-at {
	display: none
}

.home-web-stories .web_story_slug {
	width: 100%;
	display: block;
	height: 100%;
	flex: 1;
	border: none !important;
	outline: none !important
}

.home-web-stories .web_story_slug:focus,
.home-web-stories .web_story_slug:active {
	outline: none !important;
	border: none !important
}

.home-web-stories .story-icons {
	display: flex;
	position: absolute;
	top: 16px;
	width: 100%;
	justify-content: center;
	align-items: center;
	gap: 12px;
	z-index: 2
}

.home-web-stories .story-icons .icon {
	padding: 8px;
	background: rgba(255, 255, 255, .2);
	backdrop-filter: blur(8px);
	border-radius: 50%
}

.home-web-stories .story-icons .icon.share {
	position: absolute;
	right: 16px
}

@media (max-width:992px) {
	.home-web-stories .section-header__title {
		font-size: 42px;
		margin-bottom: 32px !important
	}

	.home-web-stories .webStoriesSwiper {
		padding: 0 20px 50px
	}

	.home-web-stories .story-info {
		padding: 16px 16px 12px
	}

	.home-web-stories .story-info h2 {
		font-size: 15px;
		margin-bottom: 6px
	}

	.home-web-stories .story-info p {
		font-size: 11px;
		margin-bottom: 10px
	}

	.home-web-stories .story-meta-info {
		gap: 7px;
		justify-content: center
	}

	.home-web-stories .slide-count-badge,
	.home-web-stories .story-date-badge {
		font-size: 10px;
		padding: 5px 11px
	}

	.home-web-stories .slide-count-badge i,
	.home-web-stories .story-date-badge i {
		font-size: 10px
	}

	.home-web-stories .web-stories-next,
	.home-web-stories .web-stories-prev {
		width: 38px;
		height: 38px
	}

	.home-web-stories .web-stories-next::after,
	.home-web-stories .web-stories-prev::after {
		font-size: 16px
	}
}

@media (max-width:768px) {
	.home-web-stories .section-header__title {
		font-size: 38px;
		margin-bottom: 30px !important
	}

	.home-web-stories .webStoriesSwiper {
		padding: 0 16px 50px
	}

	.home-web-stories .story-info {
		padding: 17px 15px 13px
	}

	.home-web-stories .story-info h2 {
		font-size: 15px;
		font-weight: 600;
		margin-bottom: 7px;
		line-height: 1.4
	}

	.home-web-stories .story-info p {
		font-size: 12px;
		margin-bottom: 10px;
		line-height: 1.5
	}

	.home-web-stories .story-meta-info {
		gap: 8px;
		justify-content: center;
		flex-wrap: nowrap;
		margin-top: 3px
	}

	.home-web-stories .slide-count-badge,
	.home-web-stories .story-date-badge {
		font-size: 12px;
		padding: 6px 12px;
		white-space: nowrap;
		font-weight: 600
	}

	.home-web-stories .slide-count-badge i,
	.home-web-stories .story-date-badge i {
		font-size: 12px
	}

	.home-web-stories .web-stories-next,
	.home-web-stories .web-stories-prev {
		width: 38px;
		height: 38px
	}

	.home-web-stories .web-stories-next::after,
	.home-web-stories .web-stories-prev::after {
		font-size: 15px
	}
}

@media (max-width:480px) {
	.home-web-stories .section-header__title {
		font-size: 32px;
		margin-bottom: 28px !important
	}

	.home-web-stories .webStoriesSwiper {
		padding: 0 12px 50px
	}

	.home-web-stories .story-card {
		border-radius: 8px
	}

	.home-web-stories .story-overlay,
	.home-web-stories .story-thumbnail {
		border-radius: 6px 6px 0 0
	}

	.home-web-stories .story-thumbnail {
		background: #000
	}

	.home-web-stories .story-info {
		padding: 16px 14px 12px
	}

	.home-web-stories .story-info h2 {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 6px;
		line-height: 1.4
	}

	.home-web-stories .story-info p {
		font-size: 13px;
		margin-bottom: 10px;
		line-height: 1.5
	}

	.home-web-stories .story-meta-info {
		gap: 8px;
		justify-content: center;
		flex-wrap: nowrap;
		margin-top: 4px
	}

	.home-web-stories .slide-count-badge,
	.home-web-stories .story-date-badge {
		font-size: 12px;
		padding: 6px 12px;
		white-space: nowrap;
		font-weight: 600
	}

	.home-web-stories .slide-count-badge i,
	.home-web-stories .story-date-badge i {
		font-size: 12px
	}

	.home-web-stories .web-stories-next,
	.home-web-stories .web-stories-prev {
		width: 36px;
		height: 36px
	}

	.home-web-stories .web-stories-next::after,
	.home-web-stories .web-stories-prev::after {
		font-size: 14px
	}
}

@media (max-width:767.98px) {

	.image-contents,
	.image-contents .categories-link,
	.image-contents p,
	.image-contents a.fs-4,
	.image-contents .fw-500 {
		text-align: center !important
	}

	.image-contents .fw-500 {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 0 6px
	}

	.image-contents a.fs-4 {
		display: block
	}

	.meta-category,
	.category-item {
		display: block !important;
		text-align: center !important
	}

	.card-xl-stretch .image-contents {
		padding-left: 0;
		padding-right: 0
	}

	.interview-hor-list ul {
		justify-content: center !important
	}

	.interview-card .article-inner,
	.interview-card .article-inner h2,
	.interview-card .article-excerpt {
		text-align: center !important
	}

	.interview-card .article-inner h2 a {
		display: inline-block
	}

	.interview-card .cmn--btn {
		align-self: center !important
	}
}