:root {
	--primary-font: "Kanit", sans-serif;
	--transition-03: all 0.3s ease-in-out;
	--crimson-red: #ad1e23;
	--night-blue: #1c2023;
	--dark-cl: #212529;
	--lightest-gray: #f7f7f7;
	--neutral-gray: #777777;
	--crimson-redDarl: #990d2a;
	--middle-grey: #ededed;
}

/* Universal Box-Sizing */
*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	outline: none;
}

/* Scrollbar Styling */
/* Works on Firefox */
* {
	scrollbar-width: thin;
	scrollbar-color: var(--night-blue) #f7f7f7;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 8px;
	padding: 10px;
}

*::-webkit-scrollbar-track {
	background: #f7f7f7;
}

*::-webkit-scrollbar-thumb {
	background-color: var(--night-blue);
}

/* Text Selection */
::selection,
::-moz-selection {
	color: #fff;
	background: #000;
	text-shadow: none;
}

::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	font-family: var(--primary-font);
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: -0.5px;
}
::-moz-placeholder {
	/* Firefox 19+ */
	font-family: var(--primary-font);
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: -0.5px;
}
:-ms-input-placeholder {
	/* IE 10+ */
	font-family: var(--primary-font);
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: -0.5px;
}
:-moz-placeholder {
	/* Firefox 18- */
	font-family: var(--primary-font);
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: -0.5px;
}

::placeholder {
	font-family: var(--primary-font);
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: -0.5px;
}

/* Base Typography */
html {
	font-size: 62.5%; /* 1rem = 10px */
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent;
}

body {
	line-height: 1;
	font-family: var(--primary-font);
	font-weight: 400;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

/* Lists */
ol,
ul,
li {
	list-style: none;
}

/* Links */
a {
	color: inherit;
	text-decoration: none;
	transition: var(--transition-03);
}

/* Subscript and Superscript */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Form Elements */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

select {
	appearance: none;
}

button {
	border: none;
	background: none;
	cursor: pointer;
}

/* Main Structure */
main {
	display: block;
}

/* Section Structure */
section {
	display: flex;
	flex-direction: column;
	width: 100%;
}

/* Image Styling */
img {
	border-style: none;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

/* Responsive Image */
.img-res {
	width: 100%;
	max-width: 100%;
	height: auto;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Global Container */
.core {
	padding-top: 9rem;
}

.cnt {
	width: 100%;
	margin: 0 auto;
}

.cnt_1180 {
	max-width: 1180px;
}

.cnt_1700 {
	max-width: 1700px;
}

.cnt_1800 {
	max-width: 1800px;
}

.cnt_wp {
	display: flex;
}

/* ! Header */
.header {
	height: 9rem;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #ffffff;
	display: flex;
	justify-content: space-between;
	align-items: center;

	padding: 0 6%;
	z-index: 999;
}

.header__scrolldown {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	display: none;
}

.header__scrollup {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

.header__logo {
	width: 26.7rem;
}

.header__btn {
	display: flex;
	gap: 1.5rem;
}

.header__btn a.btn_contactus {
	width: 175px;
	height: 45px;
	display: flex;
	border-radius: 6px;
	border: 1px solid var(--night-blue);
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	color: var(--night-blue);
	gap: 10px;
	font-weight: 300;
}

/* .header__btn a:hover {
	background: var(--neutral-gray);
	border: 1px solid var(--neutral-gray);
	color: #fff;
	box-shadow: 0 4px 8px rgba(173, 30, 35, 0.4);
} */

.btn_fill {
	fill: var(--night-blue);
	transition: var(--transition-03);
}

.header__btn a:hover .btn_fill {
	fill: #fff;
}

.header__btn a.btn_book {
	min-width: 175px;
	height: 45px;
	padding: 0 2rem;
	display: flex;
	border-radius: 6px;
	border: 1px solid var(--night-blue);
	background: var(--night-blue);
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	color: #fff;
	gap: 10px;
	font-weight: 300;
}
.header__btn a.btn_contactus:hover,
.header__btn a.btn_book:hover {
	background: var(--crimson-red);
	border: 1px solid var(--crimson-red);
	color: #fff;
	box-shadow: 0 4px 8px rgba(173, 30, 35, 0.4);
}

.header__btn a.btn_faq {
	width: 10rem;
	height: 45px;
	display: flex;
	border-radius: 6px;
	border: 1px solid var(--crimson-red);
	background: var(--crimson-red);
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
	color: #fff;
	font-weight: 400;
}

.header__btn a.btn_faq:hover {
	background: var(--night-blue);
	border: 1px solid var(--night-blue);
	color: #fff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
}

/* ! Footer */
/* .Sticky__footer {
	min-height: calc(100vh - 3.5rem);
} */

.footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: var(--lightest-gray);
	width: 100%;
	height: 3.5rem;
	padding: 0 6%;
	font-size: 1.4rem;
	font-weight: 300;
	color: var(--neutral-gray);
	position: relative;
}

.footer a:hover {
	color: var(--crimson-red);
}

.footer ul {
	display: flex;
}

.footer ul li {
	position: relative;
	margin-right: 20px;
}

.footer ul li::after {
	content: "|";
	position: absolute;
	right: -10px;
}

.footer ul li:last-child::after {
	content: "";
}

.footer ul li:last-child {
	margin-right: 0;
}

/* ! core */
.portal {
	min-height: calc(100vh - 12.5rem);
	display: flex;
	flex-direction: column;
}

.portal_info {
	padding: 0rem 1rem;
}

.portal_info-bg {
	display: flex;
	height: 45.5rem;
	border-radius: 12px;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.portal_info-bg::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		90deg,
		rgba(0, 0, 0, 0.45) 47.44%,
		rgba(0, 0, 0, 0) 75.75%
	);
}

.portal_info-wp {
	display: flex;
	width: 100%;
	position: relative;
	z-index: 1;
	flex-direction: column;
	padding: 0 6%;
	justify-content: center;
}

.portal_info-title {
	color: #fff;
	font-size: 3.8rem;
	font-weight: 500;
	line-height: 3.5rem;
	margin-bottom: 1rem;
}

.portal_info-subtitle {
	color: #fff;
	font-size: 2rem;
	font-weight: 400;
	line-height: 2.6rem;
}

.portal_info-text {
	color: #fff;
	font-size: 1.8rem;
	font-style: italic;
	font-weight: 300;
	line-height: 2.4rem;
	display: flex;
	flex-direction: column;
	margin-top: 1rem;
	margin-bottom: 3rem;
}

.portal_info-btn {
	display: flex;
}

.portal_info-btn a {
	font-size: 1.8rem;
	min-width: 175px;
	height: 45px;
	padding: 0 3rem;
	display: flex;
	border-radius: 6px;
	border: 1px solid var(--crimson-red);
	background: var(--crimson-red);
	align-items: center;
	justify-content: center;
	color: #fff;
	gap: 10px;
	font-weight: 300;
}

.portal_info-btn a:hover {
	background: var(--night-blue);
	border: 1px solid var(--night-blue);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
}

/* ! Products */
.products {
	padding: 10rem 0 0rem 0;
}

.products .cnt_wp {
	flex-direction: column;
}

.product_title {
	text-align: center;
	color: var(--dark-cl);
	font-size: 4rem;
	font-style: normal;
	font-weight: 500;
	line-height: 35px;
	letter-spacing: -0.4px;
}

.product_list {
	width: 100%;
	display: flex;
	margin-top: 6.5rem;
	padding: 1rem 4%;
	position: relative;
}

.product_list-box {
	display: flex;
	width: 100%;
}

.product_list-box a.product_list-box-link {
	display: flex;
	height: 48rem;
	border-radius: 12px;
	width: 100%;
	overflow: hidden;
}

.product_list-box-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	transition: var(--transition-03);
}

.product_list-box-img::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/* background: linear-gradient(120deg, var(--crimson-redDarl) 0.52%, rgba(255, 255, 255, 0) 37.1%); */
	transition: var(--transition-03);
}

