* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.navbar {
  position: sticky;
}

.logo {
  width: 120px;
}

.signin-btn {
  color: #ffffff !important;
  background: #ec7a21 !important;
  opacity: 0.9;
  font-weight: bolder;
}
.signin-btn:hover {
  color: #ffffff;
  opacity: 1;
}
.fa-circle-check {
  font-size: 40px;
}

.modal-body {
  font-size: 18px !important;
}
.modal-contact {
  color: #000000;
}

.fa-facebook,
.fa-instagram,
.fa-linkedin {
  font-weight: 300 !important;
  color: #061e87;
}

/* ------------------Section-1------------------- */

.home1 {
  background: linear-gradient(90deg, #061e87 25%, rgba(0, 0, 0, 0.2) 90%),
    url("/media/bg-img1.jpg"), no-repeat;
  background-size: cover;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.head-cont {
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: self-start;
  height: 60vh;
}
.head-cont h1 {
  font-size: 55px;
  font-weight: 600;
}
.head-cont p {
  font-size: 25px;
  font-weight: 100;
}

/* ------------------Section-2------------------- */

.glance-title {
  font-size: 25px;
}
.glance {
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px;
}
.glance-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  height: 100%;
}
.fa-chalkboard-user,
.fa-graduation-cap,
.fa-cogs,
.fa-user-friends,
.fa-book-reader,
.fa-suitcase {
  font-size: 40px;
}
.glance-card p {
  font-size: 18px;
}

.card1,
.card2,
.card3,
.card4,
.card5,
.card6 {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* ----------------form----------------- */
.total-form {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-form {
  display: flex;
  justify-content: center;
}
.head-form {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  width: auto;
  height: auto;
}
.form-floating > .form-control:not(:placeholder-shown) ~ label::after {
  color: rgba(169, 169, 169, 0.799);
  background-color: transparent !important;
}
.reg-btn {
  color: #ffffff !important;
  background-color: #ec7a21 !important;
}
.form-tool {
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-img {
  height: 300px;
}

/* -----------------section-3-------------------- */

.topics {
  text-align: center;
}

.topics-logo {
  width: 40px;
}

/* -----------------section-4 ad-img-1-------------------- */

.core-1 {
  background: linear-gradient(90deg, #000 2%, rgba(0, 0, 0, 0.2) 60%, #000 96%),
    url(./media/img1.jpg) no-repeat;
  background-position: bottom;
  background-size: cover;
  height: 40vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  border-radius: 8px;
}
.core-1 h2 {
  color: #ffffff;
  margin-bottom: 1rem !important;
}
.core-1 h2 span {
  color: #ec7a21;
}

/* ----------------project------------------- */

.project-div {
  border-radius: 10px 40px;
  text-align: justify;
}
.pro-1 {
  background: #fff4f9;
}
.pro-2 {
  background: #fff8f2;
}
.pro-3 {
  background: #f8f5ff;
}
.pro-icon1 {
  padding: 12px;
  color: #d82e6b;
  background: #fcd2e5;
  border-radius: 50%;
}
.pro-icon2 {
  padding: 12px;
  color: #e87516;
  background: #fce5d2;
  border-radius: 50%;
}
.pro-icon3 {
  padding: 12px;
  color: #3902f2;
  background: #ddd2fc;
  border-radius: 50%;
}

/* -----------------certificate------------ */

.cert-div {
  padding: 10px 0px;
  background: #9eb8d76a !important;
}
.cert-img {
  height: 350px !important;
}

/* -----------------section-5 testimonials-------------------- */

.testi-para {
  text-align: justify;
}
.testi-para:hover {
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

/* ---------------Accordian------------- */

.accordion-button:not(.collapsed) {
  color: #ffffff !important;
  background-color: #ec721a !important;
}
/* -----------------ad-img2 -------------------- */

.core-2 {
  background: linear-gradient(90deg, #000 2%, rgba(0, 0, 0, 0.2) 90%, #000 96%),
    url(./media/img3.jpg) no-repeat;
  background-position: top;
  background-size: cover;
  height: 40vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  border-radius: 8px;
}
.core-2 h2 {
  color: #ffffff;
  margin-bottom: 1rem !important;
}
.core-2 h2 span {
  color: #ec7a21;
}
.signin-btn {
  color: #ffffff;
  background: #ec7a21 !important;
  opacity: 0.9;
  font-weight: bolder;
}
.signin-btn:hover {
  color: #ffffff;
  opacity: 1;
}

.form-img1 {
  height: 300px;
}

/* -----------------section-7 pricing card-------------------- */
/* .plan-card:hover{
  transition:  transform 1s linear;
  transform: translateY(-10px);
  box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.plan-card h1{
  font-size: 25px;
}
.plan-card p{
  font-size: 18px;
}
.plan-card2{
  background-color: #ec721a;
  color: #ffffff;
}
.card-btn{
  background-color: #ffffff !important;
  color: #ec721a !important;
} */

/* ----------ad-img-3---------- */

.core-3 {
  background: linear-gradient(90deg, #000 2%, rgba(0, 0, 0, 0.2) 60%, #000 96%),
    url(./media/img2.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  height: 40vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  border-radius: 8px;
}
.core-3 h2 {
  color: #ffffff;
  margin-bottom: 1rem !important;
}
.core-3 h2 span {
  color: #ec7a21;
}
.signin-btn {
  color: #ffffff;
  background: #ec7a21 !important;
  opacity: 0.9;
  font-weight: bolder;
}
.signin-btn:hover {
  color: #ffffff;
  opacity: 1;
}

/* -----------------section-8 copyright-------------------- */

.sec {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* -----------form-sucesss------------ */

#form-success {
  visibility: hidden;
  min-width: 250px;
  background-color: #061e87;
  color: #fff;
  text-align: center;
  border-radius: 20px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 50px;
  transform: translateX(-50%);
}

#form-success.seen {
  visibility: visible;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#form-success1 {
  visibility: hidden;
  min-width: 250px;
  background-color: #061e87;
  color: #fff;
  text-align: center;
  border-radius: 20px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 50px;
  transform: translateX(-50%);
}

#form-success1.seen {
  visibility: visible;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}