@import url("https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");

:root,
[data-bs-theme="light"] {
	--bs-primary: #1faaec;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f6fafd;
	--bs-dark: #091726;

	--bs-dark-blue: #1a284c;

	--bs-primary-rgb: 31, 170, 236;
	--bs-secondary-rgb: 108, 117, 125;
	--bs-success-rgb: 25, 135, 84;
	--bs-info-rgb: 13, 202, 240;
	--bs-warning-rgb: 255, 193, 7;
	--bs-danger-rgb: 220, 53, 69;
	--bs-light-rgb: 246, 250, 253;
	--bs-dark-rgb: 9, 23, 38;

	--bs-font-sans-serif: "PT Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans",
		"Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
		"Noto Color Emoji";
	/* --bs-body-color: #212121; */
	--bs-body-color-rgb: 33, 33, 33;

	--bs-secondary-bg: #e9ecef;
	--bs-secondary-bg-rgb: 233, 236, 239;

	--bs-link-color: #1faaec;
	--bs-link-color-rgb: var(--bs-primary-rgb);

	--bs-link-decoration: none;

	--bs-link-hover-color: #1faaec;
	--bs-link-hover-color-rgb: var(--bs-primary-rgb);

	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-color: #dee2e6;

	--bs-border-radius: 0.375rem;
	--bs-border-radius-sm: 0.25rem;
	--bs-border-radius-lg: 0.5rem;
	--bs-border-radius-xl: 1rem;
	--bs-border-radius-xxl: 2rem;
	--bs-border-radius-2xl: var(--bs-border-radius-xxl);
	--bs-border-radius-pill: 50rem;

	--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
	--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);

	--bs-focus-ring-width: 0.25rem;
	--bs-focus-ring-opacity: 0.25;
	--bs-focus-ring-color: rgba(var(--bs-primary-rgb), 0.25);
}

@media (min-width: 1400px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1140px;
	}
}

/* Elements */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	line-height: 1.2;
}

a {
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

/* Layout */
html,
body {
	height: 100%;
	-webkit-font-smoothing: antialiased;
}

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

.main {
	flex-grow: 1;
}

/* Components */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 32px;
	transition: all 200ms ease-in-out;
	font-weight: 700;
	border-radius: 5px;
	will-change: transform;
}

.btn:hover {
	transform: scale(1.1);
}

.btn-primary {
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-bg: var(--bs-primary);
	--bs-btn-hover-border-color: var(--bs-primary);
	--bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
	--bs-btn-active-bg: var(--bs-primary);
	--bs-btn-active-border-color: var(--bs-primary);
	--bs-btn-disabled-bg: var(--bs-primary);
	--bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-dark {
	--bs-btn-bg: var(--bs-dark);
	--bs-btn-border-color: var(--bs-dark);
	--bs-btn-hover-bg: var(--bs-dark);
	--bs-btn-hover-border-color: var(--bs-dark);
	--bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
	--bs-btn-active-bg: var(--bs-dark);
	--bs-btn-active-border-color: var(--bs-dark);
	--bs-btn-disabled-bg: var(--bs-dark);
	--bs-btn-disabled-border-color: var(--bs-dark);
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	--bs-gutter-x: 3rem;
}

/* Utilities */
.py-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.py-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.py-80 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.py-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.text-dark-blue {
	color: var(--bs-dark-blue);
}

.fs-sm {
	font-size: 14px;
}

.fs-lg {
	font-size: 18px;
}

/* Navbar */
.navbar {
	--bs-navbar-padding-y: 0.5rem;
	--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.87);
	--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.87);
	--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
	--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 87);

	--bs-navbar-brand-padding-y: 0.3125rem;
	--bs-navbar-brand-margin-end: 0;
	--bs-navbar-brand-font-size: 1.25rem;

	--bs-navbar-nav-link-padding-x: 10px;

	--bs-navbar-toggler-padding-y: 0.25rem;
	--bs-navbar-toggler-padding-x: 0.75rem;
	--bs-navbar-toggler-font-size: 1.25rem;
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
	--bs-navbar-toggler-border-radius: var(--bs-border-radius);
	--bs-navbar-toggler-focus-width: 0.25rem;
	--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;

	padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

.navbar-nav {
	--bs-nav-link-padding-x: 0;
	--bs-nav-link-padding-y: 10px;
	--bs-nav-link-font-weight: 700;
}

@media (min-width: 992px) {
	.navbar-nav {
		gap: 1rem;
	}

	.nav-link {
		position: relative;
	}

	.nav-link::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 2px;
		background: var(--bs-primary);
		transition: all 0.2s ease-in-out;
	}

	.nav-link:hover::before {
		width: 100%;
	}
}