.product_list-box a.product_list-box-link:hover .product_list-box-img::after {
	background: rgba(0, 0, 0, 0.2);
}

.product_list-box-logo {
	width: 18rem;
	position: absolute;
	left: 3rem;
	top: 3rem;
	z-index: 1;
}

.product_list-box-details {
	position: absolute;
	right: 2.5rem;
	height: 18.5rem;
	width: 38rem;
	display: flex;
	flex-direction: column;
	bottom: 2.5rem;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.15);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);

	transition: var(--transition-03);
	overflow: hidden;
	z-index: 1;
}

.product_list-box a.product_list-box-link:hover .product_list-box-details {
	background: rgba(255, 255, 255, 0.25);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

.product_list-box-top {
	display: flex;
	flex-direction: column;
	color: #fff;
	width: 100%;
	padding: 2.5rem 3rem 2rem;
}

.product_list-box-title {
	font-size: 2rem;
	font-weight: 500;
	line-height: 3rem;
	letter-spacing: -0.2px;
	margin-bottom: 2rem;
}

.product_list-box-sharesTxt {
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 2rem;
	letter-spacing: -0.36px;
}

.product_list-box-shares {
	font-size: 3rem;
	font-weight: 500;
	line-height: 3.2rem;
	letter-spacing: -0.6px;
}

.product_list-box-bot {
	margin-top: auto;
	width: 100%;
	background: var(--crimson-redDarl);
	display: flex;
	padding: 1rem 3rem;
	color: #fff;
}

.product_list-box-botText {
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 2rem;
	letter-spacing: -0.32px;
}

.product_list-box-botText span {
	font-weight: 500;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 14px;
	color: var(--dark-cl);
	transition: var(--transition-03);
}

.swiper-button-next,
.swiper-button-prev {
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--dark-cl);
	border-radius: 10px;
	transition: var(--transition-03);
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	background: var(--night-blue);
}

.swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
	color: #fff;
}

/* ! services */
.services {
	padding: 10rem 0 10rem 0;
}

.services .cnt_wp {
	flex-direction: column;
	padding: 10rem 3rem 8rem 3rem;
	border-radius: 12px;
	overflow: hidden;
	min-height: 76rem;
	background: var(--middle-grey);
}

.services_title {
	text-align: center;
	color: var(--night-blue);
	font-size: 4rem;
	font-style: normal;
	font-weight: 500;
	line-height: 35px;
	letter-spacing: -0.4px;
}

.services_list {
	display: flex;
	width: 100%;
	margin-top: 6rem;
	padding: 0 5%;
	gap: 2%;
	justify-content: center;
}

.services_list-box {
	display: flex;
	width: 33.3333%;
	height: 48rem;
}

.services_list-box a {
	display: flex;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	overflow: hidden;
}

.services_list-box-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	transition: var(--transition-03);
}

.services_list-box-details {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0.5rem;
	height: 25rem;
	width: 95%;
	display: flex;
	flex-direction: column;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.15);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	transition: var(--transition-03);
	overflow: hidden;
	z-index: 1;
}

.services_list-box a:hover .services_list-box-details {
	background: rgba(255, 255, 255, 0.25);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

.services_list-box-top {
	display: flex;
	flex-direction: column;
	color: #fff;
	width: 100%;
	padding: 2.5rem 3rem 2rem;
	text-align: center;
}

.services_list-box-title {
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 3.5rem;
	letter-spacing: -0.48px;
	margin-bottom: 1.2rem;
}

.services_list-box-txt {
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.2rem;
	letter-spacing: -0.36px;
}

.services_list-box-bot {
	margin-top: auto;
	width: 100%;
	background: #fff;
	display: flex;
	padding: 1rem 3rem;
	color: var(--dark-cl);

	font-size: 1.8rem;
	font-weight: 400;
	letter-spacing: -0.36px;
	text-transform: uppercase;
	transition: var(--transition-03);
	justify-content: center;
	height: 4rem;
}

.services_list-box a:hover .services_list-box-bot {
	background: var(--crimson-redDarl);
	color: #fff;
}

/* ! product to delete */
.portal_product {
	display: flex;
	flex: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	padding: 5rem 6% 2rem;

	isolation: isolate;
	flex-direction: row;
}

.portal_product::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		98deg,
		rgba(28, 32, 35, 0.9) 0%,
		rgba(28, 32, 35, 0.9) 100%
	);
	isolation: isolate;
	z-index: -1;
}

.portal_product_title {
	color: #fff;
	font-size: 2.6rem;
	font-weight: 600;
	text-align: center;
}

.portabl_product_wp {
	width: 100%;
	display: flex;
	margin-top: 4rem;
	/* pointer-events: none; */
}

.product_box {
	/* max-width: 400px; */
	width: 100%;
	height: 480px;
	border-radius: 8px;
	/* border: 1px solid #eaeaea; */
	background: #fff;
	display: flex;
	overflow: hidden;
	transition: var(--transition-03);
}

.product_box.faded {
	opacity: 0.8;
}

/* .product_box:hover {
	box-shadow: inset 0 0 0 3px var(--crimson-red);
	border-color: var(--crimson-red);
	border-color: var(--night-blue);
} */

.product_box a {
	display: flex;
	flex-direction: column;
	width: 100%;
	border-radius: 8px;
}
.product_box-top {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 3rem 1.3rem 1.5rem;
	transition: var(--transition-03);
}

.product_box:hover .product_box-top {
	background: #f7f7f7;
	/* box-shadow: inset 0 0 0 3px rgba(173, 30, 35, 0.8); */
	box-shadow: inset 0px 1px 5px 2px rgba(173, 30, 35, 0.5);
}

.product_box-logo {
	display: flex;
	justify-content: center;
}

.product_box-logo img {
	width: auto;
	max-width: 100%;
}

.product_box-desc {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-top: 1rem;
}

.product_box-title {
	color: var(--night-blue);
	font-size: 2rem;
	font-weight: 300;
	line-height: 3rem;
	margin-bottom: 2rem;
}

.product_box-shares {
	color: var(--night-blue);
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2rem;
}

.product_box-more {
	color: var(--night-blue);
	font-size: 1.4rem;
	font-weight: 300;
	border: 1px solid var(--night-blue);
	border-radius: 6px;
	width: 230px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: 2rem;
	max-width: 90%;
	text-transform: uppercase;
	transition: var(--transition-03);
}

.product_box:hover .product_box-more {
	background: var(--crimson-red);
	border-color: var(--crimson-red);
	color: #fff;
	box-shadow: 0 4px 8px rgba(173, 30, 35, 0.3);
}

.product_box-img {
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	margin-top: auto;
}

.product_box-bot {
	background: var(--crimson-red);
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	color: #ffffff;
	width: 100%;
	transition: var(--transition-03);
}

.product_box:hover .product_box-bot {
	background: rgba(173, 30, 35, 0.8);
}

.product_swiper {
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: var(--transition-03);
}

.product_swiper.ready {
	opacity: 1;
}

/* ! Details Page */
.portal.portal_details {
	flex-direction: row;
	background: var(--middle-grey);
}

.portal_details-left {
	width: 60%;
	min-height: calc(100vh - 12.5rem);
	display: flex;
	flex-direction: column;
	padding: 6rem 5% 7rem 5%;
}

.portal_details-right {
	width: 40%;
	height: calc(100vh - 13rem);
	position: fixed;
	right: 0;
	top: 9rem;
	padding: 1.3rem;
	display: flex;
}

.portal_details-rightImg {
	width: 100%;
	height: 100%;
	display: flex;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 12px;
}

.product_details_inner {
	display: flex;
	width: 100%;
	flex-direction: column;
}
.btn_bck {
	display: flex;
	padding: 0 2.5rem;
}
.btn_bck a {
	display: flex;
	gap: 12px;
	font-size: 1.4rem;
	color: var(--night-blue);
}

