@media screen and (max-width: 767px) {
	.menu {
		background-color: transparent;
		border: none;
		cursor: pointer;
		display: flex;
		padding: 0;
		width: 4rem;
	}

	.menu svg {
		width: 100%;
		height: 100%;
	}

	.line {
		fill: none;
		stroke: var(--night-blue);
		stroke-width: 6;
		transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
			stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
	}
	.line1 {
		stroke-dasharray: 60 207;
		stroke-width: 6;
	}
	.line2 {
		stroke-dasharray: 60 60;
		stroke-width: 6;
	}
	.line3 {
		stroke-dasharray: 60 207;
		stroke-width: 6;
	}
	.opened .line1 {
		stroke-dasharray: 90 207;
		stroke-dashoffset: -134;
		stroke-width: 6;
	}
	.opened .line2 {
		stroke-dasharray: 1 60;
		stroke-dashoffset: -30;
		stroke-width: 6;
	}
	.opened .line3 {
		stroke-dasharray: 90 207;
		stroke-dashoffset: -134;
		stroke-width: 6;
	}

	.opened .line {
		stroke: var(--night-blue);
	}

	.header__btn {
		display: flex;
		gap: 1.5rem;
		position: fixed;
		background: #fff;
		width: 100%;
		left: 0;
		height: 200px;
		flex-direction: column;
		align-items: flex-end;
		justify-content: center;
		padding: 0 3rem;
		transform: translateX(100%);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	.header__btn.opened {
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
	}

	.header__btn a {
		width: 110px;
		height: 40px;
		border-radius: 6px;
		font-size: 1.4rem;
		gap: 5px;
		font-weight: 300;
	}

	.header__logo {
		width: 15.7rem;
	}

	.header {
		height: 7rem;
	}

	.core {
		padding-top: 7rem;
	}

	.portal_info-title {
		font-size: 2.2rem;
		line-height: 2.8rem;
	}

	.portal_info-text {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}

	.portal_info-subtitle {
		font-size: 1.6rem;
		line-height: 1.8rem;
	}

	.portal_product_title {
		color: #fff;
		font-size: 2.4rem;
	}

	.product_box {
		width: 100%;
	}

	.footer {
		width: 100%;
		height: auto;
		padding: 0 6%;
		font-size: 1.4rem;

		position: relative;
		flex-direction: column;
		padding: 20px 0;
		gap: 10px;
	}

	.footer_left {
		order: 2;
	}

	.portal_details-right {
		display: none;
	}

	.portal_details-left {
		width: 100%;
		padding: 5rem 5% 6rem 5%;
	}

	.product_details_pdf ul {
		flex-direction: column;
	}

	.product_details_pdf ul li a {
		padding-bottom: 2rem;
	}

	.product_details_pdf ul li::after {
		content: "";
		position: absolute;
		background: #b9b9b9;
		height: 1px;
		width: 40px;
		right: auto;
		top: auto;
		transform: none;
		bottom: 1rem;
	}

	.btn_bck {
		display: flex;
		padding: 0 0;
	}

	.product_details_top {
		align-items: flex-start;
		padding: 0 0rem;
		flex-direction: column;
	}

	.product_details_title {
		margin-bottom: 2rem;
	}

	.product_info_box {
		padding: 2rem 2rem;
		flex-direction: column;
		gap: 15px;
	}

	.product_info_col {
		width: 100%;
		margin-left: 0;
	}

	.product_details_pdf {
		padding: 2rem 1.5rem;
	}

	.product_details_form_wp {
		padding: 2rem 1.5rem;
	}

	.webform-section-wrapper .js-form-item {
		width: 100% !important;
	}

	/* .js-form-item.form-type-checkbox .option:before {
		content: "";
		position: absolute;
		width: 50px;
		height: 24px;
		background-color: #d1d5db;
		border-radius: 34px;
		transition: 0.4s;
		left: 0;
		top: 0px;
		transform: none;
	}

	.js-form-item.form-type-checkbox .option:after {
		content: "";
		position: absolute;
		width: 16px;
		height: 16px;
		left: 4px;
		bottom: auto;
		background-color: white;
		border-radius: 50%;
		transition: 0.4s;
		top: 4px;
	} */

	.webform-button--previous {
		width: 120px;
		height: 40px;
		margin-right: 2%;
		display: inline-block;
		min-width: auto;
	}

	.webform-button--next,
	.webform-button--submit {
		width: auto;
		display: inline-block;
		min-width: 135px;
	}

	.proof_of_identity .webform-section-wrapper > div {
		width: 100%;
	}

	.proof_of_address .webform-section-wrapper > div {
		width: 100%;
	}

	.bank_statement_or_iban_letter .webform-section-wrapper > div {
		width: 100%;
	}

	.js-form-item.form-type-checkbox .option {
		align-items: flex-start;
	}

	#cookie-banner {
		flex-direction: column;
		gap: 20px;
	}

	.swiper-wrapper {
		justify-content: inherit;
	}

	.portal_left {
		width: 100%;
		padding-right: 0;
	}

	.portal_product {
		flex-direction: column;
	}

	.portal_right {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		border-left: none;
		border-top: 1px solid #ffff;
		margin-top: 5rem;
		padding-top: 4rem;
	}

	.swiper-button-next,
	.swiper-button-prev {
		color: var(--crimson-red);
		font-size: 12px;
	}

	.swiper-button-next:after,
	.swiper-button-prev:after {
		font-size: 3rem;
	}

	.form-item-do-you-reside-at-the-address-shown-on-the-proof-of-bank-account,
	#edit-used-for-cds-account {
		width: 100%;
	}

	.otp_section {
		width: 100%;
	}

	.fallback-buttons_btn {
		flex-direction: column;
	}

	.cnt {
		width: 95%;
	}

	.products {
		padding: 6rem 0 0rem 0;
	}

	.product_list {
		margin-top: 3.5rem;
	}

	.product_title,
	.services_title {
		font-size: 3rem;
	}

	.product_list-box-details {
		right: 0;
		height: 18.5rem;
		width: 100%;
		bottom: 0;
	}

	.services {
		padding: 5rem 0 5rem 0;
	}

	.services .cnt_wp {
		flex-direction: column;
		padding: 5rem 0rem 5rem 0rem;
		min-height: auto;
	}

	.services_list {
		flex-direction: column;
	}

	.services_list-box-details {
		height: auto;
	}

	.services_list-box-top {
		padding: 2.5rem 2rem 2rem;
	}

	.services_list-box-title {
		font-size: 2.2rem;
		line-height: 2.5rem;
	}

	.services_list-box-txt {
		font-size: 1.6rem;
		line-height: 2rem;
	}

	.faq_section {
		padding: 4rem 0 10rem 0;
	}

	.faq_title {
		font-size: 3rem;
	}

	.views-field-title .field-content {
		width: 85%;
		display: flex;
	}
}

