section {
	float: left;
	width: 100%;
}


section h2 {
	font-size: 32px;
	margin: 0;
	text-align: center;
	font-weight: bold;
}

section h3 {
	font-size: 21px;
	font-weight: normal;
}

#section-top .wrapper {
	position: relative;
	min-height: calc(75% - 150px);
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	flex-direction: column;
}

#section-top .left {
	width: 200%;
	height: 200%;
	position: absolute;
	bottom: -90px;
	right: calc(100% - 10px);
	background-image: linear-gradient(201deg, #7d2c94, #333333);
	transition: all 0.5s ease;
	z-index: 1;
	display: flex;
	justify-content: end;
	align-items: end;
}

#section-top .left>img {
	/*position: relative;
	width: 150px;
	left: 23%;
	top: -30px;*/
	display: none;
}

#mobile_product_img {
	width: 150px;
	margin-top: 20px;
}

#section-top .head {
	text-align: center;
}

#section-top .head h2 {
	background: #fbefff;
	width: auto;
	padding: 2px 6px;
	display: inline;
	line-height: 1.2;
	font-size: 21px;
	font-weight: normal;
	float: none;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

#section-top .right {
	width: 60%;
	float: right;
}

#section-credit-types {
	background: linear-gradient(180deg, #fbefff, transparent);
	padding: 120px 0 60px;
}

#section-credit-types h2,
#section-credit-types h3 {
	text-align: center;
}

#section-credit-types h2 {
	margin: 0px 0 20px;
}

#section-credit-types nav {
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	margin: 15px 0 0;
}

#section-credit-types nav>a {
	width: 190px;
	height: 190px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	background-color: #a494ac;
	padding: 25px 15px 10px;
	box-sizing: border-box;
	border-radius: 45px;
	color: #fff;
	font-size: 21px;
	text-align: center;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	transition: all 0.3s ease;
	line-height: 1.1;
	scale: 0.7;
	margin: -15px -20px;
	flex: 0 0 clamp(170px, 60%, 190px);
}


#section-credit-types nav>a>.icon {
	width: 70%;
	height: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center bottom;
	margin-bottom: 10%;
}

#section-credit-types nav>a.fast-credit>.icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 20.48 289.94 248.97'%3E%3Cpath fill='%23fff' d='M144.969 20.485c-37.119 0-74.239 14.145-102.531 42.438-56.584 56.584-56.584 148.478 0 205.063a5 5 0 1 0 7.078-7.066l-.006-.006c-52.763-52.763-52.763-138.155 0-190.918 52.763-52.763 138.155-52.763 190.918 0 52.763 52.763 52.763 138.155 0 190.918a5 5 0 1 0 7.064 7.08l.008-.008c56.584-56.584 56.584-148.478 0-205.063-28.291-28.293-65.411-42.438-102.531-42.438zm0 15.313c-32.626 0-65.271 12.458-90.156 37.344-49.771 49.771-49.771 130.541 0 180.312a2.5 2.5 0 1 0 3.535-3.535c-47.86-47.861-47.86-125.38 0-173.24 23.93-23.93 55.267-35.881 86.621-35.881a2.5 2.5 0 1 0 .07-5 .817.817 0 0 0-.07 0zm79.903 44.607a5.004 5.004 0 0 0-3.438 1.514l-62.701 62.701a24.804 24.804 0 0 0-13.764-4.166c-13.748 0-25 11.252-25 25s11.252 25 25 25 25-11.252 25-25c0-5.076-1.539-9.809-4.166-13.764l62.701-62.701c3.271-3.179.927-8.718-3.632-8.584zm-79.903 70.049c8.343 0 15 6.657 15 15s-6.657 15-15 15-15-6.657-15-15 6.657-15 15-15zm0 2.5c-6.874 0-12.5 5.626-12.5 12.5a2.5 2.5 0 1 0 5 .07v-.071c0-4.172 3.328-7.5 7.5-7.5a2.5 2.5 0 1 0 .07-5l-.07.001z'/%3E%3C/svg%3E");
}

