/*
Theme Name:   Weave Education
Description:  Theme for Weave Education Website
Version:      1.0.1
Text Domain:  weave
*/
/* Global variables */
:root {
	--fontFamily: 'Inter', sans-serif, Arial;
	--colorBgGrey: #363632;
	--colorDarkGrey: #3a3a37;
	--colorOffBlack: #12120f;
	--colorWhite: #fff;
	--colorMagenta: #752865;
	--colorAccent: #007aff;
	--colorOfBlue: #007aff;
	--colorGreyWhite: #f6f6f6;
	--colorLightMagenta: #bf477d;
	--colorBGBlack: rgba(0, 0, 0, 0.5);
	--buttonColor: #461936;
	--footerLinks: #babab9;
}

body {
	font-family: var(--fontFamily);
	font-size: 1.5rem;
	background-color: var(--colorOffBlack);
	color: var(--colorWhite);
}
body.whitePage {
	background-color: var(--colorWhite);
	color: var(--colorOffBlack);
}

/* Typography */
p {
	margin: 0;
	padding: 0;
	line-height: 1.7;
}

p + p {
	margin-top: 1rem;
}

a {
	color: var(--colorAccent);
	text-decoration: underline;
	transition: text-decoration .25s;
}

a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 1.2;
}

h1 {
	font-size: 5rem;
}

h2 {
	font-size: 3rem;
}

h3 {
	font-size: 2.4rem;
}

h4 {
	font-size: 2.4rem;
}

h5 {
	font-size: 2rem;
}

h6 {
	font-size: 1.6rem;
}

.text-large {
	font-size: 3rem;
}

/* Header */
.header {
	width: 100%;
	padding: 3rem 0;
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
}

.headerGrid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 200px;
	grid-template-rows: auto;
	position: relative;
}

.headerGrid__menu {
	text-align: left;
	font-size: 1.2rem;
	position: relative;
	line-height: 3.33;
	letter-spacing: 1.71px;
	font-weight: 800;
	border: none;
	background: transparent;
	color: var(--colorWhite);
	cursor: pointer;
	padding: 0;
	margin: 0;
	width: 110px;
}
.headerGrid__menu .openMenuIcon {
	display: block;
}
.headerGrid__menu .closeMenuIcon {
	display: none;
}
.headerGrid__menu.open .openMenuIcon {
	display: none;
}
.headerGrid__menu.open .closeMenuIcon {
	display: block;
}
.headerGrid svg {
	position: absolute;
	margin-left: 95px;
	width: 14px;
	height: 14px;
	top: 12px;
}
.headerGrid__signin {
	text-align: right;
	font-size: 1.2rem;
	line-height: 3.33;
	letter-spacing: 1.71px;
	font-weight: 800;
	color: var(--colorWhite);
	text-decoration: none;
}
.asf .headerGrid__menu,
.asf .headerGrid__signin {
	color: var(--colorOffBlack);
}
.asf .headerGrid svg {
	fill: var(--colorOffBlack);
}
.asf .headerGrid__menu.open {
	color: var(--colorWhite);
}
.asf .headerGrid__menu.open svg {
	fill: var(--colorWhite);
}
.backButton {
	padding: 90px 0 0 10px;
}
.backButton a {
	color: var(--colorOffBlack);
	text-decoration: none;
}

/* Footer */
.footer {
	padding: 2.5rem 0;
	background-color: var(--colorOffBlack);
}

.footerGrid {
	display: grid;
	grid-template-columns: 148px minmax(0, 2fr) minmax(0, 3fr);
	grid-template-areas: "logo copy footermenu";
	grid-template-rows: auto;
	align-items: center;
}
.footerGrid__logo {
	grid-area: logo;
}
.copyright {
	grid-area: copy;
	margin-top: 5px;
	font-size: 1.4rem;
	color: var(--footerLinks);
	padding-left: 40px;
}
.footerGrid {
	background: var(--colorOffBlack);
}
.footerGrid__menu {
	grid-area: footermenu;
	text-align: right;
	font-size: 1.5rem;
}

.footerGrid__menu > nav > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	column-gap: 5rem;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.footerGrid__menu a {
	color: var(--footerLinks);
	text-decoration: underline;
}

.footerGrid__menu a:hover {
	text-decoration: underline;
}

.mainContent {
	min-height: calc(100vh - 165px);
}

/* Sections */
.section--gap-l {
	margin-bottom: 8rem;
}

.section--gap-m {
	padding-bottom: 6.5rem;
}

.section--gap-s {
	margin-bottom: 3rem;
}

