html {
	scroll-behavior: smooth;
}

body {
	--pon-red: #1653cb;
	--cl-line: #e7e7e7;
	--bg-lestari-menu: #ebebeb;
	--cl-blue-lestari-1: #e1efff;
	--cl-blue-lestari-2: #183466;
	--cl-blue-lestari-3: #143163;
	--cl-lestari-border: #e7e7e7;
	--bg-lestari-csr: #f0fbff;
}

body.theme-dark {
	--cl-line: #383838;
	--bg-lestari-menu: #262626;
	--cl-blue-lestari-1: #2c2c2c;
	--cl-blue-lestari-2: #fff;
	--cl-blue-lestari-3: #fff;
	--cl-lestari-border: #3b3b3b;
	--bg-lestari-csr: #dcf4fc;

}

@media (prefers-color-scheme: dark) {
	body {
		--cl-line: #383838;
		--bg-lestari-menu: #262626;
		--cl-blue-lestari-1: #2c2c2c;
		--cl-blue-lestari-2: #fff;
		--cl-blue-lestari-3: #fff;
		--cl-lestari-border: #3b3b3b;
		--bg-lestari-csr: #dcf4fc;
	}

	body.theme-light {
		--cl-line: #e7e7e7;
		--bg-lestari-menu: #ebebeb;
		--cl-blue-lestari-1: #e1efff;
		--cl-blue-lestari-2: #183466;
		--cl-blue-lestari-3: #143163;
		--cl-lestari-border: #e7e7e7;
		--bg-lestari-csr: #f0fbff;
	}
}

.theme--pon .kanalHeader {
	background: rgb(62, 138, 204);
	background: linear-gradient(90deg, rgb(62, 138, 204) 0%, rgba(40, 107, 206, 1) 100%);
}

.theme--pon .kanalLogo img {
	height: 35px;
}

.theme--pon .pt0 {
	padding-top: 0 !important;
}

.theme--pon .pt32 {
	padding-top: 32px;
}

.theme--pon .mt32 {
	margin-top: 32px;
}

.theme--pon .bg-img {
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
}

.theme--pon .bg-hl {
	background-image: url(../images/bg-headline.jpg);
	margin-top: 20px;
}

.theme--pon .articlePost-date {
	color: var(--cl-txt);
}

/* .theme--pon .articlePost ul li:not(:last-child):after {
	background-color: var(--cl-txt);
} */

/* .theme--pon .sectionHead.-sc:before {
	background-color: var(--pon-red);
} */

.theme--pon .btn-pon {
	background-color: var(--pon-red);
	color: #fff;
	padding: 12px 20px;
	font-weight: 700;
	border-radius: 8px;
	display: block;
	width: fit-content;
	margin-top: 16px;
	text-align: center;
	cursor: pointer;
	border: solid 2px var(--pon-red);
}

.theme--pon .btn-pon-2 {
	background-color: #fff;
	color: var(--pon-red);
	border: solid 2px var(--pon-red);
	padding: 12px 20px;
	font-weight: 700;
	border-radius: 8px;
	display: block;
	width: fit-content;
	margin-top: 16px;
	text-align: center;
	cursor: pointer;
}

/* .theme--pon .sectionHead .articleMore {
	color: var(--pon-red);
} */

.theme--pon .sectionHead .articleMore::after {
	filter: brightness(0) saturate(100%) invert(55%) sepia(43%) saturate(3348%) hue-rotate(183deg) brightness(105%) contrast(88%);
}

.theme--pon .icoThumb {
	width: 60px;
	height: 60px;
	-webkit-filter: invert(100%) sepia(93%) saturate(28%) hue-rotate(107deg) brightness(106%) contrast(109%);
	filter: invert(100%) sepia(93%) saturate(28%) hue-rotate(107deg) brightness(106%) contrast(109%);
}

.theme--pon .paging__wrap .paging__link--active,
.theme--pon .paging__wrap .paging__link:hover {
	border-color: var(--pon-red);
	color: var(--pon-red) !important;
}

.theme--pon .paging__wrap .paging__link--first:hover:before,
.theme--pon .paging__wrap .paging__link--last:hover:before,
.theme--pon .paging__wrap .paging__link--next:hover:before,
.theme--pon .paging__wrap .paging__link--prev:hover:before {
	-webkit-filter: brightness(0) saturate(100%) invert(16%) sepia(97%) saturate(3008%) hue-rotate(349deg) brightness(95%) contrast(95%);
	filter: brightness(0) saturate(100%) invert(16%) sepia(97%) saturate(3008%) hue-rotate(349deg) brightness(95%) contrast(95%);
}

.theme--pon .paging .paging__link.paging__link--show {
	background-color: var(--pon-red);
	border-color: var(--pon-red);
}

.theme--pon.page--read .paging .paging__link.paging__link--show,
.theme--pon .paging__wrap .paging__link--active,
.theme--pon .paging__wrap .paging__link:hover {
	background-color: var(--elevation-0);
	border-color: var(--neutral-50-1);
	color: var(--txt-800) !important;
}

