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

body {
  overflow-x: hidden;
}

a,
li {
  text-decoration: none;
  list-style: none;
  color: #000
}

body main section {
  padding: 1rem;
}

header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}


.logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 69px;
  height: 19px;
}

.logo>img {
  width: 100%;
  height: 100%;
}

header #mobile-menu {
  cursor: pointer;
  position: absolute;
  right: 1rem;
}

#menu {
  background-color: #fff;
  z-index: 100;
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 70px;
  left: 0;
  padding: 0 1rem;
  display: none;
}

#nav-bar.active #menu {
  display: flex;
}

#menu {
  /* display: flex; */
  flex-direction: column;
  gap: 20px;
}

#nav-bar .nav-bar-list {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.mt-4 {
  margin-top: 1rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.nav-bar-list li a:hover {
  color: #6731F5;
}

.nav-bar-list a {
  text-transform: capitalize;
  /* padding: 10px; */
  font-weight: 500;
}

.nav-bar-list .btn {
  margin-top: 40px;
  text-transform: capitalize;
}



.hero .hero-title {
  color: #160856;
  font-family: "Roboto Slab";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 138.4%;

  /* 17.992px */
}

.hero {
  width: 100%;
}

.hero article {
  padding-bottom: 1rem;
}

.hero .hero-subtitle {
  color: #000;
  text-align: left;
  font-size: 1.2rem;
  padding-top: 10px;
  margin-bottom: 20px;
  font-family: Roboto;
}

.learn-best-techs {
  width: 100vw;
  background: #002855;
  color: #fff;
}

.learn-best-techs>div>h3 {
  font-family: 'Roboto Slab';
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 158.5%;
  /* 38.04px */
}

.learn-best-techs>div>p {
  font-family: 'Roboto';
  font-size: 1rem;
  font-weight: 400;
  line-height: 158.5%;
  /* 38.04px */
}

.icons {
  padding: 20px 0;
}

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

.icons-line>img {
  width: 29.45px;
}

.icons-line>.django {
  height: 37.04px;
}

.icons-line>.rectangle-icon {
  width: 106.021px;
}

.icons-line>.node-js {
  height: 64.919px;
}

.icons-line>.express-js {
  height: 23.66px;
}

.chose-a-course {}

.chose-a-course>h3 {
  color: #000;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 158.5%;
  /* 38.04px */
}

.chose-a-course .courses {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

.chose-a-course .courses>button.btn {
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 1.1rem;
  width: 280px;
}

.btn {
  background-color: transparent;
  cursor: pointer;
  outline: none;
  offset: none;
  border: none;
  padding: 10px 30px;
  border: 1px solid #6731F5;
  font-weight: 500;
  color: #6731F5;
  box-shadow: -3px 3px #6731F5;
}

#testimonials {
  background-color: #080B3A;
  color: #fff;
}

#double-quote {
  position: relative;
  right: 280px;
  top: 80px;
}

#testimonials .header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
}

.testimonial-description {
  line-height: 158.5%;
  display: flex;
  margin-top: 80px;
  position: relative;
  /* left: -2rem;
  right: 2rem;
  width: ; */
}

.testimonial-controller {
  position: relative;
  bottom: 80px;
  cursor: pointer;
}

#decorative-right,
#decorative-left {
  display: none;
}

#newsletter h3 {
  text-align: center;
  line-height: 142.5%;
}

#newsletter p {
  text-align: center;
  line-height: 142.5%;
}

#newsletter #form {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* padding-top: 80px; */
}

#newsletter-controller {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 4px;
}

#newsletter input {
  padding: 10px 20px;
  border: 1px solid #6731F5;
  font-weight: 500;
  color: #6731F5;
  box-shadow: -3px 3px #6731F5;
  height: 50px;
  outline: none;
}

#submit-newsletter {
  background-color: #18086A;
  color: #fff;
  padding-left: 2rem;
  padding-right: 2rem;
  font-weight: 700;
  height: 53px;
  outline: none;
  offset: 0;
  border: none;
}

.btn.resume {}

.icon-box {
  width: 55px !important;
  height: 55px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0466C8;
}

footer {
  background-color: #080B3A;
  font-size: 1.2rem;
  font-weight: 100;
  color: #fff;
  width: 100vw;
  padding: 2rem 1rem;
}


#footer-top>div {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 20px;
  margin-bottom: 40px;
}

#footer-top>div>div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#footer-bottom {
  text-align: center;
  width: 100%;
  /* justify-content: center; */
}

.justify-between {
  display: flex;
  justify-content: space-between;
}


#footer-bottom .social-icons {
  grid-row: row;
  display: flex;
  align-self: flex-start;
  gap: 10px;
}

#footer-bottom>div.icon-box {}

#copyright {
  position: relative;
  /* left: 50%;   */
  grid-row: row 3;
  font-size: 14px;
  margin-top: 1rem;
  width: 100vw;
  align-self: center;
  text-align: center;
}

footer span.horizontal-line {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  margin: 30px 0;
}

#others-testimonials {
  content: "";
  display: none;
}