:root {
	--font-family: "Roboto", sans-serif;
	--second-family: "Nunito", sans-serif;
	--third-family: "Inter", sans-serif;
	--prime-blue: #008ce4;
	--prime-green: #25d366;
	--prime-red: #d7263d;
	--dark-blue--1: #4141a5;
	--dark-blue-text: #222f5d;
	--extreme-light-blue-bg: #f5f7fa;
	--light-blue-bg: #e6ecff;
	--white: #fff;
	--red-+1: #e4394f;
	--red--1: #cc0923;
	--colors-blue: #008ce4;
	--colors-blue-1: #24a8fc;
	--colors-red: #d7263d;
	--colors-red-1: #e4394f;
	--colors-red--1: #cc0923;
	--colors-dark-blue: #222f5d;
	--colors-extreme-light-blue: #f5f7fa;
	--colors-extreme-light-blue--1: #ebedf0;
	--colors-30: #4d4d4d;
	--colors-20: #333;
	--colors-60: #999;
	--colors-0: #000;
	--colors-100: #fff;
	--colors-yellow: #ffd600;
	--colors-violet: #7b2bdf;
	--colors-orange: #ff8a00;
	--colors-green: #43ce7e;
	--colors-pink: #cd129c;
	--colors-light-blue: #e6ecff;
	--button-prime-text: #fff;
	--color: #fff;
	--button-second-text: #fff;
	--cards-border: #d9d9d9;
}
.bt {
	position: relative;
	cursor: pointer;
	transition: all 300ms ease;
	height: 50px;
	padding: 0 30px;
	border-radius: 12px;
	font-weight: 900;
	font-size: 17px;
	text-align: center;
	color: var(--white);
}
a.bt {
	display: inline-flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}
.bt-primary {
	background: var(--prime-blue);
}
.bt-danger {
	background: var(--prime-red);
}
.bt-light {
	background: var(--white);
	color: var(--colors-20);
}
.bt-dark-outline {
	border: 2px solid var(--colors-30);
	color: var(--colors-20);
}
.bt-primary-outline {
	background: #fff;
	border: 2px solid;
	color: var(--prime-blue);
}
.bt-white {
	background: var(--colors-100);
	color: var(--colors-20);
}
.bt-success {
	background: var(--prime-green);
}


.bg-primary {
	background: var(--prime-blue);
}
.bg-warning {
	background: var(--colors-orange);
}
.bg-success {
	background: var(--prime-green);
}
.bg-danger {
	background: var(--prime-red);
}
.bg-warning-light {
	background: var(--colors-yellow);
}
.bg-warning-thin {
	background: #f7f1c8;
}
.bg-pink {
	background: var(--colors-pink);
}
.bg-violet {
	background: var(--colors-violet);
}
.bg-green {
	background: var(--colors-green);
}
.bg-dark-blue-1 {
	background: var(--dark-blue--1);
}
.extreme-light-blue-bg {
	background: var(--extreme-light-blue-bg);
}
.bg-transparent {
	background: 0;
}


.fill-primary {
	fill: var(--prime-blue);
}
.fill-warning {
	fill: var(--colors-orange);
}
.fill-success {
	fill: var(--prime-green);
}
.text-white {
	color: var(--white);
}
.text-nowrap {
	white-space: nowrap;
}

.text-primary {
	color: var(--prime-blue);
}
.text-warning {
	color: var(--colors-orange);
}
.text-success {
	color: var(--colors-green);
}
.text-danger {
	color: var(--prime-red);
}
.text-light {
	color: #000;
}


.bt-social {
	border-radius: 12px;
	width: 42px;
	min-width: 42px;
	height: 42px;
	display: -webkit-inline-flex;
	display: -ms-inline-flex;
	display: inline-flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.bt-social svg {
	width: 24px;
	height: 24px;
	fill: var(--white);
	transition: all .2s;
	transform: scale(1);
}
.bt-social .icon-telegram {
	height: 20px;
	margin-right: 2px;
}
.bt-menu {
	width: 36px;
	height: 36px;
	cursor: pointer;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}
.bt-menu svg {
	width: 26px;
	height: 18px;
}
.text-center {
	text-align: center;
}
.fw-black {
	font-weight: 900;
}
.fw-medium {
	font-weight: 500;
}
.text-uppercase {
	text-transform: uppercase;
}
.link-dashed {
	position: relative;
	display: inline-block;
	text-underline-offset: 3px;
	text-decoration-style: dotted;
	text-decoration-line: underline;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;

}
/* .link-dashed::after {
	content: '';
	display: block;
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='2' stroke-dasharray='2%2c 5' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
	background-repeat: repeat-x;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
} */


.alert {
    color: var(--white) !important;
    padding: 10px;
    border-radius: 8px;
    margin-top: 20px;
}

.alert-error {
    background: var(--colors-red-1);
}

.alert-success {
    background: var(--colors-green);
}

.alert-warning {
    background: var(--colors-yellow);
}