* {
  padding: 0;
  margin: 0;
  border: none;
  border-style: none;
  border-width: unset;
}
html {
  font-family: "Montserrat", sans-serif;
  scroll-behavior: smooth;
}
a:hover {
  text-decoration: none;
  color: unset;
}
p {
  font-size: 17px;
  font-weight: bold;
}

/* body {
  background-image: linear-gradient( 135deg, #5EFCE8 10%, #736EFE 100%);;
} */
body {
  background: #2393fc;
  /* background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); */
	/* background-size: 400% 400%;
	animation: gradient 15s ease infinite; */
}
/* @keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
} */
.project_body {
  position: relative;
  top: 1px;
  height: 90%;
  width: 100%;
}

.navigation_bar {
  /* font-family: "McLaren", cursive; */
  width: 100%;
  display: flex;
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0px;
  z-index: 2;
  visibility: visible;
}
.navbar--scrolldown {
  visibility: hidden;
}
.navbar--scrollup {
  visibility: visible;
  background-color: rgb(35, 147, 252, 0.95);
  z-index: 20;
}
.navigation_bar h1 {
  position: relative;
  left: 50px;
  font-weight: bold;
  margin-top: 10px;
}
.navigation_bar h1 .header-of-navigationBar{
  position: relative;
  width: fit-content;
  border-color: inherit;
  text-decoration-line: none;
}
.navigation_bar h1 .header-of-navigationBar img{
  display: block;
  width: 60px;
}
.navigation_bar_list {
  width: 100%;
}
.navigation_bar ul {
  float: right;
  padding: 1px 10px;
  list-style: none;
  margin: 0px;
}

.navigation_bar ul li {
  float: left;
  display: list-item;
  margin: 2px 5px;
  padding: 5px 20px;
  color: #fff;
  height: 100%;
  border-radius: 10px;
  transition: 0.5s;
}
.c-tab-navigation__button {
  border-color: inherit;
  text-decoration-line: none;
  outline: none;
  color: #fff;
  font-size: medium;
  margin: auto;
}
.navigation_bar ul li .c-tab-navigation__button i {
  font-size: 25px;
  margin: auto;
  width: 100%;
  text-align: center;
}

.navigation_bar ul li:hover {
  color: #ffffff;
  text-decoration: none;
  background-color:#000000;
}
.navigation_bar ul li:focus {
  outline: none;
  border-bottom: 3px solid #ffffff;
}
.navigation_button-wrabber {
  width: 100%;
  text-align: center;
}

.signUp_button {
  font-weight: bold;
  background-color: #e66565;
  width: 130px;
}
.slide {
  padding-top: 40px;
  background-color: rgb(0, 0, 0, 0.5);
  height: 100%;
}
.carousel-item {
  color: #ffffff;
}

.pic-main-slider {
  display: block;
  width: 200px;
  height: 200px;
  margin: auto;
  border-radius: 20px;
  transition: 00.5s;
}
.pic-slider {
  width: 350px;
}
.pic-main-slider:hover {
  border: 2px solid #d45b5b;
  border-radius: 35% 5px;
}
.text-of-slider p{
  margin: 50px auto;
  word-spacing: 5px;
}

.head-slide {
  text-align: center;
  margin: 40px;
}

.carousel-item .row {
  margin: 10% 0;
}

.slider-navigation-button {
  position: relative;
  margin: 30px auto;
  width: 100%;
  text-align: left;
}

