/* ===========================================
   Enago JP Homepage Revamp — Desktop (1520px)
   Pixel-faithful translation of Figma node 1322:211
   =========================================== */

/* Reset */
*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	scroll-padding-top: 80px;
}

html,
body {
	min-width: unset;
	overflow-x: hidden;
}

body {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", "Helvetica Neue", Helvetica, Arial, "sans-serif";
	;
	-webkit-font-smoothing: antialiased;
	color: #333;
	background: #fff;
}

img {
	display: block;
	max-width: 100%;
}

a {
	text-decoration: none;
	color: inherit;
	text-decoration: none;
}

span.underline {
	text-underline-offset: 4px;
	text-decoration: underline;
}

span.underline:hover {
	text-decoration: none;
}

ul,
ol {
	list-style: none;
}

.container {
	max-width: 1080px;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}

/* ===== Section 1: Notification strip (1322:218) ===== */
.notif-bar {
	display: flex;
	align-items: center;
	gap: 49px;
	padding: 6px 220px;
	background-image: linear-gradient(90deg,
			rgb(248, 128, 50) 0%,
			rgb(233, 87, 77) 10.729%,
			rgb(218, 48, 102) 34.687%,
			rgb(238, 99, 69) 48.229%,
			rgb(220, 52, 99) 64.375%,
			rgb(244, 94, 121) 85.729%,
			rgb(234, 107, 54) 100%);
}

.newcardwrap {
	background: #ffffdf;
	border-radius: 30px;
	padding-bottom: 30px !important;
}

.notif-card {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 22px;
	padding: 5px 12px;
	background: rgba(255, 255, 255, 0.17);
	border-radius: 7px;
	flex-shrink: 0;
}

.notif-card--588 {
	max-width: 588px;
	width: 100%;
}

.notif-card--443 {
	max-width: 443px;
	width: 100%;
}

.notif-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

.notif-icon {
	width: 22.542px;
	height: 22px;
	flex-shrink: 0;
}

.notif-icon--lg {
	width: 25px;
	height: 24px;
}

.notif-text {
	font-size: 11px;
	color: #fff;
	white-space: nowrap;
	line-height: normal;
}

.notif-text .bold {
	font-weight: bold;
}

.notif-link {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
	white-space: nowrap;
	flex-shrink: 0;
}

/* ===== Section 2: Header (1326:419) ===== */
.site-header {
	background: #fff;
	padding: 16px 0px;
	z-index: 500;
	position: relative;

}

.site-header__inner {
	max-width: 1080px;
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
}

.logo {
	display: block;
	/* width: 188.502px;
  height: 54px; */
}

.logo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.header-nav {
	display: flex;
	align-items: center;
	gap: 12px;
}

.btn-contact {
	display: flex;
	align-items: center;
	gap: 8px;
	background: #fff;
	border: none;
	border-radius: 42px;
	padding: 10px 12px;
	filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.16));
	cursor: pointer;
}

.btn-contact__icon {
	width: 24px;
	height: 24px;
}

.btn-contact__chev {
	width: 24px;
	height: 24px;
}

.btn-contact span {
	font-size: 12px;
	line-height: 26px;
	color: #212529;
	white-space: nowrap;
}

.btn-login {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 46px;
	padding: 0 12px;
	background: #fff;
	border: 1px solid #4d4d4d;
	border-radius: 5px;
	font-size: 12px;
	line-height: 18px;
	color: #212529;
	white-space: nowrap;
	filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
}

.btn-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 12px;
	background: #147fd4;
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 26px;
	white-space: nowrap;
	text-align: center;
}

body:has(.video-player.show),
body:has(.carouselpopup.show) {
	overflow: hidden;
}

.video-player,
.carouselpopup {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	backdrop-filter: blur(5px);
}

.video-player.show,
.carouselpopup.show {
	display: flex;
	animation: fadeIn 0.3s ease-in-out;
}

.backdrop {
	position: relative;
	width: 80%;
	max-width: 80vw;
	max-height: 80vh;
	aspect-ratio: 16 / 9;
}

.vidframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: none;
	border-radius: 8px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.close-btn {
	position: absolute;
	top: -40px;
	right: 0;
	background: transparent;
	border: none;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
}

/* ===== Section 3: Sub-nav menu bar (1322:274) ===== */
.subnav {
	background: #464646;
	padding: 0 0px;
	/* mirrors visual; original has padding 420px on a 1920 frame */
	width: 100%;
	position: sticky;
	top: 0;
	z-index: 500;
}

.subnav__inner {
	max-width: 1080px;
	margin: 0 auto;
	background: #464646;
	padding: 0 8px;
	border-radius: 5px;
	/* height: 50px; */
	display: flex;
	align-items: center;
}

.subnav__home {
	display: flex;
	align-items: center;
	width: 18px;
	height: 21px;
	margin-right: 15px;
	padding-top: 2.11px;
	padding-bottom: 4.89px;
	flex-shrink: 0;
}

.subnav__home img {
	width: 18px;
	height: 21px;
}

.subnav__list {
	display: flex;
	align-items: center;
	gap: 14.7px;
	padding: 0 7.4px;
	flex: 1;
}

.subnav__item {
	position: relative;
	padding-right: 30px;
	/* height: 50px; */
	display: flex;
	align-items: center;
}

.subnav__item a {
	display: inline-flex;
	align-items: center;
	position: relative;
	font-size: 16px;
	color: #fff;
	line-height: 50px;
	white-space: nowrap;
}

.subnav__item:hover a {
	color: #fec043;
	font-weight: bold;
}



/* ===== Section 4: Hero (1322:3164) ===== */
.hero__content {}

.hero {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: #fffcf3 !important;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	padding: 40px 20px;
}

.hero__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.hero__image {
	position: absolute;
	right: 0;
	top: 0;
	width: 832px;
	height: 449px;
	object-fit: cover;
	/* image is anchored to the right portion */
}

.hero__bg-tint {
	position: absolute;
	inset: 0;
	backdrop-filter: blur(25px);
	background-image: linear-gradient(84.73deg,
			rgb(255, 252, 243) 41.046%,
			rgba(255, 252, 243, 0.1) 67.916%,
			rgb(255, 252, 243) 87.841%);
}

.hero__bg-shade {
	position: absolute;
	right: 0;
	top: 0;
	width: 869px;
	height: 398px;
	background-image: linear-gradient(-90deg,
			rgba(0, 0, 0, 0.7) 0%,
			rgba(0, 0, 0, 0.58) 56.831%,
			rgba(0, 0, 0, 0) 86.594%);
	pointer-events: none;
}

.hero__bg-subtract {
	position: absolute;
	left: 791px;
	top: -27px;
	width: 605px;
	height: 447px;
	pointer-events: none;
}

.hero__content {
	/* position: absolute; */
	/* left: 220px; */
	/* top: 50%; */
	/* transform: translateY(-50%); */
	width: 100%;
	max-width: 798px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	z-index: 1;
}

.pdfviewer-inernal {
	display: block;
	width: 80vw;
	height: 80vh;
}

.hero__title {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 44px;
	line-height: 54px;
	color: #212529;
}

.hero__subtitle {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 24px;
	line-height: 34px;
	color: #212529;
}

.owl-carousel.owl-carousel-pdf {
	background: transparent !important;
}

.owl-carousel.owl-carousel-pdf iframe {
	border: none;
	;
	border-radius: 10px;
}

.hero__creds {
	display: flex;
	align-items: center;
	gap: 20px;
}

.hero__creds-logo {
	width: 150px;
	height: 150px;
	object-fit: contain;
}

.hero__creds-badge {
	padding: 12.287px 27.305px 9.557px;
	border-radius: 5.461px;
	background-image: linear-gradient(to right,
			rgba(177, 227, 235, 0) 0%,
			rgba(177, 227, 235, 0.5) 48.558%,
			rgba(177, 227, 235, 0) 100%);
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 16px;
	line-height: 24px;
	color: #212529;
	text-align: center;
	white-space: nowrap;
}

/* ===== Section 5: Side fixed panel (1322:2514) ===== */
.side-nav {
	position: fixed;
	left: -200px;
	top: 50%;
	/* per Figma; can be made sticky later */
	/* width: 204px; */
	/* overflow: hidden; */
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #4d4d4d;
	z-index: 550;
	transform: translateY(-50%);
	transition: .2s all ease-in-out;
	padding: 10px 0;
}

.side-nav.side-nav--open {
	left: 0;
	transition: .2s all ease-in-out;
}

.side-nav.side-nav--open .side-nav__handle img {
	transform: rotate(180deg);
	transition: .2s all ease-in-out;
}

.side-nav__list {
	width: 100%;
	/* max-height: 300px; */
	overflow-y: auto;
	scrollbar-color: rgba(255, 255, 255, .2) transparent;
	scrollbar-width: thin;

}

.side-nav__item {
	background: #444444;
}

.side-nav__item--top {
	background: #444444;
}

.side-nav__item a {
	display: inline-block;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	white-space: nowrap;
	text-decoration: underline;
	text-underline-offset: 4px;
	display: block;

	padding: 10px 16px;
}

.side-nav__item {
	transition: .2s all ease-in-out;
	transition-delay: .2s;
	/* opacity: .7; */
}

.side-nav__item:hover {
	background: #4D4D4D;
	opacity: 1;
	transition: .2s all ease-in-out;
}

.side-nav__link {
	text-decoration: underline;
}

.side-nav__link--active {
	font-weight: bold;
}

.side-nav__handle {
	position: absolute;
	right: -30px;
	top: 50%;
	/* offset within panel; original at y=685 vs panel top=535 → 150px */
	width: 30px;
	transform: translateY(-50%);
	height: 80px;
}

/* ===== Section 6: Coupon intro card (1322:605) ===== */
.coupon-card__badge-text {
	background-color: #ffd900;
	position: relative;
	padding: 5px 0px;
}

.coupon-card__badge-text:before {
	content: "";
	position: absolute;
	left: -21px;
	top: 0;
	width: 0px;
	height: 0px;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
	border-right: 22px solid #ffd900;
}

.coupon-card__badge-text:after {
	content: "";
	position: absolute;
	right: -21px;
	top: 0;
	width: 0px;
	height: 0px;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
	border-left: 22px solid #ffd900;
}