.btn_bck a:hover {
	color: var(--crimson-redDarl);
}

.btn_bck_fill {
	transition: var(--transition-03);
	fill: var(--night-blue);
}

.btn_bck a:hover .btn_bck_fill {
	color: var(--crimson-redDarl);
}

.product_details_top {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-top: 2.2rem;
	padding: 0rem 2.5rem;
}

.product_details_title {
	color: var(--crimson-redDarl);
	font-size: 3rem;
	font-weight: 600;
	line-height: 3.5rem;
	margin-bottom: 0.5rem;
}

.product_details_logo {
	width: 140px;
	height: 53px;
	background: #fff;
	border-radius: 4px;

	display: none;
}

.product_details_info {
	display: flex;
	flex-direction: column;
	margin-top: 5rem;
	margin-bottom: 3rem;
}

.product_info_box {
	border-radius: 8px;
	width: 100%;
	display: flex;
	background: transparent;
	padding: 2rem 2.5rem;
}

.product_info_box:nth-child(even) {
	background: rgba(255, 255, 255, 0.6);
}

.product_info_col {
	display: flex;
	flex-direction: column;
	gap: 5px;
	height: 100%;
}

.product_info_col1 {
	width: 45%;
	padding-right: 10px;
}

.product_info_col2 {
	width: 40%;
	padding-right: 10px;
}
.product_info_col3 {
	width: 18%;
	margin-left: auto;
}

.product_info-label {
	color: #acacac;
	font-size: 1.6rem;
	line-height: 2rem;
}

.product_info-title {
	color: var(--night-blue);
	font-size: 1.8rem;
	line-height: 2.2rem;
}

.product_details_pdf {
	border-radius: 8px;
	width: 100%;
	display: flex;
	padding: 2rem 2.5rem;
	border: 1px solid #eaeaea;
	background: #fff;
}

.product_details_pdf ul {
	display: flex;
	width: 100%;
	gap: 25px;
}

.product_details_pdf ul li {
	position: relative;
}

.product_details_pdf ul li::after {
	content: "";
	position: absolute;
	background: #b9b9b9;
	height: 28px;
	width: 1px;
	right: -40px;
	top: 55%;
	transform: translateY(-50%);
	display: none;
}

.product_details_pdf ul li:last-child::after {
	display: none;
}

.product_details_pdf ul li a {
	display: flex;
	color: var(--night-blue);
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2rem;
	gap: 12px;
	align-items: center;
}

.product_details_pdf ul li a:hover {
	color: var(--crimson-red);
}

.product_details_pdf ul li a span {
	width: 28px;
	height: 30px;
	background: url("../assets/images/svg/pdf_icon.png") center center no-repeat;
}

.product_details_btn {
	width: 100%;
	display: flex;
	margin-top: 3rem;
}

.invest-button-pop {
	width: 100%;
	height: 60px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2rem;
	color: #fff;
	background: var(--crimson-red);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid transparent;
	transition: var(--transition-03);
	cursor: pointer;
}

.invest-button-pop:hover {
	background: var(--lightest-gray);
	color: var(--night-blue);
	border-color: var(--crimson-red);
	box-shadow: 0 4px 8px rgba(173, 30, 35, 0.4);
}

.invest-pop {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: var(--transition-03);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 0;
}

.invest-pop.active {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	z-index: 999;
}

.invest-pop-inner {
	max-width: 65rem;
	height: auto;
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 3rem;
	width: 95%;
}

.pop_question {
	text-align: center;
	color: var(--dark-cl);
	font-size: 3rem;
	font-style: normal;
	font-weight: 500;
	line-height: 35px;
	letter-spacing: -0.4px;
}

.pop_ans {
	display: flex;
	justify-content: center;
	margin-top: 5rem;
	gap: 2rem;
}

.pop_ans a.pop_ans-yes {
	width: 10rem;
	height: 45px;
	display: flex;
	border-radius: 6px;
	border: 1px solid var(--crimson-red);
	background: var(--crimson-red);
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
	color: #fff;
	font-weight: 400;
}

.pop_ans a.pop_ans-yes:hover {
	background: var(--night-blue);
	border: 1px solid var(--night-blue);
	color: #fff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
}

.pop_ans a.pop_ans-no {
	width: 10rem;
	height: 45px;
	display: flex;
	border-radius: 6px;
	border: 1px solid var(--crimson-red);
	background: var(--crimson-red);
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
	color: #fff;
	font-weight: 400;
}

.pop_ans a.pop_ans-no:hover {
	background: var(--night-blue);
	border: 1px solid var(--night-blue);
	color: #fff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
}

/* ! error page */
.error_page {
	width: 100%;
	height: 100vh;
	background: var(--lightest-gray);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 5%;
}

.error_page_logo {
	width: 100%;
	max-width: 400px;
}

.error_page_content {
	display: flex;
	flex-direction: column;
	margin-top: 3rem;
}

.error_page_content h1 {
	font-weight: 500;
	font-size: 6rem;
	color: var(--night-blue);
	margin-bottom: 1rem;
}

.error_page_content h2 {
	font-weight: 300;
	font-size: 2.4rem;
	color: var(--night-blue);
	margin-bottom: 1rem;
}

.error_page_content p {
	font-weight: 300;
	font-size: 1.8rem;
	color: var(--night-blue);
}

.error_page_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 5rem;
}

.error_page_btn a {
	width: 175px;
	height: 45px;
	display: flex;
	border-radius: 6px;
	border: 1px solid var(--night-blue);
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	color: var(--night-blue);
	gap: 10px;
	font-weight: 300;
}

.error_page_btn a:hover {
	background: var(--crimson-red);
	border: 1px solid var(--crimson-red);
	color: #fff;
	box-shadow: 0 4px 8px rgba(173, 30, 35, 0.4);
}

.error_page_btn .btn_bck_fill {
	transition: var(--transition-03);
	fill: var(--night-blue);
}

.error_page_btn a:hover .btn_bck_fill {
	fill: #fff;
}

/* ! admin */

.user-logged-in .header {
	top: 8rem;
	z-index: 9;
}

/* test */
/* 
	.product_details_form_wp {
		position: absolute;
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
		transform: translateY(30px);
		transition: none;
	}

	.product_details_inner.hidden {
		display: none;
		opacity: 0;
		pointer-events: none;
	}

	.product_details_form_wp.active {
		position: relative;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(0);
		transition: var(--transition-03);
	} 
*/

/* ! form */
.product_details_form_wp {
	border-radius: 8px;
	background: var(--lightest-gray);
	display: flex;
	flex-direction: column;
	min-height: 680px;
	padding: 5rem 5.5rem;
}

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

.product_details_form_top .btn_bck a {
	color: var(--night-blue);
}

.product_details_form_top .btn_bck .btn_bck_fill {
	fill: var(--night-blue);
}

.product_details_form {
	width: 100%;
	display: flex;
	margin-top: 4rem;
	flex-direction: column;
}

.product_details_form .field--name-webform {
	width: 100%;
	display: flex;
}

.product_details_form .field--name-webform form {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.product_details_form .webform-section-title {
	color: #990d2a;
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 3.5rem;
	display: flex;
	margin-bottom: 2rem;
}

.product_details_form .investment_details_section .webform-section-title {
	margin-bottom: 4rem;
	color: #2e3031;
	font-size: 3rem;
	font-weight: 600;
}

.product_details_form section {
	margin-bottom: 4rem;
}

/* .product_details_form section:last-child {
	margin-bottom: 0;
} */

.product_details_form .webform-section-wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 36px 3%;
	/* justify-content: space-between; */
}