.theme--pon .footerMain {
	background-image: url(../images/bg-footer.png);
}

.theme--pon .footerBottom {
	border-top: none;
	gap: 16px;
	padding: 0;
}

.theme--pon .footerLogo {
	margin-top: 32px;
}

.theme--pon .footerMenu-link,
.theme--pon .footerCopyright p {
	color: #fff;
}

.theme--pon .footerCopyright p {
	font-weight: 700;
}

.theme--pon .video-player {
	aspect-ratio: 16 / 9;
}

.theme--pon .kanalMenu li a:hover {
	color: #0041C0;
}

.mt0 {
	margin-top: 0;
}

.bg-gate {
	background-image: url(../images/bg-gate.jpg);
}

.bg-promo-deals {
	background-image: url(../images/bg-promo-deals.jpg);
}

.gate-tab {
	display: flex;
	justify-content: space-between;
}

.gate-item {
	position: relative;
	display: flex;
	align-items: center;
	border-radius: 12px;
	overflow: hidden;
}

.gate-name {
	position: absolute;
	color: #fff;
	left: 32px;
	font-size: 16px;
	font-weight: 700;
}

.gate-name::after {
	content: "";
	display: block;
	background-color: var(--pon-red);
	width: 48px;
	height: 4px;
	margin-top: 4px;
}

.jelajah-pameran .sectionHead a:hover {
	color: var(--cl-txt);
}

.jelajah-pameran .section-wrap-desc a:hover {
	color: var(--cl-gray-lite);
}

.bg-promo-deals .sectionHead,
.bg-promo-deals .sectionHead a:hover {
	color: #333;
}

.bg-promo-deals .section-wrap-desc,
.bg-promo-deals .section-wrap-desc a:hover {
	color: #999;
}

.section-wrap {
	display: flex;
	align-items: center;
	gap: 32px;
}

.section-wrap-desc {
	font-size: 16px;
	color: var(--cl-gray-lite);
}

.section-wrap-img {
	width: 40%;
	flex-shrink: 0;
	border-radius: 12px;
	overflow: hidden;
}

.section-wrap-img img {
	width: 100%;
}

.section-wrap-game-gate {
	display: flex;
	gap: 16px;
}

