@font-face {
	font-family: montserrat-bold;
	src: url(../fonts/Montserrat-Bold.ttf);
}

@font-face {
	font-family: montserrat-regular;
	src: url(../fonts/Montserrat-Regular.ttf);
}

body{
	font-family: montserrat-regular;
}

.font-title{
	font-family: montserrat-bold;
}

.font-13pt{
	font-size: 13px!important;
}

.font-15pt{
	font-size: 15px!important;
}

.font-17pt{
	font-size: 17px!important;
}

.font-18pt{
	font-size: 18px!important;
}

.font-20pt{
	font-size: 20px!important;
}

.font-22pt{
	font-size: 22px!important;
}

.font-sm-title{
	font-size: 25px!important;
}

.font-md-title{
	font-size: 28px!important;
}

.font-lg-title{
	font-size: 32px!important;
}

.object-fit-cover{
	object-fit: cover;
}

.no-active-focus:active,
.no-active-focus:focus,
.no-active-focus*:active,
.no-active-focus*:focus{
	box-shadow: none!important;
	outline: none!important;
	border-color: transparent!important;
}

.radius-sm{
	border-radius: 5px;
}

.radius-md{
	border-radius: 10px;
}

.radius-lg{
	border-radius: 15px;
}

.radius-xl{
	border-radius: 25px;
}

.text-black{
	color:#212529!important;
}

.py-7{
	padding: 5rem 0rem;
}

.pb-9{
	padding-bottom: 7rem;
}

.text-primary{
	color: #1360ef!important;
}

.text-warning{
	color: #fb3!important;
}

.btn-primary{
	background: rgb(0,91,234);
	background: linear-gradient(90deg, rgba(0,91,234,1) 0%, rgba(37,117,252,1) 80%);
	color: #fff;
}

.bg-primary{
	background-color: #1360ef!important;
}

.logo-nav{
	height: 60px;
}

.navbar-light .navbar-nav .nav-link{
	color:#212529;
}

.navbar-nav .nav-item{
	padding-right: 30px;
}

.navbar-nav .nav-item:last-child{
	padding-right: 0px;
}

.about-option .about-option-item{
	position: absolute;
}

.about-option .about-option-item:first-child{
	top: 20%;
	left: -20%;
}

.about-option .about-option-item:nth-child(2){
	top: 35%;
	right: -15%;
}

.about-option .about-option-item:nth-child(3){
	bottom: 30%;
	left: -25%;
}

.about-option .about-option-item:nth-child(4){
	bottom: 4%;
	right: -15%;
}

.introduce-system,
footer{
	background: url(../img/bg-about.png);
	background-size: cover;
	background-position: center;
}

.statistic-item img{
	height: 95px;
}

.statistic .row{
	margin-top: -60px;
}

.three-dot{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #1360ef;
}

.three-dot:before{
	content: "";
	position: absolute;
	top: 1.5px;
	left: -15px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #1360ef;
	z-index: 9;
}

.three-dot:after{
	content: "";
	position: absolute;
	top: 1.5px;
	right: -15px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #1360ef;
	z-index: 9;
}

.icon-container{
	width: 70px;
	height: 70px;
	font-size: 30px;
	background: rgba(19, 96, 239,0.1);
}

.option-item-content{
	width: calc(100% - 85px)
}

.option-intro-item{
	margin-bottom: 40px;
}

.option-intro-item:last-child{
	margin-bottom: 0px;
}

.service-list .service-item{
	margin-bottom: 20px;
}

.service-list .service-item:last-child{
	margin-bottom: 0px;
}

.form-container{
	background: rgba(250, 215, 118, .1);
}

.contact-footer{
	height: 210px;
}

@media (min-width: 1200px) {}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.about-option .about-option-item:first-child {
		top: 20%;
		left: -30%;
	}

	.about-option .about-option-item:nth-child(2) {
		top: 35%;
		right: -25%;
	}

	.about-option .about-option-item:nth-child(3) {
		bottom: 30%;
		left: -30%;
	}

	.about-option .about-option-item:nth-child(4) {
		bottom: 4%;
		right: -25%;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.about-option .font-17pt {
		font-size: 11px!important;
	}

	.about-option .about-option-item:first-child {
		top: 12%;
		left: -25%;
	}

	.about-option .about-option-item:nth-child(2) {
		top: 35%;
		right: -22%;
	}

	.about-option .about-option-item:nth-child(3) {
		bottom: 30%;
		left: -25%;
	}

	.about-option .about-option-item:nth-child(4) {
		bottom: 4%;
		right: -12%;
	}

	.about-option .about-option-item,
	.statistic .col-sm-12,
	.you-can-do .col-sm-12:first-child,
	.service .col-sm-12:first-child,
	footer .col-sm-12{
		margin-bottom: 20px;
	}

	.about-option .about-option-item:last-child,
	.statistic .col-sm-12:last-child,
	.statistic .col-sm-12:nth-last-child(2){
		margin-bottom: 0px;
	}

	.font-sm-title {
		font-size: 20px!important;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.about-option .about-option-item{
		position: relative;
		top: 0!important;
		left: 0!important;
		right: 0!important;
		bottom: 0!important;
	}

	.about-option .about-option-item:first-child{
		margin: 20px 0px;
	}

	.about-option .about-option-item,
	.statistic .col-sm-12,
	.you-can-do .col-sm-12:first-child,
	.service .col-sm-12:first-child,
	footer .col-sm-12{
		margin-bottom: 20px;
	}

	.about-option .about-option-item:last-child,
	.statistic .col-sm-12:last-child,
	.statistic .col-sm-12:nth-last-child(2){
		margin-bottom: 0px;
	}

	.statistic .col-sm-12{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (max-width: 575.98px) {
	.about-option .about-option-item{
		position: relative;
		top: 0!important;
		left: 0!important;
		right: 0!important;
		bottom: 0!important;
	}

	.about-option .about-option-item:first-child{
		margin: 20px 0px;
	}

	.about-option .about-option-item,
	.statistic .col-sm-12,
	.you-can-do .col-sm-12:first-child,
	.service .col-sm-12:first-child,
	footer .col-sm-12{
		margin-bottom: 20px;
	}

	.about-option .about-option-item:last-child,
	.statistic .col-sm-12:last-child{
		margin-bottom: 0px;
	}

	.contact-footer {
		height: auto;
	}
}

@media (max-width: 320px){
	.font-lg-title {
		font-size: 26px!important;
	}

	.font-sm-title {
		font-size: 21px!important;
	}
}