@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Header Content
	3.3 Logo
	3.4 Main Nav
	3.5 Hamburger
4. Menu
5. Home
6. About
7. Milestones
8. Teachers
9. Footer


******************************/

/***********
1. Fonts
***********/

@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,600,700,800,900");

/*********************************
2. Body and some general stuff
*********************************/

* {
  margin: 0;
  padding-bottom: 30;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
body {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  background: #ffffff;
  color: #6c6a74;
}
div {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ul {
  list-style: none;
  margin-bottom: 0px;
}

p {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 2.14;
  font-weight: 500;
  color: #6c6a74;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
p a {
  display: inline;
  position: relative;
  color: inherit;
  border-bottom: solid 1px #ffa07f;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
p:last-of-type {
  margin-bottom: 0;
}
a,
a:hover,
a:visited,
a:active,
a:link {
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
p a:active {
  position: relative;
  color: #ff6347;
}
p a:hover {
  color: #ffffff;
  background: #ffa07f;
}
p a:hover::after {
  opacity: 0.2;
}
::selection {
  background: #3d94b1;
  color: #ffffff;
}
p::selection {
}
h1 {
  font-size: 48px;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  color: #44425a;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection {
}
.form-control {
  color: #db5246;
}
section {
  display: block;
  position: relative;
  box-sizing: border-box;
}
.clear {
  clear: both;
}
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.float_left {
  float: left;
}
.float_right {
  float: right;
}
.trans_200 {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.trans_300 {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.trans_400 {
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.trans_500 {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.fill_height {
  height: 100%;
}
.super_container {
  /* width: 100%; */
  margin-top: 0px;
}
.prlx_parent {
  overflow: hidden;
}
.prlx {
  height: 130% !important;
}
.parallax-window {
  min-height: 243px;
  background: transparent;
}
.parallax_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.nopadding {
  padding: 0px !important;
}
.button {
  display: inline-block;
  width: auto;
  height: 47px;
  background: #3d94b1;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.button a {
  display: block;
  position: relative;
  padding-left: 33px;
  padding-right: 77px;
  line-height: 47px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  white-space: nowrap;
}
.button_arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 100%;
  background: #3d94b1;
  text-align: center;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.button_arrow i {
  font-size: 20px;
  line-height: 47px;
  color: black;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.button:hover {
  background: black;
}
.button:hover .button_arrow {
  background: #3d94b1;
}
.button:hover .button_arrow i {
  color: black;
}
.section_title h2 {
  font-weight: 600;
}
.section_subtitle {
  font-size: 14px;
  color: #6c6a74;
  text-align: center;
  margin-top: 66px;
  line-height: 2.14;
}

/*********************************
3. Header
*********************************/

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.header.scrolled {
  top: -61px;
}

/*********************************
3.1 Top Bar
*********************************/

.top_bar {
  width: 100%;
  background: #2c2b31;
}
.header.scrolled .top_bar {
}
.top_bar_container {
  width: 100%;
  height: 100%;
}
.top_bar_content {
  width: 100%;
  height: 61px;
}
.top_bar_contact_list li {
  display: inline-block;
}
.question {
  font-family: "Montserrat", serif;
  font-size: 12px;
  font-weight: 600 !important;
  color: #918ea0;
  margin-left: 0px;
  text-transform: uppercase;
}
.top_bar_contact_list li > div {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #918ea0;
}
.top_bar_contact_list li > div {
  margin-left: 1px;
}
.top_bar_contact_list li:first-child {
  margin-right: 42px !important;
}
.top_bar_contact_list li:not(:last-child) {
  margin-right: 33px;
}
.top_bar_login {
}
.top_bar_login ul li {
  display: inline-block;
  position: relative;
}
.top_bar_login ul li a {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  color: #ffffff;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.top_bar_login ul li a:hover {
  color: #3d94b1;
}
.top_bar_login ul li:not(:last-child)::after {
  display: inline-block;
  margin-left: 5px;
  margin-right: 1px;
  content: "/";
  font-size: 12px;
  color: #ffffff;
  font-weight: 600;
}

/*********************************
3.2 Header Content
*********************************/

.header_container {
  width: 100%;
  background: #ffffff;
}
.header_content {
  height: 90px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.header.scrolled .header_content {
  height: 70px;
}

/*********************************
3.3 Logo
*********************************/

.logo,
.logo_text {
  display: inline-block;
}
.logo {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.logo_text {
  font-family: "Montserrat", serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 0.75;
  margin-left: 1px;
  color: #464646;
  text-transform: uppercase;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.logo_img {
  height: 50px;
  width: 100px;
}
/*********************************
3.4 Main Nav
*********************************/

.main_nav_contaner {
}
.main_nav,
.search_button {
  display: inline-block;
}
.main_nav li {
  display: inline-block;
  position: relative;
  height: 31px;
}
.main_nav li:not(:last-child) {
  margin-right: 13px;
}
.main_nav li a {
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 31px;
  background: #ffffff;
  color: #2c2b31;
  padding-left: 19px;
  padding-right: 19px;
  text-transform: uppercase;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.main_nav li a:hover,
.main_nav li.active a {
  color: #ffffff;
  background: #3d94b1;
}
.main_nav li a:hover {
  background: #3d94b1;
}

.search_button {
  margin-left: 88px;
  cursor: pointer;
}
.search_button i {
  font-size: 15px;
  color: #181818;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.search_button:hover i {
  color: #3d94b1;
}
.header_search_form {
  display: block;
  position: relative;
  width: 40%;
}
.header_search_container {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: #2c2b31;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.header_search_container.active {
  bottom: -73px;
  opacity: 1;
}
.header_search_content {
  width: 100%;
  height: 73px;
}
.search_input {
  width: 100%;
  height: 40px;
  border: none;
  outline: none;
  padding-left: 20px;
  background: transparent;
  border-bottom: solid 2px #3d94b1;
  color: #ffffff;
}
.header_search_button {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  border: none;
  outline: none;
  cursor: pointer;
}

/*********************************
3.5 Hamburger
*********************************/

.hamburger_container {
}
.hamburger {
  display: none;
  cursor: pointer;
}
.hamburger i {
  font-size: 20px;
  color: #353535;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.hamburger:hover i {
  color: #3d94b1;
}

/*********************************
4. Menu
*********************************/

.menu {
  position: fixed;
  top: 0;
  right: -400px;
  width: 400px;
  height: 100vh;
  background: #ffffff;
  z-index: 101;
  padding-right: 60px;
  padding-top: 87px;
  padding-left: 50px;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}
.menu .logo a {
  color: #000000;
}
.menu.active {
  right: 0;
}
.menu_close_container {
  position: absolute;
  top: 30px;
  right: 60px;
  width: 18px;
  height: 18px;
  transform-origin: center center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  cursor: pointer;
}
.menu_close {
  width: 100%;
  height: 100%;
  transform-style: preserve-3D;
}
.menu_close div {
  width: 100%;
  height: 2px;
  background: #232323;
  top: 8px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.menu_close div:last-of-type {
  -webkit-transform: rotate(90deg) translateX(-2px);
  -moz-transform: rotate(90deg) translateX(-2px);
  -ms-transform: rotate(90deg) translateX(-2px);
  -o-transform: rotate(90deg) translateX(-2px);
  transform: rotate(90deg) translateX(-2px);
  transform-origin: center;
}
.menu_close:hover div {
  background: #937c6f;
}
.menu .logo {
  margin-bottom: 60px;
}
.menu_nav ul li {
  margin-bottom: 9px;
}
.menu_nav ul li a {
  font-size: 16px;
  color: #2c2b31;
  font-weight: 700;
  letter-spacing: 0.05em;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.menu_nav ul li a:hover {
  color: #3d94b1;
}
.menu .search {
  width: 100%;
  margin-bottom: 67px;
}
.search {
  display: inline-block;
  width: 400px;
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -o-transform: translateY(2px);
  transform: translateY(2px);
}
.menu .header_search_form {
  width: 100%;
}
.search form {
  position: relative;
}
.menu .search_input {
  width: 100%;
  background: transparent;
  height: 42px;
  border: none;
  outline: none;
  padding-left: 20px;
  border-bottom: solid 2px #d9d9d9;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.menu .search_input::-webkit-input-placeholder {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(0, 0, 0, 0.15) !important;
}
.menu .search_input:-moz-placeholder {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(0, 0, 0, 0.15) !important;
}
.menu .search_input::-moz-placeholder {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(0, 0, 0, 0.15) !important;
}
.menu .search_input:-ms-input-placeholder {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(0, 0, 0, 0.15) !important;
}
.menu .search_input::input-placeholder {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(0, 0, 0, 0.15) !important;
}
.menu .search_input:focus {
  border-bottom: solid 2px #3d94b1;
}
.header_search_button {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  border: none;
  outline: none;
  cursor: pointer;
  background: transparent;
}
.header_search_button:focus {
  outline: none;
}
.header_search_button i {
  font-size: 16px;
  color: #d9d9d9;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.header_search_button:hover i {
  color: #3d94b1;
}
.menu_extra {
  position: absolute;
  right: 60px;
  bottom: 30px;
}
.menu_phone,
.menu_social {
  font-size: 12px;
}
.menu_social {
  margin-right: -6px;
  margin-top: 5px;
}
.menu_title {
  text-transform: uppercase;
  margin-right: 10px;
}
.menu_social ul {
  display: inline-block;
}
.menu_social ul li {
  display: inline-block;
}
.menu_social ul li a i {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  padding: 6px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.menu_social ul li a i:hover {
  color: #3d94b1;
}

/*********************************
5. Home
*********************************/

.home {
  width: 100%;
  height: 100vh;
}
.home_container {
  position: absolute;
  bottom: 92px;
  left: 0;
  width: 100%;
}
.home_content {
}
.home_title {
  font-size: 48px;
  font-weight: 600;
  line-height: 0.75;
  color: white;
  display: inline-block;
  padding: 20px 40px;
  /* font-size: 18px; */
  font-weight: bold;
  /* color: black; */
  background: rgba(128, 128, 128, 0.5); /* Greyish translucent background */
  border-radius: 8px; /* Rounded corners */
  /* text-align: center; */
  border: 1px solid rgba(128, 128, 128, 0.3); /* Slight border for depth */
  cursor: default; /* Prevents pointer cursor */
  user-select: none; /* Prevent text selection */
  pointer-events: none; /* Makes it non-clickable */
}
.breadcrumbs {
  margin-top: 14px;
}
.breadcrumbs ul li {
  display: inline-block;
  position: relative;
  color: #3d94b1;
  font-size: 12px;
  font-weight: 600;
}
.breadcrumbs ul li a {
  font-size: 12px;
  color: #ffffff;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.breadcrumbs ul li a:hover {
  color: #3d94b1;
}
.breadcrumbs ul li:not(:last-child)::after {
  display: inline-block;
  position: relative;
  content: "/";
  margin-left: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  line-height: 0.75;
}

/*********************************
6. About
*********************************/

.about {
  width: 100%;
  background: #ffffff;
  padding-top: 0px;
  padding-bottom: 50px;
}
.about_row:not(:last-child) {
  margin-bottom: 99px;
}
.about_content {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.about_image {
  width: 100%;
}
.about_image img {
  max-width: 100%;
}
.about_title {
  font-size: 36px;
  font-weight: 700;
}
.about_text {
  margin-top: 61px;
}

/*********************************
7. Teachers
*********************************/

.teachers {
  width: 100%;
  background: #ffffff;
  padding-top: 20px;
  /* padding-bottom: 10px; */
}
.teachers_title {
  font-size: 36px;
  font-weight: 700;
  color: #44425a;
}
.teachers_row {
  margin-top: 68px;
}
.teacher {
  width: 100%;
  margin-bottom: 30px;
}

.teacher_image img {
  max-width: 100%;
}

ul {
  padding-left: 0rem !important;
}

.teacher:hover .teacher_image::after {
  visibility: visible;
  opacity: 1;
}
.teacher_body {
  padding-top: 43px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 47px;
}
.teacher_title a {
  font-size: 24px;
  font-weight: 600;
  color: #44425a;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.teacher_title a:hover {
  color: #3d94b1;
}
.teacher_subtitle {
  font-size: 14px;
  font-weight: 500;
  color: #6c6a74;
  margin-top: 1px;
}
.teacher_social {
  margin-top: 24px;
}
.teacher_social ul li {
  display: inline-block;
}
.teacher_social ul li:not(:last-child) {
  margin-right: 24px;
}
.teacher_social ul li a i {
  font-size: 17px;
  color: #3d94b1;
}
.teachers_button {
  margin-top: 18px;
}

/*********************************
8. Milestones
*********************************/

.milestones {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 16 px;
}
.milestones_container {
  margin-top: 0px;
}
.milestone {
  width: 100%;
}
.milestone_icon {
  display: inline-block;
  height: 60px;
  width: 81px;
}
.milestone_icon img {
  max-width: 100%;
}
.milestone_counter {
  font-size: 48px;
  font-weight: 500;
  color: #3d94b1;
  line-height: 0.75;
  margin-top: 37px;
}
.milestone_text {
  font-size: 18px;
  font-weight: 500;
  color: #3d94b1;
  margin-top: 21px;
  line-height: 0.75;
}

/*********************************
9. Footer
*********************************/

.footer {
  width: 100%;
  background: #f2f1f8;
  padding-top: 108px;
  padding-bottom: 90px;
}
.footer .logo_container {
  position: absolute;
  top: -10px;
  left: 0;
}
.footer_about_text {
  padding-top: 49px;
}
.footer_social {
  margin-top: 22px;
}
.footer_social ul li {
  display: inline-block;
}
.footer_social ul li:not(:last-child) {
  margin-right: 24px;
}
.footer_social ul li a i {
  font-size: 16px;
  color: #3d94b1;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.footer_social ul li a i:hover {
  color: black;
}
.copyright {
  font-size: 12px;
  font-weight: 500;
  color: #b3b3b3;
  margin-top: 70px;
}
.footer_title {
  font-size: 18px;
  font-weight: 600;
  color: #44425a;
}
.footer_list {
  margin-top: 26px;
  padding-right: 0%;
  padding-left: 0px;
}
.footer_list li:not(:last-child) {
  margin-bottom: 15px;
}
.footer_list li a {
  font-size: 14px;
  font-weight: 500;
  color: #6c6a74;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.footer_list li a:hover {
  color: #3d94b1;
}
.footer_contact_info {
  padding-right: 70px;
  margin-top: 26px;
}
.footer_contact_item:not(:last-child) {
  margin-bottom: 23px;
}

.footer_contact_title {
  font-size: 14px;
  font-weight: 500;
  color: #3d94b1;
}

.footer_contact_line {
  font-size: 14px;
  font-weight: 500;
  color: #6c6a74;
  margin-top: 3px;
}

/* General Reset */
body,
h1,
h2,
p {
  margin: 0;
  padding: 0;
  margin-right: 0;
}
body {
  background-color: #f5f5f5;
}

/* Hero Section */
.hero {
  height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  position: relative;
}

.overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.navbar {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 24px;
  font-weight: bold;
}
/* 
.hero-content {
  text-align: center;
}

.hero h1 {
  font-size: 32px;
  margin-bottom: 20px;
}

.stats {
  display: flex;
  justify-content: center;
  gap: 140px;
  margin-top: 100px;
}
.stat p{
  font-size: 25px;

}
.stat p{
  font-size: 25px;
  color: #000000;

}

.stat {

  padding: 15px;
  border-radius: 8px;
} */

.hero-section {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 20px; /* Reduced padding to fit cards better */
  /* background-image: url('your-background-image.jpg'); Add background image */
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* Stats Container */
.stats-container {
  display: grid;
  grid-template-columns: repeat(
    4,
    minmax(200px, 1fr)
  ); /* Adjusted width for compact fit */
  gap: 20px; /* Reduced gap for better spacing */
  max-width: 1200px;
  width: 100%;
  padding: 10px; /* Reduced padding */
}

/* Individual Stat Card */
.stat-card {
  background: rgba(100, 100, 100, 0.6); /* Translucent grey */
  padding: 20px; /* Reduced padding inside cards */
  border-radius: 10px;
  text-align: center;
  color: white;
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.stat-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

/* Stat Icon & Text */
.stat-card span {
  font-size: 24px; /* Slightly smaller font for better balance */
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
}

.stat-card p {
  font-size: 18px; /* Adjusted font size */
  font-weight: bold;
  margin: 0; /* Removed extra margin */
}

/* Responsive Design */
@media (max-width: 1024px) {
  .stats-container {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on tablets */
  }
}

@media (max-width: 768px) {
  .stats-container {
    grid-template-columns: repeat(1, 1fr); /* 1 column on mobile */
  }
}

/* Trusted Partners */
.partners {
  background: white;
  padding: 40px 20px;
  margin-top: 100px;
}

.partners h2 {
  margin-bottom: 20px;
}

.partners-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.partners-logos img {
  width: 150px;
  height: auto;

  transition: 0.3s;
}

.partners-logos img:hover {
  filter: none;
}

* {
  font-size: 14px;
  margin: 0;
}
.header1 {
  background-color: #007b8f;
  color: white;
  padding: 10px 0;
}
.hero1 {
  display: flex;
  justify-content: space-around;
  align-items: left;
  background-color: #00a6b4;
  color: white;
  padding: 100px 10px;
  flex-wrap: wrap;
}
.content1 h1 span {
  color: #ff5733;
}
.content1 h1 {
  font-size: 25px;
}
.form-box1 {
  background-color: white;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.form-box1 input {
  width: 80%;
  padding: 10px;
  margin: 10px 0;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.form-box1 button {
  background-color: #007b8f;
  color: white;
  border: none;
  padding: 20px;
  cursor: pointer;
  border-radius: 5px;
}
p1 {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
}

.stats1 {
  display: flex;
  justify-content: center;
  background-color: #f5f5f5;
  padding: 20px;
  flex-wrap: wrap;
}
.stat-box1 {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  padding: 60px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(200, 196, 196, 0.1);
  margin: 10px;
  flex: 1;
  max-width: 300px;
}
.stat-box1:nth-child(1) {
  background-color: #fdc119; /* Yellow */
}
.stat-box1:nth-child(2) {
  background-color: #f28c28; /* Orange */
}
.stat-box1:nth-child(3) {
  background-color: #00b0b1; /* Blue */
}

.courses_slider_container {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}
.course {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  width: 30%;
  text-align: center;
}
.course_image img {
  width: 100%;
  height: auto;
  display: block;
}
.course_body {
  padding: 15px;
}
.course_title h3 {
  font-size: 18px;
  margin: 10px 0;
}
.course_text {
  font-size: 14px;
  color: #666;
}
.course_tag a {
  text-decoration: none;
  color: white;
  background: #007bff;
  padding: 5px 10px;
  border-radius: 5px;
}

/* .swiper {
  width: 100%;
  overflow: hidden;
}

.swiper-wrapper {
  display: flex;
}

.swiper-slide {
  text-align: center;
}

.swiper-slide img {
  width: 100%;
  height: auto;
} */
/* Slider Container */
.slider {
  width: 100vw;
  max-width: 1100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  padding: 20px 0;
  padding-left: 100px;
  margin-top: 70px;
}

/* Slider Track (Moving Animation) */
.slider-track {
  display: flex;
  align-items: center;
  gap: 20px; /* Ensures consistent spacing */
  width: calc(220px * 10); /* Adjust width based on slides */
  animation: scroll 20s linear infinite;
}

/* Individual Slide */
.slide {
  flex: 0 0 220px; /* Consistent width for slides */
  scroll-snap-align: start;
}

/* Slide Images */
.slide img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease-in-out;
}

/* Hover Effect */
.slide img:hover {
  transform: scale(1.05);
}

/* Keyframes for Auto-Scrolling Effect */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  } /* Moves half of duplicated slides */
}

/* Responsive Breakpoints */
@media (max-width: 1024px) {
  .slider-track {
    gap: 15px; /* Adjust spacing for medium screens */
  }
  .slide {
    flex: 0 0 180px; /* Smaller slide width */
  }
}

@media (max-width: 768px) {
  .slider-track {
    gap: 10px; /* Consistent gap */
  }
  .slide {
    flex: 0 0 150px; /* Smaller slides */
  }
}

@media (max-width: 480px) {
  .slider-track {
    gap: 8px; /* Minimal spacing */
  }
  .slide {
    flex: 0 0 120px; /* Compact view */
  }
}

.hero-section {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60vh;
  padding: 40px 20px;
}

/* Stats Container */
.stats-container {
  display: grid;
  grid-template-columns: repeat(
    4,
    minmax(250px, 1fr)
  ); /* 4 equal columns on desktop */
  gap: 30px; /* Adjust gap for better spacing */
  max-width: 1400px; /* Ensures the cards take full width */
  width: 100%;
  padding: 20px;
}

/* Individual Stat Card */
.stat-card {
  background: rgba(100, 100, 100, 0.6); /* Slightly darker translucent grey */
  padding: 30px;
  border-radius: 12px;
  text-align: center;
  color: white;
  backdrop-filter: blur(12px); /* Glassmorphism effect */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
}

/* Stat Icon & Text */
.stat-card span {
  font-size: 26px;
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}

.stat-card p {
  font-size: 20px;
  font-weight: bold;
  color: white;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .stats-container {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on tablets */
  }
}

@media (max-width: 768px) {
  .stats-container {
    grid-template-columns: repeat(1, 1fr); /* 1 column on smaller screens */
  }
}

.partners {
  text-align: center;
  overflow: hidden;
  background: #fff;
  padding: 20px 0;
}

.logos-wrapper {
  overflow: hidden;
  white-space: wrap;
  position: relative;
  width: 100%;
}

.partners-logos {
  display: flex;
  width: 200%; /* Ensure it covers enough space for the animation */
  animation: slide 30s linear infinite;
}

.partners-logos img {
  max-height: 60px;
  margin: 0 15px;
  display: inline-block;
  vertical-align: middle;
}

@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(
      -50%
    ); /* Moves half of the container, ensuring smooth looping */
  }
}

.hero {
  position: relative;
  /* Adjus as needed */
}

.overlay {
  background: rgba(0, 0, 0, 0.5); /* Optional overlay effect */
}
.background-pin {
  position: absolute;
  top: 20%;
  right: 10%;
  width: 100px; /* Adjust size */
  opacity: 0.6; /* Adjust transparency */
}

.footer_slider_container {
  margin-top: 20px;
}
.swiper-slide img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

/* Responsive adjustments for tablets and smaller screens */
@media (max-width: 1024px) {
  .container {
    width: 90%;
  }
}

/* Responsive adjustments for mobile screens */
@media (max-width: 768px) {
  .container {
    width: 95%;
    padding: 10px;
  }

  h1 {
    font-size: 24px;
  }

  p {
    font-size: 16px;
  }
}

/* Additional adjustments for very small screens */
@media (max-width: 480px) {
  h1 {
    font-size: 20px;
  }

  p {
    font-size: 14px;
  }
}

/* Styling using .body1 instead of body */
.body1 {
  margin: 0;
  padding: 0;
  background-color: #f4f4f4;
  text-align: center;
}

/* Main Container */
.contanwer1 {
  width: 80%;
  margin: auto;
  background: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Features Section */
.dive3 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px;
  border-bottom: 1px solid #ddd;
}

.dive3 img {
  width: 50px;
  height: auto;
  margin-right: 20px;
  color: white;
}

.dive3 p2 {
  flex-grow: 1;
  text-align: left;
  font-size: 18px;
}

/* Apply Now Button */
.appli-btnn {
  background: #007bff;
  color: white;
  padding: 15px 20px;
  border: none;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
  margin-top: 20px;
}

.appli-btnn:hover {
  background: #0056b3;
}
/* Responsive adjustments for tablets and smaller screens */
@media (max-width: 1024px) {
  .container {
    width: 90%;
  }
}

/* Responsive adjustments for mobile screens */
@media (max-width: 768px) {
  .container {
    width: 95%;
    padding: 10px;
  }

  h1 {
    font-size: 24px;
  }

  p {
    font-size: 16px;
  }
}

/* Additional adjustments for very small screens */
@media (max-width: 480px) {
  h1 {
    font-size: 20px;
  }

  p {
    font-size: 14px;
  }
}
/* Responsive Design */
@media screen and (max-width: 1024px) {
  .container {
    width: 90%;
  }
}

@media screen and (max-width: 768px) {
  nav {
    flex-direction: column;
    text-align: center;
  }

  nav a {
    display: block;
    margin: 5px 0;
  }
}

@media screen and (max-width: 480px) {
  .container {
    width: 100%;
    padding: 10px;
  }

  nav {
    padding: 10px;
  }

  nav a {
    font-size: 16px;
  }

  /* Mobile specific styling */
  @media (max-width: 768px) {
    .dropdown-menu {
      position: static;
      width: 100%;
      box-shadow: none;
    }
  }
  /* Mobile specific styling */
  @media (max-width: 768px) {
    .dropdown-menu {
      position: static;
      width: 100%;
      box-shadow: none;
    }
  }
}
@media screen and (max-width: 768px) {
  .dropdown-menu {
    display: none;
    position: absolute;
    width: 100%;
    background: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
  }

  .nav-item {
    position: relative;
  }
}
.content1 li {
  font-size: 20px;
}
.content h1 {
  font-size: 24px;
}

/* 🔹 Mobile Optimization */
@media (max-width: 600px) {
  .partners-logos-wrapper {
    overflow: hidden; /* Hide overflowing logos */
    white-space: nowrap;
    position: relative;
  }

  .partners-logos {
    display: flex;
    align-items: center;
    gap: 20px; /* Adjust spacing between logos */
    animation: slide 20s linear infinite;
    width: max-content; /* Ensure logos take up only required space */
  }

  .partners-logos img {
    width: 80px; /* Adjust for mobile */
    flex-shrink: 0; /* Prevent images from shrinking */
  }
}

/* 🔹 Keyframe Animation */
@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media (max-width: 768px) {
  .navbar {
    padding: 10px 20px;
  }
  .logo {
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  .stats {
    display: flex;
    flex-wrap: wrap; /* Ensures stats don’t overflow */
    justify-content: center;
    gap: 15px;
  }
  .stat {
    width: 45%; /* Each stat takes 45% width for a 2-column layout */
    text-align: center;
  }
}
@media (max-width: 768px) {
  .parallax-window {
    background-attachment: scroll !important; /* Disable parallax effect */
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 600px) {
  .home_title {
    font-size: 24px;
    text-align: center;
  }
}
.home_background {
  background-size: cover; /* Ensures the image covers the entire div */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh; /* Makes sure it takes the full height of the screen */
  margin-top: 67px;
}
/* Adjust for small screens */
@media (max-width: 568px) {
  .home_background {
    height: 55vh; /* Ensure full screen height */
    width: 100%;
  }
}