@import "../fonts/noteworthly/style.css";
@import "../fonts/radikal/stylesheet.css";


:root {
  --pink: #f72950;

  --grey: #5d5d5d;

  --white: #ffffff;

  --black: #000000;

  --red-gradient: linear-gradient(180deg, rgba(247,41,80,1) 0%, rgba(200,0,38,1) 100%);
}

html,
body {
  position: relative;
  height: 100%;
  overflow-x: hidden;
  overflow-wrap: break-word;
}

body {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #000;
  margin: 0;
  padding: 0;
}

/* Poppins SemiBold 60pt, 65pt line spacing */

.headline {
  font-size: 57px;
  line-height: 65px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  display: block;
}

.second-headline {
  font-size: 36px;
  line-height: 44px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  display: block;
}

/* Poppins Regular 26pt, line spacing 30pt */

.sub-header {
  font-size: 26px;

  line-height: 30px;

  font-family: "Poppins", sans-serif;
}

/* Poppins SemiBold 36pt, 40pt line spacing */

.title {
  font-family: "Poppins", sans-serif;

  font-weight: 600;

  font-size: 36px;

  line-height: 40px;
}

/* Poppins SemiBold 36pt, 40pt line spacing */

.smallTitle {
  font-family: "Poppins", sans-serif;

  font-weight: 600;

  font-size: 16px;

  line-height: 20px;
  color: #000;
}

/* Poppins SemiBold 14pt */

.semiTitle {
  font-family: "Poppins", sans-serif;

  font-weight: 600;

  font-size: 14px;

  line-height: 20px;

  margin-bottom: 15px;
}

.radikal-text {
  /* font-family: "Radikal W03 Regular" !important; */
  font-family: "Poppins", sans-serif;

  font-size: 11px;

  font-weight: 500;

  letter-spacing: 2px;
}

.title-row {
  padding-right: 80px;

  padding-left: 80px;

  text-align: center;
}

.space {
  padding: 38px;
}

ul {
  padding-left: 0px;
}

li {
  list-style: none;

  font-family: "Roboto", sans-serif;

  font-size: 15px;

  line-height: 20px;
}

body {
  font-family: "Roboto", sans-serif;

  font-size: 15px;

  line-height: 20px;

  color: var(--grey);
}

.title-padding {
  padding-left: 80px;

  padding-right: 80px;

  padding-bottom: 15px;
}

/* Poppins SemiBold 16pt */

.normal-button {
  font-family: "Poppins", sans-serif;

  font-weight: 600;

  font-size: 16px;
}

/* Poppins SemiBold 40pt */

.big-button {
  font-family: "Poppins", sans-serif;

  font-weight: 600;

  font-size: 40px;
}

button.navbar-toggler {
  outline: unset;
}

.bg-black {
  background-color: #000 !important;

  color: var(--white);
}

.btn-black {
  background-color: #000;
  color: #fff;
  padding: 15px 30px 15px 30px;
  margin-top: 28px;
  margin-bottom: 28px;
  border-radius: 10px;
  font-family: poppins;
  font-weight: 600;
  font-size: 16px;
}
.btn-black.btn-black--header {
  font-size: 40px;
  width: 100%;
  letter-spacing: 3px;
}
.bg-cert {
  transition: 200ms;
  background: rgb(251, 43, 82);
  background: linear-gradient(180deg, rgba(251, 43, 82, 1) 0%, rgba(209, 4, 42, 1) 100%);
  color: white;
}

.bg-cert.black {
  background: rgba(84, 84, 84, 1);
  background: linear-gradient(180deg, rgba(84, 84, 84, 1) 0%, rgba(0, 0, 0, 1) 100%);
  color: white;
}

.mentori--content {
  border-radius: 15px;
  margin: 10px;
}