.coupon-card-wrap {
	/* container, sits inside main column */
	max-width: 933px;
	width: 100%;
	margin: 50px auto 0;
	padding: 0;
	position: relative;
	margin-top: 70px;
}

.coupon-card {
	position: relative;
	background: #ffffdf;
	border-radius: 30px;
	padding: 40px 30px 30px;
	display: flex;
	justify-content: center;
}

.coupon-card__badge {
	position: absolute;
	left: 50%;
	top: -15px;
	max-width: 532px;
	width: 100%;
	height: 30px;
	transform: translateX(-50%);
}

.coupon-card__badge-bg {
	position: absolute;
	left: 60px;
	top: -3.72px;
	max-width: 410px;
	width: 100%;
	height: 38px;
}

.coupon-card__badge-text {
	position: absolute;
	left: 50%;
	top: 16px;
	max-width: 440px;
	width: 100%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #212529;
	white-space: nowrap;
}

.coupon-card__badge-text .t-20 {
	font-size: 20px;
	line-height: 30px;
}

.coupon-card__badge-text .t-24-b {
	font-size: 24px;
	line-height: 34px;
	font-weight: bold;
}

.coupon-card__inner {
	display: flex;
	align-items: center;
	gap: 25px;
	width: 100%;
}

.coupon-code {
	position: relative;
	max-width: 458px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.coupon-code__row {
	display: flex;
	align-items: center;
	height: 96.063px;
	z-index: 2;
	position: relative;
	width: 100%;
}

.coupon-code__code {
	background: #fff;
	border: 2px dashed #c6c5c5;
	border-right: 0;
	cursor: pointer;
	border-top-left-radius: 15.494px;
	border-bottom-left-radius: 15.494px;
	/* border-bottom-left-radius: 15.494px; */
	padding: 15.494px 15.494px 9.296px 21.692px;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 55.779px;
	line-height: 67.273px;
	color: #212529;
	text-align: center;
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
	/* border-bottom: none; */
}

.coupon-code__copy {
	width: 96.063px;
	height: 96.063px;
	background: #fff;
	border: 2px dashed #c6c5c5;
	border-top-right-radius: 15.494px;
	border-bottom-right-radius: 15.494px;
	/* border-bottom-right-radius: 15.494px; */
	padding: 15.494px 21.692px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	/* border-bottom: none; */
	overflow: hidden;
}

.coupon-code__copy img {
	width: 37.186px;
	height: 37.186px;
}

.coupon-code__notice {
	left: -0.5px;
	max-width: 458px;
	width: 100%;
	padding: 5px 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	background: #fec043;
	border-bottom-left-radius: 15.49px;
	border-bottom-right-radius: 15.49px;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	color: #212529;
	white-space: nowrap;
	position: relative;
	top: -15px;
	position: relative;
	z-index: 1;
	padding-top: 20px;
}

.coupon-card__divider {
	width: 1px;
	height: 96px;
	background: linear-gradient(360deg,
			rgba(247, 241, 236, 0.8) 13.43%,
			rgba(152, 152, 152, 0.8) 52.55%,
			rgba(247, 241, 236, 0.8) 91.67%);
}

.coupon-card__notes {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}

.coupon-card__notes li {
	display: flex;
	gap: 6px;
	align-items: flex-start;
}

.coupon-card__notes .dot {
	width: 8px;
	height: 8px;
	margin-top: 5px;
	background: #fec043;
	border: 2px solid #fec043;
	flex-shrink: 0;
}

.coupon-card__notes p {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 14px;
	line-height: 20px;
	color: #212529;
}

/* ===== Section 7: Services block heading + tabs ===== */
.services-block {
	/* width: 1080px; */
	margin: 50px auto 0;
	padding-top: 40px;
}

.services-heading {
	max-width: 710px;
	width: 100%;
	margin: 0 auto;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 36px;
	line-height: 1.2;
	color: #212529;
	text-align: center;
}

.service-tabs {
	display: flex;
	max-width: 809px;
	width: 100%;
	margin: 30px auto 0;
	padding: 0 16px;
	z-index: 2;
	margin-bottom: -25px
}

.service-tab {
	position: relative;
	flex: 1;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 18px;
	line-height: 28px;
	background: #f6fbff;
	color: #212529;
	border: 1px solid #ddd;
	text-align: center;
}

.service-tab--active {
	background: #1d1d1d;
	color: #fff;
	font-weight: bold;
	border-color: #1d1d1d;
}

.service-tab--active .service-tab__caret {
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #1d1d1d;
}

/* ===== Section 8: Service intro + 3-column cards (1322:639 / 1322:648) ===== */
.svc-intro {
	display: flex;
	align-items: center;
	gap: 30px;
	/* width: 1048px; */
	padding: 67px auto 50px;
	margin: 50px 0;
	margin-top: 25px;
	/* padding: 0 50px; */
}

.svc-intro__img {
	/* width: 482px; */
	/* height: 263px; */
	flex-shrink: 0;
	overflow: hidden;
	border-radius: 8px;
}

.svc-intro__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.svc-intro__text {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%
		/* width: 434px; */
}

.svc-intro__desc.desc-small {
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 0%;
	position: relative;
}

a.svc-link {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: right;
	display: block;
	position: absolute;
	right: 0px;
	bottom: 0px;

}

.svc-col {
	position: relative;
}

.svc-link {
	color: #00F;
}

.small-title {
	font-weight: 700;
	font-size: 24px !important;
	line-height: 34px !important;

}

.svc-intro__title {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 24px;
	line-height: 1.5;
	color: #212529;
}

.svc-intro__desc {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 16px;
	line-height: 1.5;
	color: #212529;
}

.svc-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: start;
	gap: 25px;
	/* gap: 25px; */
	justify-content: center;
	/* width: 1023px; */
	margin: 0 auto;
	padding: 0;
	border-radius: 30px;
	position: relative;
}

.svc-cards>.svc-card:not(:last-child) {
	border-right: 1px solid #e5e5e5;
	padding-right: 25px;
}