#section-credit-types nav>a.payday>.icon {
	background-image: url("data:image/svg+xml,%3Csvg class='img-fluid' xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='102.39 106.96 2176.21 2133.05'%3E%3Cpath d='M475 2226c-17-7-43-28-58-45l-27-33v-191c0-186-1-192-25-226-18-27-37-96-75-266-28-126-80-356-115-510s-67-303-71-331c-8-63 14-115 60-143 19-12 222-62 531-131 275-61 631-141 790-177 160-35 311-65 338-66 50-1 85 18 118 64 17 23 58 192 130 528 35 166 48 191 98 191 35 0 84 38 100 77 8 21 11 188 9 610l-3 581-25 27c-52 57-20 55-917 55-666-1-834-3-858-14zm1709-71 26-24-2-573-3-572-34-23-34-23h-792c-692 0-797 2-829 15-67 28-66 22-66 608 0 331 4 535 10 553 23 67-22 63 881 64h816l27-25zM383 981c-3-5-114 17-121 24-5 4 80 395 101 470 10 34 13-2 17-225 3-146 4-267 3-269zm722-238c462-102 844-190 849-194 11-9-24-170-38-175-6-2-391 80-856 184-684 153-846 192-848 205-6 28 29 167 42 167 6 0 389-84 851-187zm928 130c5-10-45-239-54-248-8-7-1100 234-1113 246-6 5 249 9 576 9 323 0 589-3 591-7zM893 525c381-85 755-168 832-185 182-40 187-42 179-77-12-49-34-83-58-89-21-5-284 52-1375 297-161 36-271 65-283 75-10 10-18 31-18 50 0 34 15 84 25 84 3 0 317-70 698-155z'%3E%3C/path%3E%3Cpath d='M1563 2069c-63-31-93-82-93-156 0-69 23-112 79-150 41-28 130-31 176-7 27 14 33 14 67-2 26-12 54-15 99-12 58 4 64 7 105 50 86 91 65 220-46 276-55 27-104 28-155 2-39-20-39-20-80 0-53 26-99 25-152-1zm155-64c87-73 34-216-80-215-115 2-161 158-66 224 36 26 111 21 146-9zm238-9c29-29 34-41 34-83 0-55-17-86-60-108-36-18-90-19-114-2-15 11-16 18-5 59 11 38 10 57 0 99-16 62-10 69 63 69 41 0 53-5 82-34zm-1350-31c-3-8 2-21 10-30 14-13 51-15 267-13l252 3 3 28 3 27H877c-224 0-266-2-271-15zm10-361c-19-19-20-26-4-42 8-8 55-12 144-12 125 0 133 1 139 20 13 42-9 50-141 50-98 0-126-3-138-16zm386 4c-19-19-14-47 11-53 12-3 76-4 142-3 118 3 120 3 123 27 2 13-2 28-10 32-21 14-252 11-266-3zm384-4c-19-19-20-26-4-42 8-8 53-12 138-12s130 4 138 12c16 16 15 23-4 42-23 23-245 23-268 0zm386 7c-8-4-12-19-10-32 3-24 3-24 143-24 130 0 140 1 143 19 7 36-24 46-147 46-64 0-122-4-129-9zM616 1352c-12-19-18-208-7-234l11-28h199c172 0 200 2 205 16 11 30 7 229-6 242-14 14-393 18-402 4zm344-122v-70H670v63c0 35 3 67 7 70 3 4 69 7 145 7h138v-70zm711-84c-6-7-9-21-5-30 5-14 30-16 194-16 196 0 209 3 188 43-8 15-27 17-187 17-139 0-181-3-190-14z'%3E%3C/path%3E%3C/svg%3E");
}

