:root {
		  --primary-color: #e9e9e9;
		  --secondary-color: #4f4f4f;
		  --secondary-hover-color: #4c6b83;
		  --master-bg: #d3d9df;
		  --third-color: #e9e9e9;
		  --text-color: black;
		  --light-text-color: #fff;
		  --dark-text-color: black;
		  --bs-card-bg: #f6fafd;
		  --heading-font: "Raleway",  sans-serif;
		  --nav-font: "Poppins",  sans-serif;
		  --default-font: "Balsamiq Sans", sans-serif;
		}
		
		html, body {
			overflow-x: hidden;
		}
	
		body{
			color: var(--text-color);
			font-family: var(--default-font);
			font-optical-sizing: auto;
			font-weight: 300;
			font-style: normal;
			font-variation-settings: "wdth" 100;
			background-image: url('../img/bg2.jpg');
			background-position: center center;
			background-size: 100% 100%;
			background-repeat: no-repeat;
			background-blend-mode: overlay;
			background-color: #34658938;
			background-attachment: fixed;
			box-shadow: inset rgb(27 27 27 / 66%) -2px -1px 20px 4px;
			max-width: 100vw;
			overflow-x: clip;
			animation: pulse 1s linear infinite, pulse 10s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%) infinite alternate;
		}
		
		@keyframes pulse {
		  0% {
			background-color: #2e75a696;
		  }
		  100% {
			background-color: #7e49d24d;
		  }
		}
		
		.navbar-nav {
			--bs-nav-link-color: #ffffffd6;
			--bs-nav-link-hover-color: rgb(202 255 0);
			--bs-navbar-active-color: #ffffffd6;
			font-size: 18px;
			font-weight: 500;
		}
		
		nav {
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
		
		nav .nav-item{
			text-align: center;
		}
		
		nav ul {
			margin-left: auto;
			margin-right: auto;
		}
		
		.bg-body-tertiary {
			--bs-bg-opacity: 0;
			background-color: none !important;
		}
		
		.list-group-header {
			background-color: var(--secondary-color);
			color: var(--light-text-color);
		}
		
		.list-group {
			--bs-list-group-color: --text-color;
			--bs-list-group-bg: var(--primary-color);
			--bs-list-group-border-color: #56759752;
		}
		
		/* Badge Override*/
		.text-bg-primary {
			color: var(--light-text-color)!important;
			background-color: #567597 !important;
		}
		
		.btn-primary {
			--bs-btn-color: white;
			--bs-btn-bg: #5b7799;
			--bs-btn-border-color: #306c81;
			--bs-btn-hover-color: #fff;
			--bs-btn-hover-bg: var(--secondary-hover-color);
			--bs-btn-hover-border-color: #cbdeed;
			--bs-btn-focus-shadow-rgb: 49, 132, 253;
			--bs-btn-active-color: #000000;
			--bs-btn-active-bg: var(--primary-color);
			--bs-btn-active-border-color: #637da3;
			--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
			--bs-btn-disabled-color: #fff;
			--bs-btn-disabled-bg: #2f4667;
			--bs-btn-disabled-border-color: #636971;
		}

		.btn-secondary {
			--bs-btn-color: #fff;
			--bs-btn-bg: var(--secondary-color);
			--bs-btn-border-color: #554b4b;
			--bs-btn-hover-color: #ffffff;
			--bs-btn-hover-bg: var(--secondary-hover-color);
			--bs-btn-hover-border-color: #cbdeed;
			--bs-btn-focus-shadow-rgb: 130, 138, 145;
			--bs-btn-active-color: #dfe4e9;
			--bs-btn-active-bg: #324c61;
			--bs-btn-active-border-color: #8e9397;
			--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
			--bs-btn-disabled-color: #fff;
			--bs-btn-disabled-bg: #3d576f;
			--bs-btn-disabled-border-color: #6c757d;
		}
				
		.btn-success {
			--bs-btn-color: #fff;
			--bs-btn-bg: #002b17;
			--bs-btn-border-color: #375144;
			--bs-btn-hover-color: #080101;
			--bs-btn-hover-bg: #9ed7bc;
			--bs-btn-hover-border-color: #67d5a2;
			--bs-btn-focus-shadow-rgb: 60, 153, 110;
			--bs-btn-active-color: #fff;
			--bs-btn-active-bg: #2a5943;
			--bs-btn-active-border-color: #55b98a;
			--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
			--bs-btn-disabled-color: #fff;
			--bs-btn-disabled-bg: #3c5549;
			--bs-btn-disabled-border-color: #222724;
		}
		
		.form-select {
			color: #ffffff;
			background-color: var(--primary-color);
			border: 1px solid var(--dark-text-color);
			--bs-form-select-bg-img: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6' /></svg>");
		}
		option{
			background-color: var(--third-color);
		}
		
		.form-select:focus {
			border-color:  var(--third-color);
			box-shadow: none;
		}

		.card{
			--bs-card-bg: #ffffff;
		}
		
		.card-header {
			color: var(--light-text-color);
			background-color: var(--secondary-color);
		}
		
		label.form-check-label{
			color: white;
		}
		
		.form-switch .form-check-input:checked,
		.form-switch .form-check-input:focus {
			--bs-form-switch-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='grey' /></svg>");
		}

		.form-check-input:checked {
			background-color: var(--primary-color);
			border-color: #ffffff;
		}
		
		.form-check-input:focus {
			background-color: var(--primary-color);
			border-color: #ffffff;
			box-shadow: none;
		}
		
		.form-control:focus,
		.form-control:active{
			box-shadow:none;
			border-color: #ffffff;
		}
		
		.form-control, 
		.form-control:hover {
			box-shadow: none !important;
			border: 0 !important;
		}

		.modal-header{
			color: var(--light-text-color);
			background-color: var(--secondary-color);
		}
		.modal-content {
			color: var(--dark-text-color);
			background-color: var(--third-color);
		}

		.container{
			width: 98%;
			margin-left: auto;
			margin-right: auto;
			margin-top: 30px;
			margin-bottom: 30px;
		}
		div ul.list-group{
			box-shadow: 2px 4px 4px 0rem rgb(0 0 0 / 10%) !important;
			padding-left: 0;
			padding-right: 0;
			margin-left: 1px;
			margin-right: 1px;
			border-radius: 7px;
		}

		
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow: hidden;
  background-color: var(--background-color);
  transition: all 0.6s ease-out;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid var(--accent-color);
  border-top-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1s linear infinite;
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


/*3D Swiper*/
#swiper2{
	max-width: 600px;
	width:auto;
	padding-left:12px;
	padding-right:12px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#swiper2 .swiper2 .swiper {
  width: 150%;
  padding-top: 50px;
  padding-bottom: 50px;

}
#swiper2 .swiper2 .swiper-slide {
  background-position: center;
  background-size: cover;
  height:300px;
}
@media (min-width: 767px) {
	#swiper2 .swiper2 .swiper-slide {
	  height:400px;
	}
}
#swiper2 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #444;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
  border: 3px solid #4f4f4f;
  border-radius:18px;
  box-shadow: inset 2px 2px 17px 0px rgb(9 9 10);
}