.slider-navigation-button a {
  border-radius: 25px;
  font-size: 15px;
  font-weight: lighter;
  cursor: pointer;
  background-color: #e66565;
  padding: 10px 15px;
  text-decoration-line: none;
  color: #fff;
  transition: 0.2s;
}
.slider-navigation-button a:hover {
  background-color: #5EFCE8;
  color: black;
  font-weight: bold;
}
.img-box {
  width: 90%;
  float: right;
}
.animate__animated {
  --animate-duration: 1.5s;
}
.pic-one {
  width: 100%;
  border-radius: 20px;
}
.pic-two {
  font-size: 90px;
  position: absolute;
  left: 150px;
  bottom: 200px;
  color: #ffffff;
}
.pic-three {
  font-size: 90px;
  position: absolute;
  right: 30px;
  top: 15%;
  color: #ffffff;

}
.pic-four {
  font-size: 120px;
  position: absolute;
  bottom: 30px;
  left: 150px;
  color: #ffffff;
}
.pic-five {
  width: 100%;
  border-radius: 50px;
}
.pic-six {
  width: 120px;
  position: absolute;
  left: 40%;
  bottom: 30%;
  color: #ffffff;
}
.pic-seven {
  width: 140px;
  height: 250px;
  position: absolute;
  right: -60px;
  bottom: 30px;
  border-radius: 50px;
}

.pic-eight {
  width: 100%;
  border-radius: 50px;
}
.pic-nine {
  width: 220px;
  position: absolute;
  left: 34%;
  bottom: 26%;
  border-radius: 50px;
}
.pic-ten {
  font-size: 50px;
  position: absolute;
  right: 50px;
  bottom: 20px;
  color: #ffffff;
}
.learning_path {
  margin-top: 70px;
}
.learning_path p {
  font-weight: bolder;
  font-size: 20px;
  text-align: center;
  position: relative;
  margin: 30px auto 20px auto;
}
.learning_path img {
  width: 800px;
  display: block;
  position: relative;
  margin: 30px auto 20px auto;
}

/* footer {
  text-align: center;
  bottom: 5px;
  width: 100%;
  height: 40px;
  margin: auto;
}

footer p {
  color: #fff;
  margin: 25px auto;
  width: fit-content;
}
footer p:first-child {
  margin-top: revert;
} */


.notes-editor {
  position: relative;
  width: 480px;
  margin: 30px auto 20px auto;
  background: #fff;
  padding: 15px;
  border-radius: 7px;
  box-shadow: 0 1px 5px rgb(138, 137, 137);
}
.notes-editor input,
.notes-editor textarea {
  width: 100%;
  border: none;
  padding: 4px;
  outline: none;
  font-size: 1.2em;
  font-family: inherit;
  resize: none;
}

.notes-editor .note_button--idle {
  position: absolute;
  right: 18px;
  bottom: -18px;
  background: #2393fc;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  outline: none;
}

.notes-editor .note_button--active {
  position: relative;
  float: right;
  right: 18px;
  bottom: -18px;
  margin-right: 10px;
  background: #e73e14;
  border: none;
  width: 45px;
  height: 45px;
  cursor: pointer;
  outline: none;
}

.formPage {
  margin: 20px auto;
  height: 500px;
  border-radius: 15px;
  width: 95%;
}
.containerC {
  background-color: #2393fc;
  margin: 100px auto;
  padding-top: 40px;
  width: 500px;
  text-align: center;
  border-radius: 20px;
  color: #fff;
}

.containerC h1 {
  font-size: 40px;
  font-weight: 200;
}
.containerC p {
  margin-bottom: 5px;
}

.logging-form {
  padding: 20px 0;
  position: relative;
  background-color: darkblue;
  border-radius: 10px 10px 0 0;
}
.containerC button {
  position: relative;
  width: 100%;
  padding: 5px;
  bottom: 0px;
  border-radius: 0px 0px 10px 10px;
  cursor: pointer;
  background-color: #e66565;
  color: #fff;
  font-size: 18px;
}
.containerC button:hover {
  background-color: #5EFCE8;
  color: black;
}
.containerC button div {
  margin: 10px auto 0px;
  width: 150px;
  height: fit-content;
  display: block;
}
.containerC button div img{
  width: 30px;
  height: 20px;
  margin-right: 10px;
  float: right;
  margin-top: 2.5px;
}
.containerC button div p {
  width: fit-content;
  height: fit-content;
}

.logging-form input {
  border: 1px solid rgba(252, 252, 252, 0.4);
  width: 250px;
  border-radius: 10px;
  font-family: "Source Sans Pro", sans-serif;
  padding: 10px 15px;
  margin: 0 auto 10px auto;
  display: block;
  text-align: center;
  font-size: 18px;
  color: rgb(0, 0, 0);
  font-weight: 300;
}
.logging-form input:hover {
  opacity: 0.5;
}