.svc-card {
	/* width: 307px; */
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	/* gap: 30px; */
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.svc-card__head {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.svc-card__head-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.svc-card__icon {
	width: 52px;
	height: 52px;
}

.svc-card__tags {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-direction: row-reverse;
}

.svc-card__title {
	font-size: 24px;
	font-weight: bold;
	line-height: 34px;
	color: #212529;
}

.editor-pill {
	display: inline-flex;
	align-items: center;
	gap: 9.474px;
	width: 97px;
	padding: 4px 10px;
	background: #ffffdf;
	border: 0.947px solid #ebeb00;
	border-radius: 32.211px;
	font-size: 12px;
	color: #212529;
}

.editor-pill img {
	width: 22px;
	height: 13px;
}

.tag-recommend {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px 10px;
	background: #fec043;
	color: #1d1d1d;
	border-radius: 2px;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
}

.tag-blue {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px 10px;
	background: blue;
	color: #fff;
	border-radius: 2px;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	white-space: nowrap;
}

.svc-card__section {
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-height: 260px;
}

.svc-card__section.top {
	min-height: 220px;
}

.svc-card__section.top .svc-card__body {
	min-height: unset;
}

.svc-card__heading {
	display: flex;
}

.svc-reverse {
	flex-direction: row-reverse;
	justify-content: center;
}

.svc-col {
	flex-direction: column;
	align-items: start
}

.svc-card__heading span {
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	color: #212529;
	border-bottom: 2px solid #d52b1e;
	display: inline-block;
	padding-bottom: 0px;
}

.svc-card__body {
	font-size: 16px;
	line-height: 28px;
	color: #212529;
	min-height: 200px;
}

.svc-card__body strong {
	font-weight: bold;
}

.vip-pack {
	display: flex;
	align-items: center;
	gap: 14px;
	width: 100%;
	height: 92px;
	padding: 10px;
	background-image: linear-gradient(to right,
			rgba(255, 255, 223, 0.2),
			rgba(251, 224, 130, 0.2));
	border: 1px solid #dee2e6;
	border-radius: 5px;
	font-size: 14px;
	margin-bottom: 10px;
}

.vip-pack p {
	font-size: 14px;
}

.vip-pack__badge {
	display: flex;
	flex-direction: column;
	gap: 2.801px;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.vip-pack__limited {
	display: inline-block;
	padding: 1.63px 3.73px;
	font-size: 7.002px;
	font-weight: bold;
	line-height: 9.336px;
	color: #212529;
	background-image: linear-gradient(90deg,
			rgb(252, 237, 126) 0%,
			rgb(236, 190, 85) 23%,
			rgb(255, 241, 142) 59%,
			rgb(221, 166, 63) 78.5%,
			rgb(251, 211, 94) 89.5%,
			rgb(213, 163, 64) 97.3%,
			rgb(187, 127, 32) 100%);
	width: 48.08px;
}

.vip-pack__label {
	font-weight: bold;
	font-size: 18px;
	color: #b97e1f;
}

.vip-pack p {
	/* width: 190px; */
	font-size: 14px;
	line-height: 24px;
	color: #212529;
}

.price-box {
	background: #fff;
	border: 1px solid #c6c5c5;
	border-radius: 5px;
	padding: 17px;
	text-align: center;
}

.price-box__text {
	color: #212529;
}

.price-box__text .t-16 {
	font-size: 16px;
}

.price-box__text .t-36-b {
	font-size: 36px;
	font-weight: bold;
}

.price-wrap {
	position: relative;
}

.price-ribbon {
	position: absolute;
	left: 50%;
	top: -10px;
	transform: translateX(-50%);
	background: #dff1fd;
	border: 1px solid #029dcd;
	border-bottom-left-radius: 9.474px;
	border-bottom-right-radius: 9.474px;
	padding: 4px 12px;
	display: flex;
	align-items: center;
	gap: 7.579px;
	width: max-content;
	/* width: 236.842px; */
	height: 27px;
	justify-content: center;
}

.price-ribbon img {
	width: 14.211px;
	height: 22.737px;
}

.price-ribbon span {
	font-size: 14px;
	line-height: 20px;
	color: #212529;
}

.top-banner {
	display: flex;
	align-items: center;
	gap: 14px;
	width: 100%;
	padding: 10px;
	background: #ffffe0;
	border: 1px solid #ecec00;
	border-radius: 5px;
	min-height: 92px;
	margin-bottom: 10px;
}

.top-banner p {
	font-size: 14px;
	line-height: 24px;
	color: #212529;
	/* flex-grow: 1; */
	width: 211px;
}

.top-banner img {
	width: 60px;
	height: 60px;
}

.bonus-list {
	display: flex;
	flex-direction: column;
	gap: 15px;
	min-height: 265px;
}

.bonus-list li {
	display: flex;
	align-items: center;
	gap: 5px;
}

.bonus-list li img {
	width: 17px;
	height: 15px;
	flex-shrink: 0;
}

.bonus-list li span {
	font-size: 14px;
	line-height: 20px;
	color: #212529;
}

.after-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.after-table th,
.after-table td {
	padding: 7px 0;
	border-bottom: 1px solid #dee2e6;
	vertical-align: middle;
	text-align: left;
}

.after-table th {
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	color: #212529;
}

.after-table td {
	line-height: 20px;
	color: #212529;
}

.after-table th:last-child,
.after-table td:last-child {
	padding-left: 16px;
	width: 80px;
}

.badge-free {
	display: inline-block;
	padding: 0.947px 4.737px 2.274px;
	background: #d72b27;
	color: #fff;
	font-size: 10px;
	line-height: 14px;
}

.shine-tag {
	background: #ffd900;
	border-radius: 3px;
	padding: 3px 8px 1px;
	font-size: var(--tag-two);
	line-height: var(--lh-tag-two);
	display: block;
	position: relative;
	overflow: hidden;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	font-weight: 700;
	font-size: 12px !important;
	margin-bottom: 8px;
}

.shine-cta {
	display: block;
	position: relative;
	overflow: hidden;
}

.shine-tag:after,
.shine-tag:before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-animation: style_buttonTagSwipe__2FjFw 3s linear 0s infinite;
	-moz-animation: style_buttonTagSwipe__2FjFw 3s linear 0s infinite;
	animation: style_buttonTagSwipe__2FjFw 3s linear 0s infinite;
	-webkit-backdrop-filter: blur(1px);
	backdrop-filter: blur(1px);
	width: 10px;
	background: rgba(255, 255, 255, 0.4);
	-webkit-transform: skewX(20deg);
	-moz-transform: skewX(20deg);
	transform: skewX(20deg);
}

.shine-cta:after,
.shine-cta:before {
	/* content: "";
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-animation: style_buttonGlassSwipe__2FjFw 4s linear 0s infinite;
	-moz-animation: style_buttonGlassSwipe__2FjFw 4s linear 0s infinite;
	animation: style_buttonGlassSwipe__2FjFw 4s linear 0s infinite;
	-webkit-backdrop-filter: blur(1px);
	backdrop-filter: blur(1px); */
}

.shine-tag::-webkit-textfield-decoration-container {
	background: rgba(255, 255, 255, 0.792);
	width: 20px;
	-webkit-transform: skewX(20deg);
	-moz-transform: skewX(20deg);
	transform: skewX(20deg);
}

.shine-cta:after {
	background: rgba(255, 255, 255, 0.2);
	width: 20px;
	-webkit-transform: skewX(20deg);
	-moz-transform: skewX(20deg);
	transform: skewX(20deg);
}

@keyframes style_buttonGlassSwipe__2FjFw {
	0% {
		left: -160px;
	}

	10% {
		left: -moz-calc(100% + 50px);
		left: calc(100% + 50px);
	}

	to {
		left: -moz-calc(100% + 150px);
		left: calc(100% + 150px);
	}
}

@keyframes style_buttonTagSwipe__2FjFw {
	0% {
		left: -10px;
	}

	20% {
		left: -moz-calc(100% + 10px);
		left: calc(100% + 10px);
	}

	to {
		left: -moz-calc(100% + 10px);
		left: calc(100% + 10px);
	}
}

/* .shine-tag::after {
  content: "";
  position: absolute;
  left: -10px;
  top: -12px;
  width: 14px;
  height: 56px;
  background: rgba(255,255,255,0.7);
  filter: blur(2px);
  transform: rotate(-25.1deg);
} */

.svc-card__more {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	line-height: 24px;
	color: blue;
	text-decoration: none;
	margin-top: 5px;
	align-self: flex-end;
}

.svc-card__more .arrow {
	display: inline-block;
	width: 8px;
	font-size: 18px;
	/* font-weight: bold; */
}

/* ===== Section 9: CTA + guarantee + contact card (1322:999) ===== */
.cmp-cta {
	display: flex;
	justify-content: center;
	margin-top: 50px;
	transition: all 0.4s ease !important;
}

.cmp-cta a:hover {
	background-color: #2ea3ff;
	text-decoration: none;
	-webkit-transform: translateY(-3px) !important;
	-moz-transform: translateY(-3px) !important;
	transform: translateY(-3px) !important;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.17) !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.17) !important;
	transition: all 0.4s ease !important;
}

.btn-blue-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #147fd4;
	color: #fff;
	padding: 17px 22px;
	border-radius: 5px;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 22px;
	line-height: 25.6px;
	white-space: nowrap;
	transition: all 0.4s ease !important;
}

.btn-blue-pill:hover {
	background-color: #2ea3ff;
	transform: translateY(-3px) !important;
	transition: all 0.4s ease !important;
}

.guarantee {
	max-width: 850.57px;
	width: 100%;
	height: auto;
	margin: 50px auto 0;
	background: #fff;
	border: 1px solid #c6c5c5;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding: 41px 52px;
	box-sizing: border-box;
}

.guarantee__seal {
	width: 130px;
	height: 145.385px;
	flex-shrink: 0;
	position: relative;
}

.guarantee__seal img {
	width: 130px;
	height: 145.385px;
	object-fit: contain;
}

.guarantee__body {
	max-width: 665.57px;
	width: 100%;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 16px;
	line-height: 24px;
	color: #212529;
}

.contact-card {
	max-width: 895px;
	width: 100%;
	margin: 50px auto 0;
	/* padding: 25px; */
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid #c6c5c5;
	border-radius: 10px;
	backdrop-filter: blur(2px);
}

.contact-card__top {
	display: flex;
	align-items: flex-end;
	gap: 24px;
	justify-content: center;
	margin-top: 20px;
}

.contact-coupon {
	position: relative;
	max-width: 410.818px;
	width: 100%;
}

.contact-coupon__notice {
	/* position: absolute; */
	/* width: 410px; */
	/* height: 51px; */
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-top: 3px;
	background: #fec043;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #212529;
	z-index: 0;
	position: relative;
}

.contact-coupon__notice:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 10px;
	background: #fec043;
	bottom: -10px;
	z-index: 1;
}

.contact-coupon__inner {
	position: relative;
	background: #ffffdf;
	border: 1px solid #c6c5c5;
	border-radius: 5px;
	padding: 10px 21px;
	height: 90px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	z-index: 2;
}

.contact-coupon__label {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 16px;
	line-height: 24px;
	color: #212529;
	text-align: center;
	white-space: nowrap;
}

.contact-coupon__label .b {
	font-weight: bold;
}

.contact-coupon__code-row {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 368px;
	width: 100%;
	/* padding-right: 40px; */
}

.contact-coupon__code {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 36px;
	line-height: 46px;
	color: #212529;
	cursor: pointer;
}

.contact-coupon__btn {
	background: transparent;
	border: 0;
	padding: 10px;
	cursor: pointer;
}

.contact-coupon__btn img {
	width: 24px;
	height: 24px;
}

.contact-coupon__ribbon {
	/* position: absolute; */
	right: -25px;
	/* top: px; */
	width: 82.5px;
	height: 43.5px;
	background: #ffd900;
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #212529;
	text-align: center;
	position: relative;
	font-weight: 700;
	font-size: 12px !important;
}

.contact-coupon__ribbon:before {
	content: "";
	position: absolute;
	background: #ffd900;
	width: 25px;
	height: 15px;
	left: -25px;
	clip-path: polygon(0 50%, 100% 0, 100% 100%);
}