#section-credit-types nav>a.car>.icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='40 471 1580 729'%3E%3Cpath d='M382 1179c-96-48-128-169-69-258 96-145 322-78 322 96v53h370v-53c0-142 155-223 274-144 49 33 84 102 79 157l-4 40h236v-55c0-42-3-55-15-55-11 0-15-12-15-45v-45h-60c-47 0-60-3-60-15s13-15 60-15c52 0 60-2 60-19 0-10-9-29-19-42-18-23-27-24-163-29l-144-5-107-122-108-123H820v240h145c122 0 145 2 145 15s-61 15-485 15H140v70h50c38 0 50 4 50 15s-12 15-50 15h-50v41c0 23 12 67 26 100 27 59 27 59 70 59 32 0 44 4 44 15s-13 15-53 15h-53l-28-65c-28-64-29-65-67-65H40V660h38c36-1 39-3 93-93l55-92 405-2 404-2 105 124 105 124h115c194 2 222 18 228 137 3 55 8 74 18 74 11 0 14 19 14 86v85l-139-3-139-3-20 31c-24 37-95 74-142 74s-118-37-142-74l-20-31-197 3-196 3-31 35c-60 65-136 80-212 43zm226.806-158.914c0-82.227-66.658-148.886-148.886-148.886-82.227 0-148.886 66.659-148.886 148.886 0 82.228 66.659 148.886 148.886 148.886 82.228 0 148.886-66.658 148.886-148.886Zm720-.002c0-82.227-66.659-148.886-148.886-148.886-82.228 0-148.886 66.659-148.886 148.886 0 82.228 66.658 148.887 148.886 148.887 82.227 0 148.886-66.659 148.886-148.887ZM110 815c0-118-1-125-20-125s-20 7-20 125 1 125 20 125 20-7 20-125zm390-195V500H243l-51 84c-37 60-52 95-52 120v36h360V620zm290 0V500H530v240h260V620z'%3E%3C/path%3E%3Cpath d='M527.71 1024.898c0 40.06-32.476 72.536-72.537 72.536-40.061 0-72.537-32.475-72.537-72.536 0-40.062 32.476-72.537 72.537-72.537 40.06 0 72.537 32.475 72.537 72.537Zm-26.645.094c0-25.23-20.453-45.683-45.683-45.683s-45.683 20.453-45.683 45.683 20.453 45.683 45.683 45.683 45.683-20.453 45.683-45.683Zm746.638-.178c0 40.073-32.486 72.559-72.56 72.559-40.073 0-72.558-32.486-72.558-72.56 0-40.073 32.485-72.559 72.559-72.559 40.073 0 72.56 32.486 72.56 72.56ZM1208 1058c30-30 3-82-40-76-29 4-47 50-28 72 15 19 51 21 68 4z'%3E%3C/path%3E%3C/svg%3E");
}

#section-credit-types nav>a.house>.icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='39.4 50 1220.6 1060'%3E%3Cpath d='M120 800c0-171-2-310-5-310s-19 10-35 22c-19 14-34 18-40 12s33-40 105-94l114-85 1-147V50h200v141l83-64c108-84 105-82 130-60 12 11 149 116 305 232 155 117 282 216 282 220 0 20-16 19-46-4-18-14-35-25-38-25s-6 139-6 310v310H120V800zm1018-32-3-311-60-47C944 309 651 90 647 90c-3 0-56 39-118 86s-119 88-126 91c-20 8-15-12 7-32 16-15 20-31 20-87V80H290v220c0 186-2 220-15 220-11 0-15-17-17-70l-3-69-52 40-53 40v619h990l-2-312z'%3E%3C/path%3E%3Cpath d='M440 725V510h410v430H440V725zm190 100v-85H470v170h160v-85zm190 0v-85H660v170h160v-85zM630 625v-85H470v170h160v-85zm190 0v-85H660v170h160v-85z'%3E%3C/path%3E%3C/svg%3E");
}


#section-benefits {
	background: #ffffff;
	padding: 0;
	overflow: hidden;
}

