/*!
Theme Name: TradeScale
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tradescale
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

TradeScale is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

body {
	padding: 0;
	margin: 0;
	font-family: "Figtree", sans-serif!important;
}

/* Landing Page CSS */
.comp-col-small {
	width: min(calc(100% - 28px), 512px);
	margin-inline: auto;
}

.comp-col-medium {
	width: min(calc(100% - 28px), 646px);
	margin-inline: auto;
}

.comp-btn-orange {
	display: block;
	padding: 17px;
	margin-inline: auto;

	background: linear-gradient(92.95deg, #f3981f 0%, #e57625 100%);
	box-shadow: 0px 2px 21.2px 0px #f3981f63;
	border-radius: 6px;
	border: 0;

	font-weight: 700;
	font-size: 1.25rem;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;

	cursor: pointer;

	&:hover,
	&:focus-visible {
		background: linear-gradient(92.95deg, #f3981f 0%, #e57625 100%);
		color: #fff;
	}

	&.text-large {
		padding: 20px;
		font-size: 1.375rem;
		line-height: 1.18;
	}
}

.comp-header {
	font-family: "Figtree", sans-serif;

	position: relative;
	font-family: inherit;

	padding-block: 10px 73px;
	background: #090b06;

	@media (min-width: 768px) {
		padding-block: 30px 44px;
	}

	picture {
		display: block;
		width: 100%;

		&.logo {
			max-width: 58px;
			margin: 0 auto 14px;

			@media (min-width: 768px) {
				max-width: 100px;
				margin-bottom: 28px;
			}
		}

		&.banner-image {
			margin-inline: auto;
			max-width: 646px;
		}

		img {
			display: block;
			width: 100%;
		}
	}

	h1 {
		margin: 0 0 5px;
		font-weight: 700;
		font-size: 2.625rem;
		font-size: clamp(2.3125rem, -0.3661rem + 11.9048vw, 2.625rem);
		line-height: 1.1;
		color: #ffaf45;
		text-align: center;

		@media (min-width: 768px) {
			margin-bottom: 9px;
		}
	}

	p {
		margin: 0 0 16px;
		font-weight: 500;
		font-size: 1.25rem;
		font-size: clamp(1.125rem, 0.0536rem + 4.7619vw, 1.25rem);
		line-height: 1.2;
		color: #b4b4b4;
		text-align: center;

		@media (min-width: 768px) {
			margin-bottom: 10px;
		}

		&.top-text {
			margin: 0 0 7px;
			font-size: 1.875rem;
			font-size: clamp(1.6875rem, 0.0804rem + 7.1429vw, 1.875rem);

			@media (min-width: 768px) {
				margin-bottom: 9px;
			}
		}

		&.max-width-sm-450 {
			@media (min-width: 768px) {
				max-width: 450px;
				margin-inline: auto;
			}
		}
	}

	.comp-btn-orange {
		position: relative;
		margin-top: -5px;
		margin-bottom: 40px;
		z-index: 5;

		@media (min-width: 768px) {
			margin-top: -47px;
		}
	}

	ul {
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 35px;
		color: #ffaf45;
		list-style: disc;

		p {
			margin: 0;
			font-weight: 500;
			font-size: 1rem;
			line-height: 1.2;
			color: #ffaf45;
		}
	}
}

.comp-content {
	font-family: "Figtree", sans-serif;

	padding-block: 64px 100px;
	background: #fff;

	@media (min-width: 768px) {
		padding-bottom: 164px;
	}

	h2 {
		margin: 0 0 34px;
		font-weight: 700;
		font-size: 2.5rem;
		font-size: clamp(2.125rem, -1.0893rem + 14.2857vw, 2.5rem);
		line-height: 1.05;
		color: #141213;
		text-align: center;
	}

	h3 {
		margin: 0 0 34px;
		font-weight: 700;
		font-size: 1.875rem;
		font-size: clamp(1.625rem, -0.5179rem + 9.5238vw, 1.875rem);
		line-height: 1.05;
		color: #141213;
	}

	p {
		margin: 0 0 26px;
		font-weight: 400;
		font-size: 1.25rem;
		font-size: clamp(1.125rem, 0.0536rem + 4.7619vw, 1.25rem);
		line-height: 1.3;
		color: #141213;

		b {
			font-weight: 700;
		}

		i {
			font-style: italic;
		}

		&.small-text {
			font-size: 1rem;
		}

		&.text-center {
			text-align: center;
		}

		&.with-number {
			margin-bottom: 14px;
			font-weight: 700;

			display: flex;
			align-items: start;
			gap: 10px;

			&:last-child {
				margin-bottom: 64px;
			}

			.number {
				flex-shrink: 0;
				width: 28px;
				height: 28px;
				border-radius: 50%;
				background: #e4823a;
				color: #fff;
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}

		&.with-icon {
			span {
				display: flex;
				align-self: start;
				gap: 10px;
			}

			.icon {
				flex-shrink: 0;
				width: 15px;
			}
		}

		&.mb-0 {
			margin-bottom: 0;
		}

		&.mb-34 {
			margin-bottom: 34px;
		}

		&.mb-64 {
			margin-bottom: 64px;
		}

		&.mb-25-29 {
			margin-bottom: 25px;

			@media (min-width: 768px) {
				margin-bottom: 29px;
			}
		}

		&.mb-63-91 {
			margin-bottom: 63px;

			@media (min-width: 768px) {
				margin-bottom: 91px;
			}
		}
	}

	.yellow-box {
		margin-block: 64px 25px;
		padding: 26px 16px 38px;
		background: #fff9f1;

		@media (min-width: 768px) {
			margin-bottom: 29px;
		}

		.yellow-box-inner {
			max-width: 324px;
			margin-inline: auto;
		}

		h2 {
			margin-bottom: 20px;
		}

		p {
			margin-bottom: 16px;
			font-weight: 700;
			color: #000;

			display: flex;
			align-items: start;
			gap: 11px;

			&:last-child {
				margin-bottom: 0;
			}
		}

		.icon {
			margin-top: 3px;
			flex-shrink: 0;
			width: 18px;
		}
	}

	.comp-btn-orange {
		margin-bottom: 64px;
	}

	.image-wrapper {
		margin-bottom: 16px;

		@media (min-width: 500px) {
			background: #251811;
			border-radius: 10px;
		}

		@media (min-width: 768px) {
			margin-bottom: 34px;
		}

		.user-image {
			margin-inline: auto;
			display: block;
			width: 100%;
			max-width: 370px;
			border-radius: 10px;

			@media (min-width: 768px) {
				max-width: 300px;
			}
		}
	}

	.comp-orange-box {
		padding: 34px 8px 35px;
		margin-bottom: 64px;
		margin-inline: auto;
		width: min(calc(100% - 12px), 646px);

		background: linear-gradient(7.64deg, #bc4408 14.62%, #e5833c 83.29%, #de7826 96.65%);
		border-radius: 10px;

		@media (min-width: 768px) {
			padding: 34px 67px 68px;
		}

		h2 {
			margin: 0 0 5px;
			font-weight: 900;
			font-size: 3.75rem;
			font-size: clamp(3.3125rem, -0.4375rem + 16.6667vw, 3.75rem);
			line-height: 1.05;
			color: #fff;
			text-align: center;
		}

		h3 {
			margin: 0 0 25px;
			font-weight: 600;
			font-size: 1.625rem;
			font-size: clamp(1.4375rem, -0.1696rem + 7.1429vw, 1.625rem);
			line-height: 1.3;
			color: #fff;
			text-align: center;
		}

		p {
			margin-bottom: 20px;
			color: #fff;

			@media (min-width: 768px) {
				margin-bottom: 34px;
			}
		}

		.box-row {
			padding: 12px 11px;
			max-width: 512px;
			margin: 0 auto 15px;

			background: linear-gradient(#e57625, #e57625) padding-box, linear-gradient(180deg, #fff, #999) border-box;
			border: 1px solid transparent;
			border-radius: 14px;

			display: flex;
			align-items: center;
			gap: 6px;

			@media (min-width: 768px) {
				padding: 16px 14px;
				border-radius: 19px;
				gap: 8px;
				border-width: 1.38px;
			}

			&:last-child {
				margin-bottom: 0;
			}

			.icon {
				flex-shrink: 0;
				width: 60px;

				@media (min-width: 768px) {
					width: 83px;
				}
			}

			p {
				margin: 0;
				font-weight: 700;
				font-size: 1.25rem;
				font-size: clamp(1.0625rem, -0.5446rem + 7.1429vw, 1.25rem);
				line-height: 1;
				color: #fff;

				@media (min-width: 768px) {
					font-size: 1.625rem;
				}
			}
		}
	}

	.bonus-wrapper {
		width: min(calc(100% - 12px), 512px);
		margin: 0 auto 64px;
		padding: 20px 16px;
		background: #221307;
		border-radius: 10px;

		@media (min-width: 768px) {
			padding: 26px 51px;
		}

		h2 {
			margin-bottom: 14px;
			color: #fff;

			@media (min-width: 768px) {
				margin-bottom: 20px;
			}
		}

		.bonus-image {
			display: block;
			width: 100%;
			max-width: 190px;
			margin: 0 auto 14px;
			border: 1px solid #6c4b30;
			border-radius: 3px;

			@media (min-width: 768px) {
				margin-bottom: 20px;
			}
		}

		p {
			margin-bottom: 0;
			font-weight: 600;
			line-height: 1.2;
			color: #fff;
			text-align: center;
		}
	}

	.brand-image {
		display: block;
		width: calc(100% - 12px);
		max-width: 512px;
		margin: 0 auto 64px;
		border-radius: 16px;
	}
}

.comp-form-wrapper {
	font-family: "Figtree", sans-serif;

	width: min(calc(100% - 12px), 646px);
	margin-inline: auto;
	padding: 24px 15px;

	border-radius: 10px;
	background: #bc4408;
	background: linear-gradient(352deg, rgba(188, 68, 8, 1) 6%, rgba(229, 131, 60, 1) 85%, rgba(222, 120, 38, 1) 100%);
	background: linear-gradient(to bottom right, #191411 30%, #3a2313 65%, #542b0e 100%);

	@media (min-width: 768px) {
		padding-inline: 67px;
	}

	&.has-mb {
		margin-bottom: 25px;

		@media (min-width: 768px) {
			margin-bottom: 29px;
		}
	}

	h2 {
		margin: 0 0 23px;
		font-weight: 700;
		font-size: 2.5rem;
		font-size: clamp(2.1875rem, -0.4911rem + 11.9048vw, 2.5rem);
		line-height: 1.3;
		color: #ffaf45;
		text-align: center;
	}

	h3 {
		margin: 0 0 23px;
		font-weight: 600;
		font-size: 1.625rem;
		font-size: clamp(1.4375rem, -0.1696rem + 7.1429vw, 1.625rem);
		line-height: 1.3;
		color: #fff;
		text-align: center;

		&.yellow-text {
			font-weight: 700;
			color: #ffaf45;
		}
	}

	p {
		margin: 0 0 23px;
		font-weight: 400;
		font-size: 1.25rem;
		font-size: clamp(1.125rem, 0.0536rem + 4.7619vw, 1.25rem);
		line-height: 1.3;
		color: #fff;
		text-align: center;

		&.small-text {
			margin-bottom: 20px;
			font-size: 1rem;
			color: #e0dcd5;

			&:last-child {
				margin-bottom: 0;
			}
		}

		&.text-left {
			text-align: left;
		}
	}

	.custom-form {
		max-width: 356px;
		margin-inline: auto;
		margin-bottom: 23px;
	}
}

.comp-footer {
	font-family: "Figtree", sans-serif;

	padding-block: 27px 36px;
	background: #191817;

	@media (min-width: 768px) {
		padding-block: 70px;
	}

	.wrapper {
		width: min(calc(100% - 28px), 1274px);
		margin-inline: auto;
	}

	p {
		margin: 0 0 20px;
		font-weight: 300;
		font-size: 0.875rem;
		line-height: 1.57;
		color: #b3afa9;

		&:last-child {
			margin-bottom: 0;
		}
	}

	.top-row {
		@media (min-width: 992px) {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 55px;
		}
	}

	.sec-menu-wrapper {
		@media (min-width: 992px) {
			order: 2;
		}

		ul {
			margin: 0 0 24px;
			padding: 0;
			list-style: none;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			gap: 18px 40px;

			@media (min-width: 768px) {
				gap: 18px 30px;
			}

			@media (min-width: 992px) {
				order: 1;
				margin-bottom: 0;
			}
		}

		a {
			text-decoration: none;
			font-weight: 500;
			font-size: 1rem;
			line-height: 1.03;
			color: #fff;

			&:hover,
			&:focus-visible {
				color: #fff;
				text-decoration: none;
			}

			@media (min-width: 768px) {
				line-height: 1.3;
			}
		}
	}

	.payment-wrapper {
		margin-bottom: 24px;

		@media (min-width: 992px) {
			margin-bottom: 0;
			order: 3;
		}

		p {
			margin-bottom: 8px;
			font-weight: 400;
			color: #fff;
			text-align: center;

			@media (min-width: 992px) {
				text-align: right;
			}
		}

		.payment-image {
			display: block;
			width: 100%;
			max-width: 256px;
			margin: 0 auto;

			@media (min-width: 992px) {
				max-width: 246px;
				margin-inline: auto 0;
			}
		}
	}

	.copy-text-wrapper {
		margin-bottom: 24px;

		@media (min-width: 992px) {
			margin-bottom: 0;
			order: 1;
		}

		p {
			text-align: center;

			@media (min-width: 992px) {
				text-align: left;
			}
		}
	}
}

.comp-v4-header {
	padding-bottom: 30px;

	@media (min-width: 768px) {
		padding-bottom: 44px;
	}

	.comp-form-wrapper {
		margin-top: -20px;
		position: relative;
		z-index: 4;
		
		background: linear-gradient(to bottom right, #542b0e 20%, #3a2313 60%, #191411 100%);

		h2 {
			font-size: 2.125rem;
		}
	}
}

.comp-v4-content {
	.yellow-box {
		margin-block: 0 64px;
	}

	.brand-image {
		margin-bottom: 34px;
	}

	.comp-btn-orange {
		margin-bottom: 0;
	}
}

.comp-v5-header {
	padding-bottom: 40px;
	background: #141213;

	h1 {
		margin-bottom: 10px;
		position: relative;
		z-index: 5;
	}

	p {
		position: relative;
		z-index: 5;
	}

	.video-wrapper {
		position: relative;
		width: min(100%, 646px);
		padding-inline: 16px;
		margin: 26px auto;
		border-radius: 6px;
		isolation: isolate;

		.video-shadow {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: -1;
			width: 100%;
			max-width: 700px;
		}

		iframe {
			width: 100%;
			height: auto;
			aspect-ratio: 16 / 9;
		}
	}

	.click-to-form {
		display: flex;
		flex-direction: column;
		align-items: center;

		p {
			margin: 0 0 20px;
			font-weight: 400;
			font-size: 1.25rem;
			line-height: 1.2;
			color: #b4b4b4;
			text-align: center;
		}

		a {
			text-decoration: none;

			&:hover,
			&:focus-visible {
				text-decoration: none;
			}
		}

		.arrow-icon {
			display: block;
			width: 20px;
		}
	}
}

.comp-v5-content {
	padding: 32px 0 100px;

	.custom-form {
		margin-bottom: 36px;
	}

	.form-bottom-text {
		font-weight: 300;
	}
}

.comp-v6-header {
	padding-bottom: 100px;
	background: #141213;

	h1 {
		margin-bottom: 10px;
	}

	p {
		position: relative;
		z-index: 5;
	}

	.video-wrapper {
		position: relative;
		width: min(100%, 646px);
		padding-inline: 16px;
		margin: 26px auto;
		border-radius: 6px;
		isolation: isolate;

		.video-shadow {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: -1;
			width: 100%;
			max-width: 700px;
		}

		iframe {
			width: 100%;
			height: auto;
			aspect-ratio: 16 / 9;
		}
	}

	.click-to-form {
		margin-bottom: 30px;
		display: flex;
		flex-direction: column;
		align-items: center;

		p {
			margin: 0 0 20px;
			font-weight: 400;
			font-size: 1.25rem;
			line-height: 1.2;
			color: #b4b4b4;
			text-align: center;
		}

		a {
			text-decoration: none;

			&:hover,
			&:focus-visible {
				text-decoration: none;
			}
		}

		.arrow-icon {
			display: block;
			width: 20px;
		}
	}

	.comp-form-wrapper {
		padding: 1px;
		background: linear-gradient(to bottom right, #484541 30%, #5b4a3f 65%, #503625 100%);

		@media (min-width: 768px) {
			padding: 1px;
		}

		h2 {
			margin-bottom: 0;
		}

		p {
			font-weight: 300;
		}
	}

	.comp-form-wrapper-inner {
		border-radius: 10px;
		padding: 30px 15px 24px;
		background: linear-gradient(to bottom right, #191411 30%, #3a2313 65%, #542b0e 100%);

		@media (min-width: 768px) {
			padding-inline: 0px;
		}
	}

	.custom-form {
		margin-bottom: 0px;
		max-width: 100%;
	}

	.form-bottom-text {
		max-width: 520px;
		margin-inline: auto;
	}
}

.comp-ty-header {
	padding-bottom: 24px;
	overflow: hidden;

	@media (min-width: 768px) {
		padding-bottom: 40px;
	}

	&.advanced {
		h1 {
			margin-bottom: 13px;
			font-size: 2rem;
		}

		p {
			margin-bottom: 13px;
			font-size: 1.125rem;
		}

		.video-wrapper {
			margin-bottom: 20px;

			@media (min-width: 768px) {
				margin-top: 26px;
			}
		}
	}
}

.comp-ty-content {
	padding-top: 50px;

	.border-box {
		margin-bottom: 50px;
		padding: 1px;
		border-radius: 10px;
		background: linear-gradient(180deg, #f3981f 0%, #994a00 100%);
	}

	.border-box-inner {
		padding: 20px 30px 25px;
		border-radius: 10px;
		background: linear-gradient(180deg, #fff 0%, #fcf1e9 100%);

		@media (min-width: 768px) {
			padding: 25px 55px 30px;
		}
	}

	h2 {
		margin: 0 0 30px;
		font-weight: 700;
		font-size: 2rem;
		line-height: 1.2;
		color: #191817;

		&.mb-15 {
			margin-bottom: 15px;
		}

		&.mb-22 {
			margin-bottom: 22px;
		}

		&.mb-25 {
			margin-bottom: 25px;
		}

		&.mb-32 {
			margin-bottom: 32px;
		}

		&.mb-48 {
			margin-bottom: 48px;
		}
		
		.grey-subtitle {
			display: block;
			font-weight: 600;
			font-size: 1.25rem;
			line-height: 1.8;
			color: #747373;
		}
	}

	p {
		margin: 0 0 20px;
		font-weight: 500;
		font-size: 1.25rem;
		line-height: 1.3;
		color: #191817;

		&.medium-text {
			font-size: 1.125em;
		}

		&.fw-400 {
			font-weight: 400;
		}

		&.mb-27 {
			margin-bottom: 27px;
		}

		&.mb-30 {
			margin-bottom: 30px;
		}

		&.mb-32 {
			margin-bottom: 32px;
		}

		&.mb-50 {
			margin-bottom: 50px;
		}

		&.mb-67 {
			margin-bottom: 67px;
		}

		&.with-icon {
			display: flex;
			align-items: start;
			gap: 12px;
			line-height: 1.2;

			&:last-child {
				margin-bottom: 0;
			}

			img {
				flex-shrink: 0;
				width: 25px;
			}

			span {
				display: inline-block;
			}

			.with-bg {
				padding: 2px 8px;
				border-radius: 10px;
				background: #ffeacc;
			}
		}
	}

	.price-box {
		position: relative;
		padding: 1px;
		background: linear-gradient(to bottom right, #f3981f 40%, #747474 65%, #fff 100%);
		border-radius: 10px;
		margin-bottom: 50px;
		width: min(calc(100% - 10px), 1200px);
		margin-inline: auto;
	}

	.price-header {
		padding: 14px 20px;
		width: 100%;
		max-width: 274px;
		position: absolute;
		left: 50%;
		top: 0;
		transform: translate(-50%, -40px);
		z-index: 5;
		border-radius: 6px;
		background: #1b1514;
		border: 1px solid #f3981f;
		box-shadow: 0px 2px 21.2px 0px #f3981f63;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 12px;

		img {
			flex-shrink: 0;
			width: 32px;
		}

		p {
			margin: 0;
			font-weight: 500;
			font-size: 1rem;
			color: #e3e0e0;

			.orange-text {
				color: #f3981f;
				margin-bottom: 4px;
				font-weight: 400;
			}
		}
	}

	.price-box-inner {
		padding: 40px 15px 50px;
		border-radius: 10px;
		background: linear-gradient(180deg, #141213 0%, #492b18 100%);

		@media (min-width: 768px) {
			padding-inline: 30px;
		}

		.price-row-title {
			padding-block: 20px;
			border-bottom: 1px solid #3a3432;
			display: flex;
			align-items: center;
			justify-content: space-around;
			gap: 10px;

			p {
				font-weight: 500;
				line-height: 1.2;
			}
		}

		.price-row {
			padding-block: 16px 15px;
			border-bottom: 1px solid #3a3432;
			display: flex;
			align-items: center;
			justify-content: space-around;
			gap: 10px;
		}

		p {
			margin: 0;
			font-weight: 600;
			font-size: 1.25rem;
			line-height: 1;
			color: #e3e0e0;
			text-align: center;

			&.orange-text {
				color: #f39720;
			}

			&.grey-text {
				padding-inline: 7px;
				position: relative;
				color: #6b6b6b;

				&::after {
					content: "";
					position: absolute;
					left: 0;
					top: 50%;
					width: 100%;
					height: 1px;
					background: #f39720;
					transform: rotate(-22deg);
					z-index: 5;
				}
			}

			&.code-wrapper {
				margin-block: 30px 20px;
				font-weight: 500;
				line-height: 1.5;

				.use-code {
					margin-top: 5px;
					display: block;
					font-size: 1.875rem;
					color: #ffa42f;
				}
			}
		}

		.comp-btn-orange {
			margin-bottom: 0;
			text-transform: none;
			max-width: 380px;
			margin-inline: auto;
		}
	}

	.accordion {
		.accordion-item {
			margin-bottom: 12px;
			border: 1px solid #bfbec2;
			border-radius: 10px;
			overflow: hidden;

			&:has(.accordion-collapse.show) {
				border-color: #f3981f;
			}

			&:last-child {
				margin-bottom: 0;
			}
		}

		.accordion-header {
			margin: 0;
		}

		.accordion-button {
			padding: 10px 20px;
			background: transparent;
			font-weight: 500;
			font-size: 1.25rem;
			line-height: 1.2;
			color: #191817;
			display: flex;
			align-items: start;
			justify-content: space-between;
			gap: 30px;
			box-shadow: none;

			&:not(.collapsed) {
				background: transparent;
				color: #191817;
				box-shadow: none;

				.arrow-icon {
					transform: rotate(-180deg);
				}
			}

			&::after {
				display: none;
			}

			.arrow-icon {
				margin-top: 6px;
				display: block;
				flex-shrink: 0;
				width: 15px;
				transition: all 0.3s linear;
			}
		}
		
		.collapse:not(.show) {
			display: none!important;
		}

		.accordion-body {
			padding: 8px 20px 10px;

			p {
				margin: 0;
				font-weight: 300;
				font-size: 1.125rem;
			}
		}
	}

	.purchase-notification {
		padding: 8px 20px 8px 15px;
		background: #492b18;
		border-radius: 10px;
		width: 80%;
		max-width: 350px;
		margin-inline: auto;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 9999;
		opacity: 0;
		transition: all 0.25s ease-in;
		pointer-events: none;

		&.shown {
			opacity: 1;
		}

		p {
			margin: 0;
			font-weight: 300;
			font-size: 1rem;
			line-height: 1.3;
			color: #fff;
			text-align: center;

			b {
				font-weight: 400;
			}

			.username {
				font-weight: 500;
			}

			.orange-text {
				font-weight: 700;
				color: #f39720;
			}
		}
	}
	
	.nav-tabs {
		margin-bottom: 20px;
		display: flex;
		border: none;
		gap: 10px;
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-block: 20px 15px;

		@media only screen and (min-width: 768px) {
			justify-content: center;
			padding-block: 30px 25px;
		}

		li {
			flex-shrink: 0;
		}
	}

	.nav-link {
		padding: 14px 18px;
		font-weight: bold;
		color: #f3981f;
		font-size: 16px;
		line-height: 19px;
		border-radius: 12px!important;
		cursor: pointer;
		background: transparent;
		border: 1px solid transparent;

		&:hover {
			border-color: #f3981f!important;
			color: #f3981f!important;
		}

		&.active {
			background: linear-gradient(90deg, #201b1a, #242424)!important;
			border: 1px solid #f3981f!important;
			color: #f3981f!important;
			box-shadow: 0px 2px 12px 0px rgba(243, 152, 31, 0.39);

			@media only screen and (min-width: 768px) {
				box-shadow: 0px 2px 21px 0px rgba(243, 152, 31, 0.39);
			}
		}

		span {
			color: #e3e0e0;
			font-weight: 300;
			display: block;
		}
	}

	.table-responsive {
		padding-bottom: 20px;
		margin-bottom: 30px;

		table {
			width: 100%;
			table-layout: fixed;

			th {
				padding: 16px;
				color: #8b827c;
				font-weight: 400;
				font-size: 12px;
				line-height: 22px;
				text-align: center;
				border-bottom: 1px solid rgba(116, 116, 116, 0.2);
				width: 140px;

				@media only screen and (min-width: 768px) {
					font-size: 18px;
					width: auto;
				}

				&:first-child {
					position: sticky;
					left: 0;
					width: 115px;
					padding-left: 8px;
					/* background: #161514; */
					z-index: 2;

					@media only screen and (min-width: 768px) {
						width: 220px;
					}

					@media only screen and (min-width: 992px) {
						width: 300px;
					}
				}
			}

			td {
				padding: 16px;
				font-size: 12px;
				line-height: 22px;
				color: #e3e0e0;
				text-align: center;
				border-bottom: 1px solid rgba(116, 116, 116, 0.2);

				/* background: #161514; */

				@media only screen and (min-width: 768px) {
					font-size: 18px;
				}

				&:first-child {
					position: sticky;
					left: 0;
					padding-inline: 7px;
					background: #242424;
					z-index: 2;
					border-right: 1px solid rgba(116, 116, 116, 0.2);
					font-weight: 600;
					text-align: left;
					padding-right: 35px;

					@media only screen and (min-width: 768px) {
						background: transparent;
						border-right: none;
						padding-right: 40px;
					}

					@media only screen and (min-width: 992px) {
						padding-right: 60px;
						display: flex;
						justify-content: space-between;
						align-items: start;
						gap: 10px;
					}
				}

				span {
					color: #8b827c;
				}
			}

			.tip-holder {
				flex-shrink: 0;
				margin-top: 4px;
				position: absolute;
				top: 16px;
				right: 10px;

				@media only screen and (min-width: 768px) {
					margin-top: 2px;
				}

				@media only screen and (min-width: 992px) {
					position: relative;
					top: 0;
					right: 0;
				}

				.tip-info {
					position: relative;
					display: block;
					border-radius: 50%;
					width: 16px;
					height: 16px;
					background: gray url(/wp-content/uploads/2025/02/info.svg) center center no-repeat;
					opacity: 0.4;
					cursor: pointer;
					transition: all 0.2s ease-in;

					&:hover {
						opacity: 1;

						.tooltip-text {
							visibility: visible;
						}
					}
				}

				.tooltip-text {
					position: absolute;
					top: -12px;
					right: -228px;
					visibility: hidden;
					width: 220px;
					color: #e3e0e0;
					border: 1px solid rgba(116, 116, 116, 0.2);
					border-radius: 8px;
					padding: 7px 12px;
					background: #242424;
					text-align: center;
					font-size: 14px;
					line-height: 17px;
					z-index: 10;
				}
			}
		}
	}

	.price-holder {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 15px;

		p {
			margin: 0;
			font-size: 20px;
			line-height: 24px;
			color: #8b827c;
		}

		.price {
			display: flex;
			align-items: center;
			gap: 15px;

			.prev-price {
				padding-inline: 7px;
				position: relative;
				color: #6b6b6b;
				font-size: 26px;

				&::after {
					content: "";
					position: absolute;
					left: 0;
					top: 50%;
					width: 100%;
					height: 1px;
					background: #f39720;
					transform: rotate(-22deg);
					z-index: 5;
				}
			}

			.current-price {
				color: #f39720;
				font-size: 32px;
			}
		}
	}

	&.advanced {
		.border-box-inner {
			padding-inline: 20px;

			@media (min-width: 768px) {
				padding-inline: 40px;
			}

			h2 {
				margin-bottom: 15px;
			}

			p {
				font-weight: 400;

				&.with-icon {
					gap: 11px;
				}

				b {
					font-weight: 500;
				}
			}
		}

		h2 {
			.grey-subtitle {
				display: block;
				font-weight: 600;
				font-size: 1.25rem;
				line-height: 1.8;
				color: #747373;
			}
		}

		.perks-box {
			margin-bottom: 60px;
			border: 1px solid #ffe7c8;
			background: #fffaf3;
			border-radius: 10px;
			padding: 20px 20px 30px;

			@media (min-width: 768px) {
				padding: 30px 30px 40px;
			}

			p.with-icon {
				line-height: 1.3;
				gap: 8px;

				img {
					width: 27px;
				}
			}
		}

		.btn-green {
			margin-bottom: 0;
			text-transform: none;
			background: linear-gradient(92.95deg, #007a63 0%, #006b57 100%);
			box-shadow: 0px 2px 21.2px 0px #007a6363;
		}

		.spots-box {
			border-radius: 10px;
			padding: 1px;
			background: linear-gradient(
				322.21deg,
				rgba(255, 255, 255, 0.2) 0%,
				rgba(116, 116, 116, 0.2) 51.5%,
				#f3981f 100%
			);
		}

		.spots-box-inner {
			border-radius: 10px;
			background: linear-gradient(180deg, #141213 0%, #492b18 100%);
			padding: 40px 20px 48px;

			h2 {
				color: #fff;
			}

			p {
				margin: 0 0 30px;
				color: #fff;

				&.orange-text {
					color: #ffa42f;
				}
			}

			h3 {
				margin: 0 0 35px;
				font-weight: 500;
				font-size: 4.375rem;
				line-height: 1;
				text-align: center;
				color: #ffa42f;
			}

			.btn-green {
				text-wrap: pretty;
			}
		}
	}
}

.comp-sp-header {
	position: relative;
	overflow: hidden;
	background: #090b06;
	padding-bottom: 30px;

	@media only screen and (min-width: 768px) {
		padding-bottom: 40px;
	}

	.comp-sec-menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99;
		background: #090b06;
		transform: translateY(-100%);
		transition: all 0.3s ease-in;

		&.show {
			transform: translateY(0%);
		}

		.comp-sec-menu-inner {
			padding-block: 15px 10px;
			width: min(calc(100% - 28px), 1100px);
			margin-inline: auto;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.sec-logo {
			margin: 0;
			flex-shrink: 0;
			max-width: 46px;

			@media only screen and (min-width: 768px) {
				max-width: 85px;
			}
		}

		.btn-claim {
			flex-shrink: 0;
			padding: 11px 18px;
			border-radius: 10px;
			background: #2f2215;
			border: 1px solid #343332;
			box-shadow: 0px 2px 21.2px 0px #f3981f63;
			font-weight: 500;
			font-size: 1rem;
			line-height: 1;
			color: #ffaf45;
			text-decoration: none;
		}
	}

	h1 {
		margin-bottom: 0;

		@media only screen and (min-width: 768px) {
			margin-top: -15px;
			font-size: 3.3rem;
		}
	}

	.subtitle {
		margin-bottom: 0;
		font-weight: 300;
		color: #b4b4b4;

		.white-text {
			font-weight: 500;
			color: #fff;
		}
	}

	.banner-image {
		display: block;
		width: 100%;
		max-width: 646px;
		margin-inline: auto;
	}

	.timer-wrapper {
		margin-block: -45px 11px;

		@media only screen and (min-width: 768px) {
			margin-top: -55px;
		}

		.timer-title {
			margin: 0 0 7px;
			font-weight: 500;
			font-size: 1rem;
			line-height: 1.2;
			color: #ffaf45;
			text-align: center;
		}

		.timer {
			display: flex;
			justify-content: center;
			gap: 8px;
		}

		.time-container {
			flex-shrink: 0;
			width: 72px;
			padding: 7px 8px;
			border: 0.5px solid #e57625;
			border-radius: 6px;
		}

		.timer-text {
			margin: 0;
			font-weight: 700;
			font-size: 2.875rem;
			line-height: 1;
			color: #ffaf45;
			text-align: center;

			.small-text {
				display: block;
				font-weight: 600;
				font-size: 0.667rem;
				line-height: 1.2;
				color: #e57625;
			}
		}
	}

	.comp-btn-orange {
		padding-block: 18px;
		margin-block: 0 60px;
		font-size: 1.5rem;
		text-transform: none;
		margin-top: 0;
		max-width: calc(100% - 30px);

		@media only screen and (min-width: 768px) {
			max-width: 450px;
		}

		&.btn-black {
			margin-bottom: 0;
			background: linear-gradient(to right, #24221d, #090b06);
			box-shadow: 0px 2px 21.2px 0px #f3981f63;
			max-width: 100%;
		}
	}

	.why-pro-outer {
		padding: 1px;
		border-radius: 10px;
		background: linear-gradient(to bottom, #f3981f, #994a00);

		.why-pro-inner {
			border-radius: 10px;
			padding: 40px 14px 60px;
			background: linear-gradient(to bottom, #0a0b06, #e37524);

			@media only screen and (min-width: 768px) {
				padding-inline: 30px;
			}
		}

		h2 {
			margin: 0 0 30px;
			font-weight: 700;
			font-size: 2rem;
			line-height: 1.2;
			color: #ffaf45;
			text-align: center;

			@media only screen and (min-width: 768px) {
				font-size: 3rem;
			}
		}

		p {
			margin: 0 0 14px;
			font-weight: 300;
			font-size: 1.125rem;
			line-height: 1.3;
			color: #fff;
			text-align: left;
			display: flex;
			align-items: start;
			gap: 10px;

			&:last-of-type {
				margin-bottom: 30px;
			}

			img {
				flex-shrink: 0;
				width: 25px;
			}

			b {
				font-weight: 500;
				font-size: 1.25rem;
			}

			a {
				text-decoration: underline;
				font-weight: 300;
				color: #ffaf45;

				&:hover,
				&:focus-visible {
					color: #ffaf45;
					text-decoration: underline;
				}
			}
		}
	}
}

.comp-sp-content {
	padding-top: 60px;

	.orange-text {
		margin: 0 0 6px;
		font-weight: 700;
		font-size: 1.375rem;
		line-height: 1.2;
		color: #f3981f;
		text-align: center;
	}

	.bigger-h2-title {
		font-size: 3.375rem;

		.promo-code {
			font-size: 3.4rem;
		}
	}

	h2 {
		&.mb-10 {
			margin-bottom: 10px;
		}
	}

	p {
		&.mb-95 {
			margin-bottom: 95px;
		}

		&.lh-14 {
			line-height: 1.4;
		}

		&.fz-22 {
			font-size: 1.375rem;
		}

		&.with-tick-icon {
			margin: 0 0 14px;
			font-weight: 300;
			display: flex;
			align-items: start;
			gap: 10px;

			img {
				flex-shrink: 0;
				display: block;
				width: 25px;
			}

			b {
				font-weight: 500;
			}

			&:last-of-type {
				margin-bottom: 60px;
			}
		}

		.orange-bg {
			padding: 3px 10px;
			border-radius: 10px;
			background: #f3981f;
			font-weight: 800;
		}

		&.step-title {
			margin-bottom: 10px;
			margin-inline: auto;
			display: block;
			width: fit-content;
			padding: 8px 20px;
			border-radius: 6px;
			background: linear-gradient(to right, #f3981f, #e57625);
			font-weight: 700;
			line-height: 1.2;
			font-size: 1rem;
			color: #fff;
			text-transform: uppercase;
		}

		&.step-text {
			margin: 0 0 30px;
			font-weight: 300;
			font-size: 1.25rem;
			line-height: 1.3;
			text-align: center;

			b {
				font-weight: 500;
			}
		}
	}

	.price-box {
		width: min(calc(100% - 10px), 1100px);
	}

	.price-box-inner {
		.comp-btn-orange {
			max-width: calc(100% - 16px);

			@media only screen and (min-width: 768px) {
				max-width: 450px;
			}
		}
	}

	.comp-btn-orange {
		padding-block: 18px;
		text-transform: none;
		margin-block: 0;
		max-width: calc(100% - 30px);

		@media only screen and (min-width: 768px) {
			max-width: 450px;
		}
	}

	.act-fast-wrapper {
		margin-block: 60px;
		padding: 40px 15px 60px;
		background: linear-gradient(to bottom, #151313, #492b18);
		border-radius: 10px;

		@media only screen and (min-width: 768px) {
			padding-inline: 30px;
		}

		h3 {
			margin: 0 0 30px;
			font-weight: 700;
			font-size: 2rem;
			line-height: 1.2;
			color: #fff;
			text-align: center;
		}

		p {
			margin: 0 0 30px;
			font-weight: 400;
			font-size: 1.125rem;
			line-height: 1.2;
			color: #fff;
			text-align: center;

			&.orange-text {
				margin-bottom: 16px;
				font-weight: 500;
				font-size: 1.25rem;
				color: #ffa42f;
			}
		}

		.timer-wrapper {
			display: flex;
			justify-content: center;
			gap: 12px;
			margin-bottom: 23px;

			.time-container {
				flex-shrink: 0;
				padding: 7px 8px;
				width: 72px;
				background: linear-gradient(to right, #f3981f, #e57625);
				border-radius: 6px;
			}

			.timer-text {
				margin: 0;
				font-weight: 700;
				font-size: 2.875rem;
				line-height: 1;
				color: #fff;
				text-align: center;

				.small-text {
					display: block;
					font-weight: 600;
					font-size: 0.75rem;
					line-height: 1.2;
					color: #281b15;
				}
			}
		}

		.comp-btn-orange {
			max-width: 100%;

			@media only screen and (min-width: 768px) {
				max-width: 450px;
			}
		}
	}
}

.comp-heat-header {
	.top-title {
		margin: 0 0 4px;
		font-weight: 300;

		.white-text {
			color: #fff;
		}
	}

	.subtitle {
		margin-bottom: 14px;

		.white-text {
			font-weight: 300;
		}
	}

	.orange-text {
		color: #ffaf45;
	}

	h1 {
		margin-block: 0 4px;
	}

	.btn-wrapper {
		position: relative;
		margin-block: -45px 60px;
		z-index: 5;

		.comp-btn-orange {
			margin-block: 0;
		}
	}
}

.comp-heat-content {
	.bigger-h2-title {
		line-height: 1;
	}

	.promo-text {
		margin-bottom: 80px;
		font-weight: 300;

		.regular-text {
			font-weight: 400;
		}

		.bold-text {
			font-weight: 800;
		}
	}

	.bonus-title {
		margin-bottom: 10px;

		.promo-code {
			color: #f3981f;
		}
	}

	.act-fast-wrapper {
		p {
			font-weight: 300;
		}
	}

	.end-text {
		margin-block: 30px 0;
		font-weight: 500;
		text-align: center;
	}

	.price-header {
		max-width: 285px;
	}

	.line {
		width: 100%;
		max-width: 164px;
		height: 1px;
		margin: 0 auto 60px;
		background: #141213;
	}
}

.comp-sunset-header {
	padding-bottom: 0;
	background: linear-gradient(180deg, #090b06 85.33%, #757673 91.01%, #fff 99%);

	h1 {
		margin: 0 0 8px;
		line-height: 1;
		color: #fff;
	}

	.subtitle {
		max-width: 400px;
		margin: 0 auto;
		font-weight: 500;
		font-size: 1.375rem;
		color: #ffaf45;
		text-align: center;
		position: relative;
		z-index: 5;
	}

	.banner-image-wrapper {
		max-width: 646px;
		margin-inline: auto;
		margin-top: -20px;

		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.banner-image {
		grid-row: 1 / -1;
		grid-column: 1 / -1;
	}

	.banner-content {
		grid-row: 1 / -1;
		align-self: center;
		justify-self: center;
		z-index: 5;

		display: grid;
		grid-template-columns: 2.4fr 1fr;
		gap: 0 2px;
		align-items: center;

		&.left {
			grid-column: 1 / 2;
		}

		&.right {
			grid-column: 2 / 3;
		}

		.a {
			grid-row: 1 / 3;
			grid-column: 1 / 2;
			margin: 0;
			font-weight: 700;
			font-size: 5.75rem;
			line-height: 1.1;
			color: transparent;
			background: linear-gradient(138.27deg, #ffd397 61.05%, #e57625 107.36%);
			background-clip: text;
		}

		.b {
			grid-row: 1 / 2;
			grid-column: 2 / 3;
			align-self: end;
			margin: 0;
			font-weight: 700;
			font-size: 3.5rem;
			line-height: 1;
			color: #fac283;
		}

		.c {
			grid-row: 2 / 3;
			grid-column: 2 / 3;
			align-self: start;
			margin: 0;
			font-weight: 700;
			font-size: 1.44rem;
			line-height: 1;
			color: #fac283;
		}
	}

	.timer-wrapper {
		margin-block: -20px 10px;

		.timer-title {
			margin-bottom: 8px;
		}
	}

	.partners-wrapper {
		margin-bottom: 60px;

		.partners-image-row {
			margin-bottom: 14px;
			display: flex;
			justify-content: center;

			@media only screen and (min-width: 768px) {
				margin-bottom: 18px;
			}
		}

		.img-wrapper {
			overflow: hidden;
			flex-shrink: 0;
			width: 80px;
			aspect-ratio: 1 / 1;
			background: #191817cf;
			border-radius: 50%;
			border: 1px solid #454443;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 13px;
			backdrop-filter: blur(2.5568125247955322px);

			@media only screen and (min-width: 768px) {
				width: 100px;
			}

			&:first-child {
				margin-right: -5px;

				.partners-logo {
					width: 41px;

					@media only screen and (min-width: 768px) {
						width: 51px;
					}
				}
			}

			&:last-child {
				margin-left: -5px;

				.partners-logo {
					width: 53px;

					@media only screen and (min-width: 768px) {
						width: 63px;
					}
				}
			}

			.partners-logo {
				display: block;
				max-width: 100%;
			}
		}

		.partners-title {
			margin: 0 0 3px;
			font-weight: 600;
			font-size: 1.5rem;
			line-height: 1.2;
			color: #e3e0e0;
			text-align: center;

			@media only screen and (min-width: 768px) {
				margin-bottom: 8px;
				font-size: 1.75rem;
			}
		}

		.partners-desc {
			margin: 0 auto;
			max-width: 274px;
			font-size: 1rem;
			line-height: 1.4;
			color: #b3afa9;
			text-align: center;

			b {
				font-weight: 600;
				color: #e3e0e0;
			}

			@media only screen and (min-width: 768px) {
				max-width: 310px;
				font-size: 1.125rem;
			}
		}
	}

	.why-pro-outer {
		.why-pro-inner {
			padding-block: 40px;
		}

		h2 {
			@media only screen and (min-width: 768px) {
				font-size: 2.5rem;
			}
		}
	}
}

.comp-sunset-content {
	@media only screen and (min-width: 768px) {
		padding-bottom: 100px;
	}

	.price-box-inner {
		p {
			&.code-wrapper {
				margin-bottom: 27px;
				font-weight: 400;

				.use-code {
					margin-top: 0;
					font-weight: 600;
				}
			}
		}

		.comp-btn-orange {
			font-size: 1.5rem;
		}
	}

	.video-outer-wrapper {
		margin-block: 60px;

		h2 {
			padding-inline: 15px;
		}

		.video-inner {
			padding: 0 13px 60px;
			background: linear-gradient(180deg, #fff 0, #757673 10%, #090b06 20%);
		}

		.video-wrapper {
			width: min(100%, 900px);
			margin-inline: auto;
			margin-bottom: 40px;
			display: grid;
			gap: 16px;

			@media only screen and (min-width: 768px) {
				grid-template-columns: 1fr 1fr;
				gap: 10px;
			}
		}

		.video-image {
			display: block;
			max-width: 100%;
			border-radius: 10px;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.comp-btn-orange {
			font-size: 1.5rem;
			background: linear-gradient(92.95deg, #24221d 0%, #090b06 100%);
			box-shadow: 0px 2px 21.2px 0px #f3981f63;
		}
	}

	.comp-btn-orange {
		&.btn-black {
			font-size: 1.5rem;
			background: linear-gradient(92.95deg, #24221d 0%, #090b06 100%);
			box-shadow: 0px 2px 21.2px 0px #f3981f63;
		}
	}

	.act-fast-wrapper {
		margin-bottom: 0;

		p {
			&.orange-text {
				font-weight: 400;
			}
		}

		.comp-btn-orange {
			font-size: 1.5rem;
		}
	}
	
	.nav-tabs {
		margin-bottom: 5px;
		padding-inline: 10px;
		padding-block: 20px;
		justify-content: start;

		scrollbar-color: #242323 #161514;
		scrollbar-width: thin;

		&::-webkit-scrollbar {
			width: 10px;
			height: 10px;
		}

		&::-webkit-scrollbar-track {
			background: #161514;
			border-radius: 10px;
		}

		&::-webkit-scrollbar-thumb {
			background-color: #242323;
			border-radius: 10px;
			border: 0;
		}

		@media only screen and (min-width: 1200px) {
			justify-content: center;
		}
	}

	.prices-button-wrapper-outer {
		position: relative;

		.icon-wrapper {
			position: absolute;
			top: 0;
			bottom: 2px;
			display: flex;
			align-items: center;
			z-index: 99;
			background: transparent;

			&.right {
				right: -15px;
				padding-left: 5px;

				@media only screen and (min-width: 768px) {
					right: -30px;
				}
			}

			&.left {
				left: -15px;
				padding-right: 5px;

				@media only screen and (min-width: 768px) {
					left: -30px;
				}
			}

			@media only screen and (min-width: 768px) {
				bottom: 3px;
			}

			@media only screen and (min-width: 1200px) {
				display: none;
			}

			.icon-inner {
				width: 20px;
				height: 100%;
				max-height: 55px;
				flex-shrink: 0;
				background: #f3981f;
				display: flex;
				align-items: center;
				justify-content: center;
				cursor: pointer;
			}

			.icon {
				flex-shrink: 0;
				display: block;
				width: 6px;
			}
		}
	}
}

.horizontal-scroller {
	--scroller-gap: 20px;
	--scroller-animation-duration: 20s;

	width: 100%;

	.horizontal-scroller__inner {
		display: flex;
		gap: var(--scroller-gap, 1rem);
		flex-wrap: wrap;
	}

	&[data-animated="true"] {
		overflow: hidden;

		.horizontal-scroller__inner {
			width: max-content;
			flex-wrap: nowrap;
			animation: scroller-animation var(--scroller-animation-duration, 20s) linear infinite;

			&:hover {
				animation-play-state: paused;
			}
		}
	}
}

@keyframes scroller-animation {
	to {
		transform: translateX(calc(-50% - (var(--scroller-gap) / 2)));
	}
}

.brasil-page-content {
	--grid-container: 100%;

	background: #000;

	@media (width >= 576px) {
		--grid-container: 540px;
	}

	@media (width >= 768px) {
		--grid-container: 720px;
	}

	@media (width >= 992px) {
		--grid-container: 960px;
	}

	@media (width >= 1200px) {
		--grid-container: 1080px;
	}
	
	@media (prefers-reduced-motion: reduce) {
		.horizontal-scroller__inner {
			text-align: center;
			justify-content: center;
		}
	}

	font-family: "Poppins", sans-serif;
	
	.collapse:not(.show) {
		display: none !important;
	}

	.btn-yellow {
		display: block;
		width: fit-content;
		padding-block: 13px;
		padding-inline: 20px;
		color: #101010;
		font-weight: 700;
		font-size: 1rem;
		line-height: 1.5;
		text-decoration: none;
		border: 0;
		background: #f3981f;
		border-radius: 8px;
		transition: box-shadow 0.3s ease-in-out;

		@media (width >=992px) {
			padding-inline: 30px;
		}

		@media (width >= 1200px) {
			padding-inline: 40px;
		}

		&:hover,
		&:focus-visible {
			background: #f3981f;
			color: #101010;
			text-decoration: none;
			box-shadow: 0 0 15px rgba(243, 152, 31, 0.5);
		}
	}

	.banner {
		position: relative;
		display: grid;
		grid-template-columns: 10px 1fr 10px;
		grid-template-rows: auto 1fr auto;
		border-bottom: 18px solid #f3981f;
		isolation: isolate;

		@media (width >= 992px) {
			grid-template-columns: 1fr calc(var(--grid-container) / 2) calc(var(--grid-container) / 2) 1fr;
			grid-template-rows: auto 1fr;
		}

		.bg-picture {
			grid-row: 1 / -1;
			grid-column: 1 / -1;

			@media (width >= 768px) {
				position: absolute;
				width: 100%;
				height: 100%;
				z-index: -1;
			}

			img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: 70% bottom;

				@media (width >= 768px) {
					object-position: center center;
				}

				@media (width >= 992px) {
					object-position: 65% 50%;
				}
			}
		}

		.banner-scroller-wrapper {
			padding: 16px 20px;
			margin-block: 40px 30px;
			overflow: hidden;
			grid-column: 2 / 3;
			grid-row: 1 / 2;
			align-self: start;
			background: #000;
			border-radius: 9px;

			@media (width >= 576px) {
				padding-inline: 30px;
			}

			@media (width >= 768px) {
				margin-block: 50px 40px;
			}

			@media (width >= 992px) {
				grid-column: 2 / 4;
			}

			p {
				margin: 0;
				color: #fff;
				font-weight: 400;
				font-size: 1.125rem;
				line-height: 1.5;

				span {
					font-weight: 700;
					color: #f3981f;
				}
			}
		}

		.banner-text-col {
			grid-column: 2 / 3;
			grid-row: 2 / 3;
			padding-inline: 10px;

			@media (width >= 576px) {
				align-self: center;
				max-width: var(--grid-container);
				margin-inline: auto;
				margin-bottom: 50px;
			}

			@media (width >= 768px) {
				max-width: 472px;
			}

			@media (width >= 992px) {
				max-width: 100%;
			}
		}

		.logo {
			display: block;
			margin: 0 0 25px;
		}

		h1 {
			margin: 0 0 15px;
			color: #fff;
			font-weight: 700;
			font-size: 2.1rem;
			line-height: 1.12;

			@media (width >= 768px) {
				margin-bottom: 18px;
				font-size: 2.75rem;
			}

			span {
				color: #f3981f;
			}
		}

		.banner-paragraph {
			margin: 0 0 25px;
			color: #fff;
			font-weight: 400;
			font-size: 1.1rem;
			line-height: 1.5;

			@media (width >= 768px) {
				max-width: 75%;
				font-size: 1.125rem;
			}
		}

		.image-wrapper {
			grid-column: 2 / 3;
			grid-row: 3 / -1;
			min-height: 500px;
			position: relative;

			@media (width >= 992px) {
				grid-column: 3 / 4;
				grid-row: 2 / 3;
				margin-left: -30px;
				min-height: 0;
			}
		}

		.highlights {
			position: absolute;
			top: 180px;
			right: 10px;
			display: flex;
			flex-direction: column;
			gap: 5px;

			@media (width >= 576px) {
				gap: 7px;
			}

			@media (width >= 768px) {
				right: auto;
				left: 60%;
			}

			@media (width >= 992px) {
				left: -25px;
				top: 55%;
			}

			p {
				padding: 10px 13px;
				margin: 0;
				color: #fff;
				font-weight: 700;
				font-size: 0.825rem;
				line-height: 1.5;
				text-align: center;
				border-radius: 7px;
				background: linear-gradient(135deg, rgba(0, 0, 0, 0.308) 0%, rgba(0, 0, 0, 0.77));
				backdrop-filter: blur(21px);

				@media (width >= 576px) {
					font-size: 1rem;
				}

				@media (width >= 1200px) {
					font-size: 1.1rem;
				}
			}
		}

		.model-info {
			position: absolute;
			top: 80px;
			right: 20px;
			width: 160px;
			margin: 0;
			color: #fff;
			font-weight: 400;
			font-size: 0.75rem;
			line-height: 1.5;

			@media (width >= 576px) {
				right: 60px;
			}

			@media (width >= 768px) {
				right: auto;
				left: 60%;
			}

			@media (width >= 992px) {
				top: 22%;
				left: 58%;
			}
		}
	}

	.disciplined-trader {
		padding-block: 55px 65px;

		@media (width >= 1200px) {
			padding-block: 60px 70px;
		}

		.wrapper {
			padding-inline: 20px;
			margin-inline: auto;
			max-width: 100%;

			@media (width >= 768px) {
				max-width: 570px;
				padding-inline: 0;
			}

			@media (width >= 992px) {
				max-width: 960px;
			}

			@media (width >= 1200px) {
				max-width: 980px;
			}
		}

		h2 {
			max-width: 600px;
			padding-inline: 15px;
			margin: 0 auto 30px;
			color: #fff;
			font-weight: 400;
			font-size: 1.5rem;
			line-height: 1.3;
			text-align: center;
			text-wrap: pretty;

			@media (width >= 992px) {
				margin-bottom: 37px;
				font-size: 1.687rem;
			}

			span {
				font-weight: 700;
				color: #f3981f;
			}
		}

		.box-wrapper {
			padding-inline: 32px 15px;
			display: flex;
			flex-direction: column;
			gap: 20px;
			margin-bottom: 35px;

			@media (width >= 768px) {
				max-width: 390px;
				margin-inline: auto;
			}

			@media (width >= 992px) {
				margin-bottom: 38px;
				margin-inline: 0;
				max-width: 100%;
				display: grid;
				grid-template-columns: 1fr 1.4fr 1fr;
				gap: 45px;
			}

			@media (width >= 1200px) {
				gap: 55px;
				padding-left: 0;
			}
		}

		.gradient-box {
			position: relative;
			padding: 25px 30px 25px 40px;
			display: flex;
			align-items: center;
			background: url(/wp-content/uploads/2025/comp-v3/brasil/gradient-bg.svg) center center / cover no-repeat;
			border-radius: 16px;

			@media (width >= 992px) {
				padding-left: 35px;
			}

			@media (width >= 1200px) {
				padding-left: 40px;
			}

			p {
				margin: 0;
				color: #fff;
			}
		}

		.number {
			position: absolute;
			top: 50%;
			left: -2px;
			font-weight: 700;
			font-size: 5rem;
			transform: translate(-50%, -50%);

			@media (width >= 1200px) {
				font-size: 5.9rem;
			}
		}

		.content {
			font-weight: 300;
			font-size: 1rem;
			line-height: 1.3;

			@media (width >= 992px) {
				text-align: center;
			}

			strong {
				font-weight: 700;
			}
		}

		.paragraph {
			max-width: 540px;
			padding-inline: 15px;
			margin: 0 auto 30px;
			color: #fff;
			font-weight: 400;
			font-size: 1.125rem;
			line-height: 1.3;
			text-align: center;

			@media (width >= 992px) {
				margin-bottom: 40px;
				font-size: 1.1875rem;
			}
		}

		.btn-yellow {
			margin-inline: auto;
		}
	}

	.journey {
		padding-block: 60px 65px;
		background: url(/wp-content/uploads/2025/comp-v3/brasil/journey-bg.webp) 100% 100% / cover no-repeat,
			radial-gradient(97.57% 210.75% at 0.9% 2.98%, rgba(255, 255, 255, 0.116) 0%, rgba(255, 255, 255, 0) 100%);

		@media (width >= 992px) {
			padding-block: 65px;
		}

		.wrapper {
			padding-inline: 10px;

			@media (width >= 992px) {
				max-width: 980px;
				margin-inline: auto;
				display: grid;
				grid-template-columns: 1fr 1fr;
				align-items: center;
			}
		}

		.box {
			width: calc(100% - 20px);
			padding: 35px 20px 38px;
			margin-inline: auto;
			margin-bottom: 40px;
			background: url(/wp-content/uploads/2025/comp-v3/brasil/journey-box-bg.svg) center center / cover no-repeat;
			border-radius: 16px;
			backdrop-filter: blur(21px);

			@media (width >= 768px) {
				max-width: 450px;
				padding: 55px 40px 60px;
			}

			@media (width >= 992px) {
				width: 100%;
				max-width: 100%;
				padding: 55px 75px 60px 40px;
				margin: 0;
			}

			@media (width >= 1200px) {
				padding: 60px 75px 60px 60px;
			}
		}

		h2 {
			margin: 0 0 15px;
			color: #fff;
			font-weight: 400;
			font-size: 1.5rem;
			line-height: 1.3;

			span {
				font-weight: 700;
				color: #f3981f;
			}

			@media (width >= 768px) {
				margin-bottom: 20px;
			}

			@media (width >= 992px) {
				margin-bottom: 28px;
				font-size: 1.687rem;
			}
		}

		p {
			margin: 0 0 15px;
			color: #fff;
			font-weight: 400;
			font-size: 1rem;

			@media (width >= 992px) {
				margin-bottom: 20px;
				font-size: 1.1875rem;
			}

			&:last-of-type {
				margin-bottom: 0;
			}

			.orange-text {
				font-weight: 700;
				color: #f3981f;
			}
		}

		.journey-image {
			display: block;
			margin-inline: auto;
			position: relative;
			z-index: 5;

			@media (width >= 992px) {
				width: calc(100% + 70px);
				max-width: none;
				margin-left: -70px;
			}
		}
	}

	.why-us {
		padding-block: 55px 60px;
		background: url(/wp-content/uploads/2025/comp-v3/brasil/why-bg-v2.jpg) top left 10% / cover no-repeat;

		@media (width >= 768px) {
			padding-block: 65px 60px;
		}

		@media (width >= 992px) {
			padding-block: 80px 70px;
		}

		@media (width >= 1200px) {
			padding-block: 100px 80px;
		}

		.wrapper {
			max-width: 570px;
			padding-inline: 20px;
			margin-inline: auto;
		}

		h2 {
			margin: 0 0 25px;
			color: #fff;
			font-weight: 400;
			font-size: 1.5rem;
			line-height: 1.3;
			text-align: center;

			@media (width >= 992px) {
				font-size: 1.687rem;
			}

			span {
				display: block;
				font-weight: 700;
				color: #f3981f;
			}
		}

		.box-wrapper {
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			gap: 14px 10px;
			margin-bottom: 30px;

			@media (width >= 768px) {
				flex-direction: row;
				align-items: stretch;
			}
		}

		.box {
			padding: 22px 25px 20px;
			background: url(/wp-content/uploads/2025/comp-v3/brasil/why-box-bg.webp) center center / 120% 120% no-repeat,
				radial-gradient(
					97.57% 210.75% at 0.9% 2.98%,
					rgba(255, 255, 255, 0.116) 0%,
					rgba(255, 255, 255, 0) 100%
				);

			backdrop-filter: blur(17px);
			border-radius: 14px;
			flex-basis: 100%;
			max-width: 260px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: start;

			&.small-box {
				padding: 13px 15px;
				width: 100%;
				max-width: 180px;

				@media (width >= 768px) {
					margin-top: 16px;
				}

				&.mt16 {
					margin-top: 16px;
				}
			}
		}

		p {
			margin: 0;
			color: #fff;
			font-weight: 400;
			font-size: 0.875rem;
			line-height: 1.35;
			text-wrap: pretty;

			&.title {
				margin-bottom: 5px;
				color: #f3981f;
				font-weight: 700;
			}

			&.score-text {
				font-size: 0.69rem;
			}

			&.money-text {
				font-size: 0.8125rem;
			}
		}

		.trustpilot-image,
		.score-image {
			display: block;
			margin-bottom: 7px;
		}

		.money-wrapper {
			display: flex;
			align-items: center;
			gap: 10px;
			height: 100%;

			.icon {
				flex-shrink: 0;
				width: 37px;
			}
		}

		.btn-yellow {
			display: block;
			margin-inline: auto;
		}
	}

	.map {
		padding-block: 55px 60px;

		@media (width >= 768px) {
			padding-block: 60px;
		}

		@media (width >= 992px) {
			padding-block: 75px 70px;
		}

		@media (width >= 1200px) {
			padding-block: 90px 80px;
		}

		.wrapper {
			padding-inline: 20px;
			width: var(--grid-container);
			max-width: 1000px;
			margin-inline: auto;
		}

		h2 {
			max-width: 470px;
			margin: 0 auto 15px;
			color: #fff;
			font-weight: 700;
			font-size: 1.6rem;
			line-height: 1.3;
			text-align: center;

			@media (width >= 992px) {
				font-size: 1.687rem;
			}

			@media (width >= 1200px) {
				max-width: 590px;
				font-size: 2rem;
			}

			span {
				color: #f3981f;
			}
		}

		.paragraph {
			max-width: 455px;
			margin: 0 auto 40px;
			color: #fff;
			font-weight: 400;
			font-size: 1rem;
			line-height: 1.3;
			text-align: center;
		}

		.map-wrapper {
			margin-bottom: 35px;
			position: relative;
		}

		.map-image {
			display: block;
			width: 100%;
		}

		.map-tag {
			display: flex;
			align-items: start;
			justify-content: center;
			gap: 9px;
			margin-top: 5px;

			@media (width >= 768px) {
				position: absolute;
				top: 35%;
				right: -20px;
				width: 135px;
				justify-content: start;
				margin-top: 0;
			}

			.custom-color {
				flex-shrink: 0;
				width: 12px;
				height: 12px;
				margin-top: 1px;
				border-radius: 2px;
				background: #f3981f;
			}

			p {
				margin: 0;
				color: #fff;
				font-weight: 400;
				font-size: 0.6975rem;
				line-height: 1.3;
			}
		}

		.box-wrapper {
			display: flex;
			gap: 17px;
			justify-content: center;
			flex-wrap: wrap;

			@media (width >= 768px) {
				max-width: 680px;
				margin-inline: auto;
			}

			@media (width >= 1200px) {
				max-width: 100%;
			}
		}

		.box {
			max-width: 226px;
			min-height: 62px;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 13px;
			background: url(/wp-content/uploads/2025/comp-v3/brasil/gradient-bg.svg) center center / 120% 120% no-repeat;
			border-radius: 13px;
			flex-basis: 100%;

			p {
				margin: 0;
				color: #fff;
				font-weight: 300;
				font-size: 0.8125rem;
				line-height: 1.35;
				text-align: center;
				text-wrap: pretty;

				strong {
					font-weight: 700;
				}
			}
		}
	}

	.partners {
		display: grid;
		grid-template-columns: 20px 1fr 20px;
		grid-template-rows: auto auto 1fr;

		background: url(/wp-content/uploads/2025/comp-v3/brasil/partners-bg-mobile-v2.jpg) center center / cover
			no-repeat;

		@media (width >= 992px) {
			grid-template-columns: 1fr calc(var(--grid-container) / 2) calc(var(--grid-container) / 2) 1fr;
			background: url(/wp-content/uploads/2025/comp-v3/brasil/partners-bg.jpg) center top / cover no-repeat;
			grid-template-rows: auto auto;
		}

		@media (width >= 1200px) {
			--grid-container: 960px;
		}

		.text-col {
			grid-row: 1 / 2;
			grid-column: 2 / 3;

			padding-block: 70px 90px;
			display: flex;
			flex-direction: column;
			align-items: start;
			gap: 12px;

			@media (width >= 768px) {
				max-width: 460px;
				margin-inline: auto;
				flex-direction: row;
				gap: 20px;
			}

			@media (width >= 992px) {
				padding-block: 100px 40px;
				max-width: 436px;
			}

			@media (width >= 1200px) {
				gap: 15px;
				max-width: 436px;
			}

			.icon {
				display: block;
				flex-shrink: 0;
				width: 80px;
			}

			h2 {
				margin: 0 0 20px;
				color: #fff;
				font-weight: 300;
				font-size: 1.5rem;
				line-height: 1.3;
				font-style: italic;

				@media (width >= 992px) {
					font-size: 1.687rem;
				}

				strong {
					font-weight: 700;
				}
			}

			p {
				max-width: 190px;
				margin: 0;
				color: #fff;
				font-weight: 400;
				font-size: 0.875rem;
				line-height: 1.3;
			}
		}

		.box {
			grid-row: 2 / 3;
			grid-column: 2 / 3;
			padding: 0 20px 20px 5px;
			background: radial-gradient(
				97.57% 210.75% at 0.9% 2.98%,
				rgba(0, 0, 0, 0.308) 0%,
				rgba(0, 0, 0, 0.77) 100%
			);
			backdrop-filter: blur(14px);
			box-shadow: 0px 5.85px 8.9px 0px rgba(0, 0, 0, 0.43);
			border-radius: 13px;

			@media (width >= 768px) {
				max-width: 460px;
				margin-inline: auto;
				padding-right: 40px;
			}

			@media (width >= 992px) {
				grid-column: 2 / 4;
				align-self: start;
				max-width: 636px;
				display: flex;
				align-items: center;
				gap: 35px;
				padding: 12px 80px 12px 0;
				margin-bottom: 66px;
			}

			.box-inner {
				padding-left: 15px;

				@media (width >= 992px) {
					padding-left: 0;
				}
			}

			.partners-logo {
				display: block;
				width: 200px;
				margin-top: -50px;
				margin-bottom: 20px;

				@media (width >= 992px) {
					margin-top: 0;
					margin-bottom: 0;
					margin-left: -40px;
				}
			}

			h3 {
				margin: 0 0 13px;
				color: #fff;
				font-style: italic;
				font-weight: 300;
				font-size: 1rem;
				line-height: 1.3;

				@media (width >= 992px) {
					font-size: 1.1875rem;
				}

				strong {
					font-weight: 700;
				}
			}

			p {
				max-width: 220px;
				margin: 0;
				color: #fff;
				font-weight: 400;
				font-size: 0.75rem;
				line-height: 1.3;
			}
		}

		.image-wrapper {
			grid-row: 3 / 4;
			grid-column: 1 / -1;
			min-height: 500px;

			@media (width >= 992px) {
				grid-row: 1 / -1;
				grid-column: 3 / 4;
				min-height: 0;
				margin-top: 16px;
				margin-left: -70px;
			}
		}
	}

	.table-section {
		padding-block: 60px 50px;
		background: url(/wp-content/uploads/2025/comp-v3/brasil/table-section-bg.png) center center / cover no-repeat;

		@media (width >= 768px) {
			padding-block: 80px 65px;
		}

		@media (width >= 992px) {
			padding-block: 100px 75px;
		}

		.wrapper {
			width: calc(100% - 20px);
			margin-inline: auto;

			@media (width >= 768px) {
				width: calc(100% - 40px);
				max-width: 984px;
			}
		}

		h2 {
			max-width: 530px;
			margin: 0 0 20px;
			color: #fff;
			font-weight: 700;
			font-size: 1.56rem;
			line-height: 1.3;
			text-align: left;

			@media (width >= 992px) {
				font-size: 2rem;
			}

			span {
				color: #f3981f;
			}
		}

		.br-code-wrapper {
			width: fit-content;
			margin-bottom: 35px;
			margin-inline: 0;
			padding: 7px 11px 7px 24px;
			display: flex;
			align-items: center;
			gap: 13px;
			background: radial-gradient(
				97.57% 210.75% at 0.9% 2.98%,
				rgba(255, 255, 255, 0.4) 0%,
				rgba(255, 255, 255, 0.03) 100%
			);
			backdrop-filter: blur(21px);
			border-radius: 23px;

			@media (width >= 992px) {
				margin-bottom: 40px;
			}

			p {
				margin: 0;
				color: #fff;
				font-weight: 400;
				font-size: 1.0625ren;
				line-height: 1.47;

				&.br-code {
					flex-shrink: 0;
					padding: 3px 26px;
					color: #000;
					font-weight: 700;
					font-size: 1.0875rem;
					text-transform: uppercase;
					background: #f3981f;
					box-shadow: 0px 0px 3.58px 0px #f3981fa6;
					border-radius: 17px;
				}
			}
		}

		.table-wrapper {
			padding-inline: 10px;
			scroll-margin-top: 30px;

			@media (width >= 768px) {
				padding-inline: 20px;
			}

			@media (width >= 992px) {
				padding-inline: 30px;
			}

			@media (width >= 1200px) {
				padding-inline: 40px;
			}
		}
	}

	.table-both-steps-wrapper {
		margin-block: 30px 40px;
		margin-inline: auto;
		max-width: 1200px;
		overflow-x: hidden;

		background: linear-gradient(#161514, #161514) padding-box,
			linear-gradient(0deg, #f3981f 0%, rgba(116, 116, 116, 0.2) 49%, rgba(255, 255, 255, 0.2) 100%) border-box;
		border: 1px solid transparent;
		border-radius: 12px;

		font-family: "Figtree", sans-serif;
		color: #fff;

		.steps-header-wrapper {
			@media only screen and (min-width: 1241px) {
				display: flex;
			}
		}

		.steps-button-wrapper {
			padding: 12px 8px;
			border-bottom: 1px solid rgba(255, 255, 255, 0.2);

			@media only screen and (min-width: 1241px) {
				padding: 24px;
				border-right: 1px solid rgba(255, 255, 255, 0.2);
				flex-grow: 1;
				flex-shrink: 0;

				display: flex;
			}

			&.oneStep {
				@media only screen and (min-width: 1241px) {
					padding: 24px 50px;
				}

				.table-button.big {
					padding: 10px 18px;
					gap: 10px;
					align-items: center;
					flex-direction: row;
				}
			}
		}

		.prices-button-wrapper-outer {
			position: relative;
			border-bottom: 1px solid rgba(255, 255, 255, 0.2);
			overflow: hidden;
			flex-grow: 1;

			.icon-wrapper {
				position: absolute;
				top: 0;
				bottom: 2px;
				display: flex;
				align-items: center;
				z-index: 99;
				background: #161514;

				&.right {
					right: 0;
					padding-left: 5px;
				}

				&.left {
					left: 0;
					padding-right: 5px;
				}

				@media only screen and (min-width: 768px) {
					bottom: 3px;
				}

				@media only screen and (min-width: 992px) {
					display: none;
				}

				@media only screen and (min-width: 1241px) {
					display: flex;
					top: 10px;
					bottom: 10px;
				}

				.icon-inner {
					width: 20px;
					height: 100%;
					max-height: 55px;
					flex-shrink: 0;
					background: #f3981f;
					display: flex;
					align-items: center;
					justify-content: center;
					cursor: pointer;
				}

				.icon {
					flex-shrink: 0;
					display: block;
					width: 6px;
				}
			}
		}

		.prices-button-wrapper {
			overflow-x: auto;
			padding-inline: 25px;
			display: flex;

			scrollbar-color: #242323 #161514;
			scrollbar-width: thin;

			&::-webkit-scrollbar {
				width: 10px;
				height: 10px;
			}

			&::-webkit-scrollbar-track {
				background: #161514;
				border-radius: 10px;
			}

			&::-webkit-scrollbar-thumb {
				background-color: #242323;
				border-radius: 10px;
				border: 0;
			}

			@media only screen and (min-width: 992px) {
				justify-content: center;
			}

			@media only screen and (min-width: 1241px) {
				padding: 24px 26px 14px;
				justify-content: start;
			}
		}

		.button-wrapper {
			&:has(> * ~ *) {
				@media only screen and (min-width: 1241px) {
					border: 1px solid rgba(166, 166, 166, 0.2);
				}
			}

			@media only screen and (min-width: 1241px) {
				padding: 8px 10px;
				border-radius: 12px;
			}

			&.steps {
				display: flex;
				justify-content: center;
			}

			&.prices.active {
				overflow-x: visible;
				display: flex;
				flex-shrink: 0;
				padding: 12px 15px 15px 15px;

				@media only screen and (min-width: 768px) {
					overflow-x: visible;
				}

				@media only screen and (min-width: 1241px) {
					padding: 8px 10px;
					flex-shrink: 0;
				}
			}
		}

		.table-button {
			padding: 8px 12px;
			border: 1px solid transparent;
			background: transparent;
			border-radius: 12px;
			color: #f3981f;
			font-weight: 300;
			font-size: 1rem;
			line-height: 1.2;
			text-align: left;
			cursor: pointer;
			flex-shrink: 0;

			@media only screen and (min-width: 576px) {
				padding: 14px 18px;
			}

			b {
				font-weight: 700;
			}

			.white-text {
				margin-top: 4px;
				display: block;
				font-size: 0.75rem;
				color: #fff;

				@media only screen and (min-width: 576px) {
					font-size: 1rem;
				}
			}

			img {
				flex-shrink: 0;
				width: 24px;

				@media only screen and (min-width: 576px) {
					width: 32px;
				}
			}

			&.active {
				background: linear-gradient(90deg, #201b1a, #242424);
				border-color: #f3981f;
				box-shadow: 0px 2px 21px 0px rgba(243, 152, 31, 0.39);
			}

			&.big {
				padding: 8px 16px;
				display: flex;
				flex-direction: column;
				gap: 5px;
				align-items: start;
				justify-content: center;
				max-width: 50%;

				@media only screen and (min-width: 576px) {
					flex-direction: row;
					align-items: center;
					gap: 10px;
					padding: 14px 18px;
					max-width: none;
				}

				.white-text {
					font-size: 1rem;
				}
			}
		}

		.table-content-inner {
			padding-top: 10px;

			@media only screen and (min-width: 768px) {
				padding-top: 20px;
			}
		}

		.table-responsive {
			padding-bottom: 20px;
			margin-bottom: 30px;
			padding-inline: 0 15px;

			@media only screen and (min-width: 768px) {
				padding-inline: 30px;
			}

			table {
				width: 100%;
				table-layout: fixed;

				th {
					padding: 16px;
					color: #8b827c;
					font-weight: 400;
					font-size: 12px;
					line-height: 22px;
					text-align: center;
					border-bottom: 1px solid rgba(116, 116, 116, 0.2);
					width: 140px;

					@media only screen and (min-width: 768px) {
						font-size: 18px;
						width: auto;
					}

					&:first-child {
						position: sticky;
						left: 0;
						width: 115px;
						padding-left: 8px;
						/* background: #161514; */
						z-index: 2;

						@media only screen and (min-width: 768px) {
							width: 220px;
						}

						@media only screen and (min-width: 992px) {
							width: 300px;
						}
					}
				}

				td {
					padding: 16px;
					font-size: 12px;
					line-height: 22px;
					color: #e3e0e0;
					text-align: center;
					border-bottom: 1px solid rgba(116, 116, 116, 0.2);

					@media only screen and (min-width: 768px) {
						font-size: 18px;
					}

					&:first-child {
						position: sticky;
						left: 0;
						padding-inline: 7px;
						background: #242424;
						z-index: 2;
						border-right: 1px solid rgba(116, 116, 116, 0.2);
						font-weight: 600;
						text-align: left;
						padding-right: 35px;

						@media only screen and (min-width: 768px) {
							background: transparent;
							border-right: none;
							padding-right: 40px;
						}

						@media only screen and (min-width: 992px) {
							padding-right: 60px;
							display: flex;
							justify-content: space-between;
							align-items: start;
							gap: 10px;
						}
					}

					span {
						color: #8b827c;
					}
				}

				.tip-holder {
					flex-shrink: 0;
					/* margin-top: 4px; */
					position: absolute;
					top: 50%;
					right: 10px;
					transform: translateY(-50%);

					/* @media only screen and (min-width: 768px) {
						margin-top: 2px;
					}

					@media only screen and (min-width: 992px) {
						position: relative;
						top: 0;
						right: 0;
					} */

					.tip-info {
						position: relative;
						display: block;
						border-radius: 50%;
						width: 16px;
						height: 16px;
						background: gray url("https://www.traderscale.com/wp-content/uploads/2025/02/info.svg") center
							center no-repeat;
						opacity: 0.4;
						cursor: pointer;
						transition: all 0.2s ease-in;

						&:hover {
							opacity: 1;

							.tooltip-text {
								visibility: visible;
							}
						}
					}

					.tooltip-text {
						position: absolute;
						top: -12px;
						right: -228px;
						visibility: hidden;
						width: 220px;
						color: #e3e0e0;
						border: 1px solid rgba(116, 116, 116, 0.2);
						border-radius: 8px;
						padding: 7px 12px;
						background: #242424;
						text-align: center;
						font-size: 14px;
						line-height: 17px;
						z-index: 10;
					}
				}
			}
		}

		.table-bottom {
			padding: 0 15px 35px;
			background: linear-gradient(180deg, rgba(229, 118, 37, 0), rgba(229, 118, 37, 0.15));

			@media only screen and (min-width: 768px) {
				padding: 0 30px 50px;
			}

			.code-wrapper {
				margin-block: 30px 27px;
				font-weight: 400;
				font-size: 1.25rem;
				line-height: 1.5;
				color: #e3e0e0;
				text-align: center;

				.use-code {
					display: block;
					font-weight: 600;
					font-size: 1.875rem;
					color: #ffa42f;
				}
			}
		}

		.price-holder {
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 15px;
			margin-bottom: 30px;

			p {
				margin: 0;
				font-size: 20px;
				line-height: 24px;
				color: #8b827c;
			}

			.price {
				display: flex;
				align-items: center;
				gap: 15px;

				.prev-price {
					padding-inline: 7px;
					position: relative;
					color: #6b6b6b;
					font-size: 26px;

					&::after {
						content: "";
						position: absolute;
						left: 0;
						top: 50%;
						width: 100%;
						height: 1px;
						background: #f39720;
						transform: rotate(-22deg);
						z-index: 5;
					}
				}

				.current-price {
					color: #f39720;
					font-size: 32px;
				}
			}
		}

		.comp-btn-orange {
			display: block;
			padding: 18px 17px;
			margin-inline: auto;
			max-width: calc(100% - 16px);
			background: linear-gradient(92.95deg, #f3981f 0%, #e57625 100%);
			box-shadow: 0px 2px 21.2px 0px #f3981f63;
			border-radius: 6px;
			border: 0;
			font-weight: 700;
			font-size: 1.5rem;
			line-height: 1.2;
			color: #fff;
			text-align: center;
			text-decoration: none;
			text-transform: none;
			cursor: pointer;

			&:hover,
			&:focus-visible {
				background: linear-gradient(92.95deg, #f3981f 0%, #e57625 100%);
				color: #fff;
			}

			@media only screen and (min-width: 768px) {
				max-width: 450px;
			}
		}
	}

	.testimonial {
		padding-block: 60px;
		background: url(/wp-content/uploads/2025/comp-v3/brasil/testimonial-bg.webp) center center / cover no-repeat;

		@media (width >= 768px) {
			padding-block: 70px 65px;
		}

		@media (width >= 992px) {
			padding-block: 85px 75px;
		}

		.wrapper {
			padding-inline: 10px;
			max-width: 740px;
			margin-inline: auto;

			@media (width >= 768px) {
				padding-inline: 20px;
				width: calc(100% - 150px);
			}
		}

		h2 {
			margin: 0 0 35px;
			color: #fff;
			font-weight: 700;
			font-size: 1.56rem;
			line-height: 1.3;
			text-align: center;

			@media (width >= 992px) {
				margin-bottom: 45px;
				font-size: 2rem;
			}

			span {
				color: #f3981f;
			}
		}

		.carousel {
			@media (width >= 768px) {
				max-width: 580px;
				margin-inline: auto;
			}
		}

		.box {
			width: calc(100% - 10px);
			margin-inline: auto;
			padding: 24px 30px 25px;
			border-radius: 26px;
			background: #d9d9d9;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 20px;
			min-height: 412px;

			@media (width >= 576px) {
				flex-direction: row;
				justify-content: start;
				padding-inline: 60px;
				min-height: 247px;
			}

			@media (width >= 768px) {
				gap: 26px;
				padding-inline: 30px;
				max-width: 570px;
				min-height: 223px;
			}

			@media (width >= 992px) {
				min-height: 241px;
			}
		}

		.user-image {
			flex-shrink: 0;
			width: 180px;
		}

		h3 {
			margin: 0;
			color: #101010;
			font-weight: 700;
			font-size: 1.25rem;
			line-height: 1.3;
			text-align: center;

			@media (width >= 576px) {
				text-align: left;
			}
		}

		p {
			margin: 10px 0 0;
			color: #101010;
			font-weight: 400;
			font-size: 1.125rem;
			line-height: 1.3;
			text-align: center;

			@media (width >= 576px) {
				text-align: left;
			}

			@media (width >= 992px) {
				margin-top: 15px;
				font-size: 1.25rem;
			}

			&.small-text {
				margin-top: 0;
				font-size: 1rem;
			}
		}

		.carousel-control-next,
		.carousel-control-prev {
			width: auto;
			top: 50%;
			bottom: auto;
			transform: translateY(-50%);
			opacity: 1;
			padding: 15px;

			img {
				display: block;
				width: 30px;
			}
		}

		.carousel-control-prev {
			@media (width >= 768px) {
				left: -62px;
			}
		}

		.carousel-control-next {
			@media (width >= 768px) {
				right: -62px;
			}
		}
	}

	.profit-scroller {
		padding-block: 65px;

		@media (width >= 992px) {
			padding-block: 74px;
		}

		.scroller-image {
			display: block;
			width: 269px;
			flex-shrink: 0;
		}
	}

	.performance {
		padding-block: 70px;
		background: url(/wp-content/uploads/2025/comp-v3/brasil/performance-bg.png) center center / cover no-repeat;

		@media (width >= 992px) {
			padding-block: 100px;
		}

		@media (width >= 1200px) {
			padding-block: 130px;
		}

		.wrapper {
			padding-inline: 20px;

			@media (width >= 768px) {
				max-width: 580px;
				margin-inline: auto;
			}

			@media (width >= 992px) {
				max-width: 740px;
			}
		}

		h2 {
			margin: 0 0 25px;
			color: #fff;
			font-weight: 400;
			font-size: 1.56rem;
			line-height: 1.3;
			text-align: center;

			@media (width >= 768px) {
				margin-bottom: 30px;
			}

			@media (width >= 992px) {
				margin-bottom: 35px;
				font-size: 2rem;
			}
		}

		.btn-yellow {
			margin-inline: auto;
		}
	}

	.faq {
		padding-block: 65px 70px;
		background: url(/wp-content/uploads/2025/comp-v3/brasil/table-section-bg.png) center center / cover no-repeat;

		@media (width >= 768px) {
			padding-block: 80px 90px;
		}

		@media (width >= 992px) {
			padding-block: 110px 130px;
		}

		@media (width >= 1200px) {
			padding-block: 130px 170px;
		}

		.wrapper {
			padding-inline: 20px;
			width: var(--grid-container);
			margin-inline: auto;
			max-width: 770px;
		}

		h2 {
			margin: 0 0 40px;
			color: #fff;
			font-weight: 700;
			font-size: 1.65rem;
			line-height: 1.3;
			text-align: center;

			@media (width >= 992px) {
				margin-bottom: 50px;
				font-size: 2rem;
			}

			@media (width >= 1200px) {
				margin-bottom: 60px;
				font-size: 2.25rem;
			}
		}

		.accordion-item {
			border: 0;
			border-radius: 8px 8px 20px 20px;
			margin-bottom: 10px;
			background: rgba(217, 217, 217, 0.25);
		}

		.accordion-header {
			position: relative;
			z-index: 5;
		}

		.icon-box {
			flex-shrink: 0;
			width: 24px;
			height: 24px;
			position: relative;

			@media (width >= 992px) {
				width: 32px;
				height: 32px;
			}

			&:before,
			&:after {
				content: "";
				position: absolute;
				background-color: #000;
				border-radius: 5px;
				transition: transform 0.25s ease-out;
			}

			&::before {
				top: 0;
				left: 50%;
				width: 4px;
				height: 100%;
				transform: translateX(-50%);

				@media (width >= 992px) {
					width: 6px;
				}
			}

			&::after {
				top: 50%;
				left: 0;
				width: 100%;
				height: 4px;
				transform: translateY(-50%);

				@media (width >= 992px) {
					height: 6px;
				}
			}
		}

		.accordion-button {
			position: relative;
			padding: 16px 18px 16px 23px;
			border-radius: 8px !important;
			background: #f3981f;
			color: #101010;
			font-weight: 700;
			font-size: 1.187rem;
			line-height: 1.3;
			box-shadow: none;
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 20px;

			@media (width >= 992px) {
				padding-block: 18px;
				font-size: 1.375rem;
			}

			@media (width >= 768px) {
				font-size: 1.5rem;
			}

			&::after {
				display: none;
			}

			&:not(.collapsed) {
				.icon-box {
					&::before {
						transform: translateX(-50%) rotate(90deg);
					}
					&::after {
						transform: translateY(-50%) rotate(180deg);
					}
				}
			}
		}

		.accordion-body {
			position: relative;
			padding: 25px 20px 27px;

			@media (width >= 768px) {
				padding-inline: 25px;
			}

			p {
				margin: 0 0 10px;
				color: #fff;
				font-weight: 400;
				font-size: 1rem;
				line-height: 1.3;
				text-wrap: pretty;

				&:last-of-type {
					margin-bottom: 0;
				}

				a {
					text-decoration: none;
					color: #f3981f;

					&:hover,
					&:focus-visible {
						text-decoration: none;
						color: #f3981f;
					}
				}
			}
		}
	}

	.custom-footer {
		padding-block: 25px;
		background: rgba(21, 21, 21, 1);

		.wrapper {
			padding-inline: 20px;
			max-width: 1080px;
			margin-inline: auto;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 25px;

			@media (width >= 768px) {
				flex-direction: row;
				justify-content: space-between;
			}
		}

		.footer-logo-link {
			text-decoration: none;
			flex-shrink: 0;
			width: 117px;

			&:hover,
			&:focus-visible {
				text-decoration: none;
			}

			img {
				display: block;
				width: 100%;
			}
		}

		.footer-link {
			color: #fff;
			font-weight: 400;
			font-size: 1rem;
			line-height: 1.3;
			text-align: center;
			text-decoration: underline;

			&:hover,
			&:focus-visible {
				text-decoration: underline;
				color: #fff;
			}

			@media (width >= 768px) {
				text-align: left;
			}
		}
	}
}

body {
	background: rgba(20, 19, 19, 1)!important;
}

.halloween-2025-wrapper {
	background-color: rgba(20, 19, 19, 1);

	:focus-visible {
		outline: 2px solid #e57625;
		outline-offset: 2px;
	}
	
	.collapse:not(.show) {
		display: none!important;
	}

	h1 {
		margin: 0px;
		font-weight: 700;
		font-size: clamp(2.5rem, 1.7059rem + 3.5294vw, 4.375rem);
		line-height: 1.19;
		color: #fff;
		text-align: center;
	}

	h2 {
		margin: 0;
		font-weight: 600;
		font-size: clamp(2.25rem, 1.5088rem + 3.2941vw, 4rem);
		line-height: 1.2;
		color: rgba(227, 224, 224, 1);
		text-align: center;
	}

	.wrapper {
		padding-inline: 16px;

		@media (width >= 768px) {
			width: min(90%, 1232px);
			margin-inline: auto;
		}
	}

	.btn-claim {
		display: block;
		width: fit-content;
		padding: 18px 28px;
		background: linear-gradient(92.95deg, #f3981f 0%, #e57625 100%);
		border: none;
		border-radius: 12px;
		font-weight: 700;
		font-size: 1.125rem;
		line-height: 1.2;
		color: rgba(20, 19, 19, 1);
		text-align: center;
		text-decoration: none;
		transition: box-shadow 0.3s ease;

		&:hover,
		&:focus-visible {
			box-shadow: 0px 0px 15px 0px rgba(243, 152, 31, 0.4);
		}

		@media (width >= 992px) {
			padding: 23px 70px;
		}
	}

	.banner {
		position: relative;
		display: grid;

		@media (width >= 768px) {
			grid-template-columns: 1fr min(90%, 1232px) 1fr;
		}

		.banner-bg {
			position: absolute;
			inset: 0;
			display: block;
			grid-row: 1 / -1;
			grid-column: 1 / -1;

			@media (width >= 768px) {
				position: relative;
			}

			img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: top center;
			}
		}

		.banner-content {
			padding: 24px 16px 44px;
			grid-row: 1 / -1;
			grid-column: 1 / -1;
			z-index: 2;

			@media (width >= 768px) {
				padding-block: 30px 145px;
				grid-column: 2 / 3;

				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
		}

		.top-bar {
			margin-bottom: 92px;
			display: flex;
			align-items: center;
			justify-content: space-between;

			@media (width >= 768px) {
				margin-bottom: 60px;
			}
		}

		.logo {
			display: block;
			flex-shrink: 0;
			width: 58px;

			@media (width >= 768px) {
				width: 120px;
			}

			img {
				display: block;
				width: 100%;
			}
		}

		.text-content {
			margin-block: auto;
		}

		h1 {
			margin-bottom: 24px;
			font-weight: 400;
			text-shadow: 1px 0px 21px rgba(255, 255, 255, 0.25);

			span {
				display: block;
				color: #ed8b21;
				font-weight: 700;
				text-shadow: 1px 0 21px rgba(237, 139, 33, 0.25);
			}
		}

		p {
			max-width: 686px;
			margin: 0 auto;
			font-weight: 400;
			font-size: 1.125rem;
			color: #fff;
			text-align: center;
		}
	}

	.after-banner {
		@media (width >= 768px) {
			margin-top: -85px;
			position: relative;
			z-index: 2;
		}

		@media (width >= 992px) {
			margin-top: -90px;
		}

		@media (width >= 1200px) {
			margin-top: -97px;
		}

		.wrapper {
			padding-inline: 16px;

			@media (width >= 992px) {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 15px;
			}

			@media (width >= 1200px) {
				gap: 24px;
			}
		}

		.box {
			width: 100%;
			max-width: 588px;
			margin-inline: auto;
			border-radius: 11px;
			border: 1px solid rgb(71, 67, 65);
			background: rgba(25, 24, 23, 0.6);
			backdrop-filter: blur(8px);
		}

		.text-box {
			display: flex;
			padding-block: 24px;
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
			border-bottom-width: 0;

			@media (width >= 992px) {
				border-bottom-left-radius: 11px;
				border-bottom-right-radius: 11px;
				border-bottom-width: 1px;
			}
		}

		.item {
			flex-basis: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 7px;
			padding-inline: 12px;
			border-right: 1px solid rgb(71, 67, 65);

			&:first-of-type {
				padding-left: 10px;
			}

			&:last-of-type {
				border-right: 0;
			}

			@media (width >= 576px) {
				padding-inline: 16px;
				gap: 10px;
			}

			.trustpilot-image {
				display: block;
				width: 100%;
				max-width: 164px;
				filter: drop-shadow(0, 0, 3px, transparent);
				transition: all 0.3s linear;

				&:hover {
					filter: drop-shadow(0 0 1px #ed8b21);
				}
			}

			.icon {
				display: block;
				width: 24px;
				flex-shrink: 0;

				@media (width >= 1200px) {
					width: 32px;
				}
			}

			p {
				margin: 0;
				font-weight: 400;
				font-size: 0.8125rem;
				line-height: 1.2;
				color: #fff;
				text-align: center;

				span {
					font-weight: 500;
					font-size: 1rem;
				}

				@media (width >= 1200px) {
					font-size: 1.125rem;

					span {
						font-size: 1.5rem;
					}
				}
			}

			a {
				text-decoration: none;

				&:hover,
				&:focus-visible {
					text-decoration: none;
				}
			}
		}

		.image-box {
			padding: 20px 16px;
			border-top-left-radius: 0;
			border-top-right-radius: 0;

			@media (width >= 992px) {
				border-top-left-radius: 11px;
				border-top-right-radius: 11px;
			}

			@media (width >= 1200px) {
				padding: 24px;
			}

			p {
				margin: 0 0 16px;
				padding-bottom: 10px;
				font-weight: 500;
				font-size: 1rem;
				line-height: 1.22;
				color: rgba(227, 224, 224, 1);
				border-bottom: 1px solid rgb(71, 67, 65);

				@media (width >= 1200px) {
					font-size: 1.125rem;
				}
			}
		}

		.image-wrapper {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			align-items: center;
			gap: 10px 15px;

			@media (width >= 768px) {
				gap: 17px 30px;
			}

			@media (width >= 992px) {
				gap: 10px 30px;
			}

			@media (width >= 1200px) {
				gap: 17px 44px;
			}
		}

		.company-logo {
			width: 100%;
			max-width: 170px;
			height: auto;

			&.small-image {
				width: 65%;
				max-width: 95px;
			}
		}
	}

	.promo-section {
		position: relative;
		padding-block: 44px;
		isolation: isolate;
		overflow: hidden;

		@media (width >= 992px) {
			padding-block: 74px;
		}

		.eyes-image {
			position: absolute;
			display: none;
			width: 10%;
			min-width: 60px;
			max-width: 138px;
			z-index: -1;

			@media (width >= 768px) {
				display: block;
			}

			&.left {
				top: 75%;
				left: 4%;
				rotate: 335deg;
			}

			&.right {
				top: 45%;
				right: 6%;
				rotate: -172deg;
			}
		}

		.wrapper {
			@media (width >= 768px) {
				width: min(75%, 934px);
			}
		}

		.day-wrapper {
			margin-bottom: 14px;
			display: grid;
			transition: grid-template-rows 0.25s ease;

			@media (width >= 768px) {
				margin-bottom: 18px;
			}

			@media (width >= 1200px) {
				margin-bottom: 24px;
			}

			&.active {
				.coming-soon {
					display: none;
				}

				.promo {
					display: block;
				}
			}

			&.expired {
				.coming-soon {
					display: none;
				}

				.promo {
					display: none;
				}

				.ended {
					display: block;
				}
			}
		}

		h2 {
			margin-bottom: 18px;

			span {
				display: inline-block;
				color: rgb(88 198 58);

				@media (width >= 992px) {
					display: inline;
				}
			}
		}

		h3 {
			margin: 0 0 20px;
			font-weight: 600;
			font-size: 1.75rem;
			line-height: 1.3;
			color: rgba(243, 152, 31, 1);
			text-align: center;
			text-wrap: pretty;

			@media (width >= 992px) {
				font-size: 2.75rem;
			}
		}

		.pumpkin-image {
			display: block;
			width: 60px;
			margin: 0 auto 55px;

			&.mb-large {
				margin-bottom: 65px;

				@media (width >= 768px) {
					margin-bottom: 80px;
				}
			}

			@media (width >= 768px) {
				width: 94px;
			}
		}

		ul {
			margin: 0 auto 30px;
			padding: 0;
			width: fit-content;
			list-style: none;
			display: flex;
			flex-direction: column;
			gap: 20px;

			@media (width >= 768px) {
				margin-bottom: 40px;
				flex-direction: row;
				flex-wrap: wrap;
				max-width: 464px;
			}

			@media (width >= 992px) {
				gap: 20px 30px;
				max-width: 500px;
			}

			li {
				display: flex;
				align-items: center;
				gap: 16px;
				flex-shrink: 0;

				@media (width >= 768px) {
					flex-basis: calc(50% - 10px);
				}

				@media (width >= 992px) {
					flex-basis: calc(50% - 15px);
				}
			}

			img {
				flex-shrink: 0;
				width: 26px;
				filter: drop-shadow(0px 0px 19px rgba(249, 116, 1, 0.59));
			}

			p {
				margin: 0;
				font-weight: 400;
				font-size: 1.125rem;
				line-height: 1.4;
				color: #fff;
			}
		}

		.redeem-text {
			margin: 0 auto 15px;
			max-width: 570px;
			font-weight: 600;
			font-size: 1.125rem;
			line-height: 1.44;
			color: #fff;
			text-align: center;
			text-wrap: pretty;

			&:last-of-type {
				margin-bottom: 0;
			}

			@media (width >= 992px) {
				font-size: 1.5rem;
			}

			&.orange-text {
				font-size: 1.5rem;
				color: rgb(243, 152, 31);

				@media (width >= 992px) {
					font-size: 2rem;
				}
			}

			a {
				text-decoration: none;
				color: rgb(243, 152, 31);

				&:hover,
				&:focus-visible {
					text-decoration: underline;
					color: rgb(243, 152, 31);
				}
			}
		}

		.border-box {
			display: none;
			padding: 13px 20px;
			background: linear-gradient(to bottom, rgba(25, 24, 23, 1), rgba(25, 24, 23, 1)) padding-box,
				linear-gradient(355deg, rgba(255, 255, 255, 0.2) 0%, rgba(116, 116, 116, 0.2) 51.5%, #f3981f 100%)
					border-box;
			border: 1px solid transparent;
			border-radius: 12px;
			backdrop-filter: blur(10px);

			@media (width >= 768px) {
				padding: 16px 30px;
			}

			&.coming-soon {
				display: block;
			}

			p {
				margin: 0;
				font-weight: 600;
				line-height: 1.18;
				font-size: clamp(1.375rem, 0.7926rem + 2.5882vw, 2.75rem);
				color: rgba(135, 131, 130, 1);
				text-align: center;
			}
		}

		.promo {
			display: none;
			margin-bottom: 30px;
			margin-top: 20px;

			@media (width >=768px) {
				margin-bottom: 20px;
				margin-top: 30px;
			}
		}

		.code-wrapper {
			margin-bottom: 30px;
			display: grid;
			gap: 55px;

			@media (width >= 768px) {
				margin-bottom: 40px;
				gap: 20px;
			}

			@media (width >= 1200px) {
				gap: 40px;
			}

			&.two-column {
				@media (width >= 768px) {
					grid-template-columns: 1fr 1fr;
				}
			}
		}

		.box {
			position: relative;
			padding: 0 20px 26px;
			border-radius: 12px;
			border: 1px solid transparent;
			background: linear-gradient(to bottom, rgba(20, 19, 19, 1), rgba(20, 19, 19, 1)) padding-box,
				linear-gradient(
						175deg,
						rgba(255, 255, 255, 0.2) 11.66%,
						rgba(116, 116, 116, 0.2) 51.15%,
						#58c63a 88.34%
					)
					border-box;
			isolation: isolate;

			@media (width >= 768px) {
				padding-bottom: 40px;
			}

			&::before {
				content: "";
				position: absolute;
				inset: 0;
				z-index: -1;
				border-radius: 12px;
				background: linear-gradient(
					180deg,
					rgba(25, 24, 23, 0.4) 0%,
					rgba(88, 198, 58, 0) 35%,
					rgba(88, 198, 58, 0.1) 100%
				);
			}
		}

		.step {
			margin: 0 auto;
			width: fit-content;
			max-width: 95%;
			padding: 11px 30px;
			font-weight: 400;
			font-size: 1.3rem;
			line-height: 1.18;
			color: rgba(227, 224, 224, 1);
			text-align: center;
			background: rgba(25, 24, 23, 0.4);
			border: 1px solid rgba(243, 152, 31, 1);
			border-radius: 12px;
			backdrop-filter: blur(8px);
			box-shadow: 0px 0px 20px 0px rgba(249, 116, 1, 0.59);
			transform: translateY(-50%);

			@media (width >= 992px) {
				max-width: 75%;
			}

			@media (width >= 1200px) {
				font-size: 2rem;
			}
		}

		.use-code {
			margin: 0;
			font-weight: 600;
			font-size: 1.125rem;
			line-height: 1.2;
			color: rgba(227, 224, 224, 1);
			text-align: center;

			.promo-code {
				display: block;
				font-size: 2.375rem;
				color: rgb(243, 152, 31);
			}

			@media (width >= 1200px) {
				font-size: 1.5rem;

				.promo-code {
					font-size: 2.75rem;
				}
			}
		}

		.bottom-text {
			margin: 0 auto 13px;
			font-weight: 400;
			font-size: 1.125rem;
			line-height: 1.4;
			color: rgba(227, 224, 224, 1);
			text-align: center;
			text-wrap: pretty;
			
			@media (width >= 768px) {
				max-width: 80%;
			}

			span {
				text-decoration: underline;
			}
			
			&.with-mt {
				margin: 22px 0 0 0;
				
				@media (width >= 768px) {
					max-width: 80%;
					margin-inline: auto;
				}
				
				@media (width >= 992px) {
					margin-top: 29px;
				}
			}
		}

		.btn-claim {
			width: 100%;
			padding-block: 21px;
			margin-top: 22px;
			margin-inline: auto;
			font-size: 1.375rem;

			@media (width >= 576px) {
				width: fit-content;
			}

			@media (width >= 992px) {
				padding-block: 19px;
				margin-top: 29px;
				font-size: 1.5rem;
			}
		}
	}

	.how {
		.gradient-box {
			position: relative;
			padding: 44px 16px;
			border-radius: 12px;
			border: 1px solid transparent;
			background: linear-gradient(to bottom, rgba(20, 19, 19, 1), rgba(20, 19, 19, 1)) padding-box,
				linear-gradient(
						175deg,
						rgba(255, 255, 255, 0.2) 11.66%,
						rgba(116, 116, 116, 0.2) 51.15%,
						#58c63a 88.34%
					)
					border-box;
			isolation: isolate;

			&::before {
				content: "";
				position: absolute;
				inset: 0;
				z-index: -1;
				border-radius: 12px;
				background: linear-gradient(
					180deg,
					rgba(25, 24, 23, 0.4) 0%,
					rgba(88, 198, 58, 0) 35%,
					rgba(88, 198, 58, 0.1) 100%
				);
			}

			@media (width >= 1200px) {
				padding-block: 50px 66px;
			}
		}

		h2 {
			margin-bottom: 30px;

			@media (width >= 992px) {
				margin-bottom: 40px;
			}

			@media (width >= 1200px) {
				margin-bottom: 50px;
			}
		}

		.text-wrapper {
			position: relative;

			@media (width >= 768px) {
				width: 80%;
				max-width: 744px;
				margin-inline: auto;
			}
		}

		.box {
			position: relative;
			padding: 0 0 20px 56px;

			&::before {
				content: "";
				position: absolute;
				top: 0;
				left: 20px;
				width: 1px;
				height: 100%;
				background: rgba(255, 255, 255, 0.2);
				z-index: 1;
			}

			&:last-of-type {
				padding-bottom: 0;

				&::before {
					display: none;
				}

				.number {
					border-color: #58c63a;
				}
			}

			&:nth-last-of-type(2) {
				&::before {
					background: linear-gradient(
						0deg,
						#58c63a,
						rgba(116, 116, 116, 0.2) 50%,
						rgba(255, 255, 255, 0.2) 100%
					);
				}
			}

			@media (width >= 768px) {
				padding-left: 80px;
				padding-bottom: 30px;

				&::before {
					left: 30px;
				}
			}

			@media (width >= 992px) {
				padding-bottom: 46px;
			}
		}

		.number {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 2;
			width: 40px;
			aspect-ratio: 1 / 1;
			border-radius: 50%;
			background: rgba(26, 23, 21, 1);
			border: 1px solid rgba(116, 116, 116, 1);
			display: flex;
			align-items: center;
			justify-content: center;
			font-weight: 400;
			font-size: 1.25rem;
			line-height: 1.2;
			color: rgba(227, 224, 224, 1);
			text-align: center;

			@media (width >= 768px) {
				width: 60px;
				font-size: 2rem;
			}
		}

		.step-title {
			margin: 0 0 5px;
			font-weight: 400;
			font-size: 1.25rem;
			line-height: 1.5;
			color: #fff;

			@media (width >= 768px) {
				font-size: 1.5rem;
			}
		}

		.step-content {
			margin: 0;
			font-weight: 300;
			font-size: 1rem;
			line-height: 1.5;
			color: #fff;
		}
	}

	.account-type {
		padding-block: 44px;

		@media (width >= 768px) {
			padding-block: 74px;
		}

		.wrapper {
			@media (width >= 768px) {
				width: min(96%, 1232px);
			}

			@media (width >= 992px) {
				width: min(90%, 1232px);
			}
		}

		h2 {
			margin-bottom: 90px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 25px;
			text-align: center;
			text-wrap: pretty;

			@media (width >= 992px) {
				flex-direction: row;
				gap: 40px;
			}

			@media (width >= 1200px) {
				margin-bottom: 105px;
				gap: 54px;
			}
		}

		.skull-image {
			flex-shrink: 0;
			width: 55px;
			height: auto;

			@media (width >= 992px) {
				width: 67px;
			}

			&.invisible {
				display: none;

				@media (width >= 992px) {
					display: block;
					opacity: 0;
				}
			}
		}

		.table-both-steps-wrapper {
			margin-block: 30px 0px;
			margin-inline: auto;
			max-width: 1200px;
			/* overflow-x: hidden; */

			background: linear-gradient(#161514, #161514) padding-box,
				linear-gradient(0deg, #f3981f 0%, rgba(116, 116, 116, 0.2) 49%, rgba(255, 255, 255, 0.2) 100%)
					border-box;
			border: 1px solid transparent;
			border-radius: 12px;

			font-family: "Figtree", sans-serif;
			color: #fff;

			@media (width >= 1200px) {
				border-radius: 24px;
			}

			.steps-button-wrapper {
				padding: 0 12px 12px;
				border-bottom: 1px solid rgba(255, 255, 255, 0.2);

				@media (width >= 768px) {
					padding-bottom: 24px;
				}

				@media (width >= 1200px) {
					border-bottom: 0;
				}

				/* @media only screen and (min-width: 1241px) {
					padding: 24px;
					border-right: 1px solid rgba(255, 255, 255, 0.2);
					flex-grow: 1;
					flex-shrink: 0;

					display: flex;
				} */

				&.oneStep {
					@media only screen and (min-width: 1241px) {
						padding: 24px 50px;
					}

					.table-button.big {
						padding: 10px 18px;
						gap: 10px;
						align-items: center;
						flex-direction: row;
					}
				}
			}

			.prices-button-wrapper-outer {
				position: relative;
				border-bottom: 1px solid rgba(255, 255, 255, 0.2);
				overflow: hidden;
				flex-grow: 1;

				@media (width >= 1200px) {
					padding-bottom: 24px;
				}

				.icon-wrapper {
					position: absolute;
					top: 0;
					bottom: 2px;
					display: flex;
					align-items: center;
					z-index: 99;
					background: #161514;

					&.right {
						right: 0;
						padding-left: 5px;
					}

					&.left {
						left: 0;
						padding-right: 5px;
					}

					@media only screen and (min-width: 768px) {
						bottom: 3px;
					}

					@media only screen and (min-width: 1200px) {
						display: none;
					}

					.icon-inner {
						width: 20px;
						height: 100%;
						max-height: 55px;
						flex-shrink: 0;
						background: #f3981f;
						display: flex;
						align-items: center;
						justify-content: center;
						cursor: pointer;
					}

					.icon {
						flex-shrink: 0;
						display: block;
						width: 6px;
					}
				}
			}

			.prices-button-wrapper {
				overflow-x: auto;
				padding-inline: 25px;
				display: flex;

				scrollbar-color: #242323 #161514;
				scrollbar-width: thin;

				&::-webkit-scrollbar {
					width: 10px;
					height: 10px;
				}

				&::-webkit-scrollbar-track {
					background: #161514;
					border-radius: 10px;
				}

				&::-webkit-scrollbar-thumb {
					background-color: #242323;
					border-radius: 10px;
					border: 0;
				}

				@media only screen and (min-width: 992px) {
					justify-content: center;
				}
			}

			.button-wrapper {
				&:has(> * ~ *) {
					@media only screen and (min-width: 1241px) {
						border: 1px solid rgba(166, 166, 166, 0.2);
					}
				}

				@media only screen and (min-width: 1241px) {
					padding: 8px 10px;
					border-radius: 12px;
				}

				&.steps {
					display: flex;
					justify-content: center;
					width: fit-content;
					padding: 8px;
					margin-top: -54px;
					margin-inline: auto;
					border-radius: 12px;
					border: 1px solid transparent;
					background: linear-gradient(to bottom, rgba(25, 24, 23, 1), rgba(25, 24, 23, 1)) padding-box,
						linear-gradient(
								175deg,
								rgba(255, 255, 255, 0.2) 11.66%,
								rgba(116, 116, 116, 0.2) 51.15%,
								#f3981f 88.34%
							)
							border-box;

					@media (width >= 576px) {
						margin-top: -45px;
					}
				}

				&.prices.active {
					overflow-x: visible;
					display: flex;
					flex-shrink: 0;
					padding: 12px 15px 15px 15px;

					@media only screen and (min-width: 768px) {
						overflow-x: visible;
					}

					@media (width >= 1200px) {
						padding: 8px;
						border-radius: 12px;
						border: 1px solid rgba(255, 255, 255, 0.2);
						width: fit-content;
						margin-inline: auto;
					}

					@media only screen and (min-width: 1241px) {
						padding: 8px 10px;
						flex-shrink: 0;
					}
				}
			}

			.table-button {
				padding: 8px 12px;
				border: 1px solid transparent;
				background: transparent;
				border-radius: 6px;
				color: #f3981f;
				font-weight: 300;
				font-size: 1rem;
				line-height: 1.2;
				text-align: left;
				cursor: pointer;
				flex-shrink: 0;

				@media only screen and (min-width: 576px) {
					padding: 14px 18px;
				}

				b {
					font-weight: 700;
				}

				.white-text {
					margin-top: 4px;
					display: block;
					font-size: 0.75rem;
					color: #fff;

					@media only screen and (min-width: 576px) {
						font-size: 1rem;
					}
				}

				img {
					flex-shrink: 0;
					width: 24px;

					@media only screen and (min-width: 576px) {
						width: 32px;
					}
				}

				&.active {
					background: linear-gradient(90deg, #201b1a, #242424);
					border-color: #f3981f;
					box-shadow: 0px 2px 21px 0px rgba(243, 152, 31, 0.39);
				}

				&.big {
					padding: 8px 16px;
					display: flex;
					flex-direction: column;
					gap: 5px;
					align-items: start;
					flex-shrink: 1;

					@media only screen and (min-width: 576px) {
						flex-direction: row;
						align-items: center;
						gap: 10px;
						padding: 14px 18px;
					}

					.white-text {
						font-size: 1rem;
					}
				}
			}

			.table-content-inner {
				padding-top: 10px;
			}

			.table-responsive {
				padding-bottom: 20px;
				margin-bottom: 30px;
				padding-inline: 0 15px;

				@media only screen and (min-width: 768px) {
					padding-inline: 30px;
				}

				table {
					width: 100%;
					table-layout: fixed;

					th {
						padding: 16px;
						color: #8b827c;
						font-weight: 400;
						font-size: 12px;
						line-height: 22px;
						text-align: center;
						border-bottom: 1px solid rgba(116, 116, 116, 0.2);
						width: 140px;

						@media only screen and (min-width: 768px) {
							font-size: 18px;
							width: auto;
						}

						&:first-child {
							position: sticky;
							left: 0;
							width: 115px;
							padding-left: 8px;
							/* background: #161514; */
							z-index: 2;

							@media only screen and (min-width: 768px) {
								width: 220px;
							}

							@media only screen and (min-width: 992px) {
								width: 300px;
							}
						}
					}

					td {
						padding: 16px;
						font-size: 12px;
						line-height: 22px;
						color: #e3e0e0;
						text-align: center;
						border-bottom: 1px solid rgba(116, 116, 116, 0.2);

						@media only screen and (min-width: 768px) {
							font-size: 18px;
						}

						&:first-child {
							position: sticky;
							left: 0;
							padding-inline: 7px;
							background: #242424;
							z-index: 2;
							border-right: 1px solid rgba(116, 116, 116, 0.2);
							font-weight: 600;
							text-align: left;
							padding-right: 35px;

							@media only screen and (min-width: 768px) {
								background: transparent;
								border-right: none;
								padding-right: 40px;
							}

							@media only screen and (min-width: 992px) {
								padding-right: 60px;
								display: flex;
								justify-content: space-between;
								align-items: start;
								gap: 10px;
							}
						}

						span {
							color: #8b827c;
						}
					}

					.tip-holder {
						flex-shrink: 0;
						/* margin-top: 4px; */
						position: absolute;
						top: 50%;
						right: 10px;
						transform: translateY(-50%);

						/* @media only screen and (min-width: 768px) {
					margin-top: 2px;
				}

				@media only screen and (min-width: 992px) {
					position: relative;
					top: 0;
					right: 0;
				} */

						.tip-info {
							position: relative;
							display: block;
							border-radius: 50%;
							width: 16px;
							height: 16px;
							background: gray url("https://www.traderscale.com/wp-content/uploads/2025/02/info.svg")
								center center no-repeat;
							opacity: 0.4;
							cursor: pointer;
							transition: all 0.2s ease-in;

							&:hover {
								opacity: 1;

								.tooltip-text {
									visibility: visible;
								}
							}
						}

						.tooltip-text {
							position: absolute;
							top: -12px;
							right: -228px;
							visibility: hidden;
							width: 220px;
							color: #e3e0e0;
							border: 1px solid rgba(116, 116, 116, 0.2);
							border-radius: 8px;
							padding: 7px 12px;
							background: #242424;
							text-align: center;
							font-size: 14px;
							line-height: 17px;
							z-index: 10;
						}
					}
				}
			}

			.table-bottom {
				padding: 0 15px 35px;
				border-radius: 0 0 12px 12px;
				background: linear-gradient(180deg, rgba(229, 118, 37, 0), rgba(229, 118, 37, 0.15));

				@media only screen and (min-width: 768px) {
					padding: 0 30px 50px;
				}

				@media (width >= 1200px) {
					border-radius: 0 0 24px 24px;
				}

				.code-wrapper {
					margin-block: 30px 27px;
					font-weight: 400;
					font-size: 1.25rem;
					line-height: 1.5;
					color: #e3e0e0;
					text-align: center;

					.use-code {
						display: block;
						font-weight: 600;
						font-size: 1.875rem;
						color: #ffa42f;
					}
				}
			}

			.price-holder {
				/* display: flex; */
				display: none;
				justify-content: center;
				align-items: center;
				gap: 15px;
				margin-bottom: 30px;

				p {
					margin: 0;
					font-size: 20px;
					line-height: 24px;
					color: #8b827c;
				}

				.price {
					display: flex;
					align-items: center;
					gap: 15px;

					.prev-price {
						padding-inline: 7px;
						position: relative;
						color: #6b6b6b;
						font-size: 26px;

						&::after {
							content: "";
							position: absolute;
							left: 0;
							top: 50%;
							width: 100%;
							height: 1px;
							background: #f39720;
							transform: rotate(-22deg);
							z-index: 5;
						}
					}

					.current-price {
						color: #f39720;
						font-size: 32px;
					}
				}
			}

			.comp-btn-orange {
				/* display: block; */
				display: none;
				padding: 18px 17px;
				margin-inline: auto;
				max-width: calc(100% - 16px);
				background: linear-gradient(92.95deg, #f3981f 0%, #e57625 100%);
				box-shadow: 0px 2px 21.2px 0px #f3981f63;
				border-radius: 6px;
				border: 0;
				font-weight: 700;
				font-size: 1.5rem;
				line-height: 1.2;
				color: rgba(20, 19, 19, 1);
				text-align: center;
				text-decoration: none;
				text-transform: none;
				cursor: pointer;

				&:hover,
				&:focus-visible {
					background: linear-gradient(92.95deg, #f3981f 0%, #e57625 100%);
					color: #fff;
				}

				@media (width >= 576px) {
					width: fit-content;
					padding: 19px 70px;
				}

				@media only screen and (min-width: 768px) {
					max-width: 450px;
				}
			}
		}
	}

	.why {
		position: relative;
		isolation: isolate;

		.eyes-image {
			display: none;

			@media (width >= 768px) {
				display: block;
				width: 120px;
				position: absolute;
				top: 5%;
				left: 58%;
				z-index: -1;
				rotate: 172deg;
			}

			@media (width >= 992px) {
				top: 8%;
			}

			@media (width >= 1400px) {
				top: 13%;
			}
		}

		h2 {
			margin-bottom: 44px;

			@media (width >= 768px) {
				margin-bottom: 80px;
			}

			@media (width >= 992px) {
				margin-bottom: 100px;
			}
		}

		.box-wrapper {
			display: flex;
			flex-direction: column;
			gap: 40px;

			@media (width >= 576px) {
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: center;
			}

			@media (width >= 768px) {
				gap: 50px 20px;
			}

			@media (width >= 1400px) {
				gap: 50px 24px;
			}
		}

		.box {
			position: relative;
			flex-basis: 100%;
			padding: 34px 16px 22px;
			border-radius: 12px;
			border: 1px solid transparent;
			background: linear-gradient(322.21deg, rgba(25, 24, 23, 1) 0%, rgba(25, 24, 23, 1) 100%) padding-box,
				linear-gradient(322.21deg, rgba(255, 255, 255, 0.2) 0%, rgba(116, 116, 116, 0.2) 51.5%, #f3981f 100%)
					border-box;

			@media (width >= 576px) {
				max-width: 300px;
			}

			@media (width >= 768px) {
				padding: 54px 21px 24px;
			}

			@media (width >= 992px) {
				max-width: 330px;
			}

			@media (width >= 1200px) {
				padding-inline: 24px;
				max-width: 390px;
			}

			@media (width >= 1400px) {
				max-width: 282px;
			}
		}

		.number {
			position: absolute;
			top: 0;
			left: 16px;
			width: 40px;
			aspect-ratio: 1 / 1;
			border-radius: 12px;
			background: rgba(25, 24, 23, 0.4);
			border: 1px solid rgba(243, 152, 31, 1);
			box-shadow: 0px 0px 19.6px 0px rgba(249, 116, 1, 0.59);
			backdrop-filter: blur(8px);
			display: flex;
			align-items: center;
			justify-content: center;
			font-weight: 400;
			font-size: 1.5rem;
			line-height: 1;
			text-align: center;
			color: rgba(227, 224, 224, 1);
			transform: translateY(-50%);

			@media (width >= 768px) {
				width: 60px;
				left: 21px;
				font-size: 2rem;
			}

			@media (width >= 1200px) {
				width: 60px;
				left: 24px;
			}
		}

		.box-title {
			margin: 0 0 11px;
			font-weight: 600;
			font-size: 1.25rem;
			line-height: 1.2;
			color: rgba(227, 224, 224, 1);

			@media (width >= 768px) {
				font-size: 1.5em;
			}
		}

		.box-content {
			margin: 0;
			font-weight: 400;
			font-size: 1.125rem;
			line-height: 1.39;
			color: rgba(179, 175, 169, 1);
			text-wrap: pretty;
		}
	}

	.review {
		position: relative;
		padding-block: 44px;
		z-index: 5;

		@media (width >= 768px) {
			padding-block: 74px;
		}

		h2 {
			margin-bottom: 40px;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 25px;

			@media (width >= 992px) {
				flex-direction: row;
				justify-content: center;
				gap: 40px;
			}

			@media (width >= 1200px) {
				gap: 60px;
			}

			.ghost-image {
				flex-shrink: 0;
				width: 50px;

				@media (width >= 1200px) {
					width: 55px;
				}
			}
		}

		.swiper-slide {
			width: 320px !important;

			@media (width >= 992px) {
				width: 500px !important;
			}

			@media (width >= 992px) {
				width: 700px !important;
			}
		}

		.review-bottom {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 30px;
			margin-top: 20px;

			@media (width >= 992px) {
				margin-top: 40px;
			}
		}

		.swiper-button-prev,
		.swiper-button-next {
			position: relative;
			top: auto;
			left: auto;
			right: auto;
			margin: 0;
			width: 32px;
			height: 32px;
			border-radius: 50%;
			background: linear-gradient(90deg, #242424 0%, #201b1a 100%);
			display: flex;
			align-items: center;
			justify-content: center;

			&::after {
				display: none;
			}

			svg {
				display: none;
			}

			img {
				flex-shrink: 0;
				width: 8px;
			}
		}

		.autoplay-progress {
			flex-shrink: 0;
			width: 40px;
			height: 40px;

			svg {
				--progress: 0;
				width: 100%;
				height: 100%;
				stroke-width: 2px;
				stroke: rgba(243, 152, 31, 1);
				fill: none;
				stroke-dashoffset: calc(124.85px * (1 - var(--progress)));
				stroke-dasharray: 124.85;
				transform: rotate(-90deg);
			}
		}

		.box {
			padding: 24px;
			background: linear-gradient(322.21deg, rgba(25, 24, 23, 1) 0%, rgba(25, 24, 23, 1) 100%) padding-box,
				linear-gradient(
						265.73deg,
						rgba(255, 255, 255, 0.2) 3.48%,
						rgba(116, 116, 116, 0.2) 51.41%,
						#f3981f 96.56%
					)
					border-box;
			border: 1px solid transparent;
			border-radius: 12px;
			max-width: 710px;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 20px;

			@media (width >= 992px) {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 29px;
			}
		}

		.user-image {
			display: block;
			width: 100%;
		}

		.box-content {
			p {
				margin: 0 0 16px;
				font-weight: 500;
				font-size: 1.25rem;
				line-height: 1.4;
				color: rgba(227, 224, 224, 1);
			}

			a {
				position: relative;
				text-decoration: none;
				padding: 8px 20px;
				display: flex;
				align-items: center;
				gap: 10px;
				width: fit-content;
				border-radius: 100px;
				font-weight: 500;
				font-size: 1.125rem;
				line-height: 1.22;
				color: #fff;
				border: 1px solid transparent;
				background: linear-gradient(90deg, #242424 0%, #201b1a 100%) padding-box,
					linear-gradient(269.86deg, rgba(116, 116, 116, 0.2) 0.01%, rgba(255, 255, 255, 0.2) 99.99%)
						border-box;

				&:hover,
				&:focus-visible {
					text-decoration: none;
					color: #fff;
				}
			}
		}
	}

	.faq {
		padding-block: 55px 50px;

		@media (width >= 768px) {
			padding-block: 74px;
		}

		@media (width >=1200px) {
			padding-block: 74px 80px;
		}

		h2 {
			margin-bottom: 40px;

			@media (width >= 768px) {
				margin-bottom: 50px;
			}

			@media (width >= 1400px) {
				margin-bottom: 70px;
			}
		}

		.accordion-item {
			background: transparent;
			border: 1px solid #8b827c;
			border-radius: 12px;
			margin-bottom: 10px;
		}

		.accordion-header {
			position: relative;
			z-index: 5;
		}

		.icon-box {
			flex-shrink: 0;
			width: 20px;
			height: 20px;
			position: relative;

			/* @media (width >= 992px) {
				width: 30px;
				height: 30px;
			} */

			&:before,
			&:after {
				content: "";
				position: absolute;
				background-color: #fff;
				border-radius: 5px;
				transition: transform 0.25s ease-out;
			}

			&::before {
				top: 0;
				left: 50%;
				width: 2px;
				height: 100%;
				transform: translateX(-50%);

				@media (width >= 992px) {
					width: 4px;
				}
			}

			&::after {
				top: 50%;
				left: 0;
				width: 100%;
				height: 2px;
				transform: translateY(-50%);

				@media (width >= 992px) {
					height: 4px;
				}
			}
		}

		.accordion-button {
			position: relative;
			padding: 18px 18px 18px 20px;
			border-radius: 0px !important;
			background: transparent;
			color: #fff;
			font-weight: 400;
			font-size: 1.187rem;
			line-height: 1.3;
			box-shadow: none;
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 25px;

			@media (width >= 768px) {
				gap: 30px;
				padding: 20px 25px;
			}

			@media (width >= 992px) {
				padding-block: 18px;
				font-size: 1.375rem;
			}

			@media (width >= 768px) {
				font-size: 1.5rem;
			}

			&::after {
				display: none;
			}

			&:not(.collapsed) {
				.icon-box {
					&::before {
						transform: translateX(-50%) rotate(90deg);
					}
					&::after {
						transform: translateY(-50%) rotate(180deg);
					}
				}
			}
		}

		.accordion-body {
			position: relative;
			padding: 25px 20px 27px;

			@media (width >= 768px) {
				padding-inline: 25px;
			}

			&::before {
				content: "";
				position: absolute;
				left: 20px;
				right: 20px;
				top: 0;
				height: 1px;
				background: #8b827c;
				transition: all 0.3s ease;
			}

			@media (width >= 768px) {
				&::before {
					left: 25px;
					right: 25px;
				}
			}

			p {
				margin: 0 0 10px;
				color: rgba(179, 175, 169, 1);
				font-weight: 400;
				font-size: 1rem;
				line-height: 1.36;
				text-wrap: pretty;

				&:last-of-type {
					margin-bottom: 0;
				}

				@media (width >= 768px) {
					font-size: 1.125rem;
				}
			}
		}
	}

	.trusted-brand {
		padding-block: 25px;
		border-top: 1px solid transparent;
		border-bottom: 1px solid transparent;
		background: linear-gradient(322.21deg, rgba(25, 24, 23, 1) 0%, rgba(25, 24, 23, 1) 100%) padding-box,
			linear-gradient(269.86deg, rgba(116, 116, 116, 0.2) 0.01%, rgba(255, 255, 255, 0.2) 99.99%) border-box;

		@media (width >= 992px) {
			padding-block: 20px;
		}

		.trusted-content {
			margin-inline: auto;
			max-width: 770px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 20px;

			@media (width >= 992px) {
				flex-direction: row;
			}

			@media (width >= 992px) {
				gap: 30px;
			}

			img {
				flex-shrink: 0;
				width: 188px;
			}

			p {
				margin: 0;
				font-weight: 400;
				font-size: 1.25rem;
				line-height: 1.42;
				color: #fff;
				text-align: center;
				text-wrap: pretty;

				@media (width >= 992px) {
					text-align: left;
				}

				@media (width >= 1200px) {
					font-size: 1.5rem;
				}
			}
		}
	}
}

.payment-fail-wrapper {
	background-color: rgba(20, 19, 19, 1);

	:focus-visible {
		outline: 2px solid #e57625;
		outline-offset: 2px;
	}

	h1 {
		margin: 0px;
		font-weight: 700;
		font-size: clamp(2.5rem, 1.7059rem + 3.5294vw, 4.375rem);
		line-height: 1.19;
		color: #fff;
		text-align: center;
	}

	h2 {
		margin: 0;
		font-weight: 600;
		font-size: clamp(2.25rem, 1.5088rem + 3.2941vw, 4rem);
		line-height: 1.2;
		color: rgba(227, 224, 224, 1);
		text-align: center;
	}

	.wrapper {
		padding-inline: 16px;

		@media (width >= 768px) {
			width: min(90%, 1232px);
			margin-inline: auto;
		}
	}

	.btn-claim {
		display: block;
		width: fit-content;
		padding: 18px 28px;
		background: linear-gradient(92.95deg, #f3981f 0%, #e57625 100%);
		border: none;
		border-radius: 12px;
		font-weight: 700;
		font-size: 1.125rem;
		line-height: 1.2;
		color: rgba(20, 19, 19, 1);
		text-align: center;
		text-decoration: none;
		transition: box-shadow 0.3s ease;

		&:hover,
		&:focus-visible {
			box-shadow: 0px 0px 15px 0px rgba(243, 152, 31, 0.4);
		}

		@media (width >= 992px) {
			padding: 23px 70px;
		}
	}

	.banner {
		position: relative;
		display: grid;

		@media (width >= 768px) {
			grid-template-columns: 1fr min(90%, 1232px) 1fr;
		}

		.banner-bg {
			position: absolute;
			inset: 0;
			display: block;
			grid-row: 1 / -1;
			grid-column: 1 / -1;

			@media (width >= 768px) {
				position: relative;
			}

			img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: top center;
			}
		}

		.banner-content {
			padding: 24px 16px 44px;
			grid-row: 1 / -1;
			grid-column: 1 / -1;
			z-index: 2;

			@media (width >= 768px) {
				padding-block: 30px 145px;
				grid-column: 2 / 3;

				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
		}

		.top-bar {
			margin-bottom: 92px;
			display: flex;
			align-items: center;
			justify-content: space-between;

			@media (width >= 768px) {
				margin-bottom: 60px;
			}
		}

		.logo {
			display: block;
			flex-shrink: 0;
			width: 58px;

			@media (width >= 768px) {
				width: 120px;
			}

			img {
				display: block;
				width: 100%;
			}
		}

		.text-content {
			margin-block: auto;
		}

		h1 {
			max-width: 760px;
			margin-inline: auto;
			margin-bottom: 15px;
			font-weight: 400;
			text-shadow: 1px 0px 21px rgba(255, 255, 255, 0.25);

			.box {
				display: inline-block;
				border: 1px solid transparent;
				background: linear-gradient(rgba(25, 24, 23, 1), rgba(25, 24, 23, 1)) padding-box,
					linear-gradient(269.86deg, rgba(116, 116, 116, 0.2) 0.01%, rgba(255, 255, 255, 0.2) 99.99%)
						border-box;
				border-radius: 11px;
				padding: 0px 16px;
			}

			.orange-text {
				color: #ed8b21;
				font-weight: 700;
				text-shadow: 1px 0 21px rgba(237, 139, 33, 0.25);
			}
		}

		p {
			max-width: 736px;
			margin: 0 auto;
			font-weight: 400;
			font-size: 1.125rem;
			color: #fff;
			text-align: center;
		}
	}

	.after-banner {
		@media (width >= 768px) {
			margin-top: -85px;
			position: relative;
			z-index: 2;
		}

		@media (width >= 992px) {
			margin-top: -90px;
		}

		@media (width >= 1200px) {
			margin-top: -97px;
		}

		.wrapper {
			padding-inline: 16px;

			@media (width >= 992px) {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 15px;
			}

			@media (width >= 1200px) {
				gap: 24px;
			}
		}

		.box {
			width: 100%;
			max-width: 588px;
			margin-inline: auto;
			border-radius: 11px;
			position: relative;
			background: rgba(25, 24, 23, 0.6);
			backdrop-filter: blur(8px);
			z-index: 1;

			&::before {
				content: "";
				position: absolute;
				inset: 0;
				padding: 1px;
				border-radius: inherit;
				background: linear-gradient(269.86deg, rgba(116, 116, 116, 0.2) 0.01%, rgba(255, 255, 255, 0.2) 99.99%);
				mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
				mask-composite: exclude;
				z-index: -1;
			}
		}

		.text-box {
			display: flex;
			padding-block: 24px;
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
			border-bottom-width: 0;

			@media (width >= 992px) {
				border-bottom-left-radius: 11px;
				border-bottom-right-radius: 11px;
				border-bottom-width: 1px;
			}
		}

		.item {
			flex-basis: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 7px;
			padding-inline: 12px;
			border-right: 1px solid rgb(71, 67, 65);

			&:first-of-type {
				padding-left: 10px;
			}

			&:last-of-type {
				border-right: 0;
			}

			@media (width >= 576px) {
				padding-inline: 16px;
				gap: 10px;
			}

			.trustpilot-image {
				display: block;
				width: 100%;
				max-width: 164px;
				filter: drop-shadow(0, 0, 3px, transparent);
				transition: all 0.3s linear;

				&:hover {
					filter: drop-shadow(0 0 1px #ed8b21);
				}
			}

			.icon {
				display: block;
				width: 24px;
				flex-shrink: 0;

				@media (width >= 1200px) {
					width: 32px;
				}
			}

			p {
				margin: 0;
				font-weight: 400;
				font-size: 0.8125rem;
				line-height: 1.2;
				color: #fff;
				text-align: center;

				span {
					font-weight: 500;
					font-size: 1rem;
				}

				@media (width >= 1200px) {
					font-size: 1.125rem;

					span {
						font-size: 1.5rem;
					}
				}
			}

			a {
				text-decoration: none;

				&:hover,
				&:focus-visible {
					text-decoration: none;
				}
			}
		}

		.image-box {
			padding: 20px 16px;
			border-top-left-radius: 0;
			border-top-right-radius: 0;

			@media (width >= 992px) {
				border-top-left-radius: 11px;
				border-top-right-radius: 11px;
			}

			@media (width >= 1200px) {
				padding: 24px;
			}

			p {
				margin: 0 0 16px;
				padding-bottom: 10px;
				font-weight: 500;
				font-size: 1rem;
				line-height: 1.22;
				color: rgba(227, 224, 224, 1);
				border-bottom: 1px solid rgb(71, 67, 65);

				@media (width >= 1200px) {
					font-size: 1.125rem;
				}
			}
		}

		.image-wrapper {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			gap: 10px 15px;

			@media (width >= 768px) {
				gap: 17px 30px;
			}

			@media (width >= 992px) {
				gap: 10px 30px;
			}

			@media (width >= 1200px) {
				gap: 17px 44px;
			}
		}

		.company-logo {
			width: 100%;
			max-width: 140px;
			height: auto;

			@media (width >= 576px) {
				max-width: 150px;
			}

			&.small-image {
				width: 65%;
				max-width: 95px;
			}
		}
	}

	.why {
		position: relative;
		isolation: isolate;
		padding-block: 55px 100px;

		@media (width >= 768px) {
			padding-top: 70px;
		}

		.eyes-image {
			display: none;

			@media (width >= 768px) {
				display: block;
				width: 120px;
				position: absolute;
				top: 5%;
				left: 58%;
				z-index: -1;
				rotate: 172deg;
			}

			@media (width >= 992px) {
				top: 8%;
			}

			@media (width >= 1400px) {
				top: 13%;
			}
		}

		h2 {
			margin-bottom: 44px;
			text-wrap: pretty;

			@media (width >= 768px) {
				margin-bottom: 70px;
			}

			@media (width >= 992px) {
				margin-bottom: 85px;
			}
		}

		.box-wrapper {
			max-width: 720px;
			margin-inline: auto;
			display: flex;
			flex-direction: column;
			gap: 90px;

			@media (width >= 768px) {
				gap: 100px;
			}

			@media (width >= 1400px) {
				gap: 113px;
			}
		}

		.box {
			position: relative;
			flex-basis: 100%;
			padding: 50px 16px 0px;
			border-radius: 12px;
			border: 1px solid transparent;
			background: linear-gradient(322.21deg, rgba(25, 24, 23, 1) 0%, rgba(25, 24, 23, 1) 100%) padding-box,
				linear-gradient(340deg, rgba(255, 255, 255, 0.2) 0%, rgba(116, 116, 116, 0.2) 51.5%, #f3981f 100%)
					border-box;

			@media (width >= 768px) {
				padding: 60px 25px 0px;
			}

			@media (width >= 992px) {
				padding-top: 69px;
			}
		}

		.number {
			position: absolute;
			top: 0;
			left: 16px;
			width: 50px;
			aspect-ratio: 1 / 1;
			border-radius: 12px;
			background: rgba(25, 24, 23, 0.4);
			border: 1px solid rgba(243, 152, 31, 1);
			box-shadow: 0px 0px 19.6px 0px rgba(249, 116, 1, 0.59);
			backdrop-filter: blur(3.2px);
			display: flex;
			align-items: center;
			justify-content: center;
			font-weight: 400;
			font-size: 1.5rem;
			line-height: 1;
			text-align: center;
			color: rgba(227, 224, 224, 1);
			transform: translateY(-50%);

			@media (width >= 768px) {
				width: 60px;
				left: 21px;
				font-size: 2rem;
			}

			@media (width >= 1200px) {
				width: 60px;
				left: 24px;
			}
		}

		.box-title {
			margin: 0 0 15px;
			font-weight: 600;
			font-size: 1.25rem;
			line-height: 1.2;
			color: rgba(227, 224, 224, 1);

			@media (width >= 768px) {
				margin-bottom: 20px;
				font-size: 1.5em;
			}

			@media (width >= 1200px) {
				margin-bottom: 26px;
			}
		}

		.box-content {
			margin: 0 0 8px;
			font-weight: 400;
			font-size: 1.125rem;
			line-height: 1.39;
			color: rgba(179, 175, 169, 1);
			text-wrap: pretty;
		}

		.btn-claim {
			margin-inline: auto;
			transform: translateY(20px);

			@media (width >= 992px) {
				width: 100%;
				max-width: 284px;
				padding-inline: 20px;
				transform: translateY(28px);
			}
		}
	}

	.how {
		display: grid;
		align-items: center;

		@media (width >= 768px) {
			padding-block: 49px 74px;
		}

		.chart-image {
			grid-row: 1 / -1;
			grid-column: 1 / -1;
			z-index: 1;
			display: block;
			width: 100%;
			height: auto;
		}

		.wrapper {
			grid-row: 1 / -1;
			grid-column: 1 / -1;
			z-index: 4;
		}

		.gradient-box {
			max-width: 970px;
			margin-inline: auto;
			position: relative;
			padding: 44px 24px;
			border-radius: 12px;
			background: linear-gradient(
				180deg,
				rgba(25, 24, 23, 0.4) 0%,
				rgba(88, 198, 58, 0) 35%,
				rgba(88, 198, 58, 0.1) 100%
			);
			backdrop-filter: blur(10px);
			isolation: isolate;

			&::before {
				content: "";
				position: absolute;
				inset: 0;
				z-index: -1;
				padding: 1px;
				border-radius: inherit;
				background: linear-gradient(
					175deg,
					rgba(255, 255, 255, 0.2) 11.66%,
					rgba(116, 116, 116, 0.2) 51.15%,
					#58c63a 88.34%
				);
				mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
				mask-composite: exclude;
			}

			@media (width >= 768px) {
				border-radius: 30px;
				padding: 50px 50px;
			}

			@media (width >= 992px) {
				border-radius: 40px;
				padding: 60px 60px;
			}

			@media (width >= 1200px) {
				padding-block: 70px 67px;
				border-radius: 50px;
			}
		}

		h2 {
			margin-bottom: 20px;
			text-align: left;

			@media (width >= 768px) {
				margin-bottom: 25px;
			}

			@media (width >= 992px) {
				margin-bottom: 30px;
			}

			@media (width >= 1200px) {
				margin-bottom: 35px;
			}
		}

		p {
			margin: 0;
			font-weight: 400;
			font-size: 1.125rem;
			line-height: 1.4;
			color: #fff;
			text-wrap: pretty;

			@media (width >= 992px) {
				font-size: 1.5rem;
			}
		}
	}

	.team-message {
		padding-block: 50px 60px;

		@media (width >= 768px) {
			padding-block: 0 80px;
		}

		@media (width >= 992px) {
			padding-bottom: 110px;
		}

		@media (width >= 1200px) {
			padding-bottom: 140px;
		}

		.wrapper {
			max-width: 740px;
			margin-inline: auto;
		}

		.message {
			margin: 0 0 20px;
			font-weight: 400;
			font-size: 1.125rem;
			line-height: 1.5;
			color: #fff;
			text-align: center;
			text-wrap: pretty;

			@media (width >= 768px) {
				margin-bottom: 26px;
			}

			&.large-text {
				font-size: 1.5rem;
			}

			&:last-of-type {
				margin-bottom: 0;
			}
		}
	}

	.trusted-brand {
		padding-block: 25px;
		border-top: 1px solid transparent;
		border-bottom: 1px solid transparent;
		background: linear-gradient(322.21deg, rgba(25, 24, 23, 1) 0%, rgba(25, 24, 23, 1) 100%) padding-box,
			linear-gradient(269.86deg, rgba(116, 116, 116, 0.2) 0.01%, rgba(255, 255, 255, 0.2) 99.99%) border-box;

		@media (width >= 992px) {
			padding-block: 20px;
		}

		.trusted-content {
			margin-inline: auto;
			max-width: 770px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 20px;

			@media (width >= 992px) {
				flex-direction: row;
			}

			@media (width >= 992px) {
				gap: 30px;
			}

			img {
				flex-shrink: 0;
				width: 188px;
			}

			p {
				margin: 0;
				font-weight: 400;
				font-size: 1.25rem;
				line-height: 1.42;
				color: #fff;
				text-align: center;
				text-wrap: pretty;

				@media (width >= 992px) {
					text-align: left;
				}

				@media (width >= 1200px) {
					font-size: 1.5rem;
				}
			}
		}
	}
}

.black-friday-25-page {
	background-color: rgba(20, 19, 19, 1);
	overflow-x: hidden;

	:focus-visible {
		outline: 2px solid rgba(166, 119, 42, 1);
		outline-offset: 2px;
	}
	
	.collapse:not(.show) {
		display: none!important;
	}

	h1 {
		margin: 0px auto 30px;
		max-width: 820px;
		font-weight: 700;
		font-size: clamp(2.5rem, 1.7059rem + 3.5294vw, 4.375rem);
		line-height: 1.2;
		color: #fff;
		text-align: center;
	}

	h2 {
		margin: 0;
		font-weight: 600;
		font-size: clamp(2.25rem, 1.5088rem + 3.2941vw, 4rem);
		line-height: 1.2;
		color: rgba(227, 224, 224, 1);
		text-align: center;
	}

	p {
		margin: 0;
		font-weight: 400;
		font-size: 1.125rem;
		line-height: 1.5;
		color: #fff;
		text-align: center;
		text-wrap: pretty;

		b {
			font-weight: 600;
		}
		
		i {
			font-style: italic;
		}
	}

	.gradient-text {
		color: transparent;
		background: linear-gradient(
			90deg,
			#f5c249 0.01%,
			#8f5d0b 19%,
			#976510 21%,
			#af7d1e 26%,
			#d5a435 31%,
			#f9c94b 36%,
			#cb9b2e 42%,
			#ffce74 50%,
			#865703 57%,
			#94650d 61%,
			#aa7d1f 65%,
			#c99f37 69%,
			#f1c955 73%,
			#fbd45d 74%,
			#c79b3e 82%,
			#b38432 87%,
			#ca993a 99.99%
		);
		background-clip: text;
	}

	.gradient-box {
		--background: linear-gradient(180deg, rgba(219, 177, 69, 0) 0%, rgba(219, 177, 69, 0.1) 100%),
			rgba(25, 24, 23, 0.4);
		--border-color: linear-gradient(
			163.19deg,
			rgba(219, 177, 69, 0.2) 11.66%,
			rgba(219, 177, 69, 0.2) 51.15%,
			#dbb145 88.34%
		);

		position: relative;
		background: var(--background);
		isolation: isolate;

		&::before {
			content: "";
			position: absolute;
			inset: 0;
			border-radius: inherit;
			border: 1px solid transparent;
			background: var(--border-color) border-box;
			mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
			mask-composite: exclude;
			z-index: -1;
		}
	}

	.wrapper {
		padding-inline: 16px;

		@media (width >= 768px) {
			width: min(90%, 1232px);
			margin-inline: auto;
		}
	}

	.btn-golden {
		display: block;
		width: fit-content;
		padding: 18px 28px;
		background: linear-gradient(92.95deg, #dbb145 0%, #a6772a 100%);
		border: none;
		border-radius: 12px;
		font-weight: 700;
		font-size: 1.125rem;
		line-height: 1.2;
		color: rgba(20, 19, 19, 1);
		text-align: center;
		text-decoration: none;
		transition: box-shadow 0.3s ease;

		&:hover,
		&:focus-visible {
			box-shadow: 0px 0px 15px 0px rgba(243, 152, 31, 0.39);
		}

		@media (width >= 992px) {
			padding: 23px 70px;
		}
	}

	.banner {
		position: relative;
		display: grid;
		background: linear-gradient(180deg, rgba(229, 118, 37, 0) 0% 65%, rgba(229, 118, 37, 0.1) 100%),
			rgba(23, 21, 19, 1);
		overflow: hidden;

		@media (width >= 768px) {
			grid-template-columns: 1fr min(90%, 1232px) 1fr;
		}

		.banner-content {
			padding: 24px 16px 16px;
			grid-row: 1 / -1;
			grid-column: 1 / -1;
			z-index: 2;

			@media (width >= 768px) {
				padding-block: 30px 30px;
				grid-column: 2 / 3;

				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
		}

		.top-bar {
			margin-bottom: 40px;
			display: flex;
			align-items: center;
			justify-content: space-between;

			@media (width >= 768px) {
				margin-bottom: 60px;
			}
		}

		.logo {
			display: block;
			flex-shrink: 0;
			width: 58px;

			@media (width >= 768px) {
				width: 120px;
			}

			img {
				display: block;
				width: 100%;
			}
		}

		.text-content {
			margin: auto;
			width: 100%;
			max-width: 1060px;
			position: relative;
			isolation: isolate;
		}

		p {
			max-width: 686px;
			margin: 0 auto 18px;

			&.top-title {
				text-shadow: 0px 0px 21.2px rgba(255, 255, 255, 0.25);
			}

			&:last-of-type {
				margin-bottom: 40px;
			}
		}

		.top-ticket {
			display: block;
			margin: 0 auto 30px;
			width: 84px;

			@media (width >= 768px) {
				margin: 0;
				position: absolute;
				left: 50%;
				top: -37px;
				translate: -50% -100%;
			}

			@media (width >= 1200px) {
				width: 130px;
			}
		}

		.top-left-ticket {
			position: absolute;
			left: 60px;
			top: 72%;
			display: block;
			width: 30px;
			rotate: 15.1deg;
			filter: blur(3px);
			z-index: -1;

			@media (width >= 768px) {
				top: -32px;
				left: 123px;
			}

			@media (width >= 1200px) {
				left: 186px;
			}
		}

		.top-right-ticket {
			position: absolute;
			bottom: 50px;
			right: 20px;
			display: block;
			width: 24px;
			rotate: 24deg;
			filter: blur(3px);
			z-index: -1;

			@media (width >= 768px) {
				bottom: auto;
				top: 20px;
				right: 0;
				rotate: -15deg;
				translate: 100% 0;
			}
		}

		.bottom-left-ticket {
			position: absolute;
			top: 90px;
			left: -16px;
			display: block;
			width: 74px;
			rotate: -21deg;
			translate: -27px 0;
			z-index: -1;

			@media (width >= 768px) {
				top: 140px;
			}

			@media (width >= 1200px) {
				left: 28px;
				top: 190px;
				translate: 0 0;
			}
		}

		.bottom-right-ticket {
			position: absolute;
			right: -16px;
			top: 297px;
			width: 72px;
			rotate: 20deg;
			translate: 18px 0;
			z-index: -1;

			@media (width >= 768px) {
				top: auto;
				bottom: 125px;
				right: -50px;
			}

			@media (width >= 1200px) {
				right: 30px;
			}
		}

		.bottom-ticket {
			display: block;
			margin: 0 auto;
			width: 80px;
			rotate: 20deg;
			filter: blur(3px);

			@media (width >= 768px) {
				width: 140px;
			}
		}
	}

	.after-banner {
		position: relative;
		margin-top: -40px;
		z-index: 2;

		@media (width >= 768px) {
			margin-top: -85px;
		}

		@media (width >= 992px) {
			margin-top: -90px;
		}

		@media (width >= 1200px) {
			margin-top: -97px;
		}

		.wrapper {
			padding-inline: 16px;

			@media (width >= 992px) {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 15px;
			}

			@media (width >= 1200px) {
				gap: 24px;
			}
		}

		.box {
			position: relative;
			width: 100%;
			max-width: 588px;
			margin-inline: auto;
			border-radius: 11px;
			background: rgba(25, 24, 23, 0.6);
			backdrop-filter: blur(8px);
			isolation: isolate;

			&::before {
				content: "";
				position: absolute;
				inset: 0;
				border-radius: inherit;
				border: 1px solid transparent;
				background: linear-gradient(269.86deg, rgba(116, 116, 116, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%)
					border-box;
				mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
				mask-composite: exclude;
				z-index: -1;
			}
		}

		.text-box {
			display: flex;
			padding-block: 24px;
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
			border-bottom-width: 0;

			@media (width >= 992px) {
				border-bottom-left-radius: 11px;
				border-bottom-right-radius: 11px;
				border-bottom-width: 1px;
			}
		}

		.item {
			flex-basis: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 7px;
			padding-inline: 12px;
			border-right: 1px solid rgb(71, 67, 65);

			&:first-of-type {
				padding-left: 10px;
			}

			&:last-of-type {
				border-right: 0;
			}

			@media (width >= 576px) {
				padding-inline: 16px;
				gap: 10px;
			}

			.trustpilot-image {
				display: block;
				width: 100%;
				max-width: 164px;
				filter: drop-shadow(0, 0, 3px, transparent);
				transition: all 0.3s linear;

				&:hover {
					filter: drop-shadow(0 0 1px #ed8b21);
				}
			}

			.icon {
				display: block;
				width: 24px;
				flex-shrink: 0;

				@media (width >= 1200px) {
					width: 32px;
				}
			}

			p {
				margin: 0;
				font-weight: 400;
				font-size: 0.8125rem;
				line-height: 1.2;
				color: #fff;
				text-align: center;

				span {
					font-weight: 500;
					font-size: 1rem;
				}

				@media (width >= 1200px) {
					font-size: 1.125rem;

					span {
						font-size: 1.5rem;
					}
				}
			}

			a {
				text-decoration: none;

				&:hover,
				&:focus-visible {
					text-decoration: none;
				}
			}
		}

		.image-box {
			padding: 20px 16px;
			border-top-left-radius: 0;
			border-top-right-radius: 0;

			@media (width >= 992px) {
				border-top-left-radius: 11px;
				border-top-right-radius: 11px;
			}

			@media (width >= 1200px) {
				padding: 24px;
			}

			p {
				margin: 0 0 16px;
				padding-bottom: 10px;
				font-weight: 500;
				font-size: 1rem;
				line-height: 1.22;
				color: rgba(227, 224, 224, 1);
				border-bottom: 1px solid rgb(71, 67, 65);

				@media (width >= 1200px) {
					font-size: 1.125rem;
				}
			}
		}

		.image-wrapper {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			gap: 10px 15px;

			@media (width >= 768px) {
				gap: 17px 30px;
			}

			@media (width >= 992px) {
				gap: 10px 30px;
			}

			@media (width >= 1200px) {
				gap: 17px 44px;
			}
		}

		.company-logo {
			width: 100%;
			max-width: 140px;
			height: auto;

			@media (width >= 576px) {
				max-width: 150px;
			}

			&.small-image {
				width: 65%;
				max-width: 95px;
			}
		}
	}

	.how {
		padding-block: 50px 44px;
		overflow-x: hidden;

		@media (width >= 768px) {
			padding-block: 60px 50px;
		}

		@media (width >= 992px) {
			padding-block: 74px 66px;
		}

		.how-content {
			position: relative;
			isolation: isolate;
			max-width: 1060px;
			margin-inline: auto;
		}

		h2 {
			max-width: 820px;
			margin-inline: auto;
			margin-bottom: 25px;

			@media (width >= 768px) {
				margin-bottom: 33px;
			}

			.gradient-text {
				display: block;
				margin-top: 13px;

				@media (width >= 992px) {
					margin-bottom: 23px;
				}
			}
		}

		.large-text {
			max-width: 600px;
			margin: 0 auto 33px;
			font-size: 1.25rem;

			@media (width >= 768px) {
				font-size: 1.5rem;
			}
		}

		h3 {
			margin: 0 0 54px;
			font-weight: 700;
			font-size: 1.875rem;
			line-height: 1.2;
			color: rgba(219, 177, 69, 1);
			text-align: center;
			text-shadow: 0px 0px 21.2px rgba(255, 255, 255, 0.25);

			@media (width >= 768px) {
				margin-bottom: 34px;
			}
		}

		.challenge-row {
			margin-bottom: 80px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 7px;

			@media (width >= 768px) {
				margin-bottom: 35px;
				flex-direction: row;
			}

			@media (width >= 992px) {
				gap: 14px;
			}

			&:last-of-type {
				margin-bottom: 40px;
			}
		}

		.challenge-box {
			--background: rgba(25, 24, 23, 0.4);
			--border-color: linear-gradient(
				322.21deg,
				rgba(255, 255, 255, 0.2) 0%,
				rgba(116, 116, 116, 0.2) 51.5%,
				#dbb145 100%
			);

			border-radius: 12px;
			flex-shrink: 0;
			width: 100%;
			max-width: 300px;
			padding: 7px 20px 8px;
			display: flex;
			align-items: center;
			justify-content: center;
			backdrop-filter: blur(10px);

			@media (width >= 992px) {
				max-width: 340px;
			}
		}

		.challenge-text {
			font-size: 1.5rem;
			line-height: 1.2;

			@media (width >= 992px) {
				font-size: 1.875rem;
			}
		}

		.circle {
			--background: rgba(25, 24, 23, 0.9);
			--border-color: linear-gradient(180deg, #f9d25c 0%, #a6772a 100%);

			position: absolute;
			top: 0;
			left: 0;
			translate: -14px calc(-100% + 14px);
			width: 60px;
			height: 60px;
			border-radius: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			backdrop-filter: blur(8px);
			box-shadow: 0px 0px 19.6px 0px rgba(219, 177, 69, 1);
			z-index: 5;

			@media (width >= 768px) {
				translate: -41px -33px;
			}

			p {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 3px;
				font-size: 1.75rem;
				line-height: 1.2;

				span {
					font-size: 2rem;
				}
			}
		}

		.golden-arrow {
			flex-shrink: 0;
			width: 19px;
			rotate: 90deg;
			filter: drop-shadow(0px 0px 10px rgba(249, 116, 1, 0.59));

			@media (width >= 768px) {
				rotate: 0deg;
			}
		}

		.normal-text {
			margin-bottom: 53px;
			max-width: 600px;
			margin-inline: auto;
		}

		.top-left-ticket {
			position: absolute;
			left: -16px;
			top: 150px;
			width: 74px;
			rotate: 37deg;
			translate: -60% 0;
			display: block;
			z-index: -1;

			@media (width >= 768px) {
				top: 180px;
			}

			@media (width >= 992px) {
				top: 267px;
				translate: 0 0;
			}
		}

		.top-right-ticket {
			position: absolute;
			right: -16px;
			top: 370px;
			width: 60px;
			display: block;
			rotate: -14deg;
			translate: 25% 0;
			z-index: -1;

			@media (width >= 768px) {
				top: 350px;
			}

			@media (width >= 992px) {
				right: 27px;
				translate: 0 0;
			}
		}

		.middle-ticket {
			position: absolute;
			top: 730px;
			left: 0;
			width: 100px;
			display: block;
			rotate: -15deg;
			translate: -100% 0;
			filter: blur(23px);
			z-index: -1;

			@media (width >= 768px) {
				width: 200px;
				top: 790px;
			}

			@media (width >= 992px) {
				width: 280px;
			}

			@media (width >= 1200px) {
				width: 345px;
				top: 720px;
			}
		}

		.steps-box {
			position: relative;
			isolation: isolate;
			border-radius: 12px;
			padding: 44px 20px;
			max-width: 832px;
			margin-inline: auto;
			backdrop-filter: blur(10px);

			@media (width >= 768px) {
				padding-block: 60px;
			}

			@media (width >= 992px) {
				padding: 65px 20px 74px;
			}
		}

		.box {
			position: relative;
			padding: 0 0 20px 56px;
			min-height: 74px;

			&::before {
				content: "";
				position: absolute;
				top: 0;
				left: 20px;
				width: 1px;
				height: 100%;
				background: rgba(116, 116, 116, 0.2);
				z-index: 1;
			}

			&:last-of-type {
				padding-bottom: 0;
				min-height: 0;

				&::before {
					display: none;
				}

				.number {
					background: linear-gradient(rgba(26, 23, 21, 1), rgba(26, 23, 21, 1)) padding-box,
						linear-gradient(269.86deg, rgba(219, 177, 69, 1), rgba(219, 177, 69, 1)) border-box;
				}
			}

			@media (width >= 768px) {
				width: 80%;
				max-width: 686px;
				margin-inline: auto;
				padding-left: 80px;
				padding-bottom: 30px;
				min-height: 106px;

				&::before {
					left: 30px;
				}
			}

			@media (width >= 992px) {
				padding-bottom: 46px;
				width: 100%;
			}

			p {
				padding-top: 5px;
				text-align: left;
				font-size: 1.25rem;

				@media (width >= 768px) {
					padding-top: 12px;
					font-size: 1.5rem;
				}
			}
		}

		.number {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 2;
			width: 40px;
			aspect-ratio: 1 / 1;
			border-radius: 50%;
			background: linear-gradient(rgba(26, 23, 21, 1), rgba(26, 23, 21, 1)) padding-box,
				linear-gradient(269.86deg, rgba(116, 116, 116, 0.2), rgba(255, 255, 255, 0.2)) border-box;
			border: 1px solid transparent;
			display: flex;
			align-items: center;
			justify-content: center;
			font-weight: 400;
			font-size: 1.25rem;
			line-height: 1.2;
			color: rgba(219, 177, 69, 1);
			text-align: center;

			@media (width >= 768px) {
				width: 60px;
				font-size: 2rem;
			}
		}

		.tr1-ticket {
			position: absolute;
			bottom: 22.5%;
			right: 0px;
			display: block;
			width: 80px;
			rotate: -20deg;
			translate: 50% 50%;
			filter: blur(3px);
			z-index: -1;

			@media (width >= 768px) {
				bottom: 530px;
			}

			@media (width >= 992px) {
				width: 140px;
				bottom: 504px;
				translate: 15% 50%;
			}

			@media (width >= 1200px) {
				translate: -30% 50%;
			}
		}

		.tr2-ticket {
			position: absolute;
			bottom: calc(22.5% - 100px);
			right: -6px;
			width: 24px;
			display: block;
			rotate: -14deg;
			translate: 100% 0;
			filter: blur(2px);
			z-index: -1;

			@media (width >= 768px) {
				bottom: 400px;
			}

			@media (width >= 992px) {
				bottom: 360px;
				right: 0;
				translate: 0% 0;
			}

			@media (width >= 1200px) {
				right: 80px;
			}
		}
	}

	.offer {
		padding: 40px 0 30px;

		.offer-content {
			position: relative;
			isolation: isolate;
			max-width: 1060px;
			margin-inline: auto;
		}

		h2 {
			max-width: 820px;
			margin: 0 auto 20px;
			text-wrap: pretty;

			@media (width >= 768px) {
				margin-bottom: 33px;
			}
		}

		.medium-text {
			margin-bottom: 33px;
			font-size: 1.25rem;

			@media (width >= 768px) {
				font-size: 1.5rem;
			}
		}

		.challenge-row {
			margin-bottom: 24px;
		}

		.box {
			--background: rgba(25, 24, 23, 0.4);
			--border-color: linear-gradient(92.95deg, #dbb145 0%, #a6772a 100%);

			width: fit-content;
			margin-inline: auto;
			padding: 10px 23px 12px;
			border-radius: 12px;
			backdrop-filter: blur(4px);
			box-shadow: 0px 0px 19.6px 0px rgba(219, 177, 69, 0.59);

			&.code-box {
				padding: 8px 27px 9px;
				margin-top: -7px;
			}
		}

		.challenge-text {
			font-size: 1.25rem;
			line-height: 1.2;

			@media (width >= 768px) {
				font-size: 2rem;
			}

			.golden-text {
				font-weight: 600;
				color: rgb(219, 177, 69);
				-webkit-text-stroke: 0.3px rgb(186, 141, 52);
			}
		}

		.code-text {
			font-size: 1.875rem;
			line-height: 1.2;

			@media (width >= 768px) {
				font-size: 2.875rem;
			}

			.text-stroke {
				color: rgb(86, 86, 86);
				-webkit-text-stroke: 0.3px rgba(219, 177, 69, 1);
			}
		}

		.btn-golden {
			margin: 42px auto 53px;

			@media (width >= 992px) {
				padding: 19px 54px;
				font-size: 1.5rem;
			}
		}

		.normal-text {
			max-width: 600px;
			margin-inline: auto;
		}

		.tl1-ticket {
			position: absolute;
			top: -40px;
			left: -16px;
			display: block;
			width: 24px;
			rotate: -14deg;
			filter: blur(2px);
			z-index: -1;
		}

		.tr1-ticket {
			position: absolute;
			top: 37%;
			right: -20px;
			width: 80px;
			display: block;
			rotate: 37deg;
			translate: 50% 0;
			z-index: -1;

			@media (width >= 768px) {
				right: 10px;
			}
		}

		.tl2-ticket {
			position: absolute;
			left: 0;
			bottom: 0;
			display: block;
			width: 53px;
			rotate: -27deg;
			translate: 0 100%;

			@media (width >= 992px) {
				left: 54px;
			}
		}
	}

	.rewards {
		padding-block: 44px 10px;

		@media (width >= 768px) {
			padding-block: 67px 3px;
		}

		.rewards-content {
			position: relative;
			isolation: isolate;
			max-width: 1060px;
			margin-inline: auto;
		}

		h2 {
			max-width: 820px;
			margin: 0 auto 20px;
			text-wrap: pretty;

			@media (width >= 768px) {
				margin-bottom: 33px;
			}
		}

		.medium-text {
			font-size: 1.25rem;

			@media (width >= 768px) {
				font-size: 1.5rem;
			}
		}

		.after-title {
			margin-bottom: 80px;
		}

		.reward-row {
			margin-bottom: 50px;
			max-width: 900px;
			margin-inline: auto;
			position: relative;

			@media (width >= 768px) {
				margin-bottom: 72px;
			}

			&.two-column {
				display: grid;
				gap: 50px;

				@media (width >= 768px) {
					grid-template-columns: 1fr 1fr;
					gap: 20px;
				}

				@media (width >= 992px) {
					gap: 40px;
				}
			}
		}

		.box {
			max-width: 614px;
			margin-inline: auto;
			border-radius: 12px;
			padding: 0 20px 30px;
			backdrop-filter: blur(10px);

			@media (width >= 768px) {
				padding: 0 30px 40px;
			}

			@media (width >= 992px) {
				padding-inline: 70px;
			}
		}

		.position {
			--background: rgba(25, 24, 23, 0.8);
			--border-color: linear-gradient(92.95deg, #dbb145 0%, #a6772a 100%);

			padding: 10px 25px 12px;
			border-radius: 12px;
			backdrop-filter: blur(4px);
			font-size: 1.5rem;
			line-height: 1.2;
			translate: 0 -50%;
			width: fit-content;
			margin-inline: auto;
			box-shadow: 0px 0px 19.6px 0px rgba(219, 177, 69, 0.59);

			@media (width >= 768px) {
				font-size: 2rem;
			}
		}

		.cash {
			margin-bottom: 10px;
			font-weight: 600;
			font-size: 2rem;
			line-height: 1.2;
			color: rgb(219, 177, 69);

			@media (width >= 768px) {
				font-size: 2.75rem;
			}

			&.mb25 {
				margin-bottom: 25px;
			}

			.medium-text {
				display: block;
				font-weight: 600;
				font-size: 1.7rem;

				@media (width >= 768px) {
					font-size: 2.125rem;
				}
			}

			.smaller-text {
				display: block;
				font-weight: 400;
				font-size: 1.25rem;
				color: #fff;

				@media (width >= 768px) {
					font-size: 1.5rem;
				}

				&.mb10 {
					margin-bottom: 10px;
				}

				&.mt10 {
					margin-top: 10px;
				}
			}
		}

		p.smaller-text {
			font-size: 1.25rem;
			line-height: 1.2;
			margin-bottom: 10px;

			@media (width >= 768px) {
				font-size: 1.5rem;
			}

			&:last-of-type {
				margin-bottom: 0;
			}
		}

		.tl1-ticket {
			position: absolute;
			top: 45%;
			left: 0;
			display: block;
			width: 100px;
			rotate: 37deg;
			opacity: 0.6;
			translate: -100% 0;
			filter: blur(22px);
			z-index: -1;

			@media (width >= 768px) {
				width: 200px;
			}

			@media (width >= 992px) {
				width: 300px;
			}

			@media (width >= 1200px) {
				width: 345px;
			}
		}

		.tr1-ticket {
			position: absolute;
			top: 0;
			right: 0;
			display: block;
			width: 100px;
			translate: 50% -50%;
			rotate: -15deg;
			opacity: 0.7;
			filter: blur(22px);
			z-index: -1;

			@media (width >= 768px) {
				width: 200px;
				translate: 100% -50%;
			}

			@media (width >= 992px) {
				width: 300px;
			}

			@media (width >= 1200px) {
				width: 345px;
			}
		}

		.tl2-ticket {
			position: absolute;
			top: 20%;
			left: -16px;
			display: block;
			width: 45px;
			rotate: 26deg;
			z-index: -1;

			@media (width >= 768px) {
				width: 71px;
				left: 0px;
				top: 45%;
			}

			@media (width >= 992px) {
				left: 86px;
			}
		}

		.tr2-ticket {
			position: absolute;
			top: 20px;
			right: -16px;
			display: block;
			width: 45px;
			rotate: -10deg;
			z-index: -1;

			@media (width >= 768px) {
				width: 71px;
				right: 0px;
			}
		}

		.bottom-ticket {
			position: absolute;
			bottom: 0px;
			left: 50%;
			display: block;
			width: 80px;
			translate: -50% 50%;
			rotate: 5deg;
			filter: blur(3px);
			z-index: -1;

			@media (width >= 992px) {
				width: 140px;
			}
		}
	}

	.rules {
		padding-block: 30px 60px;

		@media (width >= 768px) {
			padding-bottom: 100px;
		}

		.rules-content {
			position: relative;
			isolation: isolate;
			max-width: 556px;
			margin-inline: auto;
		}

		h2 {
			margin-bottom: 28px;
		}

		p {
			margin-bottom: 15px;
			text-align: left;
			font-size: 1.25rem;
			display: flex;
			align-items: start;
			gap: 17px;

			@media (width >= 768px) {
				font-size: 1.5rem;
			}

			img {
				flex-shrink: 0;
				width: 24px;
				margin-top: 5px;
			}
		}

		.tr-ticket {
			position: absolute;
			top: 50%;
			right: 0px;
			display: block;
			width: 30px;
			rotate: -27deg;
			z-index: -1;
			translate: 100% 0;

			@media (width >= 768px) {
				width: 53px;
				right: -70px;
			}

			@media (width >= 992px) {
				right: -170px;
			}
		}

		.tl-ticket {
			position: absolute;
			bottom: -20px;
			left: 0px;
			display: block;
			width: 50px;
			rotate: 37deg;
			z-index: -1;
			translate: -100% 50%;

			@media (width >= 768px) {
				width: 99px;
				left: -46px;
				bottom: 0;
			}

			@media (width >= 992px) {
				left: -86px;
			}
		}
	}

	.faq {
		padding-block: 55px 80px;
		background: linear-gradient(90deg, #242424 0%, #201b1a 100%);
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;

		@media (width >= 768px) {
			border-top-left-radius: 50px;
			border-top-right-radius: 50px;
		}

		.wrapper {
			@media (width >= 768px) {
				width: min(90%, 1002px);
			}
		}

		h2 {
			margin-bottom: 40px;

			@media (width >= 768px) {
				margin-bottom: 50px;
			}

			@media (width >= 1200px) {
				margin-bottom: 60px;
			}
		}

		.accordion-item {
			background: rgba(25, 24, 23, 0.4);
			border: 1px solid rgba(44, 43, 42, 1);
			border-radius: 12px;
			margin-bottom: 10px;
			transition: all 0.3s ease;

			&:not(:has(.collapsed)) {
				border-color: rgba(139, 130, 124, 1);
			}

			@media (width >= 768px) {
				margin-bottom: 16px;
			}
		}

		.accordion-header {
			position: relative;
			z-index: 5;
		}

		.accordion-button {
			position: relative;
			padding: 18px 20px 18px 20px;
			border-radius: 0px !important;
			background: transparent;
			color: rgba(227, 224, 224, 1);
			font-weight: 400;
			font-size: 1.125rem;
			line-height: 1.3;
			box-shadow: none;
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 25px;

			@media (width >= 768px) {
				gap: 30px;
				padding: 19px 24px;
			}

			&::after {
				display: none;
			}

			svg {
				flex-shrink: 0;
				width: 10px;
				transition: all 0.3s ease;
			}

			&:not(.collapsed) {
				svg {
					rotate: 180deg;
				}
			}
		}

		.accordion-body {
			position: relative;
			padding: 20px;

			@media (width >= 768px) {
				padding-inline: 24px;
			}

			&::before {
				content: "";
				position: absolute;
				left: 20px;
				right: 20px;
				top: 0;
				height: 1px;
				background: rgba(44, 43, 42, 1);
				transition: all 0.3s ease;
			}

			@media (width >= 768px) {
				&::before {
					left: 24px;
					right: 24px;
				}
			}

			p {
				margin: 0 0 10px;
				color: rgba(179, 175, 169, 1);
				font-weight: 400;
				font-size: 1rem;
				line-height: 1.36;
				text-align: left;
				text-wrap: pretty;

				&:last-of-type {
					margin-bottom: 0;
				}
			}
		}
	}

	.trusted-brand {
		padding-block: 25px;
		border-top: 1px solid transparent;
		border-bottom: 1px solid transparent;
		background: linear-gradient(322.21deg, rgba(25, 24, 23, 1) 0%, rgba(25, 24, 23, 1) 100%) padding-box,
			linear-gradient(269.86deg, rgba(116, 116, 116, 0.2) 0.01%, rgba(255, 255, 255, 0.2) 99.99%) border-box;

		@media (width >= 992px) {
			padding-block: 20px;
		}

		.trusted-content {
			margin-inline: auto;
			max-width: 770px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 20px;

			@media (width >= 992px) {
				flex-direction: row;
			}

			@media (width >= 992px) {
				gap: 30px;
			}

			img {
				flex-shrink: 0;
				width: 188px;
			}

			p {
				margin: 0;
				font-weight: 400;
				font-size: 1.25rem;
				line-height: 1.42;
				color: #fff;
				text-align: center;
				text-wrap: pretty;

				@media (width >= 992px) {
					text-align: left;
				}

				@media (width >= 1200px) {
					font-size: 1.5rem;
				}
			}
		}
	}
}