.section--gap-0 {
	margin-bottom: 0;
}

.section--bg {

	padding: 4.5rem 0;
}

.section--bg.faq {

	padding-top: 0;
}


.section--bg-black {

	background-color: var(--colorOffBlack);
	color: var(--colorWhite);
}

.section--bg-white {

	background-color: var(--colorWhite);
	color: var(--colorOffBlack);
}

.section--bg-greyWhite {

	background-color: var(--colorGreyWhite);
	color: var(--colorOffBlack);
}

.section--bg-magenta {

	background-color: var(--colorMagenta);
	color: var(--colorWhite);
	background-image: linear-gradient(to bottom, #752865, #bf477d);
}

.section--bg-blue {

	background-image: linear-gradient(111deg, #1a68f0 1%, #00b2ff 95%);
	color: var(--colorWhite);
}

.section--hero {
	text-align: center;
}

.section__header {
	margin-bottom: 2.8rem;
}

.section__header h2 {
	font-size: 3rem;
	line-height: 1.33;
}

/* Hero */
.hero {
	width: 100%;
	margin: 0 auto;
	padding: 6rem 0 16rem 0;
	position: relative;
}

.hero figure {
	margin-bottom: 4rem;
}

.hero img {
	margin: 0 auto;
}

.hero p {
	font-weight: 500;
	line-height: 1;
}

.hero h1 {
	margin-bottom: 2rem;
}
.hero .heroBtn
{
	font-size: 1.4rem;
	color: var(--buttonColor);
}

.hero.checklistHero p{
	max-width: 620px;
	margin: auto;
}

/* Features */
.feature {
	display: flex;
	flex-direction: column;
	row-gap: 3rem;
}

.feature__title {
	font-weight: bold;
	margin-bottom: 2rem;
	line-height: 1.33;
}

/* Gradient Bar */
.gradientBar {
	background: linear-gradient(to right, #ff9500, #0091db, #00db3b);
	width: 100%;
	height: 4rem;
	border-radius: 25px;
	margin-bottom: 5rem;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.gradientBar__knob {
	display: inline-block;
	background-color: var(--colorWhite);
	border-radius: 50px;
	width: 3.4rem;
	height: 3.4rem;
	margin-right: 2px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

/* Forms */
.form {
	margin: 5rem 0 0;
	padding: 0;
}

.aiForm {
	text-align: center;
}

.aiForm h2 {
	font-size: 2rem;
}

.aiForm form {
	margin: 1.3rem auto 0;
	max-width: 60rem;
	display: flex;
	position: relative;
}

.aiForm button {
	border: none;
	background-color: transparent;
	cursor: pointer;
	position: absolute;
	left: 10px;
	top: 15px;
}
.aiForm.accreditorForm button {
	top: 42px;
}

.fieldContainer + .fieldContainer {
	margin-top: 2rem;
}

#ask_question::placeholder{
	color: #ffffff;
}

.field {
	display: block;
	width: 100%;
	padding: 1.2rem 4.4rem;
	border: 1px solid transparent;
	border-radius: 40px;
	background: #661b7e;
	color: #fff;
	font-family: var(--fontFamily);
	font-size: 1.5rem;
	font-weight: 500;
}

.field:focus,
.field:active {
	border-color: var(--colorAccent);
	outline: none;
}

textarea.field {
	font-family: var(--fontFamily);
	font-size: 2rem;
	min-height: 20rem;
}

/* Buttons */
.buttonContainer {
	margin-top: 5rem;
	text-align: center;
}

.hero .buttonContainer {
	margin-top: 4rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.button {
	display: inline-block;
	padding: 1.2rem 2rem;
	font-size: 1.4rem;
	text-align: center;
	white-space: nowrap;
	font-weight: bold;
	color: #000;
	background-color: var(--colorWhite);
	border: 1px solid transparent;
	border-radius: 20px;
	cursor: pointer;
	transition: background-color .25s;
	min-width: 200px;
}
.reverseBtn.button{
	color: var(--colorWhite);
	background-color: var(--colorOffBlack);

}
.buttonContainer.reverseBtnContainer{
	margin-top: 0;
	margin-bottom: 40px;
}
.center {
	text-align: center;
}

.button:hover {
	text-decoration: none;
}

p.subheading
{
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.56;
}

/* Utilities */
.grid {
	gap: 3rem;
}

.col2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.col3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.col4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.priceCol.col2 {
	grid-template-areas: ". col1 col2 .";
	grid-template-columns: 1fr 330px 370px 1fr;
	align-items: center;
}

.priceCol.col2 .price:nth-child(1) {
	grid-area: col1;

}

.priceCol.col2 .price:nth-child(2) {
	grid-area: col2;
}


/* Benefit */

.benefit {
	background-image: linear-gradient(180deg, #1a68f0 0%, #00b2ff 50%);
	position: relative;
}
.benefit:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 300px;
	background-color: #fff;
	z-index: 0;
}
.benefit .img--Slider {
	position: relative;
	z-index: 1;
	margin-top: 60px;
}
.benefit .grid {
	gap: 60px;
}

.benefit .feature {
	gap: 2.3rem;
}
.circle {
	border: solid 2px #fff;
	background: #fff;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	font-size: 19px;
	font-weight: 800;
	text-align: center;
	color: var(--colorOfBlue);
}

/* keyfeature */
.keyFeatures__grid {
	row-gap: 30px;
	column-gap: 28px;
}
.keyFeature:before {
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.05) 3%, rgb(255, 255, 255) 22%, rgb(255, 255, 255) 78%, rgba(255, 255, 255, 0.05) 97%);
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	overflow: hidden;
	border-radius: 19px;
	opacity: 0.35;
}
.keyFeature {
	overflow: hidden;
	border-radius: 19px;
	position: relative;
	z-index: 2;
	background: rgb(13, 13, 13);
}
.keyFeature__content {
	background: rgb(13, 13, 13);
	padding: 40px 30px 30px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	margin-left: 1px;
	margin-top: 1px;
	border-radius: 19px;
	overflow: hidden;
}
.keyFeature__content p {
	line-height: 1.6;
	font-weight: normal;
}

.keyFeature img {
	text-align: center;
	margin: 0 auto 40px;
	width: 100px;
	height: 100px;
}

.small--p {
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.73;

}

/*testimonials*/

blockquote {

	font-size: 3.6rem;
	font-weight: 500;

	margin: 0;
}

blockquote p {
	line-height: 1.17;
}

.quote__position {
	font-style: italic;
	text-align: center;
}

.quote__author {
	font-size: 1.5rem;
	line-height: 1.47;
}

.quote__name {
	font-weight: 800;
}

.quote {
	margin-bottom: 3.6rem;
}

.narrow {
	max-width: 635px; /* Control paragraph width */
	margin: 0 auto; /* Center the paragraph */
	line-height: 1.6; /* Better readability */
}

/*price*/

.priceCol .price:nth-child(2)  {
	padding: 35px 40px;
	border-radius: 20px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	background-color: #5d1c50;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}


.price__subTitle {
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 2;
}

h2.price__title,
.price__title {
	font-size: 4.5rem;
	font-weight: bold;
	line-height: 0.67;
	margin: 1.5rem 0;
}

.price p,
.price li {
	font-size: 1.5rem;
	font-weight: 500;
}
.pricing h2.bigTitle{
	margin-bottom: 10px;
}
.price .button {
	color: #5d1c50;
}
.price .buttonContainer
{
	margin-top: 25px;
}


.tick-list,.tick-listBlack,
.imgList
{
	list-style: none;
	padding: 0;
	margin: 10px 0;
}

.tick-list li,
.tick-listBlack li,
.imgList li
{
	position: relative;
	padding-left: 30px;
	margin-bottom: 20px;
}

.tick-list li::before {
	content: url('images/check.svg');
	position: absolute;
	left: 0;
	top: 1px;
}
.tick-listBlack li::before {
	content: url('images/checkBlack.svg');
	position: absolute;
	left: 0;
	top: 1px;
}
.imgList li:nth-child(1)::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	background-image: url(images/groups.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.imgList li {
	position: relative;
	padding-left: 56px; /* απόσταση icon → κείμενο */
}
.imgList li:nth-child(3)::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	background-image: url(images/person.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.imgList li:nth-child(2)::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	background-image: url(images/chat.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
/* slider*/

.slick-slide img {
	margin: 0 auto;
}

.slick-dots li button:before {
	font-size: 1.5rem !important;
	padding: 0;
}

/* accredators*/
.accreditorsSection .slick-slide {
	margin: 0 10px; /* 10px gap on left/right */
}

.accreditorsSection .slick-slide img {
	width: 100%;
	height: auto;
	display: block;
}

.accreditorForm .field {
	border: solid 1px #c1c1bd;
	background-color: #f2f2ee;
	color: #747474;
	margin: 32px 0 0 0;
	font-size: 16px;
}

.accreditorForm .field:focus,
.accreditorForm .field:target,
.accreditorForm .field:focus-visible,
input:focus, textarea:focus, select:focus {
	border-color: transparent;
	outline-color: transparent;
}

.testimonials .section__header {
	margin-bottom: 0;
}

.menu li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 3.33;
	letter-spacing: 1.71px;
}

.menu {
	list-style: none;
	margin: 0;
	padding-left: 0;
	padding-top: 34px;
}

.navMenu {
	position: absolute;
	top: 2px;
	display: none;
	background: var(--colorBGBlack);
	z-index: 9;
}
.headerGrid__menu {
	z-index: 3;
}
.navMenu {
	z-index: 2;
}

.navMenu, .headerGrid__menu{
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -10px;
}

.accreditorsSection {
	padding-bottom: 0;
}
.accreditorSearchButton {
	display: none;
}
.accreditorSearchButton.showing {
	display: block;
}
.resultsParagraph {
	font-weight: 500;
	margin: 30px auto 23px;
	max-width: 670px;
	width: 100%;
}

.formNoResults {
	display: none;
}
.formNoResults.show {
	display: block;
}
.formNoResults input {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.78;
	border: none;
	border-bottom: solid 1px #292926;
	width: 400px;
}

.grecaptcha-badge {
	visibility: hidden;
}

.emailInputContainer{
	position: relative;
}

.aiForm .emailInputContainer button{
	top:0;
	right: 0;
}

.aiForm .emailInputContainer button.emailSubmitButton{
	left: auto;
}

#loader {
	text-align: center;
	margin-top: 20px;
}

.spinner {
	border: 4px solid rgba(0, 0, 0, 0.1);
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border-left-color: #b0389f; /* A blue color for the spinner */
	animation: spin 1.2s linear infinite;
	display: inline-block; /* Centers the spinner */
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}



.figureLogo img{
	width: 148px;
	height: auto;
}

.gradientWrapper {
	padding-top: 100px;
	/*background: linear-gradient(to bottom, #752865, #bf477d);*/
	background: linear-gradient(-45deg, #BF477D, #752865, #1A68F0, #00B2FF);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0 50%;
	}
}


table { border-collapse: collapse; margin-bottom: 20px; width: 100%; }
th, td { border: 1px solid #fff; padding: 8px; text-align: left; }
hr{
	margin-bottom: 50px;
	margin-top: 0;
}

.alignCenter {
	align-items: center;
}


/* Three cols img */
.leftTextCommenting {
	grid-template-columns: 2fr 1fr 1fr;
}

.leftTextCommenting figure:first-child {
	align-self: baseline; /* ΠΑΝΩ */
}

.leftTextCommenting figure:last-child {
	align-self: end; /* ΚΑΤΩ */
}


/*video modal*/

#videoModal {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.7);
	z-index: 9999;
}

#videoModal .modal-content {
	position: relative;
	width: 80%;
	max-width: 900px;
	margin: 10% auto;
}

#videoModal video {
	width: 100%;
	height: auto;
	background: #000;
}

#videoModal .close {
	position: absolute;
	top: -35px;
	right: 0;
	color: #fff;
	font-size: 28px;
	cursor: pointer;
}


/* PDF modal */
#pdfModal {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.8);
	z-index: 9999;
	align-items: center;
	justify-content: center;
}

#pdfModal.show {
	display: flex;
}

