/* Font  */
@font-face { font-family: 'Helvetica Neue'; src: url('../webfonts/Helvetica/HelveticaNeue-Light.woff2') format('woff2'), url('../webfonts/Helvetica/HelveticaNeue-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src: url('../webfonts/Helvetica/HelveticaNeue-BoldItalic.woff2') format('woff2'), url('../webfonts/Helvetica/HelveticaNeue-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src: url('../webfonts/Helvetica/HelveticaNeue-Italic.woff2') format('woff2'), url('../webfonts/Helvetica/HelveticaNeue-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src: url('../webfonts/Helvetica/HelveticaNeue-Bold.woff2') format('woff2'), url('../webfonts/Helvetica/HelveticaNeue-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src: url('../webfonts/Helvetica/HelveticaNeue-BlackItalic.woff2') format('woff2'), url('../webfonts/Helvetica/HelveticaNeue-BlackItalic.woff') format('woff'); font-weight: 900; font-style: italic; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src: url('../webfonts/Helvetica/HelveticaNeue-Heavy.woff2') format('woff2'), url('../webfonts/Helvetica/HelveticaNeue-Heavy.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src: url('../webfonts/Helvetica/HelveticaNeue-Black.woff2') format('woff2'), url('../webfonts/Helvetica/HelveticaNeue-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src: url('../webfonts/Helvetica/HelveticaNeue-LightItalic.woff2') format('woff2'), url('../webfonts/Helvetica/HelveticaNeue-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src: url('../webfonts/Helvetica/HelveticaNeue-HeavyItalic.woff2') format('woff2'), url('../webfonts/Helvetica/HelveticaNeue-HeavyItalic.woff') format('woff'); font-weight: 900; font-style: italic; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src: url('../webfonts/Helvetica/HelveticaNeue-Thin.woff2') format('woff2'), url('../webfonts/Helvetica/HelveticaNeue-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src: url('../webfonts/Helvetica/HelveticaNeue-ThinItalic.woff2') format('woff2'), url('../webfonts/Helvetica/HelveticaNeue-ThinItalic.woff') format('woff'); font-weight: 100; font-style: italic; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src: url('../webfonts/Helvetica/HelveticaNeue-MediumItalic.woff2') format('woff2'), url('../webfonts/Helvetica/HelveticaNeue-MediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src: url('../webfonts/Helvetica/HelveticaNeue-Roman.woff2') format('woff2'), url('../webfonts/Helvetica/HelveticaNeue-Roman.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src: url('../webfonts/Helvetica/HelveticaNeue-Medium.woff2') format('woff2'), url('../webfonts/Helvetica/HelveticaNeue-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src: url('../webfonts/Helvetica/HelveticaNeue-UltraLightItalic.woff2') format('woff2'), url('../webfonts/Helvetica/HelveticaNeue-UltraLightItalic.woff') format('woff'); font-weight: 200; font-style: italic; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src: url('../webfonts/Helvetica/HelveticaNeue-UltraLight.woff2') format('woff2'), url('../webfonts/Helvetica/HelveticaNeue-UltraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; }

/* common css */
:root { --Archivo: "Archivo", sans-serif; --Helvetica: 'Helvetica Neue', sans-serif; --primary: #8D1375; --primaryLight: #C94FB1; --secondary: #36286D; --white: #fff; --black: #000000; --XlFont: 72px; --LFont: 48px; --MFont: 32px; --font24:24px; --XMFont: 18px; --NFont: 16px; --SFont: 14px; --cards: 4; --cardHeight: 40vh; --cardTopPadding: 1.5em; --cardMargin: 4vw; }
body { margin: 0; padding: 0; box-sizing: border-box; font-family: var(--Helvetica); font-size: var(--NFont); color: var(--black); font-weight: 400; background-color: #F5F5F5; }
body.scrollOff { overflow: hidden; transition: all 0.3s; }
body.scrollOff:before { content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.296); z-index: 1; }
.pageWrap { display: flex; flex-direction: column; justify-content: space-between; }
.BHeading { font-size: var(--XlFont); font-family: var(--Archivo); font-weight: 700; display: inline-block; }
.SHeading { font-size: var(--LFont); font-family: var(--Archivo); font-weight: 700; display: inline-block; }
.SHeading span { color: var(--primary); }
.THeading { font-size: var(--MFont); font-family: var(--Archivo); font-weight: 700; display: inline-block; }
.description { font-size: var(--XMFont); display: inline-block; }
.primaryBtn, .secondaryBtn { padding: 10px; display: flex; align-items: center; border-radius: 20px; border: 1px solid; width: max-content; color: var(--white); text-decoration: none; font-weight: 700; letter-spacing: 0.5px; border: 1px solid transparent; transition: all 0.3s; }
.primaryBtn { background-color: var(--primary); border: 2px solid transparent; }
.primaryBtn span { background-color: var(--primaryLight); }
.secondaryBtn { background-color: transparent; border: 1px solid var(--secondary); color: var(--secondary); }
.secondaryBtn span { background-color: var(--secondary); }
.primaryBtn span, .secondaryBtn span { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 11px; margin: 0 12px 0 0; transition: all 0.3s; }
.primaryBtn:hover { background-color: var(--white); color: var(--primary); border: 2px solid var(--primary); }
.secondaryBtn:hover { background-color: var(--secondary); color: var(--white); }
.BtnWrap { display: flex; align-items: center; gap: 30px; }
.icon { width: 30px; height: 30px; background-color: var(--primary); position: relative; border-radius: 50%; display: flex; align-items: center; margin: 0 12px 0 0; justify-content: center; }
.icon img { width: 20px; height: 20px; object-fit: contain; }
.topStrip { z-index: 1; position: relative; display: block; margin: 0 0 15px 0; width: max-content; }
.topStripInner { padding: 6px 15px 6px 6px; border-radius: 30px; display: flex; align-items: center; width: max-content; background-color: var(--white) !important; text-transform: uppercase; }
.topStrip::before { content: ''; position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 30px; background: linear-gradient(180deg, rgba(201, 79, 177, 0.2) 0%, #C94FB1 100%); z-index: -1; top: -1px; left: -1px; }
.bannerContent .topStrip, .quoteWrap1Inner .topStrip, .blogTop .topStrip, .headBtnInner .topStrip { margin: 0 auto 15px auto; }
.product-single .clOneBoxTop .SHeading { color: var(--secondary); }
@media (max-width:1366px) {
	:root { --XlFont: 46px; --LFont: 34px; --MFont: 26px; --XMFont: 16px; --cardMargin: 14vw; }
}
@media (max-width:1280px) {
	:root { --XlFont: 40px; --LFont: 30px; --MFont: 22px; --XMFont: 16px; --NFont: 14px; --cardMargin: 15vw; }
}
@media (max-width:768px) {
	:root { --cardMargin: 20vw; }
}
@media (max-width:480px) {
	:root { --XlFont: 34px; --LFont: 22px; --MFont: 20px; --XMFont: 16px; --NFont: 14px; --cardMargin: 50vw; }
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { background-color: red; border: none; color: var(--white); font-size: 14px; padding: 6px 8px; border-radius: 6px; margin: 10px 0 0 0; }
.wpcf7-response-output { background-color: #46b450; border: none; color: var(--white); font-size: 14px; padding: 6px 8px; border-radius: 6px; margin: 10px 0 0 0; }

/* header css */
header { position: fixed; margin: 24px 0 0 0; top: 0; width: 100%; z-index: 9; }
.headerInner { display: flex; align-items: center; justify-content: space-between; border: 1px solid #36286D33; background: #FFFFFF66; backdrop-filter: blur(74px); border-radius: 32px; padding: 12px; }
.toggleBtn { display: none; }
.nav ul li a { text-decoration: none; color: #000; margin: 0 20px; }
.nav li { position: relative; }
.nav li.hasUl:before { content: ''; position: absolute; top: 12px; right: 12px; background: url(../images/drop-down-arrow.svg)center center no-repeat; background-size: contain; width: 14px; height: 14px; }
li.hasUl a { padding-right: 25px !important; display: inline-block !important; }
.current_page_item a { color: var(--primary) !important }
@media (min-width:1025px) {
	.nav { padding: 0; }
	.nav> ul { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; }
	.nav li a { color: var(--whiteColor); position: relative; }
	.nav>ul li a { display: inline-block; padding: 6px 10px; margin: 0 10px; text-decoration: none; transition: all 0.3s; border-radius: 30px; }
	.nav ul li a { font-family: var(--DM-MONO); }
	.nav ul li:hover a { background-color: rgb(255 255 255 / 15%); }
	.nav ul li.active a { background-color: rgb(255 255 255 / 15%); }
	.nav ul ul { position: absolute; list-style: none; margin: 0; padding: 0; background-color: #fff; transform: translateY(20px); opacity: 0; visibility: hidden; transition: all 0.3s; pointer-events: none; border-radius: 20px; overflow: hidden; backdrop-filter: blur(74px); border: 1px solid #36286D33; min-width: 280px; }
	.nav>ul > li:hover ul { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
	.subMenu a { color: var(--bgColor) !important; }
	.nav li li { margin: 10px; border: 1px solid transparent; transition: all 0.3s }
	.nav li li.active { border: 1px solid #36286D33; border-radius: 14px; }
}
@media (max-width:1280px) {
	header { margin: 14px 0 0 0; }
	.headerInner { border-radius: 16px; }
	.primaryBtn, .secondaryBtn { border-radius: 10px; }
}
@media (max-width:1024px) {
	.toggleBtn { display: flex; width: 50px; height: 50px; border-radius: 8px; align-items: flex-end; justify-content: space-between; flex-direction: column; padding: 12px 12px 12px 0; position: relative; z-index: 10; border: 1px solid var(--secondary); }
	.toggleBtn span { width: 24px; height: 2px; background-color: var(--secondary); display: block; border-radius: 70px; transition: all 0.3s; }
	.toggleBtn.closeBtn span:first-child { transform: rotate(45deg); width: 30px; top: 11px; position: relative; left: 3px; }
	.toggleBtn.closeBtn span:last-child { transform: rotate(-45deg); width: 30px; position: relative; top: -11px; left: 3px; }
	.toggleBtn.closeBtn span:nth-child(2) { opacity: 0; visibility: hidden; }
	.nav { position: fixed; top: 0; right: 0; background-color: var(--white); height: 100vh; width: 85vw; transition: all 0.3s; transform: translateX(110%); border-radius: 16px; }
	.nav.openMenu { transform: translateX(0); }
	.BtnWrap { gap: 10px; }
	.subMenu { display: none; }
	.nav ul { margin: 0; padding: 0; list-style: none; width: 100% }
	.nav> ul { margin: 70px 0 0 0; padding: 0; list-style: none; border-bottom: 1px solid var(--secondary); }
	.nav li { padding: 10px; }
	.nav li a { font-size: 18px; }
	.innerA span { font-size: 14px; }
	.nav li.hasUl:before { right: 22px; }
	ul.subMenu { background: #f5f5f5; border-radius: 12px; }
}

/* custom checkbox */
.custom-radio-style-2:first-child { margin-top: 0; }
.custom-radio-style-2 { display: block; min-height: auto; padding-left: unset; margin: 12px 0; }
.custom-radio-style-2 input { display: none; }
.custom-radio-style-2 label { letter-spacing: -0.14px; position: relative; cursor: pointer; text-align: left; width: 100%; font-size: var(--sttl-theme-font-14); font-weight: 300; color: var(--black); opacity: 0.6; height: 100%; display: inline-block; }
.custom-radio-style-2 input:checked + label { opacity: 1; }
.custom-radio-style-2 label:before { content: ''; -webkit-appearance: none; background-color: transparent; border: 1px solid; border-color: var(--black); width: 25px; height: 25px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; border-radius: 50%; top: 0; left: 0; margin-right: 20px; }
.custom-radio-style-2 input:checked + label:before { border-color: var(--black); }
.custom-radio-style-2 label:after { content: ''; display: block; position: absolute; top: 48%; width: 15px; height: 15px; background: var(--primary); border-radius: 50%; left: 5px; transition: all 0.2s; transform: translateY(-50%); opacity: 0; transform-origin: center center; }
.custom-radio-style-2 input:checked + label:after { transform: scale(1) translateY(-50%); opacity: 1; }

/* listing css */
.resourceListWrapper { padding: 0; position: relative; z-index: 1; border-top: 1px solid #ffffff4d; }
.resourceListInner .filters { border-right: 1px solid #ffffff4d; height: 100%; }
.resourceListInner .filters ul { margin: 0; padding: 70px 0 30px 0; position: sticky; top: 70px; }
.resourceCardImage { width: 100%; height: 300px; border-radius: 30px; margin: 0 0 20px 0; overflow: clip; position: relative; z-index: 1; }
.resourceListing { margin: 70px 0 0 0; }
.resourceListing .col-6 { margin: 0 0 60px 0; }
.resourceCard a { text-decoration: none; color: var(--black); font-size: var(--xMediumFont); }
.resourceCardText { padding: 0 0 0 20px; }
.resourceCardText .strong { text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.resourceCardImage img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
.resourceCard:hover .resourceCardImage img { transform: scale(1.15); }
@media (max-width:768px) {
	.resourceListInner .filters { border-bottom: 1px solid #ffffff4d; border-right: 0; }
	.resourceListInner .filters ul { display: flex; flex-wrap: wrap; align-items: center; column-gap: 30px; row-gap: 20px; }
	.custom-radio-style-2 { margin: 0 !important; }
	.custom-radio-style-2 label:before { margin-right: 10px; }
	.recentPost { margin: 50px 0 0 0; border-radius: 30px; padding: 30px; }
}

/* detail page css */
.detailPageText { margin-top: 30px; }
.subHeading { margin-bottom: 10px;}
.resourceBannerImage { margin: 150px 0 0 0; }
.resourceBannerInner { border-radius: 50px; overflow: hidden; height: 750px; position: relative; }
.resourceBannerInner img { width: 100%; height: auto; object-fit: cover; }
.detailPageContentInner * { color: var(--black); }
.detailPageText { font-size: var(--xNormalFont); }
.detailPageText ul { margin: 0 0 40px 0; }
/* .detailPageContentInner strong, .detailPageContentInner h3 b { color: var(--primary); } */
.detailPageContent { margin: 100px 0 0 0 }
.recentPost { border-radius: 30px; border: 1px solid var(--primary); box-sizing: border-box; padding: 50px; background-color: rgb(255 255 255 / 2%); backdrop-filter: blur(10px); position: sticky; top: 120px; margin-bottom: 20px; }
.recentPost ul { padding: 0 0 0 20px; }
.recentPost ul li { padding: 4px 0; }
.recentPost ul li a { text-decoration: none; transition: all 0.3s; }
.recentPost ul li a:hover { color: var(--primary); }
.recentPost .titleHeading { color: var(--primary); }
table, tr, td { border: 1px solid #D9D9D9; border-collapse: collapse; padding: 10px; }
table { width: 100%; margin: 20px 0 0 0; }
tr:first-child td b { color: var(--primary); font-weight: 600; font-family: 'Montserrat'; }
@media(max-width:1366px) {
	.resourceCardImage { height: 230px }
}
@media (max-width:1024px) {
	.useCaseBannerInner { width: 70% }
	.resourceCardImage { height: 210px; }
}
@media (max-width:768px) {
	.resourceListInner .filters { border-bottom: 1px solid #ffffff4d; border-right: 0; }
	.resourceListInner .filters ul { display: flex; flex-wrap: wrap; align-items: center; column-gap: 30px; row-gap: 20px; }
	.custom-radio-style-2 { margin: 0 !important; }
	.custom-radio-style-2 label:before { margin-right: 10px; }
	.recentPost { margin: 50px 0 0 0; border-radius: 30px; padding: 30px; }
}
@media (max-width:480px) {
	.resourceBannerInner { border-radius: 20px; }
}

/* current opening css */
.openingWrapper { padding: 120px 0 0 0; }
.openingWrapper .greenLine:before { left: calc(100% + 20px); }
.openingListing { margin: 65px 0 0 0; }
.openingList { background-color: var(--white); height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.positionName { padding: 30px 40px; border-bottom: 1px solid #0000004d; }
.positionName strong { display: block; font-size: 22px; margin: 0 0 5px 0; }
.positionName span { font-size: var(--font14); font-weight: 300; color: var(--blackColor); }
.openingDetail { padding: 30px; }
.openingDetail ul { margin: 0 0 30px 0; padding: 0; list-style: none; }
.openingDetail ul li { padding: 10px 0; font-size: 18px; line-height: 10px; display: flex; align-items: center; }
.openingIcon { width: 20px; height: 20px; margin: 0 10px 0 0; }
.openingIcon img { width: 100%; height: 100%; object-fit: contain; }

/* job detail css */
.jobDetailWrapper { padding: 200px 0 50px 0; position: relative; z-index: 1; background-color: var(--bgColor); }
.jobDetailWrapper * { color: var(--black); }
.jobDetailWrapper .primaryBtn { color: var(--white); }
.jobDescription { background: #e2e2e2; padding: 100px 40px; margin: 70px 0 0 0; }
.jobDescription  .subHeading { display: inline-block; }
.single-job .HeadingTextWrapper .subHeading::before { display: none; }
.jobDescription .subHeading::before { top: 50%; left: calc(100% + 20px); }
.jobDescription .HeadingTextWrapper .description p { font-size: 16px; line-height: 32px; }
.jobDescription  .description { opacity: 0.8; }
.jobDescription .HeadingTextWrapper { padding-left: 0; padding-right: 0; padding-bottom: 40px; }
.jobDetailWrapperTop { font-family: poppins, sans-serif; }
.jobDetailWrapperTop .jobPostDate { font-size: 14px; font-weight: 200; color: var(--black); }
.jobDetailWrapperTop .jobHeading { font-size: 34px; font-weight: 400; color: var(--primary); line-height: 80px; margin: 0; }
.jobDetailWrapperTop .location { font-size: 28px; font-weight: 400; color: var(--primary); }
.locationIcon { margin: 0 10px 0 0; }
.description ul li { font-size: 16px; line-height: 2; }

/* footer css */
footer { background: radial-gradient(100% 713.98% at 0% 0%, #180A4F 0%, #500039 100%), linear-gradient(90deg, #8D1375 0%, #36286D 100%); padding: 64px 0 0 0; }
.fLogo span { display: block; color: #FFFFFF; opacity: 0.6; }
.SocialUl { margin: 24px 0 0 0; }
.SocialUl img { width: 35px; }
.SocialUl ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 20px; }
.footerInner .row { justify-content: space-between; }
footer input { border: 1px solid #FFFFFF33; border-width: 1px; border-radius: 18px; background: #00000033; backdrop-filter: blur(44px); width: 100%; padding: 20px; padding-right: 160px; color: var(--white); outline: none; box-shadow: none; }
.NLInput { position: relative; }
.NLInput .primaryBtn { position: absolute; top: 8px; right: 10px; padding: 8px 10px; font-size: 14px; border-radius: 15px; }
.NLInput .primaryBtn span { width: 30px; height: 30px; }
.footerUlWrap { display: flex; gap: 100px; }
.footerUlWrap ul { margin: 16px 0 0 0; padding: 0; list-style: none; }
.footerUlWrap ul a { text-decoration: none; color: #fff; display: inline-block; margin: 4px 0; opacity: 0.6; transition: all 0.3s; }
.footerUlWrap strong { color: #fff; font-size: 20px; }
.footerUlWrap ul a:hover { opacity: 1; }
.copyRightInner { display: flex; align-items: center; justify-content: space-between; }
.copyRight { padding: 32px 0; margin: 70px 0 0 0; border-top: 1px solid #FFFFFF1A }
.copyRight * { color: var(--white); text-decoration: none; }

/* headBtn css */
.headBtn { margin: 160px 0; position: relative; }
.headBtnInner { width: 70%; margin: 0 auto; }
.headBtnInner .primaryBtn { margin: 44px auto 0; }
.headBtn:after { content: ''; position: absolute; top: -100px; right: 0; width: 500px; height: 500px; background: url(../images/pink-strock.png)top center no-repeat; transform: rotateY(180deg); background-size: 100% 100%; }
@media (max-width:1280px) {
	.headBtn { margin: 100px 0; }
	.headBtnInner { width: 90%; }
}
@media (max-width:768px) {
	.footerInner .row { gap: 50px; }
	.newsLetter { display: flex; gap: 50px; }
	.NLInput { width: 400px; margin: 15px 0 0 0; }
	.copyRight { padding: 22px 0; margin: 30px 0 0 0; }
	.primaryBtn span, .secondaryBtn span { width: 28px; height: 28px; }
	.popUpInner { max-width: 80vw !important; padding:90px 50px !important; }
}
.newsLetter { gap: 0; flex-direction: column; }
@media (max-width:480px) {
	.NLInput { width: 100%; }
	.popUpInner { max-width: 95vw; padding:80px 30px; }
}

/* popup css */
.popUp { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: all 0.3s; opacity: 0; visibility: hidden; background-color: #0000003b; }
.popUpInner { max-width: 40vw; background-color: var(--white); padding: 70px; display: flex; align-items: center; justify-content: center; border-radius: 20px; box-shadow: 0px 0px 16px -6px #00000052; transform: scale(0.8); opacity: 0; visibility: hidden; transition: all 0.3s; }
.popUpInner .formDesign { margin: 0; max-width: 100%; }
.popUp.active { opacity: 1; visibility: visible; }
.popUp.active .popUpInner { transform: scale(1); opacity: 1; visibility: visible; }
.popUp .closeBtn { position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; background-color: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.closeBtn::before { content: ''; position: absolute; width: 20px; height: 2px; background-color: var(--white); transform: rotate(45deg); }
.closeBtn::after { content: ''; position: absolute; width: 20px; height: 2px; background-color: var(--white); transform: rotate(-45deg); }
/* --- tab styles --- */
.tabs {
	display: block;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	overflow: hidden;
	padding: 30px 0px;
}
.tabs [class^="tab"] label,
.tabs [class*=" tab"] label {
	color: #8E3875;
	cursor: pointer;
	display: block;
	font-size: 1.1em;
	line-height: 1em;
	padding: 2rem 0;
	text-align: center;
}
.tabs [class^="tab"] [type="radio"],
.tabs [class*=" tab"] [type="radio"] {
	border-bottom: 1px solid rgb(195 195 195 / 43%);
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tabs [class^="tab"] [type="radio"]:hover,
.tabs [class^="tab"] [type="radio"]:focus,
.tabs [class*=" tab"] [type="radio"]:hover,
.tabs [class*=" tab"] [type="radio"]:focus {
	border-bottom: 1px solid #8E3875;
}
.tabs [class^="tab"] [type="radio"]:checked,
.tabs [class*=" tab"] [type="radio"]:checked {
	border-bottom: 2px solid #8E3875;
}
.tabs [class^="tab"] [type="radio"]:checked + div,
.tabs [class*=" tab"] [type="radio"]:checked + div {
	opacity: 1;
}
.tabs [class^="tab"] [type="radio"] + div,
.tabs [class*=" tab"] [type="radio"] + div {
	display: block;
	opacity: 0;
	padding: 2rem 0;
	width: 90%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tabs .tab-2 { width: 50%; }
.tabs .tab-2 [type="radio"] + div { width: 200%; margin-left: 200%; }
.tabs .tab-2 [type="radio"]:checked + div { margin-left: 0; }
.tabs .tab-2:last-child [type="radio"] + div { margin-left: 100%; }
.tabs .tab-2:last-child [type="radio"]:checked + div { margin-left: -100%; }

/* --- PDF list styles --- */
.pdf-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.pdf-item a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	font-weight: 500;
	color: #2b2b2b;
	border: 1px solid #eee;
	padding: 10px 12px;
	border-radius: 8px;
	transition: box-shadow .2s ease, transform .1s ease, border-color .2s ease, color .2s ease;
	background: #fff;
}
.pdf-item a:hover {
	box-shadow: 0 4px 16px rgba(0,0,0,.08);
	transform: translateY(-1px);
	border-color: #8E3875;
	color: #8E3875;
}
.pdf-icon {
	width: 26px; height: 26px; flex: 0 0 26px;
	display: inline-flex; align-items: center; justify-content: center;
}
.pdf-title { line-height: 1.2; word-break: break-word; }