.navbar-custom {

	background-color: #F0FCFF;

	width: 100%;
	height: auto;
}

.my-container {

	background-color: white;

}


body {

	font-family: "Open Sans", sans-serif;
}

.custom-btn {

	border-radius: 30px;
	border: 1px solid #d7d7d9;
	background: #FFFFFF;
	margin-right: 10px;
	display: flex;
	height: 47px;
	box-sizing: border-box;
	font-family: 'DM Sans';
	font-size: 24px;
	text-decoration: none;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	text-align: center;
	display: inline-block;
}


input[type="checkbox"] {

	&.navbar-toggler {

		opacity: 0;
		position: absolute;
		left: -99999px;

		&+label {
			height: 47px;
			line-height: 47px;
			background-color: #000080;
			padding: 0px 12px;
			border-radius: 30px;
			display: inline-block;
			position: relative;
			cursor: pointer;
			box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

			&:before,
			&:hover:before {

				content: ' ';
				position: absolute;
				top: 2px;
				left: 2px;
				width: 50px;
				height: 43px;
				background: #fff;
				z-index: 2;
				border-radius: 30px;
				font-family: 'DM Sans';
				font-size: 1.5vw;
				box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
			}


			.off {

				margin-left: 46px;
				display: inline-block;
				color: #fff;
				font-size: 1.5vw;
				text-decoration: none;
			}


			.on {

				display: none;
				color: #fff;
				font-size: 1.5vw;
				text-decoration: none;
			}
		}

		&:checked+label {

			.off {
				display: none;
				font-size: 1.5vw;
			}

			.on {

				margin-right: 46px;
				display: inline-block;
				font-size: 1.5vw;

			}
		}

		&:checked+label,
		&:focus:checked+label {

			background-color: #656466;

			&:before,
			&:hover:before {

				background-position: 0 0;
				top: 2px;
				left: 100%;
				margin-left: -53px;
				font-family: 'DM Sans';
				font-size: 1.5vw;
			}
		}
	}
}


input[type="checkbox"] {

	&.navbar-toggler1 {

		opacity: 0;
		position: absolute;
		left: -99999px;

		&+label {

			height: 47px;
			line-height: 47px;
			background-color: #656466;
			padding: 0px 12px;
			border-radius: 30px;
			display: inline-block;
			position: relative;
			cursor: pointer;
			box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

			&:before,
			&:hover:before {

				content: ' ';

				position: absolute;

				top: 2px;
				left: 2px;
				width: 50px;
				height: 43px;
				background: #fff;
				z-index: 2;
				border-radius: 30px;
				font-family: 'DM Sans';
				font-size: 1.5vw;

				box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

			}

			.off {

				margin-left: 46px;
				display: inline-block;
				color: #fff;
				text-decoration: none;
				font-size: 1.5vw;
			}


			.on {

				display: none;
				color: #fff;
				text-decoration: none;
				font-size: 1.5vw;

			}

		}

		&:checked+label {

			.off {

				display: none;

			}

			.on {

				margin-right: 46px;
				display: inline-block;
			}

		}


		&:checked+label,
		&:focus:checked+label {

			background-color: #000080;

			&:before,
			&:hover:before {

				background-position: 0 0;
				top: 2px;
				left: 100%;
				margin-left: -53px;
				font-family: 'DM Sans';
				font-size: 1.5vw;

			}

		}

	}

}


.alternate-font {

	margin-bottom: 40PX;
	display: inline-block;
	overflow-wrap: break-word;
	font-family: 'DM Sans';
	font-weight: 700;
	font-size: 44px;
	line-height: 1.375;
	color: #000080;
	text-align: left;
	margin-left: 40px;
	font-size: 3vw;
}


.navbar-toggler:hover {

	border: 2px solid rgb(201, 158, 16);
}

.scroll-to-top {

	display: none;
	position: fixed;
	bottom: 70px;
	right: 120px;
	z-index: 100;
	border: none;
	outline: none;
	background-color: #0834B5;
	color: white;
	cursor: pointer;
	border-radius: 5px;
	padding: 10px 20px;
	font-size: 24px;
	opacity: 0.8;
	font-size: 1.9vw;

}

.scroll-to-top::after {

	content: "\25B2";
	margin-right: 15px;

}

.scroll-to-top:hover {

	opacity: 1;
	background-color: rgb(201, 158, 16);

}


.btn:hover {

	border: transparent;
	border: 2px solid rgb(201, 158, 16) !important;
}

.btn:focus {

	background-color: rgb(201, 158, 16) !important;
	color: white;

}

.dropdown-item:focus {

	background-color: rgb(201, 158, 16);

}

.btn-primary:focus {

	background-color: rgb(201, 158, 16) !important;
	color: white;
}
* {
  box-sizing: border-box;
}
.wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: minmax(100px, auto);
}

.text {

	font-size: 23px;
	color: #494949;
}

.toggle {

	position: relative;
	width: 40px;
	height: 20px;
	border: 2px solid #494949;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: .3s;
}

.circle {

	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background-color: #494949;
	transition: .3s;

}

.active {

	border-color: rgb(85, 227, 180);

}

.active+.text {

	color: rgb(85, 227, 180);

}

.active .circle {
	left: 100%;
	transform: translateX(-100%);
	transition: .3s;
	background-color: rgb(85, 227, 180);
}

body {
	background: #f1f1f1;
	text-align: center;
	font-family: arial;

}

p {

	&:first-of-type {
		margin-top: 24px;

	}

	font-size: 16px;
	color: #717171;
margin:0;

}