.product_details_form section .js-form-item {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.product_details_form .js-form-item label {
	color: var(--night-blue);
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: -0.5px;
}

.product_details_form .js-form-item label a {
	text-decoration: underline;
}

.product_details_form .js-form-item label a:hover {
	color: var(--crimson-red);
}

.product_details_form .js-form-item input,
.product_details_form .js-form-item select {
	width: 100%;
	height: 50px;
	padding: 12px 12px;

	border: 1px solid #d1d5db;
	border-radius: 8px;
	background-color: #f9fafb;
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04),
		0px 1px 2px 0px rgba(16, 24, 40, 0.04);

	color: var(--neutral-gray);

	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: -0.5px;

	transition: var(--transition-03);
}

.js-form-item-date-of-birth input {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAHYAAAB2AH6XKZyAAAE9GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjUuOSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjQtMDUtMjVUMTI6NDc6MjcrMDQ6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0LTA1LTI1VDEyOjQ4OjI4KzA0OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTA1LTI1VDEyOjQ4OjI4KzA0OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpjMmJlOTY5NS1lMjI2LTRmYTMtODY4Mi04N2U2ODgxN2QzOGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6YzJiZTk2OTUtZTIyNi00ZmEzLTg2ODItODdlNjg4MTdkMzhlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YzJiZTk2OTUtZTIyNi00ZmEzLTg2ODItODdlNjg4MTdkMzhlIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpjMmJlOTY5NS1lMjI2LTRmYTMtODY4Mi04N2U2ODgxN2QzOGUiIHN0RXZ0OndoZW49IjIwMjQtMDUtMjVUMTI6NDc6MjcrMDQ6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS45IChNYWNpbnRvc2gpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PprgdtMAAAVwSURBVHic7ZptiFVFGMd/q5Vr24vQC5mMOTZhppBIaeRLm2BSyAZBkVnRG+UHS0lEyKL6sJFklEEpUaYlfSjFiAxqFxMywrCyIIkam3IwxdBaw5fN3O3DzKWz13PvnXvPrGfl3j9czr0zz/mf5/zvnOc888w09fb2Us8YlLcDeaMhQN4O5I2GAHk7kDcaAuTtQN6oewHOiEEipLoIeAq4FugBvgDardFdkfgv9vzXACcS/IeycjdlzQSFVM3AN8BlwGfAYGAG8DUwzRp9IiP/UM8vgC0J/u3A9Kz8MUbATGAsMMsa/SmAkOpu4B1gEvBlRv6bgCuBmdboTs9/L7AWNyK2ZSGPEQNG+eP2RNtXRX0Dlr+mESCkGgdMBYYB15cxbRNSjazlGglMLdN3q5BqFPAnsNUavbNa8qoEEFKNAVYBrYGn3Ok//YU5/gOAkGozMM8a/XMoQbAAQqoJuCB3HFgAbAT2APOBFSVOm2uNfjf0GiWuuxB4qUT3HOA9YARwG/AksE1I1WqN/j6EP0gAIdUQYANwCBfZdyf6Cq+RpsQphe8xig1l+a3RPYAFVgipPgA+B9YLqcZbo/+pRB4aBOcCo4H7kzfv8Ys/Tkm0TfNHHchfDsH81ujfgAeBK4C7QshDH4FbgF3W6M0pfR3ADuB9IdU23Ht6MrCZvpG7VnwCfAdsKOLvxOUHfWCN7hBSGe/zmkrkoSNgJPBjWocfZq3AcuAw0AU8A8y2Rmd+BDz/DcCLwBHP/zTQVoZ/J4GvyNARMAToLuNkF7A0kKtqeP4nqjilG+dzRdT9ZKghQN4O5I26F6CaVLhFSDW63zyJi5ZQw2oEmAXsqt6X3BAvFfb4FjcROh0wD5cwVUQ1Ahhr9Ou1+XNqIaSaBagQ27oPgnUvQKyq8CTgbeDMlO49wAxr9L/edinwQAmq1dbodm83FFcEvTDFrhu43Rr9Q0bX4wgATADGAOtwE5YCxuGmrucDB3xbK3A28GERR5vva/e/L8EVVbcAPyXshgF3AOOBASNAAUus0b8XfgipHqXvPL4AbY1+JNkgpLqqBOcaa/TahN1YnABRUPcxoCFA3g7kjVgxoMcfdwqpehLthaJEsnLTC1wnpDpYxHEurupczPmqkCpZFR5c1J8JsQTYBLwCNKf0/WqNTt7sC4ApwbM+8X038CwwPMXuCK7mmBlRBLBG78WtFYTYduAKqZXsenG1xX5FtNegkOo80icgR63RxxJ2g3B5QRq6fJ3/lCFKEBRSzQb+Ag6mfPb6JfQC3iphd9D3hV5zspAqLfOsCrFGwKW41ZolOCEKuBG3NtgCHEvYalwsSGKx7ysLIVUTrgT/ODAdtxJUM2JnguuKMsEhpC+O7iueWgup7ik2ElI1Fz0+TbhgO98ft2Z1OLYA0SCkagH+EFKtAhbhRthK4GFguTV6cYzrDFgBrNGHhVQrcUP9HNxM8z7gOWt0tEWY2AKMLAp4F5Swa04psDbzf5wAwBq9SEi1H3jeNy2LefMQT4CC42n7gXqA5DJ1N25vT1qBdVNxgzV6mZDqgP/+RkY/T0KoAD2Uf2Wux6W4Q1P6jDX678TvBZxcCyigM62xhhsfTGCqHCrAftwujFRYo4/gdoVVhDV6F/1fXh8B7AsxDE2EtgIT/YakAQ0fWyYS+IoMFeBN3LP7mpAqqN6eB7xvK4GjwOqQc4IE8MnNQuBm4CMhlazRx36DkOpy4GPcxsrH/AStIqraKiukegh4GRfsduCmrMer9DU2zsLtYLkaN01eYI0O+vehhr3CQqrhuIRkCq5yOxCwD/fMr7FGBwW/AjJvlj7dUfc1wYYAeTuQNxoC5O1A3mgIkLcDeaPuBfgPSySexp2MMS4AAAAASUVORK5CYII=);
	background-size: 40px;
	background-position: 97% center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.product_details_form .js-form-item input:focus,
.product_details_form .js-form-item select:focus {
	border-color: #990d2a;
	box-shadow: 0px 1px 2px 0px rgba(173, 30, 35 0.04),
		0px 1px 2px 0px rgba(173, 30, 35 0.04);
}
.product_details_form .js-form-item.form-type-checkbox input {
	width: 20px;
	height: 20px;
	padding: 0;
	border: none;
	border-radius: 0;
	background: none;
	box-shadow: none;
	position: relative;
}

.product_details_form .js-form-item.form-type-checkbox label {
	width: 90%;
	margin-left: 5px;
}

.product_details_form .js-form-item.form-type-checkbox {
	width: 100%;
	flex-direction: row;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	cursor: pointer;
	margin-bottom: 35px;
}

.form-checkbox {
	accent-color: var(--crimson-red); /* Change to your desired color */
}

.js-form-item.form-type-checkbox .description {
	width: 100%;
	display: none;
}

.webform-button--next,
.webform-button--submit {
	background: var(--crimson-red);
	border: 1px solid var(--crimson-red);
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 35px;
	border-radius: 6px;
	width: auto;
	min-width: 200px;
	height: 40px;
	padding: 0 20px;
	text-transform: uppercase;
	cursor: pointer;
	transition: var(--transition-03);
	display: inline;
}

.webform-button--next:hover,
.webform-button--submit:hover {
	background: #fff;
	color: var(--crimson-red);
}

.webform-section-wrapper .js-form-item {
	width: 48%;
}

.webform-button--previous {
	background: #f7f7f7;
	border: 1px solid #6d6e6f;
	color: #6d6e6f;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 35px;
	border-radius: 6px;
	width: auto;
	min-width: 200px;
	height: 40px;
	padding: 0 20px;
	text-transform: uppercase;
	cursor: pointer;
	transition: var(--transition-03);
	margin-right: 30px;
}

.webform-button--previous:hover {
	background: var(--night-blue);
	color: #fff;
}

/* ! form section one */
.investment_details_section
	.webform-section-wrapper
	.js-form-item:nth-child(1) {
	width: 48%;
}

.investment_details_section
	.webform-section-wrapper
	.js-form-item:nth-child(2) {
	width: 48%;
}

.investment_details_section
	.webform-section-wrapper
	.js-form-item:nth-child(3) {
	width: 31.3333%;
}

.investment_details_section
	.webform-section-wrapper
	.js-form-item:nth-child(4) {
	width: 31.3333%;
}

.investment_details_section
	.webform-section-wrapper
	.js-form-item:nth-child(5) {
	width: 31.3333%;
}

/* ! form section two */
.bank_transfer .webform-section-wrapper .js-form-item:nth-child(1) {
	width: 48%;
}

.bank_transfer .webform-section-wrapper .js-form-item:nth-child(2) {
	width: 48%;
}

.bank_transfer .webform-section-wrapper .js-form-item:nth-child(3) {
	width: 100%;
}

.bank_transfer .webform-section-wrapper .js-form-item:nth-child(4) {
	width: 48%;
}

.bank_transfer .webform-section-wrapper .js-form-item:nth-child(5) {
	width: 48%;
}

/* ! form section three */
.primary_investor .webform-section-wrapper .js-form-item:nth-child(1) {
	width: 100%;
}

.primary_investor
	.webform-section-wrapper
	.js-form-item:nth-child(1)
	.form-select {
	width: 48%;
}

.primary_investor .webform-section-wrapper .js-form-item:nth-child(2) {
	width: 48%;
}

.primary_investor .webform-section-wrapper .js-form-item:nth-child(3) {
	width: 48%;
}

.primary_investor .webform-section-wrapper .js-form-item:nth-child(4) {
	width: 48%;
}

.primary_investor .webform-section-wrapper .js-form-item:nth-child(6) {
	width: 48%;
}

.primary_investor .webform-section-wrapper .js-form-item:nth-child(7) {
	width: 100%;
}

.primary_investor .webform-section-wrapper .js-form-item:nth-child(8),
.primary_investor .webform-section-wrapper .js-form-item:nth-child(9),
.primary_investor .webform-section-wrapper .js-form-item:nth-child(10) {
	width: 31.3333%;
}

.primary_investor .webform-section-wrapper .js-form-item:nth-child(11) {
	width: 31.3333%;
	width: 100%;
}

.primary_investor .webform-section-wrapper .js-form-item:nth-child(12) {
	width: 100%;
}

.primary_investor .webform-section-wrapper .js-form-item:nth-child(13) {
	width: 100%;
}

.primary_investor .webform-section-wrapper .js-form-item:nth-child(14) {
	width: 100%;
}

.primary_investor .webform-section-wrapper .js-form-item:nth-child(15),
.primary_investor .webform-section-wrapper .js-form-item:nth-child(16) {
	width: 31.3333%;
}

.primary_investor .webform-section-wrapper .js-form-item:nth-child(17) {
	width: 65.3333%;
}

.primary_investor .webform-section-wrapper .js-form-item:nth-child(23) label {
	flex: 1;
}

.primary_investor .webform-section-wrapper .js-form-item:nth-child(23) {
	width: 100%;
}

/* ! form section four */
.primary_questions .webform-section-wrapper .js-form-item,
.secondary_questions .webform-section-wrapper .js-form-item {
	width: 100%;
}

.primary_questions .webform-section-wrapper,
.secondary_questions .webform-section-wrapper {
	gap: 0;
}

.primary_questions label.question,
.secondary_questions label.question {
	color: var(--night-blue);
	font-size: 18px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: -0.5px;
	margin-bottom: 2rem;
	width: 100%;
}

.primary_questions .webform-section-wrapper .js-form-item,
.secondary_questions .webform-section-wrapper .js-form-item {
	margin-bottom: 36px;
}

.primary_questions .webform-section-wrapper .js-form-item:last-child,
.secondary_questions .webform-section-wrapper .js-form-item:last-child {
	margin-bottom: 0;
}

/* ! form section six */
.proof_of_identity .webform-section-wrapper > div {
	width: 48%;
}

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

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

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

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

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

/* ! form section eight */
.declaration_section .fieldgroup {
	width: 100%;
}

.declaration_section
	.fieldset__legend.fieldset__legend--composite.fieldset__legend--visible {
	color: var(--night-blue);
	font-size: 2rem;
	font-weight: 500;
	line-height: 2.5rem;
	display: flex;
	margin-bottom: 1rem;
}

.declaration_section .fieldgroup .js-form-item.form-type-checkbox {
	width: 100%;
	flex-direction: row;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 18px;
	cursor: pointer;
}

.declaration_section .fieldgroup .js-form-item.form-type-checkbox input {
	width: 18px;
	height: 18px;
	padding: 0;
}

/* ! select 2 */
.select2.select2-container {
	width: 100% !important;
}

.select2-container--default .select2-selection--single {
	width: 100%;
	height: 50px;
	padding: 12px 12px;

	border: 1px solid #d1d5db;
	border-radius: 8px;
	background: #f9fafb;
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04),
		0px 1px 2px 0px rgba(16, 24, 40, 0.04);

	color: var(--neutral-gray);

	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: -0.5px;

	transition: var(--transition-03);
}

