:root {
  --extralight-blue: #d6d6e8;
  --bg-light: #ccffff;
  --dark-blue: #3032A8;
  --simple-blue: #4c4ecd;
  --light-blue: #6f71ec;
  --extradark-blue: #1b1d64;
  --deep-blue: #10123c;
}


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

.bg-banner{
  background-color: var(--dark-blue);
  color: #fff;
  
}
.course-page{
  padding-bottom: 72px;
}

section.three.course{
  background-color: #faf7f2;
}

.course-nav{
  border-radius: 25px;
}
nav ol.breadcrumb{
  margin-top: 8px;
  border-radius: 25px;
  padding: 4px 16px;
  margin-top: 8px;
}

.svg-design{
    height:10px;
}
.navigation {
  background-color: #fff;
  color: #7576dc;
}

.navbar {
  height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
}

.logo h3 {
  margin-bottom: 0;
}

.nav-link > ul {
  display: flex;
  list-style: none;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.nav-link > ul > li > a {
  text-decoration: none;
  color: #7576dc;
  background-color: transparent;
  padding: 10px 20px;
  margin-left: 12px;
}

.btn-login {
  background-color: #7576dc !important;
  color: #fff !important;
  border: none;
  border-radius: 6px;
}

.s-btn {
  background-color: #fff;
  color: #7576dc;
  border: none;
  border-radius: 6px;
  padding: 12px;
}

.course-btn {
  background-color: #fff;
  color: #7576dc;
  border: none;
  border-radius: 24px;
  padding: 12px 20px;
  text-decoration: none;
}
.course-btn:hover {
  text-decoration: none;
  color: var(--dark-blue);
}

section.hero {
  background-color: var(--dark-blue);
  color: #fff;
  padding-top: 80px;
}

.s-card {
  padding: 24px 16px 24px 16px;
}

.wave1 {
  margin-top: -24px;
  z-index: 10;
}

.hero-image {
  width: 200px;
  height: auto;
}

.hero-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
}

.hero-extra {
  background-color: rgba(70, 75, 230, 0.9333333333);
  color: #fff;
  position: relative;
  margin-top: -108px;
  border-radius: 8px;
  z-index: 100;
}

.hero-extra h3 {
  text-align: center;
}
.hero-extra p {
  text-align: center;
  letter-spacing: 1px;
}

.hero-feature {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

section.why-me {
  margin-top: 24px;
  padding-top: 48px;
  color: #3032a8;
}

div.why-me-card {
  border: 1px solid rgba(70, 75, 230, 0.9333333333);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 8px;
  color: #fff;
  padding: 16px;
  background: rgb(109, 109, 207);
  background: radial-gradient(circle, rgb(109, 109, 207) 0%, rgb(84, 85, 209) 100%);
}

.video-section {
  margin-top: 36px;
  background-color: var(--simple-blue);
  color: #fff;
  padding: 16px;
}

.video-src {
  max-height: 280px;
  width: 90%;
}

.video-area {
  display: flex;
  justify-content: center;
}

.content-card {
  padding: 16px;
}
.content-card span {
  padding: 8px;
  background-color: #fff;
  border-radius: 15px;
  color: #7576dc;
}
.content-card ul {
  padding: 0 12px;
}
.content-card .video-area {
  display: flex;
  justify-content: center;
  align-items: center;
}

.course {
  color: #3032a8;
}
.course h3 {
  border-bottom: 2px solid #3032a8;
  padding-bottom: 12px;
}
.course .course-link .nav-item a.active {
  background-color: #fff;
  color: #3032a8;
  font-weight: bolder;
  padding-bottom: 6px;
  border-bottom: 2px solid #3032a8;
  border-radius: 0;
}
.course .course-link .nav-item a {
  color: #3032a8;
}

.course-card {
  padding: 14px;
  border: 0.5px solid #7576dc;
  border-radius: 12px;
  color: #fff;
  background: rgb(109, 109, 207);
  background: radial-gradient(circle, rgb(109, 109, 207) 0%, rgb(84, 85, 209) 100%);
}
.course-card .extra {
  font-size: 14px;
}

footer {
  background-color: var(--extradark-blue);
  color: #fff;
  padding-top: 28px;
  padding-bottom: 28px;
}
footer .foot-col-1 {
  padding: 16px 24px;
}
footer .foot-col-2 ul {
  list-style: none;
}
footer .foot-col-2 ul li {
  line-height: 32px;
}
footer .foot-col-2 ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
}
footer .foot-col-3 .follow-link {
  margin-bottom: 12px;
}
footer .foot-col-3 .follow-link i {
  padding: 6px 8px;
  font-size: 24px;
}
footer .foot-col-3 .content-us {
  margin-bottom: 12px;
}
footer .foot-col-3 .content-us i {
  font-size: 16px;
  padding: 6px 8px;
}