#section-benefits>.wrapper {
	padding: 100px 20px 80px;
	position: relative;
}


#section-benefits>.wrapper::before {
	content: "";
	position: absolute;
	right: -300px;
	top: -25px;
	width: 600px;
	height: 620px;
	background-image: url("/design/img/3_balloons.jpg");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 100%;
	z-index: 0;
	transform: rotateY(180deg);
	opacity: 0.3;
}


#section-benefits ul {
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin: 30px 0 0 0;
	position: relative;
	z-index: 1;
}

#section-benefits ul>li {
	width: 100%;
	flex-basis: 320px;
	display: flex;
	position: relativie;
	align-items: center;
	padding: 40px 10px 40px 90px;
	box-sizing: border-box;
	color: #000;
	font-size: 19px;
	text-align: left;
	cursor: default;
	transition: all 0.5s ease;
}

#section-benefits ul>li::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 65px;
	height: 65px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2100 2040'%3E%3Cpath d='M1343 1973c-7-2-13-9-13-15 0-13-375-388-388-388-10 0-22-23-22-41 0-5 6-9 13-9s181-169 387-375c249-250 379-373 390-370 8 3 86 76 173 163 150 152 157 160 157 198 0 99-41 250-100 367-51 100-85 148-157 222-111 113-198 174-330 226-71 29-87 32-110 22z' fill='%230003'/%3E%3Cpath d='M697 1302c-125-125-227-232-227-238 0-19 165-174 186-174 12 0 69 50 153 136l134 137 279-282c153-154 284-281 291-281 18 0 177 162 177 180 0 20-731 750-750 750-9 0-118-103-243-228z' fill='%23FDFDFD'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 85px;
	background-position: center;
	background-color: #a494ac;
	border-radius: 20px;
}

#section-benefits ul>li:hover {
	transform: scale(1.1);
}

#section-learn-more {
	padding: 120px 0;
	margin-bottom: 140px;
	position: relative;
	z-index: 0;
	background: #fbefff;
	background: linear-gradient(0deg, #fbefff, transparent);
	text-align: center;

}

#section-learn-more:before {
	content: "";
	position: absolute;
	background: #270d2f96;
	background-size: cover;
	width: 100%;
	max-width: 1200px;
	height: 120%;
	margin: auto auto;
	top: 0;
	bottom: -60px;
	left: 0;
	right: 0;
	z-index: 2;
	border-radius: 8px;
}

#section-learn-more:after {
	content: "";
	position: absolute;
	background: url(/design/img/meta/paterina-kredits.jpg) no-repeat center center;
	background-size: cover;
	width: 100%;
	max-width: 1200px;
	height: 120%;
	margin: auto auto;
	top: 0;
	bottom: -60px;
	left: 0;
	right: 0;
	z-index: 1;
	background-position: top;
	border-radius: 8px;
}

#section-learn-more>.wrapper {
	position: relative;
	z-index: 2;
}

#section-learn-more>.wrapper>.inner-wrapper {
	float: left;
	width: 100%;
}

#section-learn-more h2,
#section-learn-more h3 {
	color: #fff;
	margin: 0 0 10px;
}

#section-learn-more h2 {
	font-size: 33px;
}

#section-learn-more h3 {
	font-size: 18px;
	letter-spacing: 2px;
	font-weight: normal;
	color: #ffffff;
}

#section-learn-more p {
	float: left;
	width: 100%;
	font-size: 15px;
	color: #ffffff;
	padding: 10px 0;
	line-height: 1.6;
	letter-spacing: 1px;
}

#section-learn-more .btn {
	display: inline-block;
	width: auto;
	background: #cb64ec;
	background-image: linear-gradient(201deg, #7d2c94, #cb64ec);
	background-size: 100%;
	color: #fff;
	clear: both;
	padding: 18px 30px;
	font-size: 17px;
	transition: all 0.3s ease;
}

#section-learn-more .btn:hover {
	background-size: 250%;
}