.logging-form button {
  background-color: #e66565;
  color: #fff;
  border: 0;
  padding: 10px 15px;
  border-radius: 25px;
  width: 150px;
  font-size: 18px;
  cursor: pointer;
  margin: 20px auto;
}
.logging-form button:hover {
  background-color: #5EFCE8;
  color: black;
}


.main-page {
  margin: auto;
  height: 700px;
  color: #fff;
  border-radius: 15px;
  font-weight: bolder;
  width: 95%;
  padding-bottom: 130px;
  transition: transform 1s;
  /* background: rgb(63,94,251);
  background: radial-gradient(circle, rgba(63,94,251,1) 0%, #fc466b 100%); */

}
.main-page-image {
  right: 20px;
  position: relative;
  float: right;
  height: 100%;
  margin-top: auto;
  border-left: 5px double #c2c2c2;
  padding: 60px;
}
.main-page-image iframe {
  height: 400px;
  width: 600px;
  border-radius: 20px;
}
.main-page-image img {
  height: 400px;
  width: 600px;
  border-radius: 20px;
}
/* .main-page-text {
  text-align: left;
  width: 40%;
  height: fit-content;
  margin: auto 100px;
} */
.main-page-text {
  float: left;
  font-size: 25px;
  text-align: center;
  width: 40%;
  height: 100%;
  margin: auto 20px;
  padding: 60px;
}
.main-page-text h1 {
  padding: 10px;
  margin: 30px auto;
}
.main-page-text p {
  font-size: 23px;
}
.skew-wrapper-howwork {
  padding: 100px 0;
  transform: skew(0deg, 5deg) translateY(-70px);
  /* background: rgb(191,150,237);
  background: radial-gradient(circle, rgba(191,150,237,1) 18%, rgba(80,148,227,1) 100%); */
    background: rgb(63,94,251);
  background: radial-gradient(circle, rgba(63,94,251,1) 0%, #fc466b 100%);
}

.how-work {
  margin: 10px auto;
  height: 600px;
  transform: skew(0deg, -5deg);
  color: #fff;
  font-weight: bolder;
  /* width: 95%; */
  border-radius: 15px;
  padding-top: 100px;
  /* background: rgb(191,150,237); */
  /* background: radial-gradient(circle, rgba(191,150,237,1) 18%, rgba(80,148,227,1) 100%); */
}

.how-work-video {
  left: 20px;
  position: relative;
  float: left;
  height: 100%;
  margin-top: auto;
  border-right: 5px double #c2c2c2;
  padding: 60px;
}
.how-work-video img {
  height: 400px;
  width: 600px;
  border-radius: 20px;
}
.how-work-video iframe {
  height: 400px;
  width: 600px;
  border-radius: 20px;
}
.how-we-work {
  float: right;
  text-align: center;
  width: 40%;
  height: fit-content;
  margin: auto 20px;
  padding: 60px;
}
.how-work-text {
  float: right;
  font-size: 25px;
  text-align: center;
  width: 40%;
  height: 100%;
  margin: auto 20px;
  padding: 60px;
}
.how-work-text p {
  font-size: 23px;
}


.about_us {
  display: flex;
  margin: auto;
  height: fit-content;
  color: #ffffff;
  width: 100%;
  padding: 30px;
  background-image: linear-gradient( 0deg,  rgba(0,32,92,1) 1.3%, rgba(0,64,202,1) 92.7% );
  text-align: center;
}
.who_we_are {
  text-align: left;
  width: 40%;
  height: fit-content;
  margin: auto 10px auto 40px;
  height: 100%;
}
.history-line {
  width: 60%;
  text-align: center;
}
.history-line h2 {
  margin-bottom: 50px;
}
.history-instance {
  width: 260px;
  margin: 0px auto;
  text-align: center;
  height: fit-content;
}
.history-instance p {
  position: absolute;
  width: fit-content;
}
svg line {
  stroke: #ffffff;
  stroke-width: 3px;
}
svg circle {
  cursor: pointer;
}
svg circle:hover {
  fill: #e66565;
}
svg circle:active {
  fill: #14e750;
}

.history-instance p:first-child {
  width: 150px;
  right: 270px;
}
.who_we_are p {
  margin: 5px auto 15px auto;
  font-size: 16px;
  word-spacing: 7px;
  padding: 10px;
  border-radius: 10px;
}
.who_we_are p:hover {
  box-shadow: 3px 3px 10px 0 rgb(194, 194, 194);
}

.our_key_values{
  text-align: center;
  width: fit-content;
}
.our_key_values table {
  display: initial;
  border-collapse: collapse;
}
.our_key_values table tr td {
  text-align: center;
  padding: 30px;
  font-size: 60px;
  transition: 1s;
}
/* .our_key_values table tr td:hover {
  border: 3px solid #ffffff;
  border-radius: 50px 5px;
} */
.our_key_values table tr td p {
  font-size: medium;
}
.follow-us {
  text-align: left;
  width: 70%;
  height: 100%;
}
.check-references {
  width: fit-content;
  height: fit-content;
  margin: 100px auto 10px;
  height: 100%;
  float: right;
}
.follow-us ul li {
  width: fit-content;
  margin: 20px;
  font-size: 20px;
  
  text-decoration: none;
}
.follow-us ul {
  margin-top: 30px;
  height: 300px;
}
.follow-us ul li a {
  color: #ffffff;
}
.follow-us ul li a:hover {
  text-decoration: none;
  opacity: 0.5;
}
.member-social {
  padding: 5px 8px;
}
.SocialBar-container {
  text-align: left;
  width: 100%;
}

.SocialBar-container a {
  text-align: center;
  width: 75px;
  float: left;
  font-size: 35px;
  color: #ffffff;
  margin: auto 5px;
  transition: 0.3s;
  border-radius: 20px;
}
.SocialBar-container a:hover {
  color: #23d5ab;
  box-shadow: 3px 3px 10px 0 rgb(255, 255, 255);
}
.meet_objectives-education-parallax {
  position: relative;
  background-image: url(./coverPhotos/globalization.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  display: flex;
}
.meet_objectives-parallax {
  position: relative;
  background-image: url(./coverPhotos/entrepreneurship.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  display: flex;
}
.meet_objectives-parallax.educateWithUs-background {
  background-image: url(./coverPhotos/educateWithUs.jpg);
}
.meet_objectives {
  margin: auto;
  display: flex;
  color: rgb(0, 0, 0);
  width: 100%;
  padding: 70px 0px;
  background-color: rgba(255, 255, 255, 0.6);
}
.meet_objectives--tiltle {
  width: 100%;
  text-align: center;
  height: fit-content;
  position: absolute;
  color: darkblue;
}
.note_all {
  width: fit-content;
  margin: auto;
}
.note_all.withTitle {
  width: fit-content;
  margin: 70px auto;
}
.note {
  border-radius: 20px;
  padding: 10px;
  width: 400px;
  margin: 5px 30px;
  text-align: center;
  float: left;
  background-color: rgba(255, 255, 255,0.7);
  transition: 0.3s;
}
.note:hover {
  margin-top: 10px;
}
.note img {
  margin: auto auto 20px;
  display: block;
  width: 200px;
  height: 200px;
}
.note h1 {
  color: crimson;
  font-weight: bolder;
  font-size: 25px;
  margin-bottom: 6px;
}
.note p {
  font-size: 16px;
  height: 130px;
  margin: 20px 5px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.EducationalPlatform {
  width: 100%;
  height: 100%;
  margin: 70px auto;
  display: flex;
}

.sidenav {
  margin-top: auto;
  height: 100%;
  width: 40px;
  position: fixed;
  z-index: 30;
  top: 0px;
  left: 0px;
  background-color:#e66565;
  transition: 0.5s;
  padding-top: 30px;
  overflow-x: visible;
}
.sidenav a {
  padding: 8px;
  margin-bottom: 20px;
  text-decoration: none;
  color: #000000;
  display: block;
  transition: 0.3s;
  border-radius: 15px;
  visibility: hidden;
}

.sidenav a img {
  width: 40px;
}
/* .sidenav button {
  visibility: hidden;
} */
.sidenav--show {
  width: 170px;
  background-color:#f0f8ff;
}
.sidenav--show a {
  visibility: visible;
}
/* .sidenav--show button {
  visibility: visible;
} */


.sidenav a:hover {
  background-color: bisque;
}
.sidenav a img {
  display: block;
  margin: auto;
}
.text-side-NavBar {
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}

/* .sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 40px;
  width: fit-content;
  background-color: rgb(255, 255, 255, 0);
  transform: rotate(-90deg);
  border: none;
} */
.sidenav i {
  color: cornflowerblue;
  position: absolute;
  top: 70px;
  right: -30px;
  font-size: 55px;
  width: fit-content;
  background-color: rgb(255, 255, 255, 0);
  transform: rotate(-90deg);
  transition: transform 1s;
  border: none;
  cursor: pointer;
}
.sidenav--show i {
  transform: rotate(90deg);
}
.sidenav i:hover {
  opacity: 0.6;
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.sideBarTap {
  font-size: 30px;
  cursor: pointer;
  color: #ffffff;
  margin-left: 5px;
  padding: 5px;
  height: fit-content;
}
.sideBarTap:hover {
  opacity: 0.5;
}
.all_courses {
  width: 73%;
  margin: auto;
  height: fit-content;
  display: inline-block;
}
.course {
  /* background-color: #fff; */
  border-radius: 15px;
  /* border: 2px solid rgb(206, 206, 206); */
  width: 330px;
  height: 460px;
  margin: 15px;
  float: left;
  display: block;
  overflow: hidden;
}
.flip-course-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.5s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-course-front, .flip-course-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-course-front {
  background-color:  rgba(0, 206, 209, 0.3);
}
.flip-course-back {
  text-align: left;
  padding: 15px;
  background-color: blueviolet;
  color: white;
  transform: rotateY(180deg);
}
.course:hover .flip-course-inner {
  transform: rotateY(180deg);
}
.course img {
  margin: auto;
  display: block;
  border-radius: 15px 15px 0px 0px;
  width: 100%;
}
.course h1:first-child {
  font-weight: bolder;
  font-size: 25px;
  margin: 12px auto;
  color: #ffd700;
}
.course h1:nth-child(2) {
  font-weight: bolder;
  font-size: 21px;
  margin: 6px auto;
  color: #e66565;
  padding: 5px 10px;
  min-height: 60px;
}
/* .course:hover h1 {
  font-weight: bold;
  color: rgb(230, 101, 101);
} */
.course_description-front {
  padding: 5px 15px;
  font-size: 15.5px;
}
.course_description-back {
  margin-top: 20px;
  word-spacing: 3px;
}
.link-to-courseDetails {
  margin: 60px 0px;
  width: fit-content;
  height: fit-content;
}
.link-to-courseDetails .DetailsLink {
  color: #b2f5f5;
  padding: 15px 25px;
  border: 2px solid #b2f5f5;
  border-radius: 10px;
  font-weight: bolder;
  font-size: 19px;
  transition: 0.5s;
}
.link-to-courseDetails .DetailsLink:hover {
  border-radius: 70px 5px;
  color: #ffffff;
  padding: 20px 30px;
  background-color: black;
}
.course-categories-miniBar {
  font-size: medium;
  position: absolute;
  bottom: 60px;
  width: 100%;
  z-index: 10;
}
.single-category-course {
  border: 2px solid #ffffff;
  margin-right: 5px;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  float: left;
  width: fit-content;
  transition: 0.5s;
  cursor: pointer;
  background-color: #000000;
}
.single-category-course:hover {
  background-color: #00000000;
} 
.course_author {
  position: absolute;
  bottom: 0px;
  padding: 10px;
  display: flow-root;
  width: 100%;
  /* background-color: rgb(238, 238, 238); */
  height: 60px;
  border-radius: 0px 0px 15px 15px;
  font-weight: bold;
}
.course_author img {
  display: block;
  border-radius: 50%;
  width: 50px;
  float: left;
}
.author_name {
  width: fit-content;
  float: left;
  margin: 10px 5px;
}
.course_price {
  font-size: small;
  opacity: 0.7;
  width: fit-content;
  float: right;
  margin: 12px 5px;
}
.graduate_student {
  font-size: medium;
  margin-left: 7px;
}

.learn_more_button {
  position: relative;
  margin: 30px auto;
  width: fit-content;
  transition: 0.5s;
  height: 30px;
}
.learn_more_button.button-partner {
  margin: 40px 0px;
}
.exploremore-partners {
  display: flex;
  padding-top: 20px;
}
.exploremore-partners i {
  float: left;
  font-size: 20px;
  padding: 3px 10px;
  color: #d45b5b;
}
.learn_more_button a {
  border-radius: 25px;
  font-size: 15px;
  cursor: pointer;
  background-color: #e66565;
  padding: 10px 15px;
  text-decoration-line: none;
  color: #fff;
  transition: 0.5s;
}
.learn_more_button a i {
  transition: 0.5s;
  padding: 5px;
  font-size: 13px;
}
.learn_more_button a:hover {
  background-color: #5EFCE8;
  color: black;
  font-weight: bolder;
  font-size: 18px;
}
.learn_more_button a:hover i {
  padding-left: 30px;
}
.wrapper-course-details {
  width: 100%;
  color: #ffffff;
}
.AboutUsPage-wrapper {
  width: 100%;
  background-color: aliceblue;
}
.Head-AboutUs-parallax {
  position: relative;
  height: 900px;
  background-image: url(./coverPhotos/satelliteMap.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
}
.Head-AboutUs {
  background-color: rgba(0, 0, 0, 0.6);
  position: relative;
  width: 70%;
  text-align: center;
  top: 30%;
  padding: 40px;
  margin: auto;
  border-radius: 20px;
}
.Education-page {
  background-color: aliceblue;
}
.Head-courses-parallax {
  position: relative;
  height: 800px;
  background-image: url(./coverPhotos/artificial-intelligence.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
}
.coursesGroup-heighlight {
  background-color: rgba(0, 0, 0, 0.6);
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 80px;
  margin: auto;
}
.courseCategouries-text {
  text-align: center;
  margin: auto;
  font-size: 20px;
  margin-top: 50px;
}
.courseCategouries {
  width: 80%;
  float: right;
  margin-top: 50px;
}
.courseCategoury {
  width: 130px;
  padding: 10px;
  text-align: center;
  float: left;
  height: 170px;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  margin: 3px;
  cursor: pointer;
  transition: 0.3s;
}
.courseCategoury p {
  font-size: 15px;
  font-weight: normal;
}
.courseCategoury:hover {
  background-color: #e66565;
}
.courseCategoury img {
  display: block;
  width: 70%;
  margin: auto auto 10px;
}
.Head-course-details-parallax {
  position: relative;
  height: 600px;
  background-image: url(./coverPhotos/computerVision.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.course-details-temporary {
  text-align: center;
  width: 100%;
  padding: 50px;
}
.course-details-temporary img {
  display: block;
  margin: 50px auto;
  width: 40%;
}
.course-category-heighlight {
  background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
  width: 100%;
  text-align: center;
  top: 47%;
  padding: 25px 0px;
  margin: auto;
}
.joinus-page {
  margin: auto;
  height: fit-content;
  color: #ffffff;
  width: 100%;
}
.parallax-backGround {
  position: relative;
  height: 750px;
  background-image: url(./coverPhotos/deepLearning.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.our-investors {
  width: 100%;
  background-color: aliceblue;
  color: #000000;
  display: inline-block;
  margin-bottom: 50px;
}
.our-investors .theme-title h2 {
  margin: 50px auto 0px auto;
}
.investor-mission {
  width: 80%;
  margin: 50px auto;
  /* background-color: rgba(28,33,45, 0.8); */
}
.investor-mission img {
  height: 350px;
  margin: auto;
  /* float: right; */
}
.investor-mission .theme-title {
  margin-top: 50px;
}
.investor-policy {
  width: 80%;
  margin: 50px auto;
  /* background-color: rgba(28,33,45, 0.8); */
}
.investor-policy .theme-title {
  margin-top: 30px;
}
.investor-policy img {
  height: 350px;
  margin: auto;
  /* float: right; */
}
.investor-mission-details {
  margin: 30px auto;
}
.investor-mission-details p {
  font-weight: unset;
}
/* .investor-banner {
  color: #ffffff;
} */

.investor-banner {
  color: #ffffff;
  margin: auto;
  padding: 50px;
  background-color: rgb(34, 40, 55);
}
.investor-banner h1 {
  margin: 30px auto;
}

.investor-thumbnail {
  display: flex;
}
.investor-banner img {
  width: 400px;
  display: block;
  margin: auto auto -50px;
}

.our-partners {
  width: 100%;
}
.our-partners .theme-title {
  margin-bottom: 50px;
}
.partnership-banner {
  margin: auto;
  padding: 50px;
  background-color: rgb(34, 40, 55);
}
.partnership-banner h1 {
  margin: 30px auto;
}

.partner-thumbnail {
  display: flex;
}
.partnership-banner img {
  width: 300px;
  display: block;
  margin: auto auto -50px;
}
.partnership-track-wrapper {
  width: 100%;
  margin-top: 70px;
}
.partnership-track {
  width: 100%;
  background-color: #e66565;
  position: relative;
  font-size: 30px;
  height: 85px;
}
.TrackNumber {
  position: absolute;
  z-index: 2;
  height: 150px;
  width: 150px;
  left: 10px;
  background-color:rgba(28, 33, 45);
  border-radius: 50%;
  text-align: center;
  align-content: center;
  display: grid;
  top: -30px;
  padding: 10px;
  transform: rotate(3600deg);
  transition: 0.5s;
  cursor: pointer;
}
.TrackNumber--collapse {
  position: absolute;
  z-index: 2;
  height: 150px;
  width: 150px;
  left: 10px;
  background-color:rgba(28, 33, 45);
  border-radius: 50%;
  text-align: center;
  align-content: center;
  display: grid;
  top: -30px;
  padding: 10px;
  transform: rotate(0deg);
  transition: 0.5s;
  cursor: pointer;
}
.TrackNumber:hover {
  background-color: turquoise;
  color: #000000;
}
.TrackNumber--collapse:hover {
  background-color: turquoise;
  color: #000000;
}
.Track-opening {
  position: absolute;
  z-index: 2;
  height: 85px;
  width: 100px;
  right: 0px;
  background-color:rgba(28, 33, 45);
  text-align: center;
  top: 0px;
  padding: 10px;
  font-size: 50px;
  transition: 0.2s;
  cursor: pointer;
}
.Track-opening--collapse {
  position: absolute;
  z-index: 2;
  height: 85px;
  width: 100px;
  right: 0px;
  background-color:rgba(28, 33, 45);
  text-align: center;
  top: 0px;
  padding: 10px;
  font-size: 50px;
  transition: 0.2s;
  cursor: pointer;
}
.Track-opening:hover {
  background-color: turquoise;
  color: #000000;
}
.Track-opening--collapse:hover {
  background-color: turquoise;
  color: #000000;
}
.Track-opening i {
  transform: rotate(180deg);
  transition: 0.5s;
}
.Track-opening--collapse i {
  transform: rotate(0deg);
  transition: 0.5s;
}
.TrackTitle {
  width: fit-content;
  padding: 20px;
  margin: auto;
}
.Track-description {
  background-color: azure;
  padding: 80px 40px;
  color: #000000;
  transition: 1s;
}
.Track-description--collapse {
  background-color: azure;
  height: 100px;
  overflow: hidden;
  transition: 1s;
}
.Track-description--collapse .row, .Track-description--collapse .row ul {
  visibility: collapse;
}
.Track-description .row {
  width: 85%;
  margin: 50px auto;
  visibility: visible;
}
.Track-description ul {
  visibility: visible;
}
.Track-description .row img {
  height: 350px;
  /* margin: auto; */
  float: right;
}
.Track-description .row h2 {
  color: #e66565;
}
.Track-description-benefits {
  margin: 30px auto;
}
.Track-description-benefits p {
  font-weight: unset;
}
.Track-description ul {
  list-style: square;
  width: 80%;
  margin: auto;
}
.Track-description ul li {
  padding: 10px;
  word-spacing: 3px;
  font-size: 18px;
}
.confused-about-track {
  width: 80%;
  margin: 50px auto;
  /* background-color: rgba(28,33,45, 0.8); */
}
.confused-about-track img {
  height: 350px;
  /* margin: auto; */
  float: right;
}
.confused-about-track h4 a {
  border-radius: 25px;
  font-size: 18px;
  cursor: pointer;
  background-color: #e66565;
  padding: 10px;
  text-decoration-line: none;
  color: #fff;
  transition: 0.3s;
}
.confused-about-track h4 a:hover {
  background-color: #5EFCE8;
  color: black;
  font-weight: bolder;
  font-size: 21px;
}
.VacanciesPage {
  margin: 40px auto;
  display: flex;
  width: 95%;
  color: #ffffff;
  /* font-weight: bolder; */
  font-size: 17px;
}
.VacanciesList {
  width: 25%;
  height: 800px;
  background-color: #000000;
  margin: auto;
  border-radius: 15px 0px 0px 15px;
  text-align: center;
}
.VacanciesList-head {
 background-color: #e66565;
 border-radius: 15px 0px 0px 0px;
 padding: 10px;
}
.VacancyDetails {
  margin: auto;
  border-radius: 0px 15px 15px 0px;
  width: 75%;
  background-color: #e6e6fa;
  color: #000000;
  height: 800px;
  text-align: left;
}
.VacancyDetails table{
  width: 95%;
  margin: 20px auto 30px auto;
}
.VacancyDetails table td {
  border-collapse: collapse;
  padding: 5px;
  text-align: left;
  border-right: 2px solid rgb(97, 97, 97);
}
.VacancyDetails table td p:first-child {
  font-weight: bold;
}
.VacancyDetails table td p:nth-child(2) {
  padding: 6px 15px;
}
.VacancyDetails table tr:first-child {
  border-bottom: 2px solid  rgb(97, 97, 97);
}
.VacancyDetails table .extra_column-to_style {
  border-right: none;
}
.VacancyDetails-text{
  width: 95%;
  margin: 10px auto;
}
.VacancyDetails-text ul li {
  margin-left: 30px;
}
.VacancyDetails-jobTitle {
  text-align: center;
  margin-bottom: 40px;
}
.VacancyItem {
  width: 95%;
  margin: 20px auto;
  text-align: center;
  padding: 10px;
  background-color: #000000;
  display: flex;
  /* border-radius: 10px; */
  cursor: pointer;
}

.VacancyItem i{
  width: fit-content;
  font-size: 30px;
  float: left;
  padding: 0px 0px 0px 10px;
  transition: 0.7s;
}
.VacancyItem:hover {
  /* box-shadow: 3px 3px 10px 0 rgb(194, 194, 194); */
  opacity: 0.8;
}
.VacancyItem:hover i{
  padding: 0px 0px 0px 60px;
  opacity: 0.8;
}
.VacancyItem p {
  /* float: left; */
  width: fit-content;
}

.additional-group-aboutUs {
  padding-top: 40px;
}
.additional-space-vision {
  margin-bottom: 100px;
}

@media screen and (max-width: 1200px) {
  .how-work-video {
    display: none;
  }
  .how-work-text {
    font-size: 20px;
  }
  .main-page-image {
    display: none;
  }
  .main-page-text {
    font-size: 20px;
  }
  .value_icon {
    width: 100px;
    height: 100px;
  }
  .our_key_values {
    display: none;
  }
  .carousel-control.right, .carousel-control.left {
    background-color: #e73e14;
  }

}
/* .main-page:hover {
  background-color:#2393fc;
  color: #ffffff;
  transform: rotate(90deg);
} */