@import 'normalize';
 @import 'mixin';
 @font-face {
	 font-family: 'Gotham OT';
	 src: url("../fonts/subset-GothamOT-Bold.woff2") format("woff2"), url("../fonts/subset-GothamOT-Bold.woff") format("woff");
	 font-weight: bold;
	 font-style: normal;
}
 @font-face {
	 font-family: 'Gotham OT';
	 src: url("../fonts/subset-GothamOT-Medium.woff2") format("woff2"), url("../fonts/subset-GothamOT-Medium.woff") format("woff");
	 font-weight: 500;
	 font-style: normal;
}
 @font-face {
	 font-family: 'Gotham OT';
	 src: url("../fonts/subset-GothamOT-Book.woff2") format("woff2"), url("../fonts/subset-GothamOT-Book.woff") format("woff");
	 font-weight: normal;
	 font-style: normal;
}
 * {
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
}
 .container-fluid {
	 padding: 0;
}
 .lang a {
	 padding: 0 5px;
}
 .dark-bg {
	 background: #001623;
}
 .light-bg {
	 background: #c4e1e7;
}
 .white-bg {
	 background: #fff;
}
 .btn-primary {
	 background-color: #001623;
	 color: #c4e1e7;
	 border: none;
}
 .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	 background-color: #001623 !important;
	 color: #fff;
	 border: none;
	 box-shadow: none !important;
}
 ul {
	 margin: 0;
	 padding: 0;
	 list-style: none;
}
 section {
	 padding: 50px 20px;
}
 @media (max-width: 991.98px) {
	 section {
		 padding: 30px 20px;
	}
}
 a {
	 color: #001623;
}
 a:hover, a:active, a:focus {
	 text-decoration: none;
	 color: #001623;
}
 a.white-link {
	 color: #fff;
}
 a.white-link:hover, a.white-link:active, a.white-link:focus {
	 text-decoration: none;
	 color: #c4e1e7;
}
 html {
	 width: 100%;
	 height: 100%;
}
 body {
	 font-weight: 300;
	 font-size: 14px;
	 width: 100%;
	 height: 100%;
	 line-height: 22px;
	 font-family: "Gotham OT", "Roboto", sans-serif;
	 color: #001623;
	 background: #f7feff;
}
 .lang {
	 padding: 10px 20px;
	 background: #001623;
}
 .navbar-brand {
	 width: 100px;
	 height: 100px;
	 padding: 0;
}
 .navbar-brand img {
	 display: block;
	 width: 100%;
	 height: auto;
}
 .navbar-nav .nav-item {
	 color: #001623;
	 font-size: 20px;
}
 .navbar-nav .nav-item:hover {
	 background-color: none;
}
 .navbar-nav .nav-item .nav-link.active {
	 text-decoration: underline;
}
 footer {
	 padding: 30px;
}
 footer p {
	 font-size: 16px;
}
 footer p i {
	 margin-right: 10px;
}
 .logo-footer {
	 max-width: 100px;
}
 .f12 {
	 font-size: 12px;
}
 .f30 {
	 font-size: 30px;
}
 .card {
	 margin-bottom: 20px;
}
 .card h4 {
	 height: 70px;
	 font-size: 16px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin-bottom: 0;
}
 @media (max-width: 991.98px) {
	 .card h4 {
		 height: auto;
	}
}
 .card .card-body {
	 height: 150px;
}
 @media (max-width: 991.98px) {
	 .card .card-body {
		 height: auto;
	}
}
 .certificates .card h4 {
	 height: 90px;
	 border-bottom: 1px solid #ddd;
}
 .slider .carousel-item {
	 position: relative;
}
 .slider .carousel-item::after {
	 background-color: rgba(0, 0, 0, 0.4);
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 width: 100%;
	 height: 100%;
	 content: "";
}
 .carousel-caption h5 {
	 font-size: 32px;
}
 @media (max-width: 991.98px) {
	 .carousel-caption h5 {
		 font-size: 22px;
	}
}
 .carousel-caption p {
	 font-size: 16px;
}
 @media (max-width: 991.98px) {
	 .carousel-caption p {
		 font-size: 12px;
	}
}
 @media (max-width: 991.98px) {
	 .carousel-item img {
		 height: 200px;
	}
}
 .reference-section .card {
	 border: none;
	 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
 .reference-section .carousel img {
	 height: 300px;
	 width: 100%;
	 object-fit: cover;
	 object-position: center;
}