.mentori--content_inner {
  max-width: 450px;
  margin: 0 auto;
  padding: 30px 10px;
}
.mentori--content_inner p {
  color: #fff;
}
.tickList svg {
  position: relative;
  left: -20px;
}
.five-steps{
  margin-top: 80px;
}
.five-steps-item {
  border-radius: 50%;
  border: 1px solid var(--pink);
  padding: 40px 0px;
  width: 160px;
  height: 160px;
  max-width: 160px;
  max-height: 160px;
  max-width: 160px;
  max-height: 160px;
}
.five-steps-number.headline.text-center {
  line-height: 57px;
  margin: 0;
}
.five-steps-title.text-pink.text-center {
  margin: 0;
  font-weight: 600;
}
.five-steps-arrow:after {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  background: url('../assets/arrow-left.svg');
  background-position: center;
  background-repeat: no-repeat;
  left: 130%;
  top: 30%;
}
.tickList--text--expeckbm {
  margin: 0;
}
.tickList--text--expeckbm::before{
  content: '';
  width: 15px;
  height: 10px;
  display: inline-block;
  background: url('../assets/checked.svg');
  background-position: center;
  background-repeat: no-repeat;
}
.sMentors .sub-header {
  padding: 0px 50px;
}
.sMentors .tickList svg {
  left: 20px;
}
.expeckbm-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.expeckbm-img {
  position: relative;
}
.row.mentori.justify-content-center {
    position: relative;
    width: 100%;
    padding: 100px 0px;
}
.btn-black:hover {
  color: #fff;
}
.mentori_image {
  position: absolute;
  z-index: 1;
  left: 0;
  top: -45px;
}

.container-withMargins {
  padding-left: 85px;

  padding-right: 85px;
}

.bg-pink {
  background-color: var(--pink);
}

.bg-grey {
  background-color: var(--grey);
}

.text-pink {
  color: var(--pink);
}

.text-white {
  color: var(--white);
}

.text-grey {
  color: var(--grey);
}
p {
  color: var(--grey);
}
.btn.focus, .btn:focus {
  box-shadow: unset!important;
}
.dropdown-menu {
  right: 0!important;
  left: unset!important;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #f92950 !important;
  text-decoration: none;
  background-color: #fff !important;
}
body.modal-open{
  overflow: hidden!important;
}

.filter .filter-btn-close {
  display: none;
  position: relative;
  left: -15px !important;
}
.close-modal {
  display: none;
  position: absolute;
  left: unset !important;
  top: 30px;
  right: 10px !important;
  width: 20px;
  height: 20px;
}
span.close-modal:before {
  display: block;
  position: absolute;
  left: 0;
  content: '';
  width: 2px;
  height: 100%;
  background: #CFCFCF;
  transform: rotate(45deg);
}
span.close-modal:after {
  display: block;
  position: absolute;
  left: 0;
  content: '';
  width: 2px;
  height: 100%;
  background: #CFCFCF;
  transform: rotate(-45deg);
}
/* Media Query for Mobile Devices */

@media only screen and (max-width: 480px) {
  .container-withMargins {
    padding-left: 25px;

    padding-right: 25px;
  }

  .space {
    padding: 28px;
  }

  body {
    font-family: "Roboto", sans-serif;

    font-size: 15px;

    line-height: 20px;

    color: var(--grey);
  }

  /* Poppins SemiBold 14pt */
  .normal-button {
    font-family: "Poppins", sans-serif;

    font-weight: 600;

    font-size: 14px;
  }

  /* Poppins SemiBold 20pt */
  .big-button {
    font-family: "Poppins", sans-serif;

    font-weight: 600;

    font-size: 20px;
  }

  /* Poppins SemiBold 30pt, 35pt line spacing */
  .headline {
    font-size: 30px;

    line-height: 35px;

    font-family: "Poppins", sans-serif;

    font-weight: 600;
  }

  /* Poppins Regular 20pt, line spacing 24pt */
  .sub-header {
    font-size: 20px;

    line-height: 24px;

    font-family: "Poppins", sans-serif;
  }

  /* Poppins SemiBold 26pt, 30pt line spacing */
  .title {
    font-family: "Poppins", sans-serif;

    font-weight: 600;

    font-size: 26px;

    line-height: 30px;
  }

  /* Poppins SemiBold 16pt, 20pt line spacing */
  .smallTitle {
    font-family: "Poppins", sans-serif;

    font-weight: 600;

    font-size: 16px;

    line-height: 20px;
  }

  .title-padding {
    padding-left: 40px;

    padding-right: 40px;

    padding-bottom: 15px;
  }

  .btn-black {
    background-color: #000 !important;

    color: #fff !important;

    margin-top: 20px;

    padding: 15px 30px 15px 30px;

    margin-top: 25px;

    margin-bottom: 18px;

    border-radius: 10px;
  }
}

/* Media Query for low resolution  Tablets, Ipads */