#pdfModal .modal-content {
	position: relative;
	width: 90%;
	max-width: 660px;
	margin: auto;
	padding: 60px 40px;
	border-radius: 20px;
	text-align: center;
	color: #fff;
	overflow: hidden;
}

#pdfModal .pdfClose {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #fff;
	font-size: 32px;
	cursor: pointer;
	line-height: 1;
}

.pdf-modal-body .figureLogo {
	margin-bottom: 30px;
}

.pdf-modal-body p {
	font-size: 1.4rem;
	margin-bottom: 25px;
	line-height: 1.5;
}

#pdfRequestForm {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 480px;
	margin: 20px auto 0;
}


#pdfRequestForm .button{
	max-width: 200px;
	margin: auto;
}
#pdfRequestForm input[type="email"] {
	padding: 15px 20px;
	border-radius: 100px;
	border: none;
	font-size: 1.4rem;
}

#pdf-response-message {
	margin-top: 15px;
	font-weight: bold;
}

#pdf-success-message p {
	margin-top: 20px;
	font-weight: 500;
}

/* FAQ  */
.faq-accordion summary {
	list-style: none;
	cursor: pointer;
}
.faq-accordion summary::-webkit-details-marker {
	display: none;
}

/* SUMMARY = ΕΡΩΤΗΣΗ */
.faq-question {
	margin: 20px 0 0 0;
	padding: 23px 30px;
	border-radius: 10px;
	border: solid 1px #fff;
	background-color: #fff;
	line-height: 1.33;
	color: #292926;
	font-size: 2.4rem;
	font-weight: 600;
	position: relative;
}