/*Thumbnail Swiper*/
#swiper .mySwiper2 {
  height: 80%;
  width: 100%;
}
#swiper .mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
#swiper .mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}
#swiper .mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}
#swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border: 1px solid #000000;
}
#swiper{
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	margin-top:30px;
}


/*Autoplay Progress*/
#swiper3 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #444;
  display: flex;
  justify-content: center;
  align-items: center;
}
#swiper3 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#swiper3 .autoplay-progress {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--swiper-theme-color);
}
#swiper3 .autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: var(--swiper-theme-color);
  fill: none;
  stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}

#swiper3 .swiper {
    border-radius: 35px;
    box-shadow: rgb(7 24 33) 2px -2px 20px 0px;
    border: 3px solid #2b5f83;
}


@media (min-width: 1px) {
	#swiper3 .swiper {
		width:99%;
		height:180px;
	}
	.swiper-slide{
		height:180px;
	}
	#swiper3 .swiper h4,
	#swiper3 .swiper h6{
		display:none;
	}
}
@media (min-width: 567px) {
	#swiper3 .swiper {
		width:86%;
		height:240px;
	}
	.swiper-slide{
		height:240px;
	}
}
@media (min-width: 767px) {
	#swiper3 .swiper {
		width:85%;
		height:320px;
	}
	.swiper-slide{
		height:320px;
	}
	#swiper3 .swiper h4,
	#swiper3 .swiper h6{
		display:none;
	}
}
@media (min-width: 1199px) {
	#swiper3 .swiper {
		width:75%;
		height:380px;
	}
	.swiper-slide{
		height:380px;
	}
	#swiper3 .swiper h4,
	#swiper3 .swiper h6{
		display:inline;
	}
}
@media (min-width: 1399px) {
	#swiper3 .swiper {
		width:75%;
		height:390px;
	}
	.swiper-slide{
		height:390px;
	}
	#swiper3 .swiper h4,
	#swiper3 .swiper h6{
		display:inline;
	}
}
@media (min-width: 1599px) {
	#swiper3 .swiper {
		width:55%;
		height:370px;
	}
	.swiper-slide{
		height:370px;
	}
	#swiper3 .swiper h4,
	#swiper3 .swiper h6{
		display:inline;
	}
}

