.mb-10 {
  margin-bottom: 10px; }



.section-gap {
  padding: 150px 0; }
  @media (max-width: 991px) {
    .section-gap {
      padding: 80px 0; } }

.section-title {
  padding-bottom: 80px; }
  @media (max-width: 991px) {
    .section-title {
      padding-bottom: 50px; } }
  .section-title h1 {
    margin-bottom: 20px;
    font-size: 42px;
    color: #000; }
    @media (max-width: 991px) {
      .section-title h1 {
        font-size: 35px; } }
    @media (max-width: 576px) {
      .section-title h1 {
        font-size: 30px; } }
  .section-title p {
    font-size: 16px;
    margin-bottom: 0; }
    @media (max-width: 991.98px) {
      .section-title p br {
        display: none; } }


.primary-btn {
  line-height: 42px;
  padding: 0 36px;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  cursor: pointer;
  text-transform: capitalize;
  -webkit-transition: 0.5s all ease-in;
  -moz-transition: 0.5s all ease-in;
  -o-transition: 0.5s all ease-in;
  transition: 0.5s all ease-in; }
  .primary-btn:focus {
    outline: none; }
  .primary-btn:hover {
    color: #fff;
    background-size: 200% auto;
    background-position: right center; }
  .primary-btn.transparent {
    background: transparent;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff;
    border-radius: 0px;
    padding: 0 18px;
    font-size: 12px; }
	
	
    .primary-btn.transparent:hover {
      background: #fff;
      color: #000; }
  .primary-btn.white {
    background: #fff;
    color: #000; }
    .primary-btn.white:hover {
      color: #fff; }



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.home-banner-area {
  background: url(../img/header-bg.png) no-repeat top center;
  background-size: cover; }
  @media (max-width: 767.98px) {
    .home-banner-area .fullscreen {
      height: 900px !important; } }



.banner-content {
  text-align: center;
  margin-top: 100px; }
  @media (max-width: 1440px) {
    .banner-content {
      margin-top: 0; } }
  .banner-content h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 20px; }
    @media (max-width: 1024px) {
      .banner-content h1 {
        font-size: 38px; } }
    @media (max-width: 991.98px) {
      .banner-content h1 {
        font-size: 35px; } }
    @media (max-width: 991.98px) {
      .banner-content h1 br {
        display: none; } }
    @media (max-width: 576px) {
      .banner-content h1 {
        font-size: 30px; } }
  .banner-content p {
    max-width: 610px;
    margin: auto; }
  .banner-content .input-wrap {
    margin-top: 40px;
    margin-bottom: 50px; }
    .banner-content .input-wrap .form-box {
      background: #fff;
      max-width: 556px;
      padding: 5px 0px 5px 5px;
      margin: 0 auto; }
    .banner-content .input-wrap .form-control {
      padding: 0 20px;
      border-radius: 0;
      display: inline-block;
      border: 0; }
      @media (max-width: 480px) {
        .banner-content .input-wrap .form-control {
          font-size: 13px; } }
      .banner-content .input-wrap .form-control:focus {
        box-shadow: none; }
    .banner-content .input-wrap .search-btn {
      border-radius: 0;
      color: #fff;
      position: relative;
      left: -4px;
      font-size: 14px;
      padding: 10px 31px;
      border: 0; }
      @media (max-width: 480px) {
        .banner-content .input-wrap .search-btn {
          padding: 8px 16px; } }
      .banner-content .input-wrap .search-btn:focus {
        box-shadow: none; }
  .banner-content h4 {
    font-weight: 300;
    letter-spacing: 1px; }
  .banner-content .courses {
    max-width: 430px;
    margin: 0 auto; }

.banner-area {
  background: url(../img/banner-bg.png) no-repeat top center;
  background-size: cover;
  min-height: 512px; }

@media (max-width: 991px) {
  .about-area .about-left {
    margin-bottom: 50px; } }

.about-right h1 {
  margin-bottom: 30px;
  color: #000; }
  @media (max-width: 991px) {
    .about-right h1 {
      font-size: 35px;
      margin-bottom: 25px; } }
  @media (max-width: 576px) {
    .about-right h1 {
      font-size: 30px; } }
  @media (max-width: 991px) {
    .about-right h1 br {
      display: none; } }
.about-right .primary-btn {
  margin-top: 30px; }

.about-content {
  margin-top: 135px;
  margin-bottom: 112px;
  text-align: center;
  color: #fff;
  position: relative; }
  @media (max-width: 767px) {
    .about-content {
      margin-top: 140px; } }
  .about-content h1 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .about-content h1 {
        font-size: 35px; } }
  .about-content p {
    color: #fff;
    max-width: 615px;
    margin: 0 auto;
    margin-bottom: 40px; }
  .about-content .box {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 10px 18px;
    display: inline-block; }
    @media (max-width: 767px) {
      .about-content .box {
        padding: 7px 15px; } }
    .about-content .box i {
      color: #fff;
      font-size: 14px;
      margin: 5px;
      font-weight: 600; }
    .about-content .box a {
      color: #fff;
      font-size: 14px;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
      @media (max-width: 380px) {
        .about-content .box a {
          font-size: 13px; } }
      .about-content .box a:hover {
        color: #222222; }

.courses-area {
  background: #f1f9ff; }
  .courses-area .courses-right {
    background: #fff;
    padding: 40px; }
    @media (max-width: 1024px) {
      .courses-area .courses-right {
        padding: 40px 20px; } }
    @media (max-width: 991px) {
      .courses-area .courses-right {
        margin-top: 60px; } }

.courses-list li {
  background: #f7fafc;
  margin-bottom: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .courses-list li:hover a {
    color: #fff; }
.courses-list a {
  display: inline-block;
  color: #777777;
  padding: 17px 30px;
  font-size: 16px;
  font-weight: 500; }
  @media (max-width: 1024px) and (min-width: 992px) {
    .courses-list a {
      padding: 17px 20px; } }
.courses-list i {
  margin-right: 20px; }

.feature-area {
  padding: 150px 0 120px; }
  @media (max-width: 991px) {
    .feature-area {
      padding: 80px 0px; } }

.feature-item {
  padding: 50px 40px;
  background: #f1f9ff;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  @media (max-width: 1024px) {
    .feature-item {
      padding: 50px 30px; } }
  .feature-item i {
    font-size: 36px;
    color: #222222; }
  .feature-item h4 {
    margin-top: 30px;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 20px; }
  .feature-item p {
    margin-bottom: 0px; }
  .feature-item:hover {
    background: #fff;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08); }