@media screen and (max-width: 900px) {
	.menu {
		background-color: transparent;
		border: none;
		cursor: pointer;
		display: flex;
		padding: 0;
		width: 4rem;
	}

	.menu svg {
		width: 100%;
		height: 100%;
	}

	.line {
		fill: none;
		stroke: var(--night-blue);
		stroke-width: 6;
		transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
			stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
	}
	.line1 {
		stroke-dasharray: 60 207;
		stroke-width: 6;
	}
	.line2 {
		stroke-dasharray: 60 60;
		stroke-width: 6;
	}
	.line3 {
		stroke-dasharray: 60 207;
		stroke-width: 6;
	}
	.opened .line1 {
		stroke-dasharray: 90 207;
		stroke-dashoffset: -134;
		stroke-width: 6;
	}
	.opened .line2 {
		stroke-dasharray: 1 60;
		stroke-dashoffset: -30;
		stroke-width: 6;
	}
	.opened .line3 {
		stroke-dasharray: 90 207;
		stroke-dashoffset: -134;
		stroke-width: 6;
	}

	.opened .line {
		stroke: var(--night-blue);
	}

	.header__btn {
		display: flex;
		gap: 1.5rem;
		position: fixed;
		background: #fff;
		width: 100%;
		left: 0;
		height: 200px;
		flex-direction: column;
		align-items: flex-end;
		justify-content: center;
		padding: 0 3rem;
		transform: translateX(100%);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	.header__btn.opened {
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.header {
		height: 8rem;
	}

	.core {
		padding-top: 8rem;
	}

	.portal_info-title {
		font-size: 2.2rem;
		line-height: 2.8rem;
	}

	.portal_info-text {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}

	.portal_info-subtitle {
		font-size: 1.6rem;
		line-height: 1.8rem;
	}

	.portal_product_title {
		color: #fff;
		font-size: 2.4rem;
		height: 35px;
		padding: 0 15px;
	}

	.product_box {
		width: 100%;
	}

	.footer {
		width: 100%;
		height: auto;
		padding: 0 6%;
		font-size: 1.4rem;

		position: relative;
		flex-direction: column;
		padding: 20px 0;
		gap: 10px;
	}

	.footer_left {
		order: 2;
	}

	.portal_details-left {
		width: 100%;
	}

	.portal_details-right {
		display: none;
	}

	.product_details_pdf ul li a {
		font-size: 1.4rem;
	}

	.product_details_pdf ul li::after {
		content: "";
		right: -15px;
	}

	/* .js-form-item.form-type-checkbox .option:after {
		content: "";
		position: absolute;
		width: 16px;
		height: 16px;
		left: 4px;
		bottom: 16px;
		background-color: white;
		border-radius: 50%;
		transition: 0.4s;
	} */

	/* .declaration_section
		.fieldgroup
		.js-form-item.form-type-checkbox
		.option:after {
		content: "";
		position: absolute;
		width: 16px;
		height: 16px;
		left: 4px;
		bottom: 9px;
		background-color: white;
		border-radius: 50%;
		transition: 0.4s;
	} */

	.cookie-banner-left {
		text-align: left;
		margin-right: 20px;
	}

	.portal_left {
		width: 50%;
		padding-right: 2rem;
	}

	.portal_right {
		width: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;

		padding-left: 2rem;
	}

	.swiper-button-next,
	.swiper-button-prev {
		color: var(--crimson-red);
		font-size: 12px;
	}

	.swiper-button-next:after,
	.swiper-button-prev:after {
		font-size: 3rem;
	}

	.services_list-box {
		width: 70%;
	}

	.faq_section .cnt {
		width: 85%;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1183px) {
	.faq_section .cnt {
		width: 85%;
	}
	.portal_details-left {
		width: 100%;
	}

	.portal_details-right {
		display: none;
	}

	.cookie-banner-left {
		text-align: left;
		margin-right: 5rem;
	}

	.product_details_form .primary_questions .js-form-item label.error,
	.product_details_form .secondary_questions .js-form-item label.error {
		bottom: -30px;
	}

	.portal_left {
		width: 65%;
		padding-right: 2rem;
	}

	.portal_right {
		width: 35%;
		display: flex;
		flex-direction: column;
		align-items: center;

		padding-left: 2rem;
	}

	.swiper-button-next,
	.swiper-button-prev {
		color: var(--crimson-red);
		font-size: 12px;
		top: var(--swiper-navigation-top-offset, 37%);
	}

	.swiper-button-next:after,
	.swiper-button-prev:after {
		font-size: 2rem;
	}

	.product_box,
	.portal_right_service {
		height: 420px;
	}

	.services_list-box {
		width: 45%;
	}

	.services_list-box-details {
		height: auto;
	}
}

@media screen and (min-width: 1184px) and (max-width: 1399px) {
	.header__logo {
		width: 18.7rem;
	}

	html {
		font-size: 55.5%;
	}

	.cnt_1700 {
		width: 90%;
	}

	.cnt_1800 {
		width: 95%;
	}

	.product_details_pdf ul li a {
		font-size: 1.4rem;
	}

	.product_details_pdf ul li::after {
		content: "";
		right: -15px;
	}

	.portal_details-left {
		width: 70.77%;
	}

	.portal_details-right {
		width: 29.23%;
	}

	/* 
	.js-form-item.form-type-checkbox .option:after {
		content: "";
		position: absolute;
		width: 16px;
		height: 16px;
		left: 4px;
		bottom: 9px;
		background-color: white;
		border-radius: 50%;
		transition: 0.4s;
	} 
	*/

	.cookie-banner-left {
		text-align: left;
		width: 65%;
	}

	.portal_right_service {
		max-width: 345px;
		height: 405px;
	}

	.product_box {
		height: 405px;
	}

	.portal_right {
		padding-left: 25px;
	}

	.services_list-box-details {
		height: auto;
	}
}

@media screen and (min-width: 1400px) and (max-width: 1663px) {
	.header__logo {
		width: 19.7rem;
	}

	.cnt_1700 {
		width: 90%;
	}

	.cnt_1800 {
		width: 95%;
	}

	html {
		font-size: 55.5%;
	}

	.product_details_pdf ul li a {
		font-size: 1.4rem;
	}

	.product_details_pdf ul li::after {
		content: "";
		right: -23px;
	}

	/* .js-form-item.form-type-checkbox .option:after {
		content: "";
		position: absolute;
		width: 16px;
		height: 16px;
		left: 4px;
		bottom: 16px;
		background-color: white;
		border-radius: 50%;
		transition: 0.4s;
	} */
	/* 
	.declaration_section
		.fieldgroup
		.js-form-item.form-type-checkbox
		.option:after {
		content: "";
		position: absolute;
		width: 16px;
		height: 16px;
		left: 4px;
		bottom: 9px;
		background-color: white;
		border-radius: 50%;
		transition: 0.4s;
	} */

	.cookie-banner-left {
		text-align: left;
		width: 65%;
	}

	.portal_right_service {
		max-width: 345px;
		height: 415px;
	}

	.product_box {
		height: 415px;
	}

	.portal_right {
		padding-left: 25px;
	}

	.services_list-box-details {
		height: auto;
	}
}

@media screen and (min-width: 1530px) and (max-width: 1663px) {
	html {
		font-size: 55.5%;
	}

	.cnt_1700 {
		width: 90%;
	}

	.cnt_1800 {
		width: 95%;
	}

	.header__logo {
		width: 20.7rem;
	}

	.product_details_pdf ul li a {
		font-size: 1.4rem;
	}

	.product_details_pdf ul li::after {
		content: "";
		right: -23px;
	}

	.cookie-banner-left {
		text-align: left;
		width: 65%;
	}

	.services_list-box-details {
		height: auto;
	}
}

@media screen and (min-width: 1664px) and (max-width: 1750px) {
	.cnt_1700 {
		width: 90%;
	}

	.cnt_1800 {
		width: 95%;
	}

	.product_box {
		height: auto;
	}

	.portal_right_service {
		max-width: 345px;
		height: 480px;
	}

	.product_box {
		height: 480px;
	}

	.portal_right {
		padding-left: 25px;
	}

	.services_list-box-details {
		height: 25rem;
	}
}

@media screen and (min-width: 1720px) and (max-width: 1750px) {
	.product_box {
		height: auto;
	}

	.product_box-img {
		margin-top: 7rem;
	}
	.cookie-banner-left {
		text-align: left;
		width: 65%;
	}
}

@media screen and (min-width: 2400px) and (max-width: 2750px) {
	.product_box {
		height: auto;
	}

	.product_box-img {
		margin-top: 7rem;
	}
}

@media screen and (min-width: 2700px) {
	.product_box {
		height: auto;
	}

	.product_box-img {
		margin-top: 7rem;
	}
}