.nav-pills .nav-item .nav-link {
  padding: 4px 12px;
  background-color: transparent;
}

.nav-link.active {
  color: #3032a8;
  border-bottom: 2px solid #3032a8;
}

.faq {
  margin-top: -1px;
  padding-top: 12px;
  padding-bottom: 8px;
  background-color: var(--light-blue);
}
.faq .main {
  color: #fff;
  padding-bottom: 12px;
}
.faq .main h3 {
  padding-bottom: 12px;
  border-bottom: 2px solid #fff;
}
.faq .content .questions {
  border-radius: 8px;
}
.faq .content .questions .q {
  border-radius: inherit;
}
.faq .content .questions .q button {
  background-color: var(--dark-blue);
  color: #fff;
  width: 100%;
  border: none;
  padding: 6px 12px;
}
.faq .content .questions .a {
  background-color: #fff;
  color: #3032a8;
  padding: 6px 12px 6px 12px;
}

.faq-after {
  margin-top: -12px;
}

.reviews {
  margin-top: 32px;
  padding: 24px 0;
  background-color: #fff;
  color: #3032a8;
}
.reviews .main {
  color: #3032a8;
  padding-bottom: 12px;
}
.reviews .main h3 {
  padding-bottom: 12px;
  border-bottom: 2px solid #3032a8;
}
.reviews .content .review-image {
  width: 75px;
  height: 75px;
  border-radius: 50%;
}
.reviews .content .card {
  padding: 24px 0;
}
.reviews .content .card .image {
  display: flex;
  justify-content: center;
}
.reviews .content .card h5 {
  text-align: center;
}
.reviews .content .card p {
  text-align: justify;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 0;
}
.reviews .content .card .star-rate {
  display: flex;
  justify-content: center;
  padding-top: 8px;
}

nav {
  background-color: #eaebfa;
}

nav .container {
  display: flex;
  padding: 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

nav h2 {
  margin-bottom: 0;
}

nav h2 code a {
  color: #3032a8;
}

.nav-section ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
}

.nav-section ul li {
  padding: 12px 24px;
  color: #3032a8;
}

.nav-section ul li:hover {
  background-color: #f3f3f3;
  color: #3032a8;
}

.nav-section ul li a {
  color: inherit;
  letter-spacing: 1px;
  font-size: 125%;
}

.nav-section ul li a:hover {
  color: #3032a8;
}

.show-on-mobile {
  display: none;
}


/* Course Page */

/* Tired section  */

.tired-card{
  background: rgb(28,29,157);
  background: linear-gradient(90deg, rgba(28,29,157,1) 61%, rgba(142,142,244,1) 100%);
}

/* Btn Template Colour */

.bg-blue{
  text-decoration: none;
  padding: 12px 20px;
  color: #000;
  background-color: var(--extralight-blue);
}

.i-blue{
  background-color: #3032a8;
  color:#fff;
  padding: 12px 20px;
}
.text-blue{
  color: #3032a8;
}

.deep-blue{
  background-color: var(--deep-blue);
  color: #fff;
}
.blue-btn{
  background-color: var(--dark-blue);
  color: #fff;
  padding: 12px 20px;
  border-radius: 24px;
}

.hexagon{
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

@media screen and (max-width: 767px) {
  .hero-extra {
    margin-top: 12px;
    z-index: 10;
  }
  nav .container {
    display: flex;
    padding: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .nav-section ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 0;
  }
  .nav-section {
    width: 100%;
  }
  .nav-section ul li {
    padding: 6px 24px;
    color: #3032a8;
  }
  nav .container h2 {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    width: 100%;
  }
  nav .container h2 code {
    padding: 0 16px;
  }
  .show-on-mobile {
    display: block;
    padding: 0 16px;
    font-size: 44px;
    color: #3032a8;
  }
  .active {
    display: none;
    z-index: 10;
  }
}/*# sourceMappingURL=style.css.map */