.contact-cta {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.contact-cta__pill {
	background: #fff;
	border: 1px solid #147fd4;
	border-radius: 40px;
	padding: 5px 40px;
	color: #147fd4;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	filter: drop-shadow(0 1px 2.5px rgba(0, 0, 0, 0.1));
	align-self: center;
	margin-bottom: -17px;
	position: relative;
	z-index: 2;
}

.contact-cta__btn {
	background: #147fd4;
	border-radius: 5px;
	padding: 26px 18px 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	transition: all 0.4s ease !important;
}

.contact-cta__btn:hover {
	background-color: #2ea3ff;
	transform: translateY(-3px) !important;
	transition: all 0.4s ease !important;
}

.contact-cta__main {
	display: flex;
	align-items: center;
	gap: 20px;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	line-height: 30px;
	white-space: nowrap;
}

.contact-cta__main img {
	width: 18.818px;
	height: 23px;
}

.contact-cta__sub {
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
}

.contact-card__iso {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	margin-top: 12px;
}

.contact-card__iso img {
	width: 25px;
	height: 25px;
}

.contact-card__iso span {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 14px;
	line-height: 19px;
	color: #212529;
	text-align: center;
}

.contact-card__channels {
	display: flex;
	margin-top: 15px;
	border-top: 1px solid #c6c5c5;
}

.contact-channel {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 10px 0;
}

.contact-channel:first-child {
	border-right: 1px solid #c6c5c5;
}

.contact-channel__icon {
	width: 28px;
	height: 28px;
}

.contact-channel__text {
	display: flex;
	flex-direction: column;
}

.contact-channel__hours {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #212529;
	white-space: nowrap;
}

.contact-channel__value {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 18px;
	line-height: 27px;
	color: #212529;
	white-space: nowrap;
}

/* ===== Section 10: Pricing tables (1322:1067 / 1322:1072) ===== */
.pricing-block {
	/* width: 1048px; */
	margin: 60px auto 0;
}

.pricing-heading {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 36px;
	line-height: 46px;
	color: #212529;
	text-align: center;
}

.pricing-subhead {
	margin-top: 30px;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 16px;
	line-height: 1.5;
	color: #212529;
	text-align: center;
	max-width: 60%;
	margin: 0 auto;
}

.pricing-bullets {
	display: flex;
	justify-content: center;
	gap: 28px;
	margin-top: 20px;
}

.pricing-bullets li {
	display: flex;
	align-items: center;
	gap: 5px;
}

.pricing-bullets li img {
	width: 16px;
	height: 16px;
}

.pricing-bullets li span {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 16px;
	line-height: 27px;
	color: #212529;
}

.ptable {
	border: 1px solid #c6c5c5;
}

.ptable-block {
	margin-top: 50px;
	width: 100%;
}

.ptable-block__head {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-bottom: 20px;
}

.ptable-block__icon {
	width: 40px;
	height: 40px;
}

.ptable-block__icon--diamond {
	width: 36px;
	height: 32px;
}

.ptable-block__head h3 {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 24px;
	line-height: 38px;
	color: #212529;
}

.ptable {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border: 1px solid #c6c5c5;
	/* border-radius: 10px; */
	overflow: auto;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.starcell-head {
	display: flex;
	gap: 5px;
	border: 1px solid transparent !important;
}

.left-color {
	border-left-color: #c6c5c5 !important
}

.ptable thead,
.ptable tbody {
	border: 1px solid #c6c5c5;
}

.ptable thead th {
	background: #fbeaea;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: #212529;
	padding: 12px 8px;
	text-align: center;
	border: 1px solid #c6c5c5;
	vertical-align: middle;
	max-width: 150px;
}

.ptable tbody th {
	background: #fbeaea;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: #212529;
	padding: 12px 8px;
	text-align: center;
	border: 1px solid #c6c5c5;
	white-space: nowrap;
}

.ptable tbody td {
	padding: 12px 8px;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	color: #212529;
	border: 1px solid #f3d4d4;
}

.ptable tbody td[rowspan],
.ptable thead th[rowspan] {
	background: #fff;
	font-size: 13px;
	line-height: 20px;
	vertical-align: middle;
}

.ptable__note-row td {
	background: #fff;
	border: 0;
	padding: 12px;
}

.mintable {
	max-width: 815px;
	margin: 0 auto;
}

.ptable--narrow thead th[rowspan] {
	white-space: normal;
}

.ptable-footnote {
	margin-top: 12px;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 14px;
	line-height: 20px;
	color: #212529;
}

.ptable-cta {
	margin-top: 20px;
	display: flex;
	justify-content: flex-end;
}

.ptable-cta .btn-blue-pill {
	font-size: 16px;
	padding: 12px 22px;
}

/* ===== Section 11: Testimonials エナゴご利用者の声 (1322:1631) ===== */
.testimonials {
	max-width: 1080px;
	width: 100%;
	margin: 80px auto 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
}

.testimonials__title {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 36px;
	line-height: 46px;
	color: #212529;
	text-align: center;
}

.testimonials__lead {
	/* width: 541px; */
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 18px;
	line-height: 27px;
	color: #212529;
	text-align: center;
}

.testimonials__slider {
	max-width: 847px;
	width: 100%;
	height: 476px;
	background: rgba(255, 255, 255, 0.6);
	border: 0.84px solid #fff;
	border-radius: 30px;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	/* gap: 21.007px; */
}

.testimonial-card {
	position: relative;
	max-width: 269px;
	width: 100%;
	height: 436px;
	overflow: hidden;
}

.testimonial-card--first {
	border-top-left-radius: 10.516px;
	border-bottom-left-radius: 10.516px;
	background: #fff;
}

.testimonial-card--last {
	border-top-right-radius: 10.516px;
	border-bottom-right-radius: 10.516px;
	background: linear-gradient(to bottom, #fff, #999);
}

.testimonial-card__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.testimonial-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom,
			rgba(0, 0, 0, 0) 33.845%,
			rgba(0, 0, 0, 0.8) 92.194%);
	pointer-events: none;
}

.testimonial-card__play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 56.958px;
	height: 56.958px;
	background: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;
	z-index: 2;
}

.testimonial-card__play img {
	width: 100%;
	height: 100%;
}

.testimonial-card__caption {
	position: absolute;
	left: 19.5px;
	top: 365px;
	display: flex;
	align-items: stretch;
	gap: 9.72px;
	z-index: 2;
}

.testimonial-card__bar {
	width: 4px;
	height: 50px;
	background: #d52b1e;
	flex-shrink: 0;
}

.testimonial-card__org {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
}

.testimonial-card__name {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 16px;
	line-height: 24px;
	color: #fff;
}

/* ===== Section 12: Editor profiles エナゴの英文校正者プロフィール (1322:1664) ===== */
.editors {
	max-width: 1080px;
	width: 100%;
	margin: 80px auto 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	/* gap: 30px; */
}

.editors__title {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 36px;
	line-height: 46px;
	color: #212529;
	text-align: center;
}

.editors__lead {
	max-width: 541px;
	width: 100%;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 18px;
	line-height: 27px;
	color: #212529;
	text-align: center;
	margin-bottom: 30px;
}

.editors-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	width: 100%;
}

.editor-video {
	display: flex;
	flex-direction: column;
	gap: 14px;
	width: 100%;
}

.editor-video__media {
	position: relative;
	width: 100%;
	max-width: 525px;
	height: 296px;
	overflow: hidden;
	border-radius: 8px;
}

.editor-video__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
}

.editor-video__play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 63px;
	height: 63px;
	background: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;
	z-index: 2;
}

.editor-video__play img {
	width: 100%;
	height: 100%;
}

.editor-video__name-bar {
	position: absolute;
	left: 16px;
	bottom: 72px;
	display: inline-block;
	height: 31px;
	padding: 5px 11px;
	background: #d52b1e;
	color: #fff;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	white-space: nowrap;
	z-index: 2;
}

.editor-video__bio-bar {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 16px;
	height: 56px;
	background: rgba(77, 77, 77, 0.6);
	display: flex;
	align-items: center;
	padding: 8px 12px;
	z-index: 2;
	box-sizing: border-box;
}

.editor-video__bar {
	width: 4.5px;
	height: 100%;
	background: #d52b1e;
	margin-right: 10px;
	flex-shrink: 0;
}

.editor-video__bio-bar p {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}

.editor-video__caption {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	color: #212529;
	text-align: center;
}

.editor-video__caption .t-reg {
	font-weight: normal;
}

/* Profile carousel */
.profile-slider {
	position: relative;
	width: 100%;
	padding: 0 15px;
	margin-top: 60px;
}