/* Hero section */
.hero-section .buttons-block {
	margin-top: 40px;
}

/* Brands */
.brands-section {
	padding: 20px 0 40px;
}

.brands-carousel-wrapper {
	position: relative;
}

.brand-item {
	padding: 20px;
}

.brand-item img {
	max-height: 200px;
}

.carousel-controls button {
	position: absolute;
	background: transparent;
	border: none;
	outline: none;
	padding: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	color: #58676e;
	display: grid;
	place-content: center;
	opacity: 0.3;
}

.carousel-controls .control-prev {
	left: 0;
}

.carousel-controls .control-prev svg {
	transform: rotate(180deg);
}

.carousel-controls .control-next {
	right: 0;
}

/* Steps */
.steps-card {
	color: #1a284c;
	padding: 40px 25px 40px;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
	align-items: center;
	border-radius: 26px;
	height: 100%;
}

.steps-card img {
	width: 240px;
	height: 260px;
	margin: 25px 0;
}

/* Iceberg section */
.iceberg-section img {
	outline: 2px solid #fff;
}

/* Review */
.review-carousel-wrapper {
	position: relative;
	margin: 0 -20px;
}

.review-carousel-item {
	padding: 20px;
}

.review-card {
	color: #020e1e;
	align-items: center;
	border-radius: 15px;
	padding: 30px;
	background: #fff;
	box-shadow: 0 9px 14px 3px rgba(0, 0, 0, 0.03);
}

.review-author {
	max-width: 70%;
	margin: auto;
}

.review-author-img {
	position: relative;
	padding-bottom: 100%;
	margin-bottom: 25px;
}

.review-author img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.review-author p {
	color: #a4a9af;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 0;
}

/* Footer */
.footer {
	color: #8c91a0;
	font-size: 14px;
}

.footer a {
	color: inherit;
}

.footer-top {
	padding: 80px 0 30px;
}

.footer-logo img {
	width: 64px;
	height: 64px;
}

.contact-list li {
	display: flex;
	gap: 1rem;
}

.contact-list li + li {
	margin-top: 14px;
}

.contact-list .icon {
	fill: currentColor;
	width: 1.5rem;
	height: 1.5rem;
	flex-shrink: 0;
}

.contact-list p {
	margin-top: 2px;
}

.voxcollector-divider {
	margin-top: 30px;
	border-bottom: 1px solid #2d3343;
	margin-bottom: 30px;
}

.footer hr {
	margin: 2rem 0;
}

/* Footer Bottom */
.footer-bottom {
	padding-bottom: 2rem;
}

.copyright {
	font-size: 12px;
	margin-bottom: 0;
}

.footer a {
	transition: none;
}

.footer a:hover {
	color: var(--bs-primary);
}

.social .icon {
	width: 1.5rem;
	height: 1.5rem;
	fill: currentColor;
	transition: all 0.2s ease-in-out;
}

.footer-bottom ul.botton-social-icon li {
	margin: 5px;
	display: inline-block;
}

.footer-bottom ul.botton-social-icon li a {
	color: #8c91a0;
}

/* Scroll nav */
.scroll-nav a {
	padding: 20px 30px;
	display: block;
}

/* Pricing */

.pricing-table {
	overflow-y: auto;
}

.price-header,
.price-body {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
	text-align: center;
}

.quantity {
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.quantity .form-control {
	width: 40px;
	font-size: 16px;
	text-align: center;
	border-color: #16a0e8;
	-moz-appearance: textfield;
	padding: 5px;
	margin: 0;
}

.quantity .form-control::-webkit-outer-spin-button,
.quantity .form-control::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.quantity .btn {
	padding: 0;
	font-size: 24px;
	width: 24px;
	height: 24px;
}

/* FAQ */

.accordion {
	--bs-accordion-border-width: 0;
	--bs-accordion-btn-padding-y: 1.25rem;
	--bs-accordion-btn-icon-width: 1rem;
	--bs-accordion-btn-focus-border-color: transparent;
	--bs-accordion-btn-focus-box-shadow: none;
	--bs-accordion-active-color: var(--bs-primary);
	--bs-accordion-active-bg: inherit;

	display: grid;
	gap: 1rem;
	font-size: 14px;
}

.accordion-button {
	font-size: 14px;
	font-weight: 700;
}

.accordion-body {
	padding-top: 0;
    color: #697690;
}
.accordion-body p {
	margin: 0;
}