section#section-reviews h2 {
	margin-bottom: 10px;
}

section#latest-blog-articles {
	width: 100%;
	float: left;
	padding: 0 0 60px;
	background: #fff;
}

#latest-blog-articles h2 {
	margin-bottom: 30px;
}

section#latest-blog-articles ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	box-sizing: border-box;
	width: 100%;
}

#latest-blog-articles ul>li {
	float: left;
	max-width: 800px;
	flex-basis: 450px;
	flex-grow: 1;
	margin: 0px 15px 30px;
	background: #fff;
	box-shadow: 0 5px 20px 0px #00000021;
	border-radius: 5px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	align-items: stretch;
	cursor: pointer;
	filter: brightness(1);
	transition: all 0.2s ease;
}

#latest-blog-articles ul>li:hover {
	filter: brightness(0.95);
	box-shadow: 0 5px 30px 0px #00000046;
}

#latest-blog-articles ul>li .thumb {
	width: 100%;
	height: 44vw;
	background-position: center;
	background-size: cover;
}

#latest-blog-articles ul>li .text {
	padding: 15px clamp(15px, 3%, 25px);
	box-sizing: border-box;
}

#latest-blog-articles ul>li .text a {
	float: left;
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #1d1d1b;
	font-weight: bold;
	font-size: 22px;
	line-height: 1.25;
}

#latest-blog-articles ul>li .text p {
	float: left;
	width: 100%;
	margin: 0;
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.5;
	color: #555;
}

@media screen and (min-width: 600px) {
	#latest-blog-articles ul>li {
		flex-wrap: nowrap;
	}

	#latest-blog-articles ul>li .thumb {
		width: 240px;
		min-width: 240px;
		height: auto;
	}

	#latest-blog-articles ul>li .text p {
		margin-top: 7px;
	}
}




#calculation-example {
	float: left;
	width: 100%;
	background: #ffffff;
	text-align: center;
	line-height: 1.5;
	font-size: 13px;
}

#calculation-example.popup {
	position: fixed;
	z-index: 11;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #0000005c;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

#calculation-example.popup .wrapper {
	padding: 35px 4%;
	margin: 0 20px;
	max-width: 900px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 10px;
	position: relative;
	animation-name: fadeIn;
	animation-duration: 0.5s;
}

#calculation-example .close {
	display: none;
}

#calculation-example.popup .close {
	display: inline-block;
	position: absolute;
	top: 3px;
	right: 10px;
	cursor: pointer;
	font-size: 42px;
	color: #000;
}

#calculation-example.popup .close:hover {
	color: #f00;
}

@media screen and (min-width: 600px) {

	section h2 {
		font-size: 44px;
	}

	section h3 {
		font-size: 24px;
	}

	#section-top .head h2 {
		font-size: 24px;
	}

	#section-credit-types nav>a {
		margin: 15px;
		scale: 1;
		padding: 25px 20px 10px;
		flex: unset;
	}

	#section-learn-more {
		text-align: left;
	}

	#section-learn-more>.wrapper>.inner-wrapper {
		width: 400px;
		margin-left: 30px;
	}

	#section-learn-more h2,
	#section-learn-more h3 {
		text-align: left;
	}

}


@media screen and (min-width: 900px) {

	header #logo img.logo {
		display: none;
	}

	header #logo img.logo-white {
		display: block;
	}

	#section-top .left {
		right: calc(100% - 270px);
		z-index: 0;
	}

	#section-top .left>img {
		top: unset;
		left: unset;
		width: unset;
		display: block;
		margin-bottom: 170px;
		margin-right: calc(clamp(10px, 4vw, 100px) * -1);
		animation: pulsing 0.3s ease-in;
	}

	#mobile_product_img {
		display: none;
	}

	@keyframes pulsing {
		0% {
			transform: scale(0.5, 0.5)
		}

		100% {
			transform: scale(1.0, 1.0);
		}
	}

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

		100% {
			transform: translateX(0);
		}
	}

	#section-top .wrapper {
		padding: 0 70px 0 140px;
	}

	#section-benefits>.wrapper::before {
		top: -20px;
		right: -200px;
		opacity: 1;
	}

	#section-credit-types nav>a {
		margin: 15px 5%;
	}

	#section-credit-types nav>a {
		background-color: #a494ac;
	}

	#section-credit-types nav>a:hover {
		background-color: #966eaa;
		transform: scale(1.1);
	}

	#section-benefits>.wrapper {
		padding: 100px 220px 140px 20px;
	}

}


