[class*=container-] {
			padding-left: 0.64em;
			padding-right: 0.64em;
			margin-left: auto;
			margin-right: auto;
		}

		.container-xxl {
			max-width: 1320px;
		}

		.container-xl {
			max-width: 1140px;
		}

		.container-l {
			max-width: 960px;
		}

		.row {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
		}

		.col-md-1 {
			flex-basis: 8.333333%;
			box-sizing: border-box;
			padding: 10px;
		}

		.col-md-2 {
			flex-basis: 16.666667%;
			box-sizing: border-box;
			padding: 10px;
		}

		.col-md-3 {
			flex-basis: 25%;
			box-sizing: border-box;
			padding: 10px;
		}

		.col-md-4 {
			flex-basis: 33.333333%;
			box-sizing: border-box;
			padding: 10px;
		}

		.col-md-5 {
			flex-basis: 41.666667%;
			box-sizing: border-box;
			padding: 10px;
		}

		.col-md-6 {
			flex-basis: 50%;
			box-sizing: border-box;
			padding: 10px;
		}

		.col-md-7 {
			flex-basis: 8.33%;
			box-sizing: border-box;
			padding: 10px;
		}

		.col-md-8 {
			flex-basis: 66.666667%;
			box-sizing: border-box;
			padding: 10px;
		}

		.col-md-9 {
			flex-basis: 75%;
			box-sizing: border-box;
			padding: 10px;
		}

		.col-md-10 {
			flex-basis: 83.333333%;
			box-sizing: border-box;
			padding: 10px;
		}

		.col-md-11 {
			flex-basis: 91.666667%;
			box-sizing: border-box;
			padding: 10px;
		}

		.col-md-12 {
			flex-basis: 100%;
			box-sizing: border-box;
			padding: 10px;
		}

		@media (max-width: 1138px) {

			/* container */
			.col-md-1 {
				flex-basis: 100%;
			}

			.col-md-2 {
				flex-basis: 100%;
			}

			.col-md-3 {
				flex-basis: 100%;
			}

			.col-md-4 {
				flex-basis: 100%;
			}

			.col-md-5 {
				flex-basis: 100%;
			}

			.col-md-6 {
				flex-basis: 100%;
			}

			.col-md-7 {
				flex-basis: 100%;
			}

			.col-md-8 {
				flex-basis: 100%;
			}

			.col-md-9 {
				flex-basis: 100%;
			}

			.col-md-10 {
				flex-basis: 100%;
			}

			.col-md-11 {
				flex-basis: 100%;
			}

			.col-md-12 {
				flex-basis: 100%;
			}

		}


		* {
			font-family: Lato;
			transition: background-color 0.3s, color 0.3s;
		}
		*, ::after, ::before {
			box-sizing: border-box;
		}
		body {
			margin: 0;
			font-weight: 400;
			line-height: 1.5;
			background-color: #001420;
		}
		img, svg {
			vertical-align: middle;
		}
		button, input, select, textarea {
			font: inherit;
		}
		header section{
			max-width: 90%;
			height: 30rem;
			margin: 3% auto;
			border-radius: 8px;
			color: #9daff1;
		}
		nav{
			background-color: #0b0c1a;
			position: unset!important;
		}
		.cq4NrgQ{
			width: 30%;
			padding: 2rem;
			background: #001a28;
			border-radius: 1rem;

			
			position: -webkit-sticky;
			position: sticky;
			top: 2rem;
			z-index: 10;
			float: left;
		}
		.cq4NrgQ a{
			display: flex;
			text-decoration: none;
			font-size: 13px;
			line-height: 3;
			border-bottom: 1px solid #17243e;
		}
		.cq4NrgQ a:hover{
			text-decoration: underline;
		}

		.wMHQsw7{
			margin: 2rem 0rem 0 35%;
			/*background: #001a28;*/
			border-radius: 1rem;
		}
		.wMHQsw7 h1, .cq4NrgQ  h3{
			margin: 0;
		}
		.wMHQsw7 p, .cq4NrgQ a{
			color: #ccc;
			text-align: start;
		}

		.LoL1jzd{
			border-bottom: 1px solid #17243e;
			margin-bottom: 3rem;
		}


		.breadcrumb {
			list-style: none;
			padding: 8px 0;
			display: flex;
		}
		.breadcrumb li {
			padding: 0 8px;
		}
		.breadcrumb li:not(:last-child)::after {
			content: '/';
			padding-left: 8px;
		}
		.breadcrumb a {
			text-decoration: none;
			color: #0275d8;
		}
		.breadcrumb a:hover {
			text-decoration: underline;
		}

		@media only screen and (max-width: 1024px) {
			section{
				height: max-content!important;
			}
			footer{
				margin-top: 8rem;
			}
			.cq4NrgQ{
				width: 100%;
				position: unset;
				float: unset;
				margin: 2rem 0rem 0 0;
			}
			.wMHQsw7{
				margin: 2rem 0rem 0 0;
			}
		}