@import "../pages/welcome.css";

.banner-contain-text h1 {
  line-height: 53px;
  margin-bottom: 12px;
}

.banner-contain-text p {
  color: #4a4a4a;
  margin-bottom: 18px;
}

.inner_three_sec_one .banner-contain-text {
  left: 17vw;
  width: 588px;
}

.inner_three_sec_one .banner-contain {
  top: 164px;
}

.sec_one {
  margin-top: 142px;
}

.sec_ex.inner_three_sec_two {
  background-color: var(--color-black-secondary);
}

#filosophyCourse {
  font-size: 32px;
  line-height: 38px;
  font-weight: bold;
  color: #fff;
}

.inner_three_sec_two_con {
  text-align: center;
}

.inner_three_sec_two_con {
  max-width: 785px;
  min-width: 320px;
}

.inner_three_sec_two_bx {
  padding: 27px 35px;
}

.inner_three_sec_four_mid ul li,
.inner_three_sec_two_bx ul li {
  font-family: var(--font-primary);
  font-weight: 400;
  color: var(--color-black-primary);
  padding-left: 37px;
}

.inner_three_sec_four_mid ul li::before,
.inner_three_sec_two_con ul li::before {
  background: var(--color-primary-primary);
}

.inner_three_sec_two_bx_button {
  margin-top: 50px;
}

.inner_three_sec_two_bx_button a,
.inner_three_sec_four_bottom a {
  border-radius: 5px;
  background-color: var(--color-primary-primary);
}

.inner_three_sec_two_desc {
  color: var(--color-primary-secondary);
  font-size: 24px;
  line-height: 28px;
  margin-top: 7px;
  margin-bottom: 33px;
}

.ceo-img {
  background: url(../../images/getstarted/tyson.png) no-repeat;
  width: 233px;
  height: 233px;
  position: absolute;
  bottom: 0;
}

.ceo-title {
  max-width: 195px;
  border-bottom: 1px solid var(--color-grey-1);
}

.sec_five {
  background: white;
  padding: 85px 0 178px;
}

.inner_three_sec_four_mid {
  padding: 37px 34px;
}

.inner_three_sec_four_mid,
.inner_three_sec_four_bottom ul li {
  background-color: #e8f0f3;
}

.inner_three_sec_four_bottom ul li:first-of-type {
  width: 310px;
  margin-right: 21px;
  padding-left: 39px;
}

.inner_three_sec_four_bottom ul li:last-child {
  width: 453px;
  margin: unset;
}

.sec_five.inner_three_sec_four .inner_three_sec_four_top h3 {
  font-family: var(--font-primary);
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
  color: var(--color-black);
  margin-bottom: 9px;
}

.sec_five.inner_three_sec_four .inner_three_sec_four_top p {
  font-family: var(--font-primary);
  font-size: 24px;
  line-height: 28px;
  color: #4a4a4a;
}

.ft_bottom {
  padding-top: 0;
}

.sec_five.inner_three_sec_four .inner_three_sec_four_top p {
  font-weight: normal;
}

.ft_top_menu ul li a {
  font-size: 20px;
  font-weight: 600;
}

@media screen and (max-width: 991px) {
  .banner-contain-text .btn.btn-info,
  .sec_five_heading.text-center .btn.btn-info,
  .sec_five.inner_three_sec_four .inner_three_sec_four_top p,
  .inner_three_sec_two_desc {
    font-size: 16px;
  }

  .inner_three_sec_two_con .inner_three_sec_two_bx li {
    text-align: left;
    font-size: 16px;
  }

  .inner_three_sec_two_bx {
    padding: 15px;
  }

  .inner_three_sec_two_bx ul li {
    padding-left: 25px;
  }

  .inner_three_sec_one .banner-contain-text {
    left: 5vw;
  }

  .inner_three_sec_one .banner-contain {
    top: 0;
  }

  .inner_three_sec_four_bottom ul li:first-of-type,
  .inner_three_sec_four_bottom ul li:last-child {
    width: 100%;
    margin: 0 0 20px;
    padding: 16px;
  }

  .inner_three_sec_four_bottom ul li h3 {
    font-size: 32px;
  }

  .inner_three_sec_four_bottom p {
    padding: 0;
  }
}

@media screen and (max-width: 770px) {
  .ceo-img {
    display: none;
  }

  .text-left.ml-270 {
    margin-left: 0;
  }

  .text-left .fs-32,
  .text-left .fs-44 {
    font-size: 24px;
    line-height: 24px;
  }

  .text-left .pl-19 {
    padding-left: 0;
  }

  .flex.gap-20 .pl-27,
  .text-left.pl-22 {
    padding-left: 20px;
  }

  .flex.gap-20 .pt-30 {
    padding-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .inner_three_sec_one .banner-contain-text {
    top: -100px;
  }
}

@media screen and (max-width: 578px) {
  .banner-contain-text h1 {
    line-height: 32px;
  }

  .banner-contain-btn a {
    margin-bottom: 10px;
  }

  .banner-contain-text .btn.btn-info ~ .btn.btn-info {
    margin-left: 0;
  }

  .container {
    padding-left: 0;
  }

  .sec_five {
    padding: 50px 0;
  }
}