@media screen and (min-width: 1200px) {

	#section-top .wrapper {
		padding: 0 140px 0 280px;
	}

	#section-credit-types nav>a {
		margin: 15px;
	}

	#section-benefits>.wrapper {
		padding: 100px 310px 140px 0;
	}

}

/* ---------- Useful info (expandable cards) ---------- */

#section-useful-info {
	background-color: #fff;
	padding: 48px 0;
}

#section-useful-info > .wrapper {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

#section-useful-info .section-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

#section-useful-info .badge {
	background-color: #8b3da8;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	font-size: 12px;
	line-height: normal;
	padding: 6px 16px;
	border-radius: 99px;
	white-space: nowrap;
}

#section-useful-info h3 {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6;
	color: #7b2d8e;
	text-align: center;
	margin: 0;
	float: none;
}

#section-useful-info .grid-container,
#section-useful-info .info-row {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

#section-useful-info .info-card {
	display: flex;
	align-items: stretch;
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 16px 0 rgba(7, 14, 39, 0.06);
	overflow: hidden;
}

#section-useful-info .accent {
	flex-shrink: 0;
	width: 8px;
	background-color: #8b3da8;
}

#section-useful-info .card-body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	flex: 1 0 0;
	min-width: 0;
	padding: 20px;
}

#section-useful-info .card-body h4 {
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	font-size: 15px;
	line-height: 1.3;
	color: #1d1620;
	text-align: left;
	margin: 0;
}

#section-useful-info .text-wrapper {
	width: 100%;
	overflow: hidden;
	transition: max-height 0.4s ease;
}

#section-useful-info .text-wrapper > p {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.5;
	color: #726578;
	text-align: justify;
	margin: 0;
}

#section-useful-info .toggle-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: normal;
	color: #7b2d8e;
	background: none;
	border: none;
	padding: 4px 0;
	margin: 0;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
}

#section-useful-info .toggle-label {
	text-decoration: underline;
}

/* Chevron from borders: right when collapsed, up when open. */
#section-useful-info .toggle-arrow {
	flex-shrink: 0;
	width: 6px;
	height: 6px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	border-radius: 1px;
	transform: rotate(45deg);
	transition: transform 0.4s ease;
}

#section-useful-info .info-card.open .toggle-arrow {
	transform: rotate(-45deg);
}


/* ---------- Product FAQ ---------- */

#section-product-faq {
	background-color: #f7f4fa;
	padding: 40px 0;
}

#section-product-faq h2 {
	margin-bottom: 32px;
}

#section-product-faq .accordion-list {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	border: 1px solid #e6e1ec;
	border-radius: 16px;
	padding: 12px 16px;
	filter: drop-shadow(0 8px 12px rgba(7, 14, 39, 0.04));
	box-sizing: border-box;
}

#section-product-faq .accordion-item {
	display: flex;
	flex-direction: column;
	padding: 18px 0;
	border-bottom: 1px solid #e6e1ec;
}

#section-product-faq .accordion-item:last-child {
	border-bottom: none;
}

#section-product-faq .question-row {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	cursor: pointer;
}

#section-product-faq .question-row > p {
	flex: 1 0 0;
	min-width: 0;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 15px;
	line-height: 1.4;
	color: #1d1620;
	text-align: left;
	margin: 0;
	transition: color 0.3s ease;
}