.select2-container--default
	.select2-selection--single
	.select2-selection__rendered {
	color: var(--neutral-gray);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.5px;
	font-family: var(--primary-font);
}

.select2-container--default
	.select2-selection--single
	.select2-selection__arrow {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADESURBVHgB5ZFNDoJADIU7eAJvwCn8W3ETWRowUcC95QAqC12rR/AE4opET+ERPEHtjJCQYUCWJLykTdP0fdNMATotP8Kzv8FD08ygyQwELsdkNHPsV5beWgMKswCIOR7cWtdBKgA/VCsvpPm4R3xmaTqeOqIOYlWeJxhyDqS5aMk638aGHogvcPfCeKv3vSheqetosgyMtwDCMkTWgijhT/zowwLMW1z4GnMCgb8hQk7X0w7dVoAyJJ8ymv9qGWCiQJ3WF3mvTPHPFHmbAAAAAElFTkSuQmCC);
	background-position: center center;
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	right: 10px;
	top: 15px;
}

.select2-container--default
	.select2-selection--single
	.select2-selection__arrow
	b {
	display: none;
}

.select2-container--open .select2-dropdown {
	top: 0px;
	left: 0;
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background: var(--lightest-gray);
	border: 1px solid #d1d5db;
}

.select2-results__option {
	font-size: 1.4rem;
	line-height: 1.6rem;
	letter-spacing: -0.5px;
	color: var(--night-blue);
	padding: 6px 12px;
	font-family: var(--primary-font);
}

.select2-container--default
	.select2-results__option--highlighted.select2-results__option--selectable {
	background-color: var(--neutral-gray);
	color: #fff;
	font-family: var(--primary-font);
}

.select2-container--default
	.select2-selection--single
	.select2-selection__clear {
	display: none;
}