.slideshow{
	margin-left: auto;
	margin-right: auto;	
}


.slide-header1{
	text-align:left;
	margin-top: 190px;
	color: #0c0715;
	width: 97%;
	text-shadow: 1px -1px 20px #ffffff;
	font-weight: 900;
}
.slide-body1{
	text-align:left;
	color: #c525b0;
	font-weight: 900;
}
.slide-header2{
	text-align: left;
	color: #ffffff;
	width: 90%;
	font-weight: 600;
}
.slide-body2{
	text-align: left;
	color: #f8ffd1;
	font-weight: 600;
}
.slide-header3{
    text-align: right;
    color: #10b37b;
    width: 97%;
    margin-top: 17px;
    font-weight: 900;
}
.slide-body3{
    text-align: right;
    color: #203867;
    font-weight: 600;
    width: 390px;
    margin-top: 27px;
    position: absolute;
    background-color: #ffffffa1;
    right: 0;
}

.slide-body1 h6,
.slide-body2 h6,
.slide-body3 h6{
	font-size: 16px;
	font-weight: 500;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}





/*--------------------------------------------------------------
# Portfolio Section
--------------------------------------------------------------*/
.portfolio .portfolio-info h3 {
  font-size: 24px;
  margin-bottom: 5px;
}

.portfolio .portfolio-info p {
  font-size: 15px;
}

.portfolio .portfolio-filters {
  padding: 0;
  margin: 0 auto 20px auto;
  list-style: none;
}

