@import url(https://fonts.googleapis.com/css?family=Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap);

body {
	font-family: "Nunito Sans", sans-serif;
	font-size: 1rem;
	color: #718096;
	font-weight: 500;
	line-height: 1.5;
	font-smoothing: antialiased;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted  #0c389b;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color:  #0c389b;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  
  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  opacity: 0;
  transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
a {
	color: #152c5b;
	font-weight: 700
}

a:hover {
	color: #0c389b
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #152c5b;
	font-weight: 700
}

.white-color .h1,
.white-color .h2,
.white-color .h3,
.white-color .h4,
.white-color .h5,
.white-color .h6,
.white-color h1,
.white-color h2,
.white-color h3,
.white-color h4,
.white-color h5,
.white-color h6 {
	color: #fff
}

.display-1,
.display-2,
.display-3,
.display-4 {
	color: #152c5b;
	font-weight: 700
}

.font-alt {
	font-family: "Nunito Sans", sans-serif
}

.lead {
	font-weight: 400;
	line-height: 1.5
}

@media (max-width:767px) {
	.lead {
		font-size: 1.08rem
	}
}

.font-small {
	font-size: .75rem;
	line-height: 1rem
}

@media (max-width:1199px) {
	legend {
		font-size: calc(1.275rem + .3vw)
	}

	.h1,
	h1 {
		font-size: calc(1.375rem + 1.5vw)
	}

	.h2,
	h2 {
		font-size: calc(1.325rem + .9vw)
	}

	.h3,
	h3 {
		font-size: calc(1.3rem + .6vw)
	}

	.h4,
	h4 {
		font-size: calc(1.275rem + .3vw)
	}

	.display-1 {
		font-size: calc(1.725rem + 5.7vw)
	}

	.display-2 {
		font-size: calc(1.675rem + 5.1vw)
	}

	.display-3 {
		font-size: calc(1.575rem + 3.9vw)
	}

	.display-4 {
		font-size: calc(1.475rem + 2.7vw)
	}

	.close {
		font-size: calc(1.275rem + .3vw)
	}
}

.font-w-700 {
	font-weight: 700
}

.m-btn-wide {
	min-width: 160px
}

.m-btn.m-btn-theme {
	background: #0a0a0a;
	color: #fff
}

.m-btn.m-btn-theme2nd {
	background: #0a0a0a;
	color: #fff
}

.m-btn {
	display: inline-block;
	border: none;
	color: inherit;
	line-height: 1.5;
	border-radius: 0;
	padding: .75rem 1.75rem;
	font-size: 1rem;
	cursor: pointer;
	font-weight: 600;
	-moz-transition: ease-in-out all .55s;
	-o-transition: ease-in-out all .55s;
	-webkit-transition: ease-in-out all .55s;
	transition: ease-in-out all .55s;
	text-align: center;
	border: 1px solid transparent
}

.m-btn.m-btn-shadow {
	box-shadow: 0 21px 35px -5px rgba(0, 0, 0, .3)
}

.m-btn.m-btn-radius {
	border-radius: 5px
}

.m-btn.m-btn-icon.m-btn-round {
	border-radius: 50%
}

.m-btn.m-btn-sm {
	padding: .5rem 1.25rem;
	font-size: .85rem;
	line-height: 1.5
}

.m-btn.m-btn-sm.m-btn-icon {
	width: 2.4375rem;
	height: 2.4375rem;
	line-height: 2.4375rem
}

.m-btn.m-btn-lg {
	padding: 1rem 1.875rem;
	font-size: 1rem;
	line-height: 1.5
}

.m-btn.m-btn-lg.m-btn-icon {
	width: 4rem;
	height: 4rem;
	line-height: 4rem
}

.m-btn.m-btn-xl {
	padding: 1.5rem 2rem;
	font-size: 1.5rem;
	line-height: 1.5
}

.m-btn.m-btn-xl.m-btn-icon {
	width: 4rem;
	height: 4rem;
	line-height: 4rem
}

.m-btn.m-btn-white {
	background: #fff;
	border-color: #fff;
	color: #152c5b
}

.m-btn.m-btn-white:focus,
.m-btn.m-btn-white:hover {
	background: 0 0;
	color: #fff
}

.m-btn.m-btn-t-white {
	background: 0 0;
	border-color: #fff;
	color: #fff
}

.m-btn.m-btn-t-white:focus,
.m-btn.m-btn-t-white:hover {
	background: #fff;
	border-color: #fff;
	color: #152c5b
}

.m-btn.m-btn-light {
	background: 0 0;
	border-color: rgba(247, 249, 252, .25);
	color: #fff
}

.m-btn.m-btn-light:focus,
.m-btn.m-btn-light:hover {
	background: rgba(247, 249, 252, .25);
	color: #fff
}

img {
	max-width: 100%
}

.section {
	padding: 50px 0
}

@media (max-width:991px) {
	.section {
		padding-top: 70px;
		padding-bottom: 70px
	}
}

@media (max-width:767px) {
	.section {
		padding-top: 40px;
		padding-bottom: 40px
	}
}

.full-screen {
	min-height: 100vh
}

@media (min-width:992px) {
	.max-width-120 {
		max-width: 120%
	}
}

@media (min-width:992px) {
	.max-width-140 {
		max-width: 140%
	}
}

.theme-bg {
	background-color: #0c389b
}

.theme-color {
	color: #0c389b
}

.theme2nd-bg {
	background-color: #0c389b
}

.dark-color {
	color: #152c5b
}

.gray-bg {
	background-color: #f2f3fa
}

.white-bg-alt {
	background-color: rgba(255, 255, 255, .1)
}

.white-bg {
	background-color: #fff
}

.white-color {
	color: #fff
}

.yellow-color {
	color: #fff
}

.green-bg-alt {
	background-color: #f3f3ff;
}

.green-color {
	color: #0c389b
}

.white-color-light {
	color: rgba(255, 255, 255, .65)
}

.theme-g-bg {
	background: linear-gradient(to right, #cf4d27, #002a72)
}

.svg-color circle,
.svg-color path,
.svg-color polygon,
.svg_img circle,
.svg_img path,
.svg_img polygon {
	fill: currentColor
}

.main-page-title {
	padding: 175px 0 80px
}

@media (max-width:991px) {
	.main-page-title {
		padding-top: 130px
	}
}

.main-page-title.effect-section .shap-top-left {
	width: 80vh;
	height: 80vh
}

.breadcrumb {
	margin: 0;
	padding: 0;
	list-style: none;
	background: 0 0;
	border-radius: 0
}

.breadcrumb li {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 400;
	position: relative;
	color: #152c5b
}

.breadcrumb li+li {
	padding-left: 17px;
	margin-left: 17px
}

.breadcrumb li+li:after {
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: currentColor;
	opacity: .5;
	left: -2px;
	top: 0;
	bottom: 0;
	margin: auto
}

.breadcrumb li a {
	color: #152c5b
}

.breadcrumb.white li {
	color: #fff
}

.breadcrumb.white li a {
	color: #fff
}

.particles-box {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	opacity: .2;
	pointer-events: none
}

.effect-section {
	position: relative;
	overflow: hidden
}

.effect-section .bottom-ani {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

.effect-section .svg-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none
}

.effect-section .shap-top-left {
	position: absolute;
	width: 100vh;
	height: 100vh;
	left: -30vh;
	top: -30vh
}

.effect-section .shap-bottom-right {
	position: absolute;
	width: 100vh;
	height: 100vh;
	right: -30vh;
	bottom: -30vh
}

.icon-40 i.number {
	font-style: normal
}

.icon-50 {
	width: 50px;
	height: 50px;
	text-align: center;
	font-size: 21px
}

.icon-50 i {
	line-height: 50px
}

.icon-80 {
	width: 80px;
	height: 80px;
	text-align: center;
	font-size: 36px
}

.icon-80 i {
	line-height: 80px
}

.icon-80 i.number {
	font-style: normal
}

@media screen and (max-width:990px) {
	.x-hidden {
		display: none
	}
}

.opacity-2 {
	opacity: .2
}

.transition {
	-moz-transition: ease-in-out all .35s;
	-o-transition: ease-in-out all .35s;
	-webkit-transition: ease-in-out all .35s;
	transition: ease-in-out all .35s
}

[class*=hover-] {
	-moz-transition: ease-in-out all .35s;
	-o-transition: ease-in-out all .35s;
	-webkit-transition: ease-in-out all .35s;
	transition: ease-in-out all .35s
}

.hover-top {
	position: relative;
	top: 0
}

.hover-top:hover {
	top: -10px
}

.hover-top-in .hover-top--in {
	position: relative;
	top: 0
}

.hover-top-in:hover .hover-top--in {
	top: -10px
}

.box-shadow {
	box-shadow: 0 0 1.25rem rgba(31, 45, 61, .08)
}

.border-all-1 {
	border: 1px solid
}

.border-all-2 {
	border: 2px solid
}

.border-color-white {
	border-color: #fff
}

.border-color-white-alt {
	border-color: rgba(255, 255, 255, .65)
}

.card {
	border: 1px solid #eff2f7
}

.border-radius-0 {
	border-radius: 0
}

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

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

.border-radius-50 {
	border-radius: 50%
}

.form-control {
	height: calc(1.5em + 1.375rem + 2px);
	padding: .6875rem .75rem;
	font-size: 1rem;
	font-weight: 600;
	border: 1px solid #e2e8f0
}

.form-control:focus {
	box-shadow: none
}

.kongclt {
	margin-top: 47px
}

.rounded-pills{
	display: block;
	border-radius: 50px;
	padding: 5px;	
}