.owl-carousel.owl-loaded {
	.owl-nav {
		> button {
			width: 74px;
			height: 74px;
			line-height: 74px;
			border: 2px solid currentColor;
			color: var(--theme-secondary-color);
			border-radius: 50%;
			font-size: 40px;
			@include d-flex();
			@include align-items-center();
			@include justify-content-center();
			@include transform(translateY(-50%));
			position: absolute;
			top: 50%;

			&:hover {
				background-color: var(--theme-secondary-color);
				border-color: var(--theme-secondary-color);
				color: var(--theme-secondary-foreground-color);
			}

			&:before {
				display: none;
			}

			i {
				font-weight: 200;
				padding: 0;
			}
		}

		.owl-prev {
			left: -100px;
		}

		.owl-next {
			right: -100px;
		}
	}

	.owl-dots {
		text-align: center;

		> .owl-dot {
			width: 26px;
			height: 26px;
			margin: 0;
			@include d-inline-flex();
			@include align-items-center();
			@include justify-content-center();
			border-radius: 50%;

			span {
				width: 6px;
				height: 6px;
				border-radius: 50%;
				background-color: var(--theme-accent-color);
			}

			&:before {
				display: none;
			}

			&.active {
				border: 1px solid var(--theme-accent-color);
			}
		}
	}
}