.portfolio .portfolio-filters li {
  cursor: pointer;
  display: inline-block;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  margin: 0 10px;
  line-height: 1;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

.portfolio .portfolio-filters li:hover,
.portfolio .portfolio-filters li.filter-active {
  border-bottom: 2px solid var(--default-color);
  padding-bottom: 3px;
}

.portfolio .portfolio-filters li:first-child {
  margin-left: 0;
}

.portfolio .portfolio-filters li:last-child {
  margin-right: 5px;
}

@media (max-width: 575px) {
  .portfolio .portfolio-filters li {
    font-size: 14px;
    margin: 0 5px;
  }
}

.portfolio .portfolio-content {
  position: relative;
  overflow: hidden;
}

.portfolio .portfolio-content img {
  transition: 0.3s;
}

.portfolio .portfolio-content .portfolio-info {
  opacity: 0;
  position: absolute;
  inset: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  background: rgba(0, 0, 0, 0.6);
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.portfolio .portfolio-content .portfolio-info h4 {
  font-size: 18px;
  mask-border: 0;
  font-weight: 400;
  color: #ffffff;
  display: inline-block;
}

.portfolio .portfolio-content .portfolio-info p {
  text-align: center;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
}

.portfolio .portfolio-content .portfolio-info .preview-link,
.portfolio .portfolio-content .portfolio-info .details-link {
  font-size: 26px;
  color: #fff;
  transition: 0.3s;
  line-height: 1.2;
}

.portfolio .portfolio-content .portfolio-info .preview-link:hover,
.portfolio .portfolio-content .portfolio-info .details-link:hover {
  color: var(--accent-color);
}

.portfolio .portfolio-content .portfolio-info .details-link {
  left: 50%;
  font-size: 34px;
  line-height: 0;
}

.portfolio .portfolio-content:hover .portfolio-info {
  opacity: 1;
}

.portfolio .portfolio-content:hover img {
  transform: scale(1.1);
}

/*--------------------------------------------------------------
# Portfolio Details Section
--------------------------------------------------------------*/
.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: color-mix(in srgb, var(--default-color), transparent 85%);
  opacity: 1;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--accent-color);
}

.portfolio-details .portfolio-info {
  background-color: var(--surface-color);
  padding: 30px;
  box-shadow: 0px 0 30px rgba(0, 0, 0, 0.1);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}


/*--------------------------------------------------------------
# Section Begin
--------------------------------------------------------------*/
.about,.mission,.meet{
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 17px;
    padding-bottom: 20px;
	border-top: 5px solid;
	width: auto;
}
.about{
    color: white;
    background-color: #032f49a6;
    border-color: #ffeb00;
}
.mission{
    color: white;
    background-color: #00547bb8;
    border-color: #c9f7b2;
}
.meet {
    color: #fbf5f5;
    background-color: #290217bf;
    border-color: #fb4282;
}
#owner {
	line-height: 29px;
    font-size: 18px;
}
span.section-title {
    border-bottom: 0 solid #abebd9;
    font-size: 27px;
    font-weight: 500;
}

.section-about{
	color: #ffeb00;
}
.section-mission{
    color: #d0ffae;
}
.section-meet{
	color: #363145;
}
.section-goals{
	color: #caff00;
}
.section-reg{
    color: #fdff83
}

/* 
---------------------------------------------
Team Style
-------------------------------------------*/
.team-card {
    border-radius: 180px;
    margin-right: 8px !important;
    /* background-image: url(../img/bg2.jpg); */
    /* background-blend-mode: color-burn; */
    /* background-position: center center; */
    /* background-size: 100% 100%; */
    background-color: #ffe0d5;
    border: 0 solid #bf0444;
    color: #3c2b31;
    height: 316px;
    box-shadow: inset rgb(191 4 68) -2px -1px 18px 0px;
}
.team-card img {
    border-radius: 180px;
    border-top-left-radius: 200px !important;
    box-shadow: 3px 5px 12px 1px #f36a6a;
    margin-left: -24px;
    border: 4px solid #d96466;
}
.team-card-body{
    height: 300px;
    margin-left: -13px;
    margin-top: 53px;
    font-size: 14px;
    padding-right: 50px;
}
.team-card-title{
	margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color);
}
.owner{
	margin-left: 10px;
}
/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/

.footer .icon {
  color: var(--accent-color);
  margin-right: 15px;
  font-size: 24px;
  line-height: 0;
}

.footer h4 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
}

.footer .address p {
  margin-bottom: 0px;
}

.footer .social-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 50%);
  font-size: 16px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  margin-right: 10px;
  transition: 0.3s;
}

.footer .social-links a:hover {
  color: var(--accent-color);
  border-color: var(--accent-color);
}