.select2-search__field {
	position: relative;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAgCAYAAACLmoEDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFCSURBVHgB7Zb9jUZAEIfH5QqgAjpAB3SgA0rQAS2oABUogRKogA5QwZ7f5vaS+3jvcvvxJpJ9krGR8cezk9mxDrugm/BCN8LKmsLKmsLKmkJZdpomStOUPM8jx3EojmNqmoaMwBSo6xo/FB5BELAkSZjruh/v67oynUjLQkRIjeP4KVdVFc9BXifSslmWcaFH1YMo8l83ooJ0z6JXoyiiq7I/5vM85+uyLKQLadnjOH7Ni0389d1/kJaFzLZtD2VERcMwJG0wScQkKMvyWw59jIOH2Ped6UJaFhKQgXBRFGwYBh7YhBhfOIQ6UZqzqCBE6X3WioCsmAbI68LBgxSZ55lPh/M8yfd9uipKlzBdotT3PV/btiVlmGGuEaatwsZlgS7hV3oCXdfxFa2igpaefRb28m0KK2sKK2sKK2uKW8m+AdZQIvnQp8kYAAAAAElFTkSuQmCC);
	background-position: -3px center;
	background-repeat: no-repeat;
	height: 30px;
	padding: 0 35px !important;
	font-size: 1.4rem;
	line-height: 1.6rem;
	letter-spacing: -0.5px;
	color: var(--night-blue);
}
/* ! checkbox toggle */
/* Hide the original checkbox */
/* .js-form-item.form-type-checkbox .form-checkbox {
	opacity: 0;
	width: 0;
	height: 0;
	position: absolute;
} */

/* Create a custom switch */
/* .js-form-item.form-type-checkbox .option {
	position: relative;
	display: flex;
	margin-right: 0;
	padding-left: 65px;
	cursor: pointer;
	min-height: 33px;
	align-items: center;
} */

/* .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: 50%;
	transform: translateY(-50%);
} */
/* 
.js-form-item.form-type-checkbox .option:after {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	left: 4px;
	bottom: 8px;
	background-color: white;
	border-radius: 50%;
	transition: 0.4s;
} */

/* Change the background color when checked */
/* .js-form-item.form-type-checkbox .form-checkbox:checked + .option:before {
	background-color: var(--crimson-red);
} */

/* Move the switch handle when checked */
/* .js-form-item.form-type-checkbox .form-checkbox:checked + .option:after {
	transform: translateX(26px);
} */

/* Additional styling for the label text */
/* .js-form-item.form-type-checkbox .option + .option {
	display: inline-block;
	vertical-align: middle;
} */

/* Ensure the description is styled appropriately */
/* .js-form-item.form-type-checkbox .description {
	margin-top: 10px;
} */

.js-form-item {
	position: relative;
}

.product_details_form .js-form-item label.error {
	color: var(--crimson-red);
	position: absolute;
	bottom: -20px;
	font-size: 12px;
}

.product_details_form .ordinary-share.error,
.product_details_form .error-message {
	color: var(--crimson-red);
	position: absolute;
	top: 20px;
	font-size: 12px;
}

/* ! to delete */
/* .swiper-wrapper {
	justify-content: center;
} */

/* ! cookie */
#cookie-banner {
	position: fixed;
	bottom: 0%;
	left: 0;
	width: 100%;
	background: var(--lightest-gray);
	color: var(--night-blue);
	padding: 2rem 5%;
	text-align: center;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: all 0.8s ease-in-out;
	transform: translateY(100%);
}

#cookie-banner.show {
	bottom: 0;
	transform: translateY(0);
}

.cookie-banner-left {
	font-weight: 300;
	font-size: 1.6rem;
}

.cookie-banner-left a {
	color: var(--crimson-red);
	text-decoration: underline;
	font-weight: 400;
}

.cookie-banner-left a:hover {
	color: var(--night-blue);
}
.cookie-banner-left strong {
	color: var(--crimson-red);
	font-weight: 400;
}

.cookie-banner-btn {
	display: flex;
	gap: 20px;
}

#cookie-banner button {
	width: 175px;
	height: 45px;
	display: flex;
	border-radius: 6px;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	color: #fff;
	gap: 10px;
	font-weight: 300;
	transition: var(--transition-03);
}

#cookie-banner button.accept {
	background-color: var(--crimson-red);
}

#cookie-banner button.reject {
	background-color: var(--night-blue);
	width: 100px;
}

#cookie-banner button:hover {
	background: var(--neutral-gray);
}

.Sticky__footer.active {
	pointer-events: none;
}

.contextual-region {
	width: 100%;
}

.product_details_form
	.js-form-item.form-item.form-type-select.js-form-type-select.form-item-is-the-proof-of-address-in-your-name.js-form-item-is-the-proof-of-address-in-your-name
	label.error {
	color: var(--crimson-red);
	position: absolute;
	bottom: 20px;
	font-size: 12px;
}

.product_details_form label.tax-label {
	width: 100%;
	font-size: 2rem;
	margin-bottom: 0;
	color: var(--crimson-red);
}

.js-form-item .messages-list {
	display: none;
}

.pdf-wrapper {
	display: flex;
	font-size: 1.6rem;
	margin-bottom: 1rem;
	color: var(--crimson-red);
}

.ajax-progress {
	opacity: 0;
	position: absolute;
}

/* ! flatpicker */
.flatpickr-months .flatpickr-month {
	background: var(--crimson-red);
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
	background: var(--crimson-red);
}

.flatpickr-weekdays {
	background: var(--crimson-red);
}

span.flatpickr-weekday {
	background: var(--crimson-red);
	color: #fff;
	font-weight: 400;
	font-family: var(--primary-font);
}

.flatpickr-day {
	color: var(--night-blue);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
	background: var(--crimson-red);
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	border-color: var(--crimson-red);
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
	fill: var(--night-blue);
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
	fill: var(--night-blue);
}

.form-type-webform-document-file .button.js-form-submit.form-submit {
	cursor: pointer;
	transition: var(--transition-03);
}

.form-type-webform-document-file .button.js-form-submit.form-submit:hover {
	background: var(--crimson-red);
	color: #fff;
}

.otp_section .webform-section-wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 20px 0%;
	justify-content: space-between;
}

.otp_section .webform-section-wrapper .js-form-item {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

/* confirmation */
.webform-confirmation {
	display: flex;
	flex-direction: column;
}

.webform-confirmation__message {
	display: flex;
	flex-direction: column;
}

.webform-confirmation__message h6 {
	display: flex;
	color: #66bb6a;
	font-weight: 600;
	font-size: 2rem;
	line-height: 2rem;
	letter-spacing: -0.5px;
	margin-bottom: 2rem;
	align-items: center;
	gap: 15px;
}

.webform-confirmation__message h6::before {
	content: "";
	background: url("../assets/images/svg/verified.png") center center no-repeat;
	width: 40px;
	height: 40px;
	background-size: 100%;
}

.webform-confirmation__message h3 {
	color: #2e3031;
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 3.5rem;
	display: flex;
	margin-bottom: 2rem;
}

.webform-confirmation__message h4 {
	color: #2e3031;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 2.4rem;
	margin-bottom: 1rem;
}

.webform-confirmation__message p {
	color: #2e3031;
	font-size: 1.8rem;
	line-height: 2.4rem;
	letter-spacing: -0.5px;
	margin-top: 0rem;
}

.webform-confirmation__message p a {
	color: #990d2a;
	text-decoration: underline;
	font-weight: 400;
}

.webform-confirmation__message p a:hover {
	color: var(--night-blue);
}

.webform-confirmation__message h5 {
	color: #990d2a;
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 3.5rem;
	display: flex;
	margin-bottom: 2rem;
	margin-top: 2rem;
}

.webform-confirmation__pdf a {
	background: #990d2a;
	border: 1px solid #990d2a;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 35px;
	border-radius: 6px;
	width: 235px;
	min-width: 235px;
	height: 40px;
	padding: 0 20px;
	text-transform: uppercase;
	cursor: pointer;
	transition: var(--transition-03);
	display: inline;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.webform-confirmation__pdf a:hover {
	background: #fff;
	color: #990d2a;
}

.webform-confirmation__back {
	display: none;
}

#edit-nic {
	text-transform: uppercase;
}

#nic-error {
	color: var(--crimson-red);
	position: absolute;
	top: 20px;
	font-size: 12px;
}

