:root {
	--bs-border-color: #e5e5e5!important;
	--bs-primary-rgb: 41, 6, 162!important;
}

.bg-gradient-primary-accent {
	background-image: linear-gradient(90deg, var(--primary-color), var(--accent-color));
}

a {
	text-decoration: none!important;
}

a:hover {
	color: var(--accent-color);
}

@media (min-width: 1400px) {
	.container {
		max-width: 1200px!important;
	}
}

.mw_1000 {
	max-width: 1000px!important;
}

.bg_cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.bg_contain {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.pb_p100 {
	padding-bottom: 100%;
}

.fw_500 {
	font-weight: 500;
}

.w_20 {
	width: 20px;
}
.h_20 {
	height: 20px;
}
.w_40 {
	width: 40px;
}
.h_40 {
	height: 40px;
}

.fs_sm {
	font-size: 0.75rem;
}

.text_primary {
	--bs-text-opacity: 1;
    color: rgba(var(--primary-rgb),var(--bs-text-opacity))!important;
}

.text_accent {
	--bs-text-opacity: 1;
    color: rgba(var(--accent-rgb),var(--bs-text-opacity))!important;
}

.bg_primary {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--primary-rgb),var(--bs-bg-opacity))!important;
}

.bg_accent {
	background-color: var(--accent-color);
}

.border_primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--primary-rgb),var(--bs-border-opacity))!important;
}

.border_accent {
    --bs-border-opacity: 1;
    border-color: rgba(var(--accent-rgb),var(--bs-border-opacity))!important;
}

.btn_primary {
	--bs-btn-color: #fff!important;
    --bs-btn-bg: var(--primary-color)!important;
    --bs-btn-border-color: var(--primary-color)!important;
    --bs-btn-hover-bg: var(--primary-color-dark)!important;
    --bs-btn-hover-border-color: var(--primary-color-dark)!important;
    --bs-btn-active-bg: var(--primary-color-dark)!important;
    --bs-btn-active-border-color: var(--primary-color-dark)!important;
    --bs-btn-disabled-bg: var(--primary-color)!important;
    --bs-btn-disabled-border-color: var(--primary-color)!important;
}

.btn_accent {
	--bs-btn-color: #fff!important;
    --bs-btn-bg: var(--accent-color)!important;
    --bs-btn-border-color: var(--accent-color)!important;
    --bs-btn-hover-bg: var(--accent-color-dark)!important;
    --bs-btn-hover-border-color: var(--accent-color-dark)!important;
    --bs-btn-active-bg: var(--accent-color-dark)!important;
    --bs-btn-active-border-color: var(--accent-color-dark)!important;
    --bs-btn-disabled-bg: var(--accent-color)!important;
    --bs-btn-disabled-border-color: var(--accent-color)!important;
}

.btn_accent:hover {
	color: #fff!important;
}

/* loader */
	.loader {
		display: flex;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: rgba(255, 255, 255, 0.5);
		z-index: 9999;
		align-items: center;
		justify-content: center;
	}

	.loader .icon:before {
		font-family: "Font Awesome 6 Pro";
		font-weight: 300;
		font-size: 20pt;
		content: "\f3f4";
		display: inline-block;
		animation: lds-dual-ring 1.2s linear infinite;
	}
/* loader */
/*  */

@keyframes lds-dual-ring {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }
/*  */

.dropdown-menu {
	--bs-dropdown-font-size: 0.9rem!important;
}

.bg_black_gradient_50 {
	background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
}

/* Chrome, Safari, Edge, Opera */
input.arrow_::-webkit-outer-spin-button,
input.arrow_::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.arrow_[type=number] {
  -moz-appearance: textfield;
}

.gratient-title {
	overflow: hidden;
	text-align: center;
	/* color: var(--middle-color)!important; */
	background: -webkit-linear-gradient(45deg, var(--primary-color), var(--middle-color) 80%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
.gratient-title:before,
.gratient-title:after {
	content: "";
	display: inline-block;
	height: 3px;
	position: relative;
	vertical-align: middle;
	width: 50%;
	border-radius: 3px;
}

.gratient-title:before {
	background-image: linear-gradient(90deg, var(--primary-color), var(--middle-color));
	right: 0.5em;
	margin-left: -50%;
}

.gratient-title:after {
	background-image: linear-gradient(90deg, var(--middle-color), var(--accent-color));
	left: 0.5em;
	margin-right: -50%;
}