.footer .copyright {
  padding: 25px 0;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.footer .copyright p {
  margin-bottom: 0;
}

.footer .credits {
  margin-top: 5px;
  font-size: 13px;
}
.footer {
    font-size: 14px;
    padding: 35px 0 0 0;
    margin-top: 17px;
    background-color: #07304dfa;
    background-image: url('../img/bg2.jpg');
    background-size: 100% 100%;
    position: relative;
    color: #6ba5bb;
    text-align: center;
    background-blend-mode: multiply;
    font-family: var(--default-font);
    text-shadow: -2px -1px 4px #091a1e;
    height: 400px;
}
iframe{
	width: 100%;
}
@media (min-width: 991px) {
	.footer {
		height: 180px;
	}
	iframe{
		width: 600px;
		height: 450px;
	}
	span.section-title {
		font-size: 28px;
	}
}
.footer a{
	color:#4da3b6;
	text-decoration:none;
}

.footer a:hover{
	color:#18d1ff;
}


/*--------------------------------------------------------------
# Features Section
--------------------------------------------------------------*/
.feature-box {
  height: 100%;
  padding: 40px 30px;
  border-radius: 10px;
}

.feature-box i {
  font-size: 44px;
  display: inline-block;
  line-height: 0;
  color: var(--accent-color);
  margin-bottom: 20px;
}

.feature-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px 0;
}

.feature-box p {
  font-size: 15px;
  margin-bottom: 0;
}

.feature-box.orange {
  background-color: #fff3e2;
}

.feature-box.orange i {
  color: #edb86e;
}

.feature-box.blue {
  background-color: #deedfd;
}

.feature-box.blue i {
  color: #20a5f8;
}

.feature-box.green {
  background-color: #d5f1e4;
}

.feature-box.green i {
  color: #48c88a;
}

.feature-box {
  background-color: #fdeded;
}
i.bi-shield-check {
  color: #f28484;
}

.logo{
	height: 117px;
    margin-top: 18px;
	margin-bottom: 6px;
}

.logo-container{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 14px;
}

.news-letter {
    width: 90%;
    background-color: #e5202094;
    padding: 25px;
    border-radius: 7px;
}
.newsletter-title {
	font-size: 23px;
    font-weight: 600;
    margin-top: -6px;
    color: #ffa3d0;
}
.newsletter-subtitle {
	color: #ffffffb8;
    font-weight: 400;
    margin-bottom: 10px;
}

.goal-wrapper{
    text-align: right;
	width: 100%;
}

.goal{
    padding: 20px;
    border-left: 10px;
    background-color: #ffffff3b;
    color: #ffffff;
	font-size: 21px;
    height: 100px;
    font-weight: 400;
}
.goal:hover {
	background-color:#000000ab;
	backdrop-filter:invert;
	color:white;
}
.goal1 {
    border-left: 10px solid #d7b2ff;
    background-color: #5100bb8a;
    color: #d7b2ff;
}
.goal2{
    border-left: 10px solid #ffc6d5;
    background-color: #9d4848ba;
    color: #ffc6d5;
}
.goal3 {
    border-left: 10px solid #a2ffff;
    background-color: #01c4f1ba;
    color: #a2ffff;
}
.goal4{
    border-left: 10px solid #a3ffa3;
    background-color: #06610596;
    color: #a3ffa3;
}
.goal5{
    border-left: 10px solid #d1ff19;
    background-color: #d1ff195e;
    color: #d1ff19;
}
/*
	-webkit-transition: background-color 1s ease-out!important;
	-moz-transition: background-color 1s ease-out!important;
	-o-transition: background-color 1s ease-out!important;
	transition: background-color 1s ease-out !important;
*/