@media only screen and (min-width: 481px) and (max-width: 767px) {
  .container-withMargins {
    padding-left: 25px;

    padding-right: 25px;
  }

  .space {
    padding: 18px;
  }

  body {
    font-family: "Roboto", sans-serif;

    font-size: 13px;

    line-height: 18px;

    color: var(--grey);
  }

  /* Poppins SemiBold 30pt, 35pt line spacing */
  .headline {
    font-size: 30px;

    line-height: 35px;

    font-family: "Poppins", sans-serif;

    font-weight: 600;
  }

  /* Poppins Regular 20pt, line spacing 24pt */
  .sub-header {
    font-size: 20px;

    line-height: 24px;

    font-family: "Poppins", sans-serif;
  }

  /* Poppins SemiBold 26pt, 30pt line spacing */
  .title {
    font-family: "Poppins", sans-serif;

    font-weight: 600;

    font-size: 26px;

    line-height: 30px;
  }

  /* Poppins SemiBold 16pt, 20pt line spacing */
  .smallTitle {
    font-family: "Poppins", sans-serif;

    font-weight: 600;

    font-size: 16px;

    line-height: 20px;
  }

  .title-padding {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 15px;
  }

  .btn-black {
    background-color: #000 !important;

    color: #fff !important;

    margin-top: 20px;

    padding: 15px 30px 15px 30px;

    margin-top: 25px;

    margin-bottom: 18px;

    border-radius: 10px;
  }
}

.modal-sort {
  display: none;
  position: fixed;
  top: 30%;
  left: 50%;
  transform: translate(-50%);
  background: #fff;
  border-radius: 20px;
  padding: 30px 30px;
  max-width: 320px;
  width: 100%;
  z-index: 1;
  box-shadow: 1px 1px 5px #cfcfcf;
}
.modal-title {
  font-size: 16px;
  font-family: poppins;
  font-weight: 600;
  margin-bottom: 10px;
}
.container-fluid--five-steps,
.container-fluid--sMentors {
  background: #FBFBFB;
}

@media only screen  and (max-width: 767px) {
  .modal-sort.open {
    display: block;
  }
  .col-md-2.mr-5.filter.open.d-none.d-xl-block {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    padding: 10px 55px;
    overflow: scroll;
    z-index: 99;
    height: 100vh;
    width: 100vw !important;
  }
  .filter.open {
    display: block !important;
  }
  .filter .filter-btn-close,
  .close-modal {
    display: block!important;
  }
  .mentori_image {
    position: relative;
    z-index: 1;
    left: 0;
    top: -20px;
    max-width: 100%;
  }
  .mentori_image img{
    max-width: 100%;
  }
  .mentori--content {
    width: 100vw;
    /*left: -25px;*/
    position: relative;
    text-align: center;
    border-radius: 0;
    margin: 0px 10px;
  }
  .row.mentori.justify-content-center {
    padding: 20px 0px;
  }
  .row.laptomentorip.justify-content-center {
    text-align: center;
  }
  .row.title-row.justify-content-center.five-steps-container {
    padding: 0;
  }
  .row.title-row.justify-content-center.five-steps-container br{
    display: none;
  }
  .five-steps {
    margin-top: 40px;
  }
  .five-steps-item {
    margin-bottom: 80px;
  }
  .five-steps-item--last {
    margin-bottom: 0;
  }
  .five-steps-arrow:after {
    left: 50%;
    top: 110%;
    transform: translate(-50%) rotate(90deg);
  }
  .row.expeckbm {
    flex-direction: column-reverse;
  }
  .expeckbm-img{
    margin: 20px 0;
    top: 20px;
  }
  .expeckbm-img img {
    position: relative;
    left: 0;
    top: 0;
    transform: unset;
    max-width: 100%;
  }
  .sMentors .sub-header {
    padding: 0px;
  }
  .sMentors .tickList svg {
    left: 0;
  }
}

.bg-pink {
  clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);
  background: rgb(209, 4, 42) !important;
  background: linear-gradient(
          0deg,
          rgba(209, 4, 42, 1) 0%,
          rgba(251, 43, 82, 1) 100%
  ) !important;
}

.bg-dark {
  clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);
  background: transparent linear-gradient(
          115deg,
          #545454 0%,
          #000000 100%
  ) 0% 0% no-repeat padding-box !important;
}

.mentor-card {
  height: 100% !important;
  max-width: 100%;
}

.btn-white {
  margin-bottom: 1rem !important;
}

.container-withMargins {
  padding-bottom: 1rem;
}

.h-100 {
  padding-left: 0.5rem !important;
}
.paragraf {
  font: normal normal normal 16px/18px Roboto;
}

.focused {
  font: normal normal 500 20px/18px Roboto;
}