.profile-slider__track {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.profile-card {
	background: #fff;
	border: 1px solid #c6c5c5;
	border-radius: 5px;
	padding: 15px 15px 40px;
	min-height: 310px;
}

.profile-card__header {
	display: flex;
	align-items: flex-start;
	padding: 10px 0;
	background: #f1f1f1;
	/* margin: 0 -15px; */
	position: relative;
	min-height: 140px;
	padding-bottom: 15px;
}

.profile-card__photo-wrap {
	width: 148.33px;
	padding-left: 25px;
	flex-shrink: 0;
}

.profile-card__photo {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	border: 1px solid #ddd;
	object-fit: cover;
}

.profile-card__info {
	flex: 1;
	padding: 0 15px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: stretch;
}

.profile-card__id {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12.9px;
	line-height: 23.8px;
	color: #333;
	text-align: right;
	padding-right: 15px;
}

.profile-card__id .b {
	font-weight: bold;
}

.profile-card__degree {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 16.9px;
	line-height: 26px;
	color: #212529;
}

.profile-card__meta {
	display: flex;
	gap: 20px;
}

.profile-card__exp {
	flex: 1;
	text-align: right;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12px;
	line-height: 20.4px;
	color: #212529;
	padding-right: 15px;
}

.profile-card__years {
	font-family: "Inter", sans-serif;
	font-weight: bold;
	font-size: 22px;
	color: #d52b1e;
	margin: 0 4px;
}

.profile-card__country {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 8px;
	border-left: 1px solid #979191;
	padding-left: 15px;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12px;
	line-height: 20.4px;
	color: #333;
}

.profile-card__country img {
	width: 36px !important;
	height: 20px;
	object-fit: cover;
}

.profile-card__bio {
	margin-top: 12px;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 13.2px;
	line-height: 26px;
	color: #333;
	min-height: 130px;
}

.profile-slider__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background: #fff;
	border: 0;
	padding: 10px;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.profile-slider__nav img {
	width: 20px;
	height: 20px;
}

.profile-slider__nav--prev {
	left: -18px;
}

.profile-slider__nav--next {
	right: -6px;
}

.editors__more {
	align-self: flex-end;
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 16px;
	margin-top: 10px;
	line-height: 24px;
}

.editors__more a {
	color: #000fff;
	/* text-decoration: underline; */
}

.editors__more .arrow {
	font-size: 18px;
	/* font-weight: bold; */
}

/* Publishers strip */
.publishers-strip {
	position: relative;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	display: grid;
	grid-template-columns: calc(100% - 30px) 20px;
	align-items: center;
	overflow: hidden;
	gap: 10px;
}

.heading-top-80 {
	margin-top: 80px;
}

.publishers-strip img {
	width: 118px;
	height: 59px;
	object-fit: contain;
	flex-shrink: 0;
	padding: 0 15px;
}

@keyframes slide {
	0% {
		transform: translateX(0);
	}

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

.logoslide .owl-nav {
	display: none !important;
}

.logoslide {
	/* animation: slide 40s linear infinite; */
	display: flex;
	gap: 30px;
	/* overflow: hidden; */
}

.logoouter {
	overflow: hidden;
}

.publishers-strip__info {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	z-index: 3;
}

/* ===== Section 13: AI tool 執筆にAIを使ったら (1322:2081) ===== */
.ai-tool {
	max-width: 1080px;
	width: 100%;
	margin: 80px auto 0;
}

.ai-tool__title {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 36px;
	line-height: 46px;
	color: #212529;
	text-align: center;
}

.ai-tool__lead {
	margin-top: 30px;
	max-width: 664px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 18px;
	line-height: 27px;
	color: #212529;
	text-align: center;
}

.ai-tool__sample {
	margin-top: 30px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 16px;
}

.ai-tool__sample a {
	color: #000fff;
	cursor: pointer;
	/* text-decoration: underline; */
}

.ai-form {
	margin-top: 30px;
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid #fff;
	border-radius: 30px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
}

.ai-form__inner {
	background: #fff;
	max-width: 1040px;
	width: 100%;
	padding-top: 1px;
	overflow: hidden;
}

.ai-form__notice {
	max-width: 1038px;
	width: 100%;
	box-sizing: border-box;
	height: 50px;
	margin: 0 auto;
	padding: 16px 18px;
	background: #fff1f1;
	border-left: 2px solid #d52b1e;
	display: flex;
	align-items: center;
	gap: 3px;
}

.ai-form__notice img {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.ai-form__notice span {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 14px;
	line-height: 20px;
	color: #212529;
}

.ai-form__group-head {
	max-width: 1038px;
	width: 100%;
	box-sizing: border-box;
	margin: 20px auto 0;
	padding: 16px 18px;
	background: #fafafa;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ai-form__group-title {
	display: flex;
	align-items: center;
	gap: 10px;
}

.ai-form__step {
	width: 24px;
	height: 24px;
	background: #000;
	color: #fff;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 18px;
	line-height: 24.2px;
}

.ai-form__group-name {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 20px;
	line-height: 30px;
	color: #212529;
}

.ai-form__group-toggle {
	width: 24px;
	height: 24px;
}

.ai-form__row {
	display: flex;
	align-items: stretch;
	gap: 40px;
	padding-right: 40px;
	width: 100%;
	border-bottom: 1px solid #e5e7eb;
}

.ai-form__row:last-of-type {
	border-bottom: 0;
}

.ai-form__label-cell {
	width: 352px;
	flex-shrink: 0;
	padding: 20px 18px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	/* background: #fff; */
}

.ai-form__label {
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 24.2px;
	color: #1d1d1d;
	display: inline-flex;
	align-items: center;
	gap: 12px;
}

.ai-form__req {
	color: #d52b1e;
	font-size: 14px;
}

.ai-form__hint {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #212529;
}

.ai-form__field-cell {
	flex: 1;
	padding: 10px 0;
	display: flex;
	align-items: center;
}

.ai-form__input {
	width: 100%;
	height: 36px;
	border: 1px solid #e5e7eb;
	padding: 10px;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	color: #909090;
}

.ai-form__field-cell--radios {
	padding: 20px 0;
	gap: 10px;
	align-items: stretch;
}

.ai-radio {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px;
	border: 1px solid #e5e7eb;
	background: #fff;
	cursor: pointer;
}

.ai-radio:has(input[type="radio"]:checked) {
	background: #eff6ff;
	border-color: #bfdbfe;
}

.ai-radio img {
	width: 16px;
	height: 16px;
}

.ai-radio span {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #1d1d1d;
}

.ai-form__submit {
	background: #147fd4;
	color: #fff;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 22px;
	line-height: 25.6px;
	padding: 17px 22px;
	border-radius: 5px;
	white-space: nowrap;
	text-align: center;
}

.ai-form__submit:hover {
	background-color: #2ea3ff;
	transform: translateY(-3px) !important;
	transition: all 0.4s ease !important;
}

/* ===== Section 14: 学習リソース (1322:2180) ===== */
.lr-section {
	max-width: 1080px;
	width: 100%;
	margin: 80px auto 0;
	padding: 0 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 50px;
	box-sizing: border-box;
}

.lr-section__title {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 36px;
	line-height: 46px;
	color: #212529;
	text-align: center;
}

.lr-section__lead {
	margin-top: -20px;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 18px;
	line-height: 27px;
	color: #212529;
	text-align: center;
}

.lr-subblock {
	max-width: 1080px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 30px;
	box-sizing: border-box;
}

.lr-subblock__title {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 24px;
	line-height: 34px;
	color: #212529;
	text-align: center;
}

.workshop-banner__ctas {
	display: flex;
	gap: 20px;
	width: 100%;
}

.workshop-banner__cta:hover {
	background: #219dff;
	transform: translateY(-3px) !important;
	transition: .2s all ease-in-out;
}

.lr-subblock__more {
	align-self: flex-end;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 16px;
	line-height: 24px;
	transition: .2s all ease-in-out;
}

.lr-subblock__more span {
	color: #000fff;
	/* text-decoration: underline; */
}

.lr-subblock__more .arrow {
	font-size: 18px;
	/* font-weight: bold; */
}

.blog-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

.blog-card {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.blog-card__thumb {
	width: 100%;
	height: 107px;
	border-radius: 5px;
	overflow: hidden;
}

.blog-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blog-card__date {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 16px;
	line-height: 24px;
	color: #212529;
}

.blog-card__title {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 18px;
	line-height: 27px;
	color: #212529;
}

.coaching-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	width: 100%;
}

/* ===== Section 15: Workshop CTA banner (1322:2503) ===== */
.workshop-banner {
	position: relative;
	/* width: 1520px; */
	margin: 80px auto 0;
	/* margin-left: calc(50% - 760px); */
	height: 543px;
	overflow: hidden;
	padding-top: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: url(assets/banner_bg_second.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #2f2f31;
	background-size: auto 100%;
}

.workshop-banner__overlay {
	position: absolute;
	left: -369px;
	right: -369px;
	top: -186px;
	height: 867px;
	/* background: #000; */
	opacity: 0.78;
}

.workshop-banner__content {
	position: relative;
	z-index: 1;
	max-width: 847px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 180px;
	color: #fff;
	text-align: center;
	border-radius: 15px;
}

.workshop-banner__title {
	max-width: 847px;
	width: 100%;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 36px;
	line-height: 46px;
}

.workshop-banner__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	width: 100%;
}

.workshop-banner__sub {
	max-width: 585px;
	width: 100%;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 18px;
	line-height: 27px;
}

.workshop-banner__cta {
	max-width: 426px;
	width: 100%;
	height: 70px;
	background: #147fd4;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.workshop-banner__cta-line1 {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 22px;
	line-height: 32px;
}

.workshop-banner__cta-line2 {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 16px;
	line-height: 24px;
}

/* ===== Section 16: 研究者インタビュー (1322:2305) ===== */
.interviews {
	max-width: 1080px;
	width: 100%;
	margin: 60px auto 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
}

.interviews__title {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 36px;
	line-height: 46px;
	color: #212529;
	text-align: center;
}

.interviews__lead {
	max-width: 664px;
	width: 100%;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 18px;
	line-height: 27px;
	color: #212529;
	text-align: center;
}

.interviews-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	width: 100%;
	max-width: 1044px;
}

.researcher-card {
	width: 100%;
	max-width: 328px;
	display: flex;
	flex-direction: column;
}

.researcher-card__media {
	position: relative;
	width: 100%;
	max-width: 328px;
	height: 440px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow:
		2px 2px 5px rgba(0, 0, 0, 0.1),
		-2px -2px 5px rgba(0, 0, 0, 0.1);
}

.researcher-card__media:hover .researcher-card__gradient {
	opacity: 0;
	transition: opacity 0.4s ease;
}

.researcher-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.researcher-card__gradient {
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.4) 100%);
	pointer-events: none;
}

.researcher-card__type-icon {
	position: absolute;
	right: 10.5px;
	top: 22.5px;
	width: 27px;
	height: 18px;
	z-index: 2;
}

.researcher-card__logo {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 101px;
	height: 80px;
	object-fit: contain;
	z-index: 2;
}

.researcher-card__overlay {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 16px;
	display: flex;
	flex-direction: column;
	gap: 13px;
	z-index: 2;
	box-sizing: border-box;
}

.researcher-card__sub-name {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 18px;
	line-height: 27px;
	color: #fff;
}

.researcher-card__tag {
	align-self: flex-start;
	display: inline-block;
	padding: 6px 12px;
	background: #1d1d1d;
	color: #fff;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 14px;
	line-height: 20px;
	border-radius: 40px;
}

.researcher-card__caption {
	padding-top: 20px;
}

.researcher-card__org,
.researcher-card__name {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 18px;
	line-height: 27px;
	color: #212529;
}

.interviews__links {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 10px;
	width: 100%;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 16px;
	line-height: 24px;
	align-items: flex-end;
}

.interviews__links a {
	color: #000fff;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.interviews__links .arrow {
	font-size: 18px;
	/* font-weight: bold; */
}

/* ===== Section 17: Site footer (1322:389 / 1322:390) ===== */
footer {
	/* margin-top: 100px; */
}

.site-footer {
	margin-top: 100px;
	width: 100%;
}