.state-reg-wrapper{
    margin-left: auto;
    margin-right: auto;
    text-align: right;
	width: 100%;
}
.reg{
    padding: 20px;
    background-color: #ffffff3b;
    color: #ffffff;
	font-size: 17px;
    height: 100px;
    font-weight: 400;
}
.reg:hover {
	background-color:#000000ab;
	backdrop-filter:invert;
}
.reg1 {
    border-left: 10px solid #ff7004;
    background-color: #ad5d0ebd;
    color: #ff7004;
	transition: background-color 0.5s ease;
}
.reg2{
    border-left: 10px solid #e954a2;
    background-color: #ff000066;
    color: #e954a2;
}
.reg3 {
    border-left: 10px solid #a2ffff;
    background-color: #01c4f1ba;
    color: #a2ffff;
}
.reg4{
    border-left: 10px solid #a3ffa3;
    background-color: #06610596;
    color: #a3ffa3;
}
.reg5{
    border-left: 10px solid #d1ff19;
    background-color: #d1ff195e;
    color: #d1ff19;
}
.reg6 {
    border-left: 10px solid #d7b2ff;
    background-color: #5100bb8a;
    color: #d7b2ff;
}
.reg7{
    border-left: 10px solid #ffc6d5;
    background-color: #9d4848ba;
    color: #ffc6d5;
}


iframe{
	margin-top: 30px;
}

.gmaps{
	margin-top: 20px;
	text-align: center;
}

.form-section {
    background-color: #100f0f9e;
    color: #000000;
    border-top: 5px solid #b8ff80;
}
.form-section h3{
	margin-top:20px;
    color: #ed7b7b;
	padding-left: 12px;
}
.form-section p{
    color: #d9dfe7;
	margin-bottom: -7px;
	padding-left: 12px;
}
.form-wrapper{
    margin-left: auto;
    margin-right: auto;
    width: 92%;
}


@media (max-width: 766px) {
	.goal{
		font-size: 20px;
		padding-top: 7px;
		width:100%;
		margin-left:0;
	}
	.reg {
		width: 100%;
	}
	.news-letter {
		width: 98%;
	}
}

@media (min-width: 767px) {

	.goal{
		font-size: 17px;
	}
}

@media (min-width: 1199px) {
	.goal{
		font-size: 19px;
	}
}

.feature-box:hover{
	-moz-transition: background-color,color .5s ease-in-out !important;
	-o-transition: background-color,color .5s ease-in-out !important;
	transition: background-color,color  .5s ease-in-out !important;
	-webkit-transition: background-color,color .5s ease-in-out !important;
	background-color: #012d3b;
	color:white;
}

.modal{
	height: 100%;
}
.modal-dialog{
	border: 4px solid #ffffff75;
    border-radius: 11px;
}
.modal-body{
	box-shadow: inset 0px -3px 15px 0rem rgb(10 43 63);
	padding-top: 10px;
	background-image: url('assets/img/bg2.jpg');
	background-repeat: no-repeat; 
	background-blend-mode: color-burn;
    background-color: #83c1ffc2;
	background-size: 100% 100%;
	background-position: center;
	height: 100%;
}
.form-wrapper .form-control,.form-control:hover {
	box-shadow: none;
	border: 2px solid #00000042;
}
.form-wrapper .form-control:focus {
	box-shadow: none;
	border: 2px solid #00000042;
}
.form-wrapper textarea.form-control {
	height: 164px !important;
}

.form-wrapper .btn-primary {
    margin-top: 10px;
    width: 100px;
	color: white;
}
.right{
	text-align: right;
}
.mt10{
	margin-top:10px;
}

.mt20{
	margin-top:20px;
}

.mt30{
	margin-top:30px;
}

.mb10{
	margin-bottom:10px;
}

.mb20{
	margin-bottom:20px;
}