.titlu-banner {
  font: normal normal 600 36px/40px Poppins;
}
.buton-banner{
  font: normal normal 600 16px/21px Poppins;
  /* letter-spacing: 0.8px; */
}

/* Media Query for Mobile Devices */
@media (max-width: 480px) {

  .container-withMargins {
        padding-bottom: 6rem;
  }
  .paragraf {
      font: normal normal normal 13px/18px Roboto;
  }

  .titlu-banner {
      font: normal normal 600 26px/31px Poppins;
  }

  .buton-banner {
      font: normal normal 500 14px/19px Roboto;
      letter-spacing: 0.7px;
      padding-left: 25px;
      padding-right: 25px;
  }
  .focused {
      font: normal normal 500 16px/18px Roboto;
  }
  footer .container-fluid.container-withMargins.text-white{
    padding-bottom: 1rem;
  }
  .credit-text {
    position: absolute;
    left: 15px;
  }
}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
}
.banner-down .title p {
  color: #F6284F;
}
.banner-down .paragraf{
  color: #5d5d5d;
}
.titlu-banner {
  font: normal normal 600 36px/40px Poppins;
}
button:focus {
  outline: unset !important;
}
img.ml-md-5 {
  max-width: 100%;
  height: auto;
}
.banner-content-right img {
  max-width: 100%;
  position: absolute;
  bottom: 0;
}

@font-face {
  font-family: "Radikal W03 Regular";

  src: url("605c1c612570275f24508913462da771.eot"); /* IE9*/
  src: url("605c1c612570275f24508913462da771.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("605c1c612570275f24508913462da771.woff2") format("woff2"),
    /* chrome、firefox */ url("605c1c612570275f24508913462da771.woff") format("woff"),
    /* chrome、firefox */ url("605c1c612570275f24508913462da771.ttf") format("truetype"),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("605c1c612570275f24508913462da771.svg#Radikal W03 Regular") format("svg"); /* iOS 4.1- */
}

@font-face {
  font-family: "Poppins", sans-serif;
  src: url("../fonts/poppins/Poppins-Bold.ttf");
  font-style: normal;
  font-weight: bold;
}

@font-face {
  font-family: "Poppins", sans-serif;
  src: url("../fonts/poppins/Poppins-Regular.ttf");
  font-style: normal;
  font-weight: normal;
}

@media only screen and (max-width: 1600px) {
  .bg-pink {
    padding-top: 1rem !important;
  }

  .bg-dark {
    padding-top: 1rem !important;
  }
}

@media only screen and (max-width: 1565px) {
  .normal-button {
    font-size: 0.9rem !important;
  }
}

@media only screen and (max-width: 1495px) {
  .normal-button {
    font-size: 0.7rem !important;
  }

  .pt-4 {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    flex-wrap: nowrap;
  }

  .container-fluid--first  .btn-black {
    margin-top: 0.2rem !important;
  }
  .headline {
    font-size: 37px;
    line-height: 45px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
  }
}

@media only screen and (max-width: 1080px) {
  .h-100 {
    display: flex !important;
    align-items: center !important;
    flex-direction: column !important;
    flex-wrap: nowrap;
  }
  .headline {
    font-size: 27px;
    line-height: 32px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
  }
  .semiTitle {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
  }
  .container-sliced p {
    font-size: 15px;
  }
  li {
    font-size: 15px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .banner-content-right img {
      max-width: 100%;
      position: relative;
      bottom: 0;
  }
  .top-nav-bar.d-block.d-sm-none.p-3.bg-black {
      position: relative;
      z-index: 1;
  }
  .img-mentor img {
    position: relative !important;
  }

  .bg-pink {
    clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);
    padding-top: 18.5rem !important;
    position: relative;
    top: -260px;
    margin-bottom: -260px;
  }

  .bg-dark {
    clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);
    padding-top: 3rem !important;
  }

  .location {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap;
  }

  .location .row {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap;
  }

  .location .row p {
    margin-left: 0.5rem;
    margin-right: 1rem;
  }

  .btn-black {
    margin-top: 1rem !important;
  }
  .col-md-6.content-mentor {
    padding: 0 30px;
  }
  a.mentor-program .g-0.col-xs-3.col-md-2 {
      display: block !important;
      float: left!important;
      width: 100%;
      position: absolute;
      top: -20px;
  }
  .row.sMentors .col-sm-12.col-md-4 {
    max-height: 100px;
  }
}