@font-face {
  font-family: Jakarta;
  src: url(../ttf/plusjakartasans-regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: Jakarta;
  src: url(../ttf/plusjakartasans-medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: Jakarta;
  src: url(../ttf/plusjakartasans-bold.ttf);
  font-weight: 700;
}

.light-text h1,
.light-text h2,
.light-text h3,
.light-text h4,
.light-text h5,
.light-text h6,
.light-text p,
.light-text li,
.light-text a {
	color: #fff;
}
.content-container {
	max-width: 1112px;
	margin: 0 auto;
	padding: 0 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.dr-btn {
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	padding: 12px 20px;
	opacity: 1;
}
.dr-btn:hover,
.dr-btn:focus,
.dr-btn:active {
	opacity: 0.7;
}
.dr-btn.lg {
	padding: 12px 24px;
	font-size: 14px;
}
.dr-btn.pill {
	border-radius: 32px;
}
.dr-btn.rounded {
	border-radius: 5px;
}
.dr-btn.light {
	color: #0F27DB;
	background: #fff;
	border: none;
}
.dr-btn.outlined {
	color: rgba(15, 39, 219, 1);
	background: transparent;
	border: 1px solid #0F27DB;
}
.dr-btn.outlined.light {
	color: rgba(255, 255, 255, 1);
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 1);
}
.dr-btn.outlined:hover:before {
	transform: translateX(0);
}



.content-row {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}
.dr-col-20 {
	width: 20%;
}
.dr-col-25 {
	width: 25%;
}
.dr-col-30 {
	width: 30%;
}
.dr-col-33 {
	width: 33.3%;
}
.dr-col-35 {
	width: 35%;
}
.dr-col-40 {
	width: 40%;
}
.dr-col-45 {
	width: 45%;
}
.dr-col-50 {
	width: 50%;
}
.dr-col-55 {
	width: 55%;
}
.dr-col-60 {
	width: 60%;
}
.dr-col-65 {
	width: 65%;
}
.dr-col-70 {
	width: 70%;
}
.dr-col-75 {
	width: 75%;
}
.dr-col-80 {
	width: 80%;
}
.dr-col-100 {
	width: 100%;
}
@media only screen and (max-width: 992px) {
	.dr-col-20,
	.dr-col-25,
	.dr-col-30,
	.dr-col-33,
	.dr-col-35,
	.dr-col-40,
	.dr-col-45,
	.dr-col-50,
	.dr-col-55,
	.dr-col-60,
	.dr-col-65,
	.dr-col-70,
	.dr-col-75,
	.dr-col-80,
	.dr-col-100 {
		width: 100%;
	}
}
.veritcal-center {
	align-items: center;
}
.text-left {
	flex-direction: row-reverse;
}