.mb30{
	margin-bottom:30px;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.center-margin{
	margin-left:auto;
	margin-right:auto;
}
.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.nav-pills .nav-link{
	border-width:3px;
	height: 70px;
	border-radius: 10px;
	width: 136px;
	line-height:20px;
	font-size:15px;
	font-weight:500;
	margin-top:9px;
	-webkit-transition: background-color .5s ease-in-out !important;
}
.nav-pills .nav-link:hover{
	text-shadow: 1px 0px 4px black;
	color: #d0fd87;
	background-color: #586a73;
	border-inline:2px solid #07310b;
}
.nav-pills .nav-link{
	color: #c1b96a;
	background-color: #465359;
	text-shadow: 1px 0px 4px black;
	border-inline:2px solid #07310b;
}
.nav-pills .nav-link.active{
    color: #0a3951;
    background-color: #fffb48;
    text-shadow: 1px 2px 4px #9bb08600;
	box-shadow: inset rgb(8 19 26 / 75%) 1px 1px 9px 2px;
}
#pills-tab{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.classroom-menu {
    background-color: #2d2f31f2;
    min-height: 95px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    column-gap: .21rem;
    justify-content: center;
}
.classroom {
    color: #e4edbc;
    height: auto;
    padding-left: 0;
    padding-right: 0;
	max-width: 1140px;
}
.tab-pane{
	padding: 24px;
}
.tab-content{
    
    /* background-image: url(../img/bg1.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: 102% 112%;
    background-size: 102% 112%;
    background-repeat: no-repeat;*/
    background-blend-mode: color-dodge;
    background-color: #21292361;
    margin-top: -17px;
    border-top: 3px solid grey;
   /* -webkit-transition: background-image 1.2s linear(0 0%, 0.22 2.1%, 0.86 6.5%, 1.11 8.6%, 1.3 10.7%, 1.35 11.8%, 1.37 12.9%, 1.37 13.7%, 1.36 14.5%, 1.32 16.2%, 1.03 21.8%, 0.94 24%, 0.89 25.9%, 0.88 26.85%, 0.87 27.8%, 0.87 29.25%, 0.88 30.7%, 0.91 32.4%, 0.98 36.4%, 1.01 38.3%, 1.04 40.5%, 1.05 42.7%, 1.05 44.1%, 1.04 45.7%, 1 53.3%, 0.99 55.4%, 0.98 57.5%, 0.99 60.7%, 1 68.1%, 1.01 72.2%, 1 86.7%, 1 100%) !important;*/
}
.nav .col-6{
	padding-left: 0;
    padding-right: 0;
}
.infant-row,.toddler-row,.preschool-row{
	height:auto;
	min-height:400px;
}
.infant-background{
	background-color: #ccf396;
	color: #3d4734;
}
.toddler-background{
	background-color:#f1d7ff;
	color: #512945;
}
.preschool-background{
	background-color:#ffbe9a;
	color: #3f200c;
}
.white-background{
	background-color:white;
	color:black;
	background: -webkit-linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgb(111 221 255) 100%);
	background: -moz-linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgb(111 221 255) 100%);
	background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgb(111 221 255) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
	  startColorstr="#FFFFFF",
	  endColorstr="#95C457",
	  GradientType=1
	)
}
.special-desc{
	margin-top: 10px;
	width:30;
	padding:10px;
	text-align:left;
}
.special-events{
	background-color: #64e1ce;
    color: black;
}
.special-events img{
	height: 200px;
	width: 257px;
    border-radius: 58px;
    border: 4px solid #f9ef00
}
.playground-img img{
	width: 310px;
    height: 220px;
    margin-bottom: 10px;
    border-radius: 14px;
    border: 2px solid #e5e1f1;
}
.playground-background{
	background-color: #515385;
    color: #dbd8f9;
}
.testimonial-background{
	background-color: #38404b;
    color: #dcf1f7;
}

div .testimonials-row .card{
	position: relative;
	margin-left: 4px;
	margin-right: 4px;
	height:240px;
	margin-bottom:10px;
	text-align: right;
	box-shadow: 3px 2px 9px -3px black;
}

div .testimonials-row .card .card-title{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	bottom:-14px;
}

div .testimonials-row .card .card-body{
	padding: 10px !important;
	background-color: #fdfdbd;
	font-style:italic;
	font-size:16px
}