#start-camera-button {
	background-color: #990d2a;
	border: 1px solid #990d2a;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 35px;
	border-radius: 6px;
	width: auto;
	min-width: 200px;
	height: 40px;
	padding: 0 20px;
	text-transform: uppercase;
	cursor: pointer;
	transition: var(--transition-03);
	display: inline;
	background-image: url("../assets/images/svg/camera.png");
	background-size: 20px;
	background-position: 10% center;
	background-repeat: no-repeat;
}

#start-camera-button:hover {
	background-color: #fff;
	color: #990d2a;
}

#capture-button {
	background: #990d2a;
	border: 1px solid #990d2a;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 35px;
	border-radius: 6px;
	width: auto;
	min-width: 200px;
	height: 40px;
	padding: 0 20px;
	text-transform: uppercase;
	cursor: pointer;
	transition: var(--transition-03);
	display: inline;
	margin-top: 10px;
}

#capture-button:hover {
	background: #fff;
	color: #990d2a;
}

#camera-div {
	display: none;
	padding-top: 10px;
}

#message-container {
	color: var(--crimson-red);
	position: absolute;
	top: 390px;
	font-size: 15px;
}

#message-container.success {
	position: absolute;
	top: auto;
	font-size: 15px;
	padding: 10px 0;
}

#field-error-message {
	position: absolute;
	top: 50px;
	font-size: 15px;
}

.portal_left {
	width: 75%;
	padding-right: 3rem;
}

.portal_right {
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-left: 1px solid #ffff;
}

.portal_right_service {
	width: 100%;
	display: flex;
	margin-top: 4rem;

	background: #fff;
	border-radius: 8px;

	width: 100%;
	max-width: 345px;
	height: 480px;
	border-radius: 8px;
	background: #fff;
	display: flex;
	overflow: hidden;
	transition: var(--transition-03);
}

.portal_right_service a {
	display: flex;
	flex-direction: column;
	padding: 20px;
	width: 100%;
}

.portal_right_service_img {
	border-radius: 8px;
	width: 100%;
	overflow: hidden;
}

.portal_right_service_img img {
	transition: all 0.3s ease-in-out;
}

.portal_right_service a:hover .portal_right_service_img img {
	transform: scale(1.05);
}

.portal_right_service_desc {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.portal_right_service_desc_title {
	color: #2e3031;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 300;
	line-height: 2.6rem;
}

.portal_right_service_desc_title strong {
	font-weight: 500;
}

.portal_right_service_desc_btn {
	font-size: 1.4rem;
	font-weight: 300;
	border-radius: 6px;
	width: 230px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: 2rem;
	max-width: 90%;
	text-transform: uppercase;
	transition: var(--transition-03);
	border: 1px solid var(--night-blue);
	color: var(--night-blue);
}

.portal_right_service a:hover:hover .portal_right_service_desc_btn {
	background: var(--crimson-red);
	border-color: var(--crimson-red);
	box-shadow: 0 4px 8px rgba(173, 30, 35, 0.3);
	color: #fff;
}

.portal_right_icn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.portal_right_icn span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 85px;
	height: 85px;
	background: #fff;
	margin-top: -40px;
	border-radius: 100%;
	padding: 25px;
	position: relative;
}

.custext {
	padding: 20px 0px;
	font-size: 1.4rem;
}

.webform-submission-service-form-form .proof_of_identity .form-item-nic,
.webform-submission-service-form-form
	.proof_of_identity
	.form-item-telephone-mobile,
.webform-submission-kyc-form-form .proof_of_identity .form-item-nic,
.webform-submission-kyc-form-form
	.proof_of_identity
	.form-item-telephone-mobile {
	width: 48%;
}

.webform-submission-service-form-form #edit-nic-recto,
.webform-submission-service-form-form #edit-nic-verso,
.webform-submission-kyc-form-form #edit-nic-recto,
.webform-submission-kyc-form-form #edit-nic-verso {
	margin-top: 10px;
}

#edit-bank-statement-or-iban-letter-textfield {
	margin-top: 10px;
}

.form-item-do-you-reside-at-the-address-shown-on-the-proof-of-bank-account {
	gap: 10px;
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
	width: 48%;
}
.camera-wrapper #message-container {
	position: inherit;
}

.product_details_form .js-form-item.form-type-checkbox.form-item-same-as-above {
	width: 100%;
	flex-direction: row;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	cursor: pointer;
	margin-bottom: 0;
}

.product_details_form
	.js-form-item.form-type-checkbox.form-item-same-as-above
	label {
	width: 80%;
	margin-left: -2px;
	position: relative;
	top: 2px;
}

#edit-used-for-cds-account {
	width: 50%;
}

.otp_section {
	width: 50%;
}

#edit-distributions-and-maturity-redemption-proceeds
	.js-webform-states-hidden.js-form-wrapper {
	width: 100%;
	margin-bottom: -15px;
}

.form-item-expected-monthly-investment .description {
	font-size: 15px;
}

.fielddisabled {
	pointer-events: none;
}

.fielddisabled .select2-container--default .select2-selection--single {
	background: #ededed;
}

.bank_statement_or_iban_letter .webform-section-wrapper > .description,
.proof_of_address .webform-section-wrapper > .description {
	font-size: 1.4rem;
	width: 100%;
	font-style: italic;
}

.webform-submission-service-form-form
	#edit-trade-and-fees-settlements
	.form-item-bank-name {
	width: 100%;
}

.webform-submission-service-form-form
	#edit-trade-and-fees-settlements
	.js-form-wrapper {
	width: 48%;
}

.webform-submission-service-form-form
	#edit-trade-and-fees-settlements
	.js-form-wrapper
	.js-form-item {
	width: 100%;
}

.webform-submission-service-form-form
	#edit-trade-and-fees-settlements
	.js-form-item.form-type-webform-document-file {
	width: 100%;
}

.webform-submission-service-form-form
	#edit-trade-and-fees-settlements
	.js-form-wrapper
	.js-form-item
	a {
	display: flex;
	font-size: 1.6rem;
	margin-bottom: 1rem;
	color: var(--crimson-red);
}

.form-item-surname .description,
.form-item-first-name-s .description,
.form-item-maiden-name .description {
	font-size: 12px;
	color: #990d2a;
	position: absolute;
	right: 0;
	top: 3px;
}

.js-form-item-sex {
	display: none !important;
}

.js-form-item.form-item-permanent-residential-address-3 {
	width: 100% !important;
}

/* ! CDS only */
.cdsform .primary_investor .form-item-title-name,
.cdsform .primary_investor .form-item-do-you-reside-in-mauritius,
.cdsform .primary_investor .form-item-residential-status,
.cdsform .primary_investor .form-item-country,
.cdsform .primary_investor .form-item-city-name,
.cdsform .primary_investor .form-item-telephone-office {
	width: 48% !important;
}

.cdsform .primary_investor .form-item-resident,
.form-item-disposal-intruction-mur,
.form-item-disposal-instruction-usd,
.form-item-disposal-instruction-eur,
.form-item-disposal-instruction-gbp,
.form-item-disposal-instruction-zar {
	display: none !important;
}

.cdsform .primary_investor .form-item-residential-status {
}

.bankcustomsection .webform-section-wrapper > div {
	width: 48% !important;
}

.bankcustomsection .webform-section-wrapper > label {
	width: 100% !important;
}

.uploadbankdetails {
	width: 100% !important;
}

.cdsform .form-item-source-of-funds {
	width: 100% !important;
}

.cdsform
	.form-item-do-you-wish-to-receive-promotional-and-marketing-materials-by-em,
.cdsform
	.form-item-would-you-like-to-register-for-sem-inet-which-enables-you-to-mon {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	margin-bottom: 4rem;
}

.errorupload {
	color: var(--crimson-red);
	font-size: 12px;
}

.cdsform .form-type-webform-document-file .form-file.error {
	border: 1px solid var(--crimson-red);
}