.site-footer__inner {
	background: #000;
	color: #fff;
	padding: 60px 220px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.site-footer__cols {
	display: flex;
	gap: 95px;
}

.footer-col {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.footer-col h4 {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
}

.footer-col h4.mt-20 {
	margin-top: 20px;
}

.footer-col ul {
	display: flex;
	/* flex-direction: column; */
	gap: 8px;
	list-style: none;
	padding: 0;
}

.footer-col li {
	display: flex;
	align-items: center;
	gap: 5px;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12px;
	line-height: 18px;
	color: #fff;
}

.footer-col .dot {
	width: 6px;
	height: 6px;
	background: #fff;
	display: inline-block;
	flex-shrink: 0;
}

.footer-col--double {
	width: 190.4px;
}

.footer-col--contact {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.footer-contact-line {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}

.footer-cta-btn {
	margin-top: 22px;
	width: 247px;
	height: 56px;
	background: #147fd4;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
}

.footer-cta-btn__main {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
}

.footer-cta-btn__sub {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 16px;
	line-height: 24px;
}

.footer-socials {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-top: 19.2px;
}

.footer-socials img {
	width: 36px;
	height: 40px;
}

.site-footer__about-row {
	display: flex;
	gap: 30px;
}

.footer-about,
.footer-partners {
	max-width: 525px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.footer-about h4,
.footer-partners h4 {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
}

.footer-about p {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12px;
	line-height: 18px;
	color: #fff;
}

.footer-partners__logos {
	display: flex;
	align-items: center;
	gap: 48px;
}

.footer-partners__logos img {
	height: 36px;
	width: auto;
	object-fit: contain;
}

.site-footer__divider {
	border: 0;
	border-top: 1px solid #555;
	max-width: 1080px;
	width: 100%;
}

.site-footer__brands {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 1003.625px;
	width: 100%;
}

.site-footer__brands h4 {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
}

.brand-row {
	display: flex;
	gap: 66px;
	align-items: flex-start;
}

.brand-row__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.brand-row__item img {
	height: 50px;
	width: auto;
	object-fit: contain;
}

.brand-row__item p {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 9.6px;
	line-height: 14.4px;
	color: #b7b7b7;
	white-space: nowrap;
}

/* ===== Section 18: Light grey copyright bar (1322:576) ===== */
.site-footer__copy {
	background: #efefef;
	padding: 59px 233px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
}

.footer-langs {
	display: flex;
	align-items: center;
	gap: 50px;
}

.footer-lang {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: "Open Sans", "Meiryo", sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: blue;
}

.footer-lang img {
	width: 40px;
	height: 24px;
	border-radius: 2px;
	object-fit: cover;
}

.footer-copy-line {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 14px;
	line-height: 20px;
	color: #212529;
	text-align: center;
}

.footer-copy-line a {
	color: #000fff;
	text-decoration: underline;
}

.footer-copy-note {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic",
		"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12px;
	line-height: 18px;
	color: #212529;
	text-align: center;
}

.footer-copy-note a {
	color: #000fff;
	text-decoration: underline;
}

.linear-gradient {
	background: linear-gradient(to bottom right,
			#d6e9ee50,
			#ecdce750,
			#eeefec50,
			#dee8ec50);
	position: relative;
	padding-bottom: 60px;
}

.linear-gradient:before {
	content: "";
	display: block;
	height: 280px;
	top: 0;
	position: absolute;
	background: -webkit-gradient(linear,
			left top,
			left bottom,
			from(#fff),
			to(transparent));
	background: -moz-linear-gradient(top, #fff, transparent);
	background: linear-gradient(180deg, #fff, transparent);
	left: 0;
	width: 100%;
	z-index: 1;
}

.linear-gradient>* {
	z-index: 2;
}

.tab-contn {
	margin-top: 0;
	padding-top: 0;
}

.tab-1-content {
	display: none;
	border: 1px solid #ffffff;
	background: #ffffff99;
	max-width: 1080px;
	margin: 0 auto;
	margin-top: -25px;
	border-radius: 30px;
	padding: 30px;
	width: 100%;
	animation: fadeIn 0.3s ease-in-out;
}

.tab-2-content {
	display: none;
	border: 1px solid #ffffff;
	background: #ffffff99;
	max-width: 1080px;
	margin: 0 auto;
	/* margin-top: -25px; */
	border-radius: 30px;
	padding: 30px;
	width: 100%;
	animation: fadeIn 0.3s ease-in-out;
}

.tab-1-content.active,
.tab-2-content.active {
	display: block;
}

.info-trigger-btn {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: #c6c5c5;
	border: none;
	cursor: pointer;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.info-trigger-msg {
	position: absolute;
	right: 27px;
	max-width: 310px;
	top: 50%;
	transform: translateY(-50%);
	background: #dadada;
	border: 1px solid #c6c5c5;
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 5px;
	display: none;
	opacity: 0;
	animation: fadeIn 0.3s forwards;
	z-index: 5;
}

.info-trigger-msg:after {
	content: "";
	position: absolute;
	right: -14px;
	top: 50%;
	transform: translateY(-50%);
	border-width: 7px;
	border-style: solid;
	border-color: transparent transparent transparent #000;
}

.info-trgger:has(.info-trigger-btn:hover) .info-trigger-msg {
	display: block;
}

/*==================================================
INC FOOTER
===================================================*/
/* cta hover effect */
.glass-effect:hover:before {
	content: "";
	display: block;
	position: absolute;
	background: rgba(255, 255, 255, 0.1);
	height: 100%;
	width: 15px;
	top: 0px;
	left: 0px;
	transform: skewX(-20deg) translateX(15px);
	animation: buttonGlassSwipe 3s linear 0s infinite;
}

.glass-effect:hover:after {
	content: "";
	display: block;
	position: absolute;
	background: rgba(255, 255, 255, 0.1);
	height: 100%;
	width: 10px;
	top: 0px;
	left: 0px;
	transform: skewX(-20deg);
	animation: buttonGlassSwipe 3s linear 0s infinite;
}

.glass-e-dark:before,
.glass-e-dark:after {
	background: rgba(255, 255, 255, 0.3) !important;
}

@keyframes buttonGlassSwipe {
	0% {
		left: 0px;
	}

	20% {
		left: calc(100% + 50px);
	}

	100% {
		left: calc(100% + 50px);
	}
}

/* Footer */
footer.footer {
	background: #171515;
	color: #fff;
	padding-top: 50px;
}

.top-footer {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

ul.footer-link-list {
	list-style-type: none;
	padding: 0 0 0 0px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 0;
}

ul.footer-link-list a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	transition: 0.2s all ease-in-out;
	opacity: 0.7;
}

ul.footer-link-list a:hover {
	opacity: 1;
	text-decoration: underline;
	text-underline-offset: 5px;
}

h4.footer-col-header {
	font-size: 16px;
	font-weight: 700;
	line-height: 19.2px;
	text-align: left;
	margin: 0 0 8px;
	color: #fff !important;
}

.link-group {
	margin-bottom: 25px;
}

a.cta-sm.glass-effect {
	position: relative;
	overflow: hidden;
	position: relative;
	background: #147fd4;
	width: 100%;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	text-align: center;
	color: #fff;
	padding: 10px 10px 5px;
	border-radius: 5px;
	align-items: center;
	justify-content: center;
}

.cta-sm span.focus-cta-text {
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
}

.cta-sm span.secondary-cta-text {
	font-size: 14px;
	font-weight: 400;
	line-height: 25.6px;
	text-align: center;
}

ul.footer-social-links {
	list-style-type: none;
	padding: 0px;
	display: flex;
	gap: 10px;
	align-items: center;
	margin-top: 0px;
}

ul.footer-social-links a {
	opacity: 0.8;
	transition: 0.2s all ease-in-out;
}

ul.footer-social-links a:hover {
	opacity: 1;
}

p.footer-disclaimer-text {
	font-size: 12.8px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
}

/* footer logos */
.logo-wrapper {
	border-top: 0.8px solid #343434;
	padding-bottom: 30px;
}

.logo-section {
	display: flex;
	gap: 25px;
	justify-content: space-between;
}

.logo-media {
	display: flex;
	gap: 15px;
	width: 100%;
	flex-wrap: wrap;
}

img.ls-img {
	max-width: 125px;
	filter: contrast(0) brightness(5000%);
	transition: 0.2s all ease-in-out;
}

.enago-ls-img {
	max-height: 30px;
}

/* .logo-media img:hover{
    filter: grayscale(0);
} */

.lg-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.lg-block span {
	font-size: 9.6px;
	font-weight: 400;
	line-height: 14.4px;
	text-align: center;
}

.logo-group h4 {
	margin-bottom: 5px;
	padding-top: 20px;
	color: #fff;
}

/* lang footer */
.language-wrapper {
	text-align: center;
	padding: 10px;
	font-size: 12px;
}

ul.footer-locale-list {
	display: flex;
	gap: 35px;
	padding: 0px;
	justify-content: center;
}

ul.footer-locale-list li {
	position: relative;
}

ul.footer-locale-list li:after {
	content: "";
	background: #ddd;
	width: 1px;
	height: 20px;
	display: block;
	position: absolute;
	top: 6px;
	right: -20px;
}

ul.footer-locale-list li:last-child:after {
	display: none;
}

ul.footer-locale-list li a {
	display: flex;
	align-items: center;
	text-decoration: none;
	gap: 10px;
}

/*copyright text*/
.footer-copyright {
	padding-bottom: 0px;
}

.footer-copyright .container {
	color: rgb(33, 37, 41);
	font-size: 12px;
	padding: 5px 10px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.footer-copyright p {
	margin: 0px;
}

.footer-social-links {
	list-style-type: none;
	padding: 0px;
	display: flex;
	gap: 10px;
	align-items: center;
	margin-top: 0px;
}

/*RESPONSIVE QUERIES*/
@media only screen and (max-width: 1124px) {
	footer.section.footer.pb-0 {
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
	}

	.top-footer,
	.disclaimer-footer,
	.logo-wrapper,
	.language-wrapper,
	.footer-copyright {
		padding-left: 40px;
		padding-right: 40px;
	}

	img.ls-img {
		max-width: 116px;
	}

	.section-header h3 {
		font-size: 22px;
		line-height: 32px;
	}
}

@media only screen and (max-width: 996px) {
	.top-footer {
		grid-template-columns: 1fr 1fr;
	}

	.logo-section {
		flex-direction: column;
	}

	ul.footer-locale-list {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}

	ul.footer-locale-list li:nth-child(3n)::after {
		display: none;
	}

	ul.footer-locale-list li a {
		justify-content: center;
	}
}

@media only screen and (max-width: 776px) {

	.top-footer,
	.disclaimer-footer,
	.logo-wrapper,
	.language-wrapper,
	.footer-copyright {
		padding-left: 20px;
		padding-right: 20px;
	}

	.bottom-meta {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.top-footer {
		flex-direction: column;
		grid-template-columns: 1fr;
	}

	p.content-para {
		padding-left: 0px;
	}
}

@media only screen and (max-width: 512px) {
	ul.footer-locale-list {
		grid-template-columns: 1fr 1fr;
	}

	ul.footer-locale-list li:nth-child(3n):after {
		display: block;
	}

	ul.footer-locale-list li:nth-child(2n):after {
		display: none;
	}
}

.language-wrapper {
	text-align: center;
	padding: 10px;
	font-size: 12px;
}

.bg-white {
	background-color: #fff;
}

.footer-copyright {
	padding-bottom: 0px;
}

.region_text {
	color: #212529;
}

.bottomfoottext {
	text-align: center;
}

@media only screen and (max-width: 767px) {
	#footer-m {
		display: block;
		margin-bottom: -19px;
		min-height: 260px;
		background: #1d1d1d;
	}
}

.side-nav__handle {
	background: #D52B1E;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.multiple-svcs {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 60px;
}

.multiple-svcs .desc-small {
	padding-bottom: 30px;
}

.mt-0 {
	margin-top: 0px;
}


/* owl carousel navifation*/
.owl-nav {
	display: flex !important;
	justify-content: space-between;
}

.owl-prev {
	left: -4px;
}

.owl-next {
	right: -4px;
}

.owl-prev,
.owl-next {
	background: #fff !important;
	padding: 10px !important;
	top: 50%;
	position: absolute;
}

/*========================================
Megamenu
==========================================*/
.megamenu {
	position: absolute;
	top: 100%;
	left: 0;
	max-width: 700px;
	width: 100%;
	background-color: #fff;
}

/*css loader*/
/* Card */
.blog-card {
	border-radius: 12px;
	overflow: hidden;
	/* background: #fff; */
}

/* Skeleton base */
.skeleton {
	position: relative;
	background: #e5e7eb;
	overflow: hidden;
}

/* Shimmer animation */
.skeleton::after {
	content: "";
	position: absolute;
	top: 0;
	left: -150px;
	width: 150px;
	height: 100%;
	background: linear-gradient(90deg,
			transparent,
			rgba(255, 255, 255, 0.5),
			transparent);
	animation: shimmer 1.2s infinite;
}

@keyframes shimmer {
	100% {
		transform: translateX(300px);
	}
}

/* Thumbnail */
.blog-card__thumb.skeleton {
	width: 100%;
	height: 130px;
	border-radius: 10px;
}

/* Text placeholders */
.skeleton-text {
	display: block;
	height: 14px;
	border-radius: 6px;
	margin-top: 12px;
	width: 100%;
}

.blog-card__date.skeleton-text {
	width: 120px;
	height: 12px;
}

.blog-card__title .short {
	width: 70%;
	margin-top: 8px;
}

article.blog-card.blog-card--skeleton {
	background: transparent !important;
}


.exp-flag {
	position: relative;
}

.exp-flag:before {
	content: "";
	display: inline-block;
	position: absolute;
	left: -10px;
	width: 1px;
	height: 40px;
	border-left: rgb(151, 145, 145) 1px solid;
	border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(226, 226, 226, 1) 48%, rgba(255, 255, 255, 0) 100%);
	border-image-slice: 1;
}

.country {
	vertical-align: top;
	/* line-height: 37px; */
	padding-left: 50px;
	position: relative
}

[data-video-src] {
	cursor: pointer;
}

.country:before {
	content: "";
	position: absolute;
	width: 36px;
	height: 20px;
	margin-right: 5px;
	left: 10px;
	background: url(./assets/profiles-flags.jpg) 0 0 no-repeat;
	vertical-align: text-bottom;
	/* margin-top: 8px; */
}

.country.Canada:before {
	background-position: 0 -42px;
}

.country.Australia:before {
	background-position: 0 -163px;
}

.carouselpopup .owl-item img {
	max-width: 70vw;
	max-height: 70vh;
	width: unset !important;
	height: unset;
	margin: 0 auto;
}

.infographictrigger,
.journalcovertrigger,
.sci-illustrationstrigger,
.graphicaltrigger,
.pdfcarousel2t,
.pdfcarousel3t,
.pdfcarouselt {
	cursor: pointer;
}

.carouselpopup .owl-carousel {
	background: #fff;
	border-radius: 10px;
	padding: 20px 0;
}

.infographictrigger {
	cursor: pointer;
}

img.max-intro-img {
	max-width: 480px;
}

.table-right {
	margin-bottom: 10px;
	text-align: right;
	justify-content: flex-end;
}

.price-ribbon:before {
	content: "";
	height: 0;
	width: 0;
	border-bottom: 10px solid #029dcd;
	top: -1px;
	display: block;
	position: absolute;
	left: -21px;
	z-index: 50;
	border-left: 6px solid transparent;
	left: -7px;
}

.price-ribbon:after {
	content: "";
	height: 0;
	width: 0;
	border-bottom: 10px solid #029dcd;
	top: -1px;
	display: block;
	position: absolute;
	/* left: -21px; */
	z-index: 50;
	border-right: 6px solid transparent;
	right: -7px;
}

.secondary-partner-logo {
	max-width: 130px;
	padding-top: 10px;
}

a.svc-link.no-absolute {
	position: relative;
}

.sample.and.other.links {
	display: flex;
	justify-content: flex-end;
	padding-top: 15px;
	gap: 20px;
}

.carouselpopup.pdfcarousel2.show .owl-nav.disabled {
	display: none !important
}

span.play-btn {
	display: block;
	width: 57px;
	height: 57px;
	background: red;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) scale(1);
	background: url(assets/icon-play.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-position: center center !important;
	background-size: 100% 100% !important;
	transition: .2s all ease;
	z-index: 10;
}

.editor-video:hover .play-btn,
.testimonials__slider:hover .play-btn {
	transform: translateX(-50%) translateY(-50%) scale(1.1);
	transition: .2s all ease;
}

.marc-sub {
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.5;
}

.marc-low {
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
	width: 50%;
	margin-bottom: 0px;
	margin-left: 50%;
}

.tab-2-content .svc-intro .svc-intro__img {
	transition: .2s all ease-in-out;
	transform: scale(1);
}

.tab-2-content .svc-intro:not(:has(.nohover)):hover .svc-intro__img {
	box-shadow: 0px 0px 30px 0px #0000001A;
	transform: scale(1.01);
	transition: .2s all ease-in-out;
}

.cta-pad {
	padding: 10px 22px;
}

.scroll-section a {
	position: fixed;
	bottom: 30px;
	right: 30px;
	border: 1px solid #666;
	background: #666;
	color: #fff;
	padding: 10px;
	margin: 0;
	border-radius: 8px;
	width: 50px;
	height: 50px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .251);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .251);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 300;
}

.scroll-section a {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease;
}

.scroll-section a.show {
	opacity: 1;
	visibility: visible;
}

/* ============================================================================
   19.  RESPONSIVE OVERRIDES (MOBILE & TABLET SUPPORT)
   ============================================================================ */

/* Hide floating side navigation on mobile and tablet viewports */
@media (max-width: 992px) {
	.side-nav {
		display: none !important;
	}
}

/* Notification Bar */
@media (max-width: 992px) {
	.notif-bar {
		flex-direction: column;
		gap: 10px;
		padding: 10px 15px;
	}

	.notif-card--588,
	.notif-card--443 {
		width: 100%;
		max-width: 100%;
	}

	.notif-text {
		white-space: normal;
		text-align: center;
	}
}

/* Header & Navigation */
@media (max-width: 992px) {
	.site-header__inner {
		width: 100%;
		padding: 0 15px;
	}
}

@media (max-width: 768px) {
	.secondary-partner-logo {
		display: none;
	}

	.header-nav {
		gap: 6px;
	}

	.header-nav .btn-contact span,
	.header-nav .btn-login,
	.header-nav .btn-cta {
		display: none !important;
	}

	.header-nav .btn-contact {
		padding: 8px;
	}

	.btn-contact__chev {
		display: none;
	}
}

.showmobile,
ul.right-opts {
	display: none !important;
}

.megamenufullwidth[data-sticky="fixed"] {
	z-index: 500;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

.megamenufullwidth[data-sticky="fixed"]>.container {
	max-width: 1190px;
}

/* Hero Section */
@media (max-width: 992px) {
	.hero {
		background-size: cover !important;
		background-position: center !important;
		padding: 40px 0px;
	}

	.showmobile {
		display: flex !important;
	}

	.showmobile img {
		max-height: 25px;
		top: 3px;
		position: relative;
		left: -15px;
	}

	ul.right-opts {
		display: flex !important;
		align-items: center;
		margin-left: auto;
	}

	.megamenufullwidth[data-sticky="fixed"] {
		z-index: 500;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}

	.site-header {
		display: none;
	}

	.hidemobile {
		display: none !important;
	}

	.hero__title {
		font-size: 32px;
		line-height: 42px;
	}

	.hero__subtitle {
		font-size: 18px;
		line-height: 26px;
	}

	.hero__creds {
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}

	.hero__creds-badge {
		white-space: normal;
		font-size: 14px;
		line-height: 22px;
		padding: 10px 15px;
	}
}

@media (max-width: 576px) {
	.hero__title {
		font-size: 26px;
		line-height: 34px;
	}

	.hero__subtitle {
		font-size: 16px;
		line-height: 22px;
	}
}

/* Coupon Card & Contact Card */
@media (max-width: 992px) {
	.coupon-card-wrap {
		width: 100%;
		margin-top: 30px;
		padding: 0 15px;
	}

	.coupon-card {
		padding: 35px 15px 25px;
	}

	.coupon-card__inner {
		flex-direction: column;
		gap: 20px;
		width: 100%;
	}

	.coupon-code {
		width: 100%;
		max-width: 458px;
	}

	.coupon-code__row {
		height: auto;
	}

	.coupon-code__code {
		font-size: 32px;
		line-height: 42px;
		padding: 12px 10px;
	}

	.coupon-code__copy {
		width: 66px;
		height: auto;
		aspect-ratio: 1;
		padding: 10px;
	}

	.coupon-code__copy img {
		width: 24px;
		height: 24px;
	}

	.coupon-code__notice {
		width: 100%;
		max-width: 458px;
		font-size: 12px;
	}

	.coupon-card__divider {
		width: 100%;
		height: 1px;
		background: linear-gradient(90deg, rgba(247, 241, 236, 0.8) 13.43%, rgba(152, 152, 152, 0.8) 52.55%, rgba(247, 241, 236, 0.8) 91.67%);
		margin: 10px 0;
	}

	.contact-card {
		width: 100%;
		max-width: 895px;
		margin-top: 30px;
	}

	.contact-card__top {
		flex-direction: column;
		align-items: center;
		gap: 20px;
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}

	.contact-coupon {
		width: 100%;
		max-width: 410px;
	}

	.contact-coupon__code-row {
		width: 100%;
	}

	.contact-coupon__code {
		font-size: 28px;
		line-height: 38px;
	}

	.contact-coupon__label {
		white-space: normal;
		font-size: 14px;
	}

	.contact-cta {
		width: 100%;
		max-width: 410px;
	}

	.contact-cta__btn {
		width: 100%;
		box-sizing: border-box;
		padding: 26px 8px 10px;
	}

	.contact-cta__main {
		font-size: 18px;
		white-space: normal;
		justify-content: center;
	}

	.contact-card__channels {
		flex-direction: column;
		width: 100%;
	}

	.contact-channel {
		width: 100%;
		box-sizing: border-box;
	}

	.contact-channel:first-child {
		border-right: none;
		border-bottom: 1px solid #c6c5c5;
	}

	.contact-channel__hours {
		font-size: 14px;
	}

	.contact-channel__value {
		font-size: 16px;
	}

	.contact-card__iso {
		padding: 10px 15px;
		text-align: center;
		box-sizing: border-box;
	}
}

/* Service Tabs & Service Cards */
@media (max-width: 992px) {
	.services-heading {
		font-size: 24px;
		line-height: 34px;
		text-align: center;
		padding: 0 15px;
	}

	.service-tabs {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
		padding: 0 15px;
	}

	.service-tab {
		width: 100%;
		text-align: center;
	}

	.svc-intro {
		flex-direction: column;
		gap: 20px;
		margin: 30px 0;
		padding: 0 15px;
	}

	.svc-intro__img {
		width: 100%;
		max-width: 480px;
	}

	.svc-intro__text {
		width: 100%;
		text-align: center;
	}

	.svc-intro__title {
		font-size: 22px;
		line-height: 30px;
	}

	.svc-cards {
		grid-template-columns: 1fr;
		gap: 30px;
		padding: 0 15px;
	}

	.svc-cards>.svc-card:not(:last-child) {
		border-right: none;
		border-bottom: 1px solid #e5e5e5;
		padding-right: 0;
		padding-bottom: 30px;
	}

	.svc-card {
		width: 100%;
		max-width: 450px;
		margin: 0 auto;
	}

	.cmp-cta {
		padding: 0 0px;
	}

	.btn-blue-pill {
		font-size: 14px;
		padding: 12px 20px;
		white-space: normal;
		text-align: center;
	}

	.guarantee {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 20px;
		padding: 20px 15px;
	}

	.multiple-svcs {
		grid-template-columns: 1fr;
		gap: 30px;
		padding: 0 15px;
	}

	.svc-link {
		position: relative !important;
		display: inline-flex !important;
		margin-top: 10px;
	}
}

/* Pricing Table Wrapper for Horizontal Scroll */
.ptable-wrapper {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 15px;
	/* border: 1px solid #c6c5c5; */
	/* border-radius: 10px; */
}

.ptable-wrapper .ptable {
	border: none;
	min-width: 800px;
}

@media (max-width: 992px) {
	.pricing-heading {
		font-size: 24px;
		line-height: 34px;
		text-align: center;
	}

	.pricing-subhead {
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		padding: 0 15px;
	}

	.pricing-bullets {
		flex-direction: column;
		align-items: flex-start;
		padding: 0 15px;
		gap: 10px;
	}

	.ptable-block {
		padding: 0 15px;
	}

	.ptable-block__head {
		flex-direction: column;
		gap: 8px;
		text-align: center;
	}

	.ptable-block__head h3 {
		font-size: 20px;
		line-height: 28px;
	}
}

/* Grids & Testimonials */
@media (max-width: 992px) {
	.editors-grid {
		grid-template-columns: 1fr;
		gap: 30px;
		padding: 0 15px;
	}

	.editor-video {
		width: 100%;
		max-width: 525px;
		margin: 0 auto;
	}

	.editor-video__media {
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
	}

	.coaching-grid {
		grid-template-columns: 1fr 1fr;
		gap: 20px;
		padding: 0 15px;
	}

	.blog-grid {
		grid-template-columns: 1fr 1fr;
		gap: 20px;
		padding: 0 15px;
	}

	.interviews {
		width: 100%;
		padding: 0 15px;
	}

	.interviews__lead {
		width: 100%;
	}

	.interviews-grid {
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}

	.researcher-card {
		width: 100%;
	}

	.researcher-card__media {
		width: 100%;
		height: auto;
		aspect-ratio: 328 / 440;
	}

	.testimonials {
		width: 100%;
		padding: 0 15px;
	}

	.testimonials__lead {
		width: 100%;
		padding: 0 15px;
	}

	.testimonials__slider {
		width: 100%;
		height: auto;
		/* flex-direction: column; */
		/* gap: 20px; */
		padding: 15px;
		/* background: transparent; */
		border: none;
	}

	.editors__lead {
		padding: 0 20px;
		width: 100%;
		margin-left: unset;

	}

	.contact-cta__main {
		gap: 10px;
		;
	}

	.workshop-banner__cta-line1 {
		font-size: 20px;
	}

	.testimonial-card {
		width: 100%;
		max-width: 320px;
		aspect-ratio: 269 / 436;
		height: auto;
		/* border-radius: 10.516px !important; */
		margin: 0 auto;
	}

	.testimonial-card__caption {
		width: calc(100% - 39px);
	}
}

@media (max-width: 768px) {
	.coaching-grid {
		grid-template-columns: 1fr;
	}

	.blog-grid {
		grid-template-columns: 1fr;
	}

	.interviews-grid {
		grid-template-columns: 1fr;
		max-width: 328px;
		margin: 0 auto;
	}

	.coupon-card__badge {
		width: calc(100% - 40px) !important;
		max-width: 440px !important;
		height: auto;
		top: -15px;
	}

	.coupon-card__badge-text {
		width: calc(100% - 40px) !important;
		font-size: 13px;
		line-height: normal;
		padding: 6px 0;
	}

	.coupon-card__badge-text .t-20 {
		font-size: 13px;
		line-height: 20px;
	}

	.coupon-card__badge-text .t-24-b {
		font-size: 15px;
		line-height: 20px;
	}

	.coupon-card__badge-text:before {
		border-top: 16px solid transparent !important;
		border-bottom: 16px solid transparent !important;
		border-right: 16px solid #ffd900 !important;
		left: -16px !important;
	}

	.coupon-card__badge-text:after {
		border-top: 16px solid transparent !important;
		border-bottom: 16px solid transparent !important;
		border-left: 16px solid #ffd900 !important;
		right: -16px !important;
	}
}

/* AI Usage Tool */
@media (max-width: 992px) {
	.ai-tool {
		width: 100%;
		padding: 0 15px;
	}

	.ai-tool__lead {
		width: 100%;
	}

	.ai-form {
		border-radius: 15px;
		padding: 10px;
	}

	.ai-form__inner {
		width: 100%;
	}

	.ai-form__notice {
		width: 100%;
		height: auto;
		flex-direction: column;
		gap: 10px;
		text-align: center;
		padding: 10px;
	}

	.ai-form__group-head {
		width: 100%;
	}

	.ai-form__row {
		flex-direction: column;
		gap: 10px;
		padding-right: 0;
	}

	.ai-form__label-cell {
		width: 100%;
		padding: 15px 15px 5px;
	}

	.ai-form__field-cell {
		width: 100%;
		padding: 5px 15px 15px;
	}

	.ai-form__field-cell--radios {
		flex-direction: column;
	}

	.ai-radio {
		width: 100%;
	}

	.ai-form__submit {
		width: 100%;
		white-space: normal;
		font-size: 18px;
	}
}

/* Workshop Banner */
@media (max-width: 992px) {
	.workshop-banner {
		height: auto;
		padding: 40px 15px;
	}

	.workshop-banner__content {
		width: 100%;
		gap: 40px;
	}

	.workshop-banner__title {
		width: 100%;
		font-size: 24px;
		line-height: 34px;
	}

	.workshop-banner__sub {
		width: 100%;
		font-size: 16px;
		line-height: 24px;
	}

	.workshop-banner__ctas {
		flex-direction: column;
		width: 100%;
		gap: 15px;
		align-items: center;
	}

	.workshop-banner__cta {
		width: 100%;
		max-width: 426px;
	}
}

@media only screen and (max-width: 756px) {

	.svc-card__section,
	.bonus-list {
		min-height: unset !important;
		margin-bottom: 12px !important;
	}

	.profile-card__meta {
		/* flex-direction: column; */
		gap: 5px;
	}

	.profile-card__country {
		padding-left: 0;
	}

	.profile-card__photo {
		width: 60px !important;
		height: 60px !important;
	}

	.profile-card__photo-wrap {
		width: unset !important;
		padding-left: 13px;
	}

	.profile-card__exp {
		text-align: left;
		padding-right: 0;
		flex: unset;
	}

	.profile-card__years {
		font-size: 18px;
		margin: 0
	}

	.profile-card__info {
		gap: 8px;
	}

	.profile-card__country {}
}

/* new toc */
aside.top-nav {
    position: fixed;
    left: 0px;
    top: 50%;
    height: 380px;
	max-height: 70vh;
    transform: translateY(-50%);
    z-index: 100000;
	display:none;
	animation: fadeOutTableContent 0.3s ease forwards;
	animation-delay: .1s;
}

@keyframes fadeInTableConetnt {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeOutTableContent {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

aside.top-nav.visible{
	display: block;
	animation: fadeInTableConetnt 0.3s ease forwards;
}

.top-nav__handle {
    background: #fff;
    padding: 10px;
    border: 1px solid #dedede;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
	cursor: pointer;	
	align-items: center;
}
.top-nav__handle .minus{
    display: none;
}
.top-nav__handle .plus{
	display: block;
}
.top-nav.show  .top-nav__handle .minus{
    display: block;
}

.top-nav.show .top-nav__handle .plus{
    display: none;
}

.top-nav__handle svg{
    background: #888888;
    padding: 0px;
    width: 20px;
    height: 20px;
}
.tocwrap{
	padding: 3px;
	background: #888888;
	height: 26px;
}
.top-nav .top-nav__list{
    height: 0px;
transition: .2s all ease;
    
background: #4d4d4d;
}

.top-nav.show .top-nav__list{
    height: 380px;
	max-height: 70vh;
    /* min-height: min( 70vh, 250px); */
    overflow: auto;
    background: #4d4d4d;
    transition: .2s all ease;
}

@media only screen and (max-width: 768px) {
	aside.top-nav {
		display: none !important;
	}
}
span.country.UK:before {
    background-position: 0px -83px;
}
p.editors__lead.marc-sub.footnote {
    text-align: right;
    margin-top: 15px;
    margin-right: 0px;
}

   .b2blogo {
        max-height: 90px;
		min-height: 80px;
    }
    img.b2blogomobile {
        max-height: 70px;
        width: auto;
    }