.gate-game-intro {
	width: 100%;
	height: 237px;
	border-radius: 8px;
	overflow: hidden;
	background-image: url(../images/gate-gamification.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 32px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.gate-game-intro .section-wrap-desc {
	color: #333;
}

.gate-game {
	width: 237px;
	height: 237px;
	border-radius: 8px;
	overflow: hidden;
	flex-shrink: 0;
}

.kgnow-item-big {
	width: 100%;
	height: 160px;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
}

.kgnow-item {
	display: flex;
	gap: 12px;
	align-items: center;
	margin: 12px 0px;
}

.kgnow-item-thumb {
	width: 150px;
	height: 90px;
	flex-shrink: 0;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}

.kgnow-item-thumb .icoThumb {
	width: 32px;
	height: 32px;
}

.kgnow-item-big img,
.kgnow-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kgnow-item-text {
	color: var(--cl-main);
}

.kgnow-item-text p {
	margin: 0 0 4px;
	font-size: 14px;
	font-weight: 700;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.kgnow-item-others {
	font-size: 12px;
}

.kgnow-item-others>small:first-child {
	margin-right: 6px;
}

.kgnow-wrap .btn-pon {
	width: 100%;
}

.theme--pon .pswp__button,
.theme--pon .pswp__button--arrow--left:before,
.theme--pon .pswp__button--arrow--right:before {
	background: url(../images/default-skin.png) 0 0 no-repeat;
}

.theme--pon .pswp__button--close {
	background-position: 0 -44px;
}

.theme--pon .pswp__button--share {
	background-position: -44px -44px;
	margin-right: 15px;
}

.theme--pon .pswp__button--arrow--left,
.theme--pon .pswp__button--arrow--right {
	background: none;
	top: 50%;
	margin-top: -50px;
	width: 70px;
	height: 100px;
	position: absolute;
}

.theme--pon .pswp__button--arrow--left:before {
	left: 6px;
	background-position: -138px -35px;
}

.theme--pon .pswp__button--arrow--right:before {
	right: 6px;
	background-position: -94px -35px;
}

.theme--pon .gallery__photo__asset .photo__icon,
.theme--pon .gallery__photo__asset:hover .gallery__photo__start,
.theme--pon .gallery__photo__start:hover {
	background-color: var(--pon-red);
}

.btn-cta-kgnow {
	margin: 16px auto 40px;
}

.theme--pon .lestariHead {
	position: relative;
	width: 100%;
}

.theme--pon .lestariHead-wrap {
	width: 100%;
	padding: 20px 0 10px;
	border-bottom: 1px solid var(--cl-lestari-border);
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
}

.lestariHead.--compact .lestariHead-wrap {
	overflow: unset;
	border-bottom: 0;
	gap: 14px;
}

.theme--pon .lestariHead .lestariHead-wrap,
.theme--pon .lestariHead-wrap.indexPartnerNoLogo {
	height: 69px;
}

.theme--pon .lestariHead .lestariHead-wrap,
.theme--pon .lestariHead-wrap.indexPartnerNoLogo {
	height: 69px;
}

.theme--pon .lestariHead-logo {
	width: 155px;
	position: relative;
}

.theme--pon .lestariHeader-logo,
.theme--pon .lestariHead-logo {
	width: 138px;
}

.theme--pon .lestariHeader-logo a,
.theme--pon .lestariHead-logo a {
	display: flex;
	align-items: center;
}

.theme--pon .lestariPartnerInfo {
	margin: 20px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 42px;
}

.theme--pon .lestariHead.--compact .lestariPartnerInfo {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	border: 0;
	width: 108px;
	height: 48px;
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
	margin-left: 12px;
}

.theme--pon .lestariHead.--compact .lestariPartnerInfo::before {
	content: "";
	width: 1px;
	height: 26px;
	background-color: var(--cl-lestari-border);
	position: absolute;
	left: -12px;
	z-index: 2;
}

.theme--pon .lestariPartnerInfo a {
	margin-left: 10px;
}

.theme--pon .lestariHead.--compact .lestariPartnerInfo img {
	position: absolute;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.articleListPartner .articleItem-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.articleListPartner.-list .articleItem-wrap {
	gap: 16px;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.articleListPartner.-list .articleItem-wrap {
	gap: 16px;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.articleListPartner .articleItem-img {
	width: 100%;
	background: var(--bg-gray-med);
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}

.articleListPartner .articleItem-img {
	width: 100%;
	background: var(--bg-gray-med);
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}

.articleListPartner.-list .articleItem-img {
	width: 236px;
}

.articleList.articleListPartner .articleItem-img {
	width: 80px;
	height: 80px;
}

.theme--pon .articleList.articleListPartner .articleItem-box {
	width: calc(100% - 80px - 16px);
}

.theme--pon .cover-photo.-gallery {
	margin-top: 10px;
}

.articleListPartner .articleTitle {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	color: var(--cl-txt);
	margin-top: 0 !important;
	margin-bottom: 5px;
	-webkit-line-clamp: 3;
	height: 60px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.articleListPartner.-list .articleTitle {
	font-size: 16px;
}

.bg-jelajah-pameran {
	background-image: url(../images/bg-jelajah-pameran.png);
}

.bg-jelajah-pameran-2 {
	background-image: url(../images/bg-jelajah-pameran-2.png);
	padding: 32px 0;
}

.bg-jelajah-pameran .sectionHead,
.bg-jelajah-pameran .section-wrap-desc {
	color: #fff;
}

.col-4,
.col,
.col-md-3 {
	position: relative;
	width: 100%;
}

.col-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.jelajah__header__item {
	text-align: center;
	padding: 20px 0 0;
	margin: 20px 0;
}

.jelajah__header__item::before {
	content: "";
	display: block;
	width: 300px;
	height: 2px;
	background-color: var(--pon-red);
	margin: 0 auto 20px;
}

.jelajah__header__item:last-child {
	padding-bottom: 20px;
}

.jelajah__header__item h3 {
	font-size: 20px;
	font-weight: 700;
}

.jelajah__header__item .btn-pon,
.jelajah__header__item .btn-pon-2 {
	margin: 20px auto 0;
}

.jelajah__leaderboard__slide {
	margin-bottom: 20px;
}

.jelajah__leaderboard__slide h3 {
	background: rgb(161, 35, 90);
	background: linear-gradient(60deg, rgba(161, 35, 90, 1) 0%, rgba(130, 28, 90, 1) 100%);
	padding: 10px;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
}

.slider__leaderboard__wrap {
	width: 300px;
}

.slider__leaderboard__item .slider__item {
	display: flex;
}

.slider__leaderboard__item .slider__item span {
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(161, 35, 90);
	background: linear-gradient(60deg, rgba(161, 35, 90, 1) 0%, rgba(130, 28, 90, 1) 100%);
	padding: 10px;
	color: #fff;
	font-weight: 700;
	width: 20%;
	flex-shrink: 0;
	flex-grow: 0;
}

.slider__leaderboard__item .slider__item>div {
	padding: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 80%;
	flex-shrink: 0;
	flex-grow: 0;
	background-color: #fff;
}

.slider__leaderboard__item .slider__item h4 {
	font-weight: 700;
	color: #333;
}

.slider__leaderboard__item .slider__item p {
	margin: 0;
	font-size: 20px;
	color: var(--pon-red);
	font-weight: 700;
}

.jelajah__list ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.jelajah__list ul li {
	overflow: hidden;
	height: 216px;
	padding: 5px;
	flex: 20%;
	max-width: 20%;
}

.jelajah__list__inner {
	background: #5f0436;
	height: 100%;
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.jelajah__list__inner--nonactive {
	cursor: not-allowed;
}

.jelajah__list__inner img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	mix-blend-mode: multiply;
}

.jelajah__list__inner--nonactive img {
	filter: grayscale(100%) brightness(0.6);
	mix-blend-mode: normal;
}

.jelajah__list__inner--active img {
	mix-blend-mode: normal;
}

.jelajah__list__inner span {
	display: block;
	z-index: 1;
}

.jelajah__list__inner p {
	margin: 0;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 0px 10px rgba(0, 0, 0, 0.8);
	font-size: 16px;
}

.jelajah__list__inner--active p,
.jelajah__list__inner--nonactive p {
	text-shadow: 1px 0px 10px rgba(0, 0, 0, 0.8) !important;
	color: #fff !important;
}

.jelajah__list__inner small {
	display: block;
	background: var(--pon-red);
	padding: 8px 25px;
	color: #fff;
	font-weight: 600;
	position: relative;
	font-size: 14px;
	border-radius: 8px;
	margin-top: 10px;
}

.jelajah__leaderboard__slide .slider__leaderboard .slick-arrow {
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	padding: 15px;
	z-index: 20;
	background-size: 12px;
	font-size: 0;
	border: none;
}

.jelajah__leaderboard__slide .slider__leaderboard .slick-prev {
	display: none !important;
}

.jelajah__leaderboard__slide .slider__leaderboard .slick-next {
	background-image: url("https://cdn-3.tstatic.net/ads/kompascom/petualangan-ramadhan-2024/v2/images/icon_next.png");
	right: 10px;
	display: block !important;
	position: absolute;
	top: 20px;
}

.col-md-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.jelajah--page {
	max-width: 720px;
	margin: 0 auto;
}

.jelajah__page {
	margin: 20px 0 60px;
}

.jelajah__page h3 {
	font-weight: 700;
	font-size: 16px;
}

.main__page__detail img {
	max-width: 100%;
	width: 100%;
	margin: 0;
}

.jelajah__page h4 {
	font-weight: 900;
	font-size: 18px;
}

.jelajah__page__form--soal {
	margin: 20px 0;
}

.jelajah__page__form--soal .soaloption {
	cursor: pointer;
	margin-bottom: 10px;
}

.jelajah__page__form--soal .soaloption table {
	vertical-align: top;
}

.jelajah__page__form--soal .soaloption table tr td {
	vertical-align: top;
}

.jelajah__page__form--soal .soaloption input[type="checkbox"],
.jelajah__page__form--soal .soaloption input[type="radio"] {
	width: auto !important;
	cursor: pointer;
}

.jelajah__page__form--soal .soaloption label {
	cursor: pointer;
	font-size: 16px;
	line-height: inherit !important;
	padding: 0 10px;
	font-weight: 400;
	font-style: normal;
}

.jelajah__page .petunjuk {
	display: block;
}

.jelajah__page a {
	color: var(--pon-red);
	font-weight: bold;
	font-weight: 900;
	font-size: 16px;
}

.jelajah__page__form .btn-pon {
	margin-bottom: 20px;
	margin-left: 0;
}

.bg-promo-2 {
	background-image: url(../images/bg-promo-deals-2.png);
}

.promo-wrap {
	text-align: center;
	padding-bottom: 40px;
}

.promo-wrap h3 {
	font-size: 20px;
	font-weight: 700;
}

.promo-wrap p {
	color: #333;
}

.promo-img-wrap {
	margin: 32px;
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: center;
}

.promo-img {
	width: 180px;
}

.promo-btn-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

/* micromodal */

/**************************\
    Basic Modal Styles
\**************************/

.modal__overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999999;
}

.modal__container {
	background-color: #fff;
	max-height: 95vh;
	border-radius: 12px;
	box-sizing: border-box;
	width: 90%;
	max-width: 600px;
	overflow: hidden;
	padding: 20px;
	overflow-y: auto;
	position: relative;
}

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

.modal__title {
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 22px;
	line-height: 1.25;
	box-sizing: border-box;
}

.modal__subtitle {
	font-weight: 600;
	margin-top: 10px;
}

.modal__list li {
	list-style: disc;
	margin-left: 20px;
}

.modal__list li::marker {
	color: #f30a01;
}

.modal__close {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 10px;
	right: 10px;
	margin-left: auto;
	border-radius: 50%;
	background-color: #c1c1c1;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	color: #fff;
	cursor: pointer;
}

.modal__header .modal__close:before {
	content: "\2715";
}

.modal__content {
	line-height: 1.5;
	color: #2a2a2a;
	max-height: 85vh;
	overflow: auto;
	padding-right: 10px;
}

.modal__content::-webkit-scrollbar {
	width: 6px;
}

.modal__content::-webkit-scrollbar-thumb {
	width: 6px;
	background-color: #f30a01;
	border-radius: 6px;
}

.modal__content::-webkit-scrollbar-track {
	width: 6px;
	background-color: #ebebeb;
	border-radius: 6px;
}

.modal__group {
	border-bottom: solid 1px #2a2a2a;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.modal__group:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

/**************************\
    Demo Animation Style
\**************************/

@keyframes mmfadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes mmfadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes mmslideIn {
	from {
		transform: scale(0);
	}

	to {
		transform: scale(1);
	}
}

@keyframes mmslideOut {
	from {
		transform: scale(1);
	}

	to {
		transform: scale(0);
	}
}

.micromodal-slide {
	display: none;
}

.micromodal-slide.is-open {
	display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
	animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
	animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
	animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
	animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
	will-change: transform;
}

.modal__content ul li {
	display: list-item;
	list-style-type: disc;
	margin-left: 20px;
}

.modal__content form input {
	width: 100%;
	padding: 6px 12px;
	border-radius: 6px;
	border: solid 1px #c3c3c3;
	font-size: 16px;
	color: #333;
	margin: 6px 0;
}

.modal__content form input[type="submit"] {
	padding: 6px 20px !important;
	margin: 10px auto 0;
}

.sect-gamification {
	padding-top: 0;
}

.sect-gamification .sectionHead {
	margin-bottom: 0;
}

.articleHL .articleItem:hover h2.articleTitle {
	color: #0041C0;
}


.section-rolls {
	width: 100%;
	display: flex;
	gap: 15px;
}

/* reels/rolls */

.reelsCard {
	position: relative;
	background: var(--bg-main)
}


.reelsCard-wrap {
	padding: 0 0 15px
}

.reelsCardhead {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 20px;
	padding: 15px 0
}

.reelsCardhead,
.reelsCardhead-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.reelsCardhead-inner {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px
}

.reelsCardhead-icon {
	width: 43px;
	height: 43px
}

.reelsCardhead-title {
	min-width: 90px;
	height: 33px
}

.reelsCardhead-title img {
	height: 33px
}

.reelsCardhead-more {
	font-size: 12px;
	font-weight: 700;
	color: var(--cl-blue)
}

.reelsCardhead-kanal {
	position: relative;
	background: var(--bg-main)
}

.reelsCardhead-kanal .reelsCardhead {
	padding: 0
}

.reelsCard_desc {
	font-size: 12px;
	font-weight: 700;
	color: #9d9d9e
}

.reelsCard .slider-sl {
	height: 479px
}

.reelsCard .slider-sl .reelsItem {
	max-width: 300px
}

.reelsCard .slider-sl .reelsItem-img {
	border-radius: 12px
}

.reelsCard .slider-kanal {
	height: 261px
}

.reelsCard .slider-kanal .reelsItem-box {
	padding: 12px
}

.reelsCard .slider-kanal .reelsItem-img:after {
	height: 75%
}

.reelsCard .slider-kanal .reelsItem-play {
	width: 32px;
	height: 32px;
	top: 45%
}

.reelsCard .slider-kanal .reelsItem-title {
	font-size: 14px
}

.reelsCard .slider-kanal .reelsItem {
	max-width: 170px
}

.reelsCardHL-wrapper {
	overflow: hidden;
	padding: 0 15px;
	margin: 0 -15px
}

.reelsCardHL-slider {
	display: flex;
	gap: 25px;
}

.reelsCardHL-slider .reelsItem-box {
	padding: 28px 24px
}

.reelsCardHL-slider .reelsItem-play {
	width: 60px;
	height: 60px
}

.reelsCardHL-slider .reelsItem-title {
	font-size: 24px
}

.reelsCardHL-slider .reelsItem {
	min-width: 248px;
	/* override */
	/* padding: 0 7px */
}

.reelsCardHL-slider .slick-list {
	padding-left: 0 !important;
	margin-left: -7px
}

.reelsCardHL-slider .icon-photo-slider {
	background-color: var(--bg-white);
	border-radius: 100%;
	position: absolute;
	color: #fff;
	z-index: 1;
	width: 36px;
	height: 36px;
	line-height: 1;
	font-size: 34px;
	text-align: center;
	top: 0;
	bottom: 0;
	margin: auto
}

.reelsCardHL-slider .icon-photo-slider svg {
	-webkit-filter: var(--ico-invert);
	filter: var(--ico-invert);
	width: 7px;
	height: 20px
}

.reelsCardHL-slider .icon-photo-slider[aria-disabled=true] {
	opacity: 0
}

.reelsCardHL-slider .icon-photo-left {
	left: -15px;
	-webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, .3);
	box-shadow: 3px 0 6px rgba(0, 0, 0, .3)
}

.reelsCardHL-slider .icon-photo-right {
	right: -15px;
	-webkit-box-shadow: -3px 0 6px rgba(0, 0, 0, .3);
	box-shadow: -3px 0 6px rgba(0, 0, 0, .3)
}

.reelsCardHL-track {
	position: relative;
	overflow-x: scroll;
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory;
	margin: 0 -7px
}

.reelsItem-img {
	border-radius: 8px;
	width: 100%;
	padding-bottom: 167.53%;
	position: relative;
	overflow: hidden;
	background: var(--bg-gray-med)
}

.reelsItem-img:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 65%;
	z-index: 1;
	pointer-events: none;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8))
}

.reelsItem-img img {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	top: 0;
	height: 100%
}

.reelsItem-box,
.reelsItem-img img {
	position: absolute;
	left: 0;
	width: 100%
}

.reelsItem-box {
	bottom: 0;
	z-index: 2;
	padding: 18px 16px
}

.reelsItem-play {
	width: 40px;
	height: 40px;
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E");
	-webkit-filter: invert(100%) sepia(0) saturate(6817%) hue-rotate(208deg) brightness(118%) contrast(82%);
	filter: invert(100%) sepia(0) saturate(6817%) hue-rotate(208deg) brightness(118%) contrast(82%);
	background-size: auto 100%;
	background-position: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.reelsItem-cat {
	font-size: 10px;
	padding: 5px 0
}

.reelsItem-cat,
.reelsItem-title {
	color: var(--cl-white);
	white-space: normal
}

.reelsItem-title {
	font-size: 18px;
	font-weight: 700;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.reelsItem-brand {
	position: relative;
	width: 100%;
	height: 23px
}

.reelsItem-brand>img {
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: left;
	object-position: left
}

.theme--reels {
	background-color: #1e1e1e;
	padding-top: 62px;
	min-height: 100vh
}

.theme--reels .container .col-bs10-7 {
	width: 100%
}

.theme--reels .container .col-bs10-7+.col-bs10-3 {
	width: 30%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2
}


.reelsList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 14px
}

.reelsList .reelsItem {
	width: calc(100% / 2 - 7px)
}

@media (min-width: 768px) {
	.reelsList .reelsItem {
		width: calc(100% / 3 - 9.333px)
	}
}

.reels-content {
	display: flex;
	gap: 1.25rem;
}

.instagram-embed {
	overflow: hidden;
	flex-shrink: 0;
	width: 55%;
	height: 606px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid var(--cl-grey-border);
}

.reels-content-txt {
	padding: 1.5rem;
	background-color: var(--bg-warticle);
	border-radius: 0.75rem;
	width: 45%;
	font-size: 36px;
	font-weight: 500;
	color: var(--cl-main);
	height: 606px;
}

.reels-content-txt h1 {
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 2rem;

}

.reels-time {
	color: var(--cl-time2);
	font-size: 0.75rem;
	line-height: 1rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.reels-content .socmedList {
	width: 266px;
	padding: 0px;
}

.reels-content .socmedButton {
	min-width: 2.25rem;
	flex-basis: 2.25rem;
}

.reels-content .socmedBlock {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.reels-content .icoSocmed {
	background-color: transparent;
}

.reels-content .icoSocmed:after {
	filter: none;
}

.reels-content .icoFacebook:after {
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24%2012.073C24%2018.062%2019.606%2023.027%2013.87%2023.928V15.565H16.659L17.19%2012.105H13.87V9.86C13.87%208.913%2014.334%207.991%2015.82%207.991H17.329V5.045C17.329%205.045%2015.959%204.811%2014.65%204.811C11.916%204.811%2010.13%206.468%2010.13%209.467V12.104H7.091V15.564H10.13V23.927C4.395%2023.025%200%2018.061%200%2012.073C0%205.446%205.373%200.072998%2012%200.072998C18.627%200.072998%2024%205.445%2024%2012.073Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
}

.reels-content .icoLine:after {
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_371_3720)%22%3E%3Cpath%20d%3D%22M18.59%200H5.41C2.422%200%200%202.422%200%205.41V18.59C0%2021.578%202.422%2024%205.41%2024H18.59C21.578%2024%2024%2021.578%2024%2018.59V5.41C24%202.422%2021.577%200%2018.59%200ZM18.284%2014.865C16.605%2016.797%2012.852%2019.151%2011.998%2019.511C11.144%2019.871%2011.27%2019.282%2011.305%2019.079C11.326%2018.959%2011.419%2018.394%2011.419%2018.394C11.446%2018.19%2011.474%2017.873%2011.393%2017.671C11.303%2017.448%2010.949%2017.333%2010.688%2017.276C6.843%2016.768%203.996%2014.08%203.996%2010.87C3.996%207.29%207.586%204.376%2011.998%204.376C16.41%204.376%2020%207.289%2020%2010.87C19.999%2012.302%2019.444%2013.593%2018.284%2014.865Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M15.81%2010.0119V10.6009H17.338C17.422%2010.6009%2017.491%2010.6699%2017.491%2010.7539V11.3219C17.491%2011.4059%2017.423%2011.4749%2017.338%2011.4749H15.81V12.0639H17.338C17.422%2012.0639%2017.491%2012.1329%2017.491%2012.2169V12.7849C17.491%2012.8689%2017.423%2012.9369%2017.338%2012.9369H15.09C15.006%2012.9369%2014.937%2012.8689%2014.937%2012.7849V9.29192C14.937%209.20792%2015.005%209.13892%2015.09%209.13892H17.338C17.422%209.13892%2017.491%209.20692%2017.491%209.29192V9.85892C17.491%209.94292%2017.423%2010.0119%2017.338%2010.0119H15.81Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M9.17409%2012.2169V12.7849C9.17409%2012.8689%209.10609%2012.9369%209.02109%2012.9369H6.77309C6.68909%2012.9369%206.62109%2012.8689%206.62109%2012.7849V9.29192C6.62109%209.20792%206.68909%209.13892%206.77309%209.13892H7.34109C7.42509%209.13892%207.49409%209.20692%207.49409%209.29192V12.0639H9.02209C9.10609%2012.0639%209.17409%2012.1329%209.17409%2012.2169Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M10.5283%209.29192V12.7839C10.5283%2012.8679%2010.4603%2012.9359%2010.3753%2012.9359H9.80827C9.72427%2012.9359%209.65527%2012.8679%209.65527%2012.7839V9.29192C9.65527%209.20792%209.72327%209.13892%209.80827%209.13892H10.3753C10.4593%209.13892%2010.5283%209.20792%2010.5283%209.29192Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M14.3913%209.29192V12.7839C14.3913%2012.8679%2014.3233%2012.9359%2014.2383%2012.9359H13.6743C13.6243%2012.9359%2013.5753%2012.9109%2013.5463%2012.8699L11.9463%2010.7099V12.7839C11.9463%2012.8679%2011.8783%2012.9359%2011.7933%2012.9359H11.2253C11.1413%2012.9359%2011.0723%2012.8679%2011.0723%2012.7839V9.29192C11.0723%209.20792%2011.1403%209.13892%2011.2253%209.13892H11.7893C11.8423%209.13892%2011.8883%209.16692%2011.9193%209.20792L13.5173%2011.3659V9.29192C13.5173%209.20792%2013.5853%209.13892%2013.6703%209.13892H14.2383C14.3233%209.13892%2014.3913%209.20792%2014.3913%209.29192Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_371_3720%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.reels-content .icoTelegram:after {
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_371_3722)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%200C5.373%200%200%205.373%200%2012C0%2018.627%205.373%2024%2012%2024C18.627%2024%2024%2018.627%2024%2012C24%205.373%2018.627%200%2012%200ZM17.562%208.161C17.382%2010.058%2016.6%2014.663%2016.203%2016.788C16.035%2017.688%2015.703%2017.989%2015.383%2018.018C14.686%2018.082%2014.157%2017.557%2013.482%2017.115C12.426%2016.423%2011.829%2015.992%2010.804%2015.316C9.619%2014.535%2010.387%2014.106%2011.062%2013.405C11.239%2013.221%2014.309%2010.428%2014.369%2010.175C14.376%2010.143%2014.384%2010.025%2014.313%209.963C14.242%209.901%2014.139%209.922%2014.065%209.939C13.959%209.963%2012.272%2011.078%209.003%2013.284C8.524%2013.613%208.09%2013.773%207.701%2013.765C7.273%2013.756%206.449%2013.523%205.836%2013.323C5.085%2013.079%204.487%2012.949%204.539%2012.535C4.566%2012.319%204.863%2012.098%205.431%2011.872C8.929%2010.348%2011.262%209.343%2012.429%208.857C15.762%207.471%2016.454%207.23%2016.906%207.222C17.472%207.214%2017.608%207.681%2017.562%208.161Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_371_3722%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.reels-content .icoCopyLink:after {
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_371_3721)%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M12%200C5.37281%200%200%205.37281%200%2012C0%2018.6272%205.37281%2024%2012%2024C18.6272%2024%2024%2018.6272%2024%2012C24%205.37281%2018.6272%200%2012%200ZM13.6627%2017.1L12.8972%2017.8655C12.4513%2018.3103%2011.9222%2018.663%2011.34%2018.9032C10.7578%2019.1435%2010.134%2019.2667%209.50421%2019.2658C8.8744%2019.2649%208.25093%2019.1399%207.66945%2018.8979C7.08797%2018.6559%206.55986%2018.3018%206.11531%2017.8556C4.24875%2015.9806%204.28719%2012.9338%206.1575%2011.0588L6.89062%2010.3275C7.04939%2010.1687%207.2647%2010.0796%207.48922%2010.0796C7.71373%2010.0796%207.92905%2010.1687%208.08781%2010.3275C8.24656%2010.4863%208.33575%2010.7016%208.33575%2010.9261C8.33575%2011.1506%208.24656%2011.3659%208.08781%2011.5247L7.32187%2012.2902C7.033%2012.5797%206.80428%2012.9235%206.6489%2013.3018C6.49353%2013.6802%206.41456%2014.0855%206.41657%2014.4945C6.41857%2014.9035%206.5015%2015.308%206.66058%2015.6848C6.81966%2016.0616%207.05174%2016.4032%207.34344%2016.6898C8.56219%2017.8833%2010.523%2017.8453%2011.7281%2016.6402L12.4655%2015.9028C12.5439%2015.8232%2012.6372%2015.76%2012.7402%2015.7167C12.8431%2015.6734%2012.9537%2015.6508%2013.0654%2015.6504C13.1771%2015.65%2013.2877%2015.6717%2013.391%2015.7143C13.4943%2015.7568%2013.5881%2015.8194%2013.6671%2015.8984C13.7461%2015.9774%2013.8086%2016.0712%2013.8512%2016.1745C13.8938%2016.2777%2013.9155%2016.3884%2013.915%2016.5001C13.9146%2016.6118%2013.8921%2016.7223%2013.8488%2016.8253C13.8055%2016.9282%2013.7422%2017.0216%2013.6627%2017.1ZM15.007%2010.1803L10.1789%2015.0084C10.0191%2015.1617%209.80559%2015.2462%209.58418%2015.244C9.36276%2015.2417%209.15106%2015.1527%208.99446%2014.9962C8.83786%2014.8396%208.74882%2014.628%208.74644%2014.4065C8.74406%2014.1851%208.82852%2013.9716%208.98172%2013.8117L13.8098%208.98359C13.969%208.82677%2014.1837%208.73923%2014.4071%208.74005C14.6306%208.74088%2014.8446%208.83%2015.0026%208.988C15.1606%209.14599%2015.2497%209.36005%2015.2506%209.58348C15.2514%209.80692%2015.1639%2010.0216%2015.007%2010.1808V10.1803ZM17.8664%2012.8991L17.1%2013.6627C17.0216%2013.7422%2016.9282%2013.8055%2016.8253%2013.8488C16.7223%2013.8921%2016.6118%2013.9146%2016.5001%2013.915C16.3884%2013.9155%2016.2777%2013.8938%2016.1745%2013.8512C16.0712%2013.8086%2015.9774%2013.7461%2015.8984%2013.6671C15.8194%2013.5881%2015.7568%2013.4943%2015.7143%2013.391C15.6717%2013.2877%2015.65%2013.1771%2015.6504%2013.0654C15.6508%2012.9537%2015.6734%2012.8431%2015.7167%2012.7402C15.76%2012.6372%2015.8232%2012.5439%2015.9028%2012.4655L16.6683%2011.7C16.9571%2011.4104%2017.1858%2011.0666%2017.3411%2010.6882C17.4965%2010.3099%2017.5754%209.90455%2017.5734%209.49557C17.5713%209.08658%2017.4883%208.68205%2017.3292%208.30528C17.1701%207.92851%2016.938%207.58696%2016.6462%207.30031C15.4298%206.10688%2013.4672%206.14438%2012.262%207.35L11.5247%208.08734C11.3659%208.24609%2011.1506%208.33528%2010.9261%208.33528C10.7016%208.33528%2010.4863%208.24609%2010.3275%208.08734C10.1687%207.92858%2010.0796%207.71326%2010.0796%207.48875C10.0796%207.26424%2010.1687%207.04892%2010.3275%206.89016L11.0625%206.1575C12.9342%204.28578%2015.9811%204.24875%2017.8594%206.11531C18.3053%206.56011%2018.6591%207.08841%2018.9008%207.67003C19.1424%208.25164%2019.2671%208.87517%2019.2677%209.50499C19.2682%2010.1348%2019.1447%2010.7586%2018.9041%2011.3406C18.6635%2011.9227%2018.3106%2012.4516%2017.8655%2012.8972L17.8664%2012.8991Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_371_3721%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.reels-content .reels-desc p {
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 400;
}


.articleHL-big~.articleHL-small .articleHL-wrap .articleTitle,
.articleHL-big~.articleHL-small .articleHL-wrap .articlePost-subtitle,
.articleHL-big~.articleHL-small .articleHL-wrap .articlePost ul li,
.articleHL-big~.articleHL-small .articleHL-wrap .articlePost ul li .articlePost-date {
	color: #333;
}

/* @media (prefers-color-scheme: dark) {

	.articleHL-small .articleHL-wrap .articleTitle,
	.articleHL-wrap .articlePost-subtitle {
		color: #fff;
	}
}

.theme-dark .articleHL-big .articleHL-box .articleTitle,
.theme-dark .articleHL-small .articleHL-wrap .articleTitle,
.theme-dark .articleHL-wrap .articlePost-subtitle,
.articleHL-wrap .articlePost ul li {
	color: #fff;
} */

.recommendation--small .article__title {
	max-height: 102px;
	height: 102px;
	overflow: hidden;
	font-size: 16px;
}