#edit-trade-and-fees-settlements .description .destop,
#edit-distributions-and-maturity-redemption-proceeds .description .destop {
	font-size: 18px;
}

#edit-trade-and-fees-settlements .errorupload,
#edit-distributions-and-maturity-redemption-proceeds .errorupload {
	display: none;
}

.product_details_form .webform-section-wrapper > .description {
	width: 100% !important;
}

#edit-distributions-and-maturity-redemption-proceeds
	.js-form-item.form-item-source-of-funds.js-form-item-source-of-funds {
	width: 100% !important;
}

.error-messageOTP {
	color: var(--crimson-red);
	font-size: 12px;
	margin-bottom: 10px;
}

.js-form-item.form-item-proceed-without-face-recognition .description {
	background: #990d2a;
	color: #fff;
	padding: 2rem;
	font-size: 1.6rem;
	border-radius: 13px;
	line-height: 2rem;
}

#fallback-buttons {
	width: 100% !important;
}

.fallback-buttons_wp {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.fallback-buttons_top {
	display: flex;
	flex-direction: column;
}

.fallback-buttons_title {
	color: #990d2a;
	font-size: 20px;
}

.fallback-buttons_text {
	gap: 0.3rem;
	background: var(--night-blue);
	color: #fff;
	padding: 2rem;
	font-size: 1.6rem;
	border-radius: 13px;
	line-height: 2rem;
	width: 100%;
	margin-top: 2rem;
	display: flex;
	flex-direction: column;
}

.fallback-buttons_btn {
	display: flex;
	gap: 2rem;
	margin-top: 2rem;
}

.fallback-buttons_btn button {
	background: #ad1e23;
	border: 1px solid #ad1e23;
	color: #fff;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 2rem;
	border-radius: 6px;
	width: 50%;
	min-width: 200px;
	height: auto;
	padding: 10px 20px;
	cursor: pointer;
	transition: var(--transition-03);
	display: inline;
	letter-spacing: 1px;
}

.fallback-buttons_btn button:hover {
	background: #fff;
	color: var(--crimson-red);
}

/* ! faq */
.faq_section {
	min-height: calc(100vh - 12.5rem);
	padding: 8rem 0 15rem 0;
}

.faq_section .cnt_wp {
	flex-direction: column;
}

.faq-page {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.faq_title {
	font-weight: 600;
	font-size: 4rem;
	color: var(--night-blue);
	line-height: 110%;
	margin-bottom: 1rem;
	position: relative;
}

.faq_subtitle {
	font-size: 1.8rem;
	color: var(--night-blue);
	line-height: 110%;
}

.faq-list {
	display: flex;
	flex-direction: column;
	margin-top: 5rem;
}

.views-field-title {
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 500;
	color: var(--night-blue);
	transition: var(--transition-03);
	letter-spacing: -0.36px;
	padding: 2rem 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	cursor: pointer;
	position: relative;
}

.views-field-title::after {
	content: "+";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #212529;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.2rem;
	letter-spacing: -0.48px;
	transition: var(--transition-03);
}

.views-field-title:hover {
	color: var(--crimson-redDarl);
	border-bottom: 1px solid var(--crimson-redDarl);
}

.views-field-title:hover::after {
	color: var(--crimson-redDarl);
}

.views-field-title.active {
	border: none;
}

.views-field-title.active::after {
	content: "−";
}

.views-field-body {
	display: none;
	padding: 0 0 2rem 0;
	color: rgba(33, 37, 41, 0.5);
	font-size: 1.6rem;
	line-height: 2.2rem;
	letter-spacing: -0.32px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.pager__items {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-top: 3rem;
	justify-content: center;
}

.pager__item--control a,
.pager__item--active,
.pager__item a {
	color: var(--night-blue);
	font-family: var(--primary-font);
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 150%;
}

.pager__item a:hover {
	color: var(--crimson-redDarl);
}

.pager__item--active {
	background: var(--crimson-redDarl);
	color: #fff;
	font-weight: 500;
	width: 26px;
	height: 26px;
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pager__item--control {
	display: none;
}

.menu {
	display: none;
}

/* ! redemption form */
.webform-submission-redemption-form-form .form-item-nic,
.webform-submission-redemption-form-form .form-item-telephone-mobile {
	width: 48% !important;
}

.form-type-processed-text h3 {
	font-size: 1.4rem;
	margin-bottom: 2rem;
}

.webform-submission-redemption-form-form
	#edit-redemption-cancellation-details--wrapper {
	width: 100%;
}

.webform-submission-redemption-form-form .fieldset__legend {
	display: none;
}

.webform-submission-redemption-form-form .form-item-amount-expected {
	width: 100% !important;
}

.webform-submission-redemption-form-form #edit-processed-text {
	font-size: 1.4rem;
	line-height: 2rem;
	margin-bottom: 2rem;
	margin-bottom: 2rem;
}

/* RADIO: same layout/look as checkbox */
.product_details_form .js-form-item.form-type-radio {
	width: 100%;
	flex-direction: row;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	cursor: pointer;
	margin-bottom: 2rem;
}

/* radio input */
.product_details_form .js-form-item.form-type-radio .form-radio {
	width: 20px;
	height: 20px;
	padding: 0;
	border: none;
	border-radius: 50%; /* radios are round */
	background: none;
	box-shadow: none;
	position: relative;
	margin-right: 8px;
	/* optional: same color as checkbox */
	accent-color: var(--crimson-red);
}

/* label text, same as checkbox */
.product_details_form .js-form-item.form-type-radio label.option {
	width: 90%;
	margin-left: 5px;
	color: var(--night-blue);
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: -0.5px;
}

.form-radio {
	accent-color: var(--crimson-red);
}

.js-form-item.form-item.form-type-processed-text.js-form-type-processed-text
	em {
	color: #990d2a;
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 3.5rem;
	display: flex;
	margin-bottom: 2rem;
	font-style: normal;
}

.webform-submission-redemption-form-form .form-item-amount-expected {
	width: 48% !important;
}

.webform-submission-redemption-form-form .form-item-account-in-the-name-of {
	width: 100% !important;
}

.webform-submission-redemption-form-form .form-item-upload-proof-of-bank {
	width: 100% !important;
}

.webform-confirmation__message ul {
	font-size: 1.6rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.webform-confirmation__message ul li {
	display: flex;
	width: 100%;
	position: relative;
	padding-left: 20px;
}

.webform-confirmation__message ul li::before {
	content: "";
	width: 6px;
	height: 6px;
	background-color: #222330;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 6px;
}

#edit-processed-text-01 ul {
	font-size: 1.6rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	color: #990d2a;
	margin-bottom: 2rem;
}

#edit-processed-text-01 ul li {
	display: flex;
	width: 100%;
	padding-left: 20px;
	position: relative;
}

#edit-processed-text-01 ul li::before {
	content: "";
	width: 6px;
	height: 6px;
	background-color: #990d2a;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 6px;
}

.webform-submission-redemption-form-form #edit-processed-text {
	font-size: 1.4rem;
	line-height: 2rem;
	margin-bottom: 2rem;
	margin-bottom: 2rem;
}

.webform-submission-redemption-form-form #edit-processed-text ul li {
	display: flex;
	width: 100%;
	padding-left: 20px;
	position: relative;
	color: #990d2a;
}

.webform-submission-redemption-form-form #edit-processed-text ul li::before {
	content: "";
	width: 6px;
	height: 6px;
	background-color: #990d2a;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 6px;
}

#edit-processed-text-03 {
	width: 100% !important;
}

#edit-processed-text-03 ul {
	font-size: 1.6rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	color: #990d2a;
	margin-bottom: 2rem;
}

#edit-processed-text-03 ul li {
	display: flex;
	width: 100%;
	padding-left: 20px;
	position: relative;
}

#edit-processed-text-03 ul li::before {
	content: "";
	width: 6px;
	height: 6px;
	background-color: #990d2a;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 6px;
}