/* ICON */
.faq-question::after {
	content: url(images/cross_black.svg);
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
}

/* OPEN STATE */
details[open] > .faq-question {
	border: solid 1px #007aff;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 0;
}

details[open] > .faq-question::after {
	content: url(images/minus.svg);
}

/* ANSWER */
.faq-answer {
	margin: 0;
	padding: 0 30px 20px 30px;
	border: solid 1px #007aff;
	border-top: none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: #fff;
	font-size: 1.5rem;
	line-height: 1.6;
	color: #292926;
}

/* SUMMARY = FAQ QUESTION */
.faq-question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	white-space: normal;
	word-break: break-word;
	text-align: left;
	position: relative;
	padding-right: 48px;

}

/* ICON */
.faq-question::after {
	flex-shrink: 0;
	margin-left: auto;
}

.borderlessTable th,
.borderlessTable td {
	border: none;
}

.intro {
	padding-top: 110px;
}
.intro h1 {
	font-size: 3rem;
	margin-bottom: 32px;
	text-align: center;
}
.intro__description {
	text-align: center;
	font-size: 1.8rem;
	line-height: 1.44;
	max-width: 730px;
	margin-left: auto;
	margin-right: auto;
}
.setpsSlider {
	padding-top: 50px;
}
.setpsSlider .slick-prev:before,
.setpsSlider .slick-next:before {
	display: none;
}