#section-product-faq .accordion-item.open .question-row > p {
	color: #7b2d8e;
}

/* Plus/minus drawn with pseudo-elements; the vertical bar fades out when open. */
#section-product-faq .action-icon {
	position: relative;
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: #f5f0fa;
	transition: background-color 0.3s ease;
}

#section-product-faq .action-icon::before,
#section-product-faq .action-icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 2px;
	margin: -1px 0 0 -6px;
	border-radius: 1px;
	background-color: #5c2483;
	transition: transform 0.4s ease, opacity 0.3s ease, background-color 0.3s ease;
}

#section-product-faq .action-icon::after {
	transform: rotate(90deg);
}

#section-product-faq .accordion-item.open .action-icon {
	background-color: #5c2483;
}

#section-product-faq .accordion-item.open .action-icon::before {
	background-color: #fff;
}

#section-product-faq .accordion-item.open .action-icon::after {
	opacity: 0;
	transform: rotate(0deg);
	background-color: #fff;
}

#section-product-faq .answer-block {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.4s ease;
}

#section-product-faq .answer-block > p {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: #726578;
	text-align: left;
	margin: 14px 4px 0 0;
	padding-left: 12px;
	border-left: 3px solid #5c2483;
}


/* ---------- Responsible borrowing ---------- */

#section-responsible-borrowing {
	background-color: #fff;
	padding: 40px 0;
}

#section-responsible-borrowing .warning-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	background-color: #faf7fc;
	border: 1px solid #e8e4ec;
	border-radius: 14px;
	padding: 20px;
	box-sizing: border-box;
}

#section-responsible-borrowing .warning-header {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 11px;
	line-height: normal;
	color: #7b2d8e;
	text-transform: uppercase;
}

#section-responsible-borrowing .warning-card > p {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.6;
	color: #726578;
	text-align: left;
	margin: 0;
}


@media screen and (min-width: 900px) {

	#section-useful-info {
		padding: 80px 0 96px;
	}

	#section-useful-info > .wrapper {
		gap: 64px;
	}

	#section-useful-info .section-header {
		gap: 16px;
	}

	#section-useful-info .badge {
		font-size: 14px;
	}

	#section-useful-info h3 {
		font-size: 16px;
	}

	#section-useful-info .info-row {
		flex-direction: row;
		align-items: stretch;
	}

	#section-useful-info .info-row > .info-card {
		flex: 1 0 0;
		min-width: 0;
		border-radius: 16px;
		box-shadow: 0 8px 24px 0 rgba(7, 14, 39, 0.08);
	}

	#section-useful-info .info-row:first-child .accent {
		width: 12px;
	}

	#section-useful-info .card-body h4 {
		font-size: 18px;
		line-height: normal;
	}

	#section-useful-info .toggle-link {
		margin-top: auto;
		padding-top: 8px;
	}

	#section-product-faq {
		background-color: #fff;
		padding: 96px 0 20px;
	}

	#section-product-faq h2 {
		margin-bottom: 48px;
	}

	#section-product-faq .accordion-list {
		padding: 16px 32px;
		filter: none;
	}

	#section-product-faq .accordion-item {
		padding: 24px 8px;
	}

	#section-product-faq .question-row > p {
		font-size: 18px;
		line-height: normal;
	}

	#section-product-faq .action-icon {
		width: 32px;
		height: 32px;
		border-radius: 16px;
	}

	#section-product-faq .answer-block > p {
		font-size: 15px;
		line-height: 1.6;
		margin: 16px 0 0;
		padding-left: 0;
		padding-right: 48px;
		border-left: none;
	}
}

@media (prefers-reduced-motion: reduce) {

	#section-useful-info .text-wrapper,
	#section-useful-info .toggle-arrow,
	#section-product-faq .answer-block,
	#section-product-faq .action-icon::before,
	#section-product-faq .action-icon::after {
		transition: none;
	}
}