/* Home Styles */
.hero .main-title {
  padding-top: 20px;
}

.hero .main-title h4 {
  font-weight: normal;
}
.logos-hero {    display: flex;
    align-items: flex-start;
    gap: 46px;
    list-style: none;
    margin-top: 45px;}



.line-bottom-color {
  position: relative;
}

.line-bottom-color:before {
  content: "";
    background-color: var(--primary-30);
    display: block;
    width: 65px;
    height: 6px;
    position: absolute;
    top: 60px;
}



/*hero home*/
.hero {
  border-radius: 0px 0px 160px 0px;
  background: radial-gradient(154.85% 63.39% at 100% 100%, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(95deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 69.78%), var(--primary-30, #00549D);
  margin-top: 80px;
}

.triangle {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 40px 60px 0 0;
  border-color: #2d4d71 transparent transparent transparent;
  transform: rotate(0deg);
  left: 17%;
  position: relative;
}

/*grey-border-right*/

.grey-border-right {
  border-radius: 0px 0px 160px 0px;
  background:  var(--surface-20);
}


.box-corporate {
  background: #fff;
  border-radius: 0px 0px 48px 16px;
}

.box-corporate img {
  border-radius: 15px 15px 0px 0px;
  width: 100%;
}

.box-corporate .content {
  padding: 32px;
}

.arrow-link {
  width: 72px !important;
}



.pb-64 { padding-bottom: 64px;}


/* >>>>>>>>> Media Queries <<<<<<<<<<<<<< */
@media (max-width: 1399px) {

  h2.w-deco:before {
    font-size: 150%;
  }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1360px) {
  .box-pillar {
    padding: 20px 30px;
  }
}


@media (max-width: 1190px) {
  h2.w-deco {
    padding: 30px 0;
    text-align: left;
    position: relative;
    margin-bottom: 0;
    font-size: 4.5rem;
    margin-top: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }
}

/* Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {
  .bridge-platform-home {

    padding-left: 30px;
  }

  .navbar-dark .navbar-toggler {
    margin-right: 1rem;
  }

  .home.hero .main-title {
    padding-top: 40px;
    margin-top: 0;
  }

  .girl-cert {
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -9rem;
  }

  .credentials:before {
    width: 100%;
  }

  .numbers .box {
    flex-wrap: wrap;
    padding: 2rem;
    width: 90%;
  }

  .bridge-english-live {
    background-image: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .grey-be {
    width: 97%;
    padding: 5rem 3rem 5rem 5rem;
  }

  .carousel_slider {
    margin-top: 20px;
  }

  .numbers .box {
    justify-content: left;
  }

  .about-us-home {
    padding-bottom: 45px;
  }

  .box-what {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 40px;
  }

}

/* Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {

  h2.w-deco:before {
    content: 'What We Do';
    font-size: 150%;
  }

  .box-what p {
    font-size: 16px;
    position: relative;
  }

  .bridge-tefl-home .accreditation-logos.frame-usa .logo {
    width: 33%;
  }

  .accreditation-logos .sub-title {
    min-height: 60px;
  }

  h2.yellow-plus1 {
    font-size: 3.4rem;
    line-height: 4.6rem;
  }
}

/* Small devices (landscape phones, 576px and up)*/

@media all and (max-width: 576px) {
  .icon-numbers {
    width: 9rem;
  }

  .girl-cert {
    max-width: 400px;
  }

  .icon-home p span {
    font-size: 5rem;
    line-height: 5.5rem;
  }

  .icon-home p {
    font-size: 2rem;
    line-height: 2rem;
  }

  .icon-home {
    padding: 1.7rem;
  }

  .carousel-caption {
    right: 12%;
  }

  .accreditation-logos {
    margin-top: 2rem;
  }

  .carousel-caption h1 {
    font-size: 4.3rem;
  }

  .credentials h4 img {
    margin-right: 1rem;
    width: 4rem;
    height: 1px;
  }

  .bridge-tefl-home .accreditation-logos.frame-usa .logo {
    width: 50%;
  }
}

@media all and (max-width: 414px) {

  .center-mobile { text-align: center; margin: 0 auto; display: block;}

    h4.center-mobile  {         padding-bottom: 20px;
        padding-top: 20px;}
  .accreditation-logos {
    flex-wrap: wrap;
  }

}