.slideItem h2 {
	font-size: 2.4rem;
	margin-bottom: 24px;
}
.slideItem__text h3,
.slideItem__text p {
	font-size: 1.8rem;
	line-height: 1.44;
}
.slideItem__text h3 {
	font-weight: bold;
	margin-bottom: 10px;
}
.slideItem figure {
	margin-top: 30px;
	width: 100%;
}
.steps {
	height: 80px;
	padding-right: 10px;
}
.steps .slick-dots {
	position: relative;
	bottom: auto;
	display: flex;
	justify-content: space-between;
}
.steps .slick-dots:before {
	position: absolute;
	display: block;
	background: #000;
	height: 2px;
	width: 100%;
	content: "";
	top: 14px;
	left: 0;
}
.steps .slick-dots li {
	margin: 0;
}
.steps .slick-dots li button {
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
	width: 30px;
	height: 30px;
	color: #000;
	background: #fff;
	border: 2px solid #000;
	border-radius: 50%;
}

.steps .slick-dots li.slick-active button {
	color: #fff;
	background: #000;
}
.steps .slick-dots li button:before {
	display: none;
}
.steps--Slider .slick-prev:before,
.steps--Slider .slick-next:before {
	color: #000;
}

.market {
	font-size: 16px;
	vertical-align: top;
}

.downloadButtonWrapper{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 40px;
}

.checklistForm .emailInputContainer{
	max-width: 630px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: 10px auto 30px;
	gap: 18px;
}

.checklistForm .emailInputContainer input[type="email"]{
	min-width: 100%;
	padding: 17px 22px;
	border-radius: 100px;
	border: none;
}

input[type="email"]:focus, input[type="email"]:active, input[type="email"]:focus-visible, input[type="text"]:active, input[type="text"]:focus{
	outline: none;
	border: none;
}

.checklist-success-message{
	font-weight: bold;
	margin: 40px 0;
	text-align: center;
}
.asf .asfLogo{
	display: block;
	text-align: center;
	position: relative;
	z-index: 999;
	top: -20px;
}
.asf .asfLogo img {
	margin: auto;
}
.asfLogo{
	display: none;
}

.accreditorsContainer {
	overflow: hidden;
	position: relative;
	width: 100%;
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

.accreditors {
	display: flex;
	flex-direction: row;
	width: fit-content;
	gap: 40px;
	margin: 0 auto;
	will-change: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
}

.accreditors.withAnimation {
	animation: scroll 60s linear infinite;
	-webkit-animation: scroll 60s linear infinite;
}

.accreditor {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.accreditor img {
	display: block;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 0.7;
}

/* carousel */
.slick-dots li button:before {
	content: '';
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: solid 2px #000;
	top: 14px;
	opacity: 1;
}
.slick-dots li button:hover:before,
.slick-dots li.slick-active button:before {
	content: '';
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: solid 2px #000;
	background: #000;
}

/* single post */
.postBack {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
}