.bi-quote {
    font-size: 31px;
    color: #ffeb85;
    text-shadow: 1px 0px 2px black;
    margin-left: -15px;
}
.documentation-background{
	background-color: #343434;
    color: #dcd3e5;
}
.documentation-background a {
    color: #e9ffb4;
    text-decoration: none;
}
.documentation-background h3 {
    color: #e9ffb4;
}
.documentation-background a:hover {
    color: #b5fd0d;
    text-decoration: underline;
}
#newsletter_signup{
	display: block;
    color: antiquewhite;
    font-size: 24px;
    text-align: center;
}

#contact_form{
	display: block;
    font-size: 24px;
    color: #b8ff80;
    width: 100%;
    text-align: center;
}

.h-captcha{
	margin-top:-32px;
}

#message{
	margin-bottom: 15px;
}

#submitFormBtn{
	width: 150px;
}

.iframe-container {
	position: relative;
	max-width: 95%;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
}

.iframe-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 1149px) {
	.classroom {
		max-width: 570px;
	}
}

@media (max-width: 766px) {
	.iframe-container {
		max-width: 99%;
		padding-bottom: 320px;
	}
	.goal-col-12 {
		width: 100%;
	}
	.state-reg-col-12 {
		width: 100%;
	}
	.state-reg-wrapper{
		column-gap:0;
		row-gap:8px;
	}
	.team-col-12{
		margin-left: 3px;
	}
	.team-card-body{
		margin-left: -19px;
		margin-top: 14px;
		font-size: 10px;
		padding-right: 28px;
	}
	.team-card{
		border-radius: 96px;
		height: 228px;
		margin-left: 10px;
	}
	.team-card .team-row{
		margin-left: 17px;
	}
}

@media (min-width: 767px) {
	.iframe-container {
		width:700px;
		padding-bottom: 480px;
	}
	.iframe-container iframe {
		height: 400px;
	}
	.goal{
		font-size: 17px;
	}
	.state-reg-col-md-6 {
		width: calc(50% - 6px);
	}
	.state-reg-wrapper{
		column-gap:11px;
		row-gap:8px;
	}
	.goal-col-md-6 {
		width: calc(50% - 6px);
	}
	.goal-wrapper{
		column-gap:11px;
		row-gap:8px;
	}
	.team-col-lg-6 {
        width: 80%;
		margin-left: auto;
		margin-right: auto;
    }
	.team-card-body{
		margin-left: -9px;
        margin-top: 38px;
        padding-right: 31px;
		width:370px;
	}
}

@media (min-width: 992px) {
	.iframe-container {
		width:700px;
		padding-bottom: 480px;
	}
	.iframe-container iframe {
		height: 400px;
	}
	.team-col-lg-6 {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
    }
	.team-card {
		border-radius: 164px;
		height: 311px;
	}
	.team-card-body{
		margin-left: -9px;
        margin-top: 38px;
        padding-right: 31px;
		width:370px;
	}
}

@media (min-width: 1199px) {
	.iframe-container {
		width:700px;
		padding-bottom: 480px;
	}
	.iframe-container iframe {
		height: 400px;
	}
	.goal{
		font-size: 19px;
	}
	.state-reg-col-lg-6 {
		width: calc(25% - 6px);
	}
	.state-reg-col-xl-6 {
		width: calc(75% - 6px);
	}
	.state-reg-wrapper{
		column-gap:8px;
		row-gap:8px;
	}
	.goal-col-lg-6 {
		width: calc(50% - 6px);
	}
	.goal-col-xl-6 {
		width: calc(50% - 6px);
	}
	.team-col-lg-6 {
        width: 45%;
		margin-left: auto;
		margin-right: auto;
    }
	.team-card {
		border-radius: 184px;
		height: 311px;
	}
	.team-card-body{
		margin-left: -14px;
        margin-top: 28px;
        padding-right: 41px;
		width:350px;
	}
}

@media (min-width: 1399px) {
	.team-card-body{
		margin-left: -11px;
        margin-top: 22px;
		padding-right: 39px;
	}
	.team-col-lg-6 {
        width: 41%;
		margin-left: auto;
		margin-right: auto;
	}
}