:root {
    --larghezza-max: 1220px;
}

:root .backgroundAdv{
  --larghezza-max: 1130px;
}

*:not(.tick) {
  box-sizing: border-box;
  /* transition: 0.3s all ease-out; */
}

*:focus {
  outline: none;
}

html,
body {
  scroll-behavior: smooth;
}

/* 
  font-family: "SoleSans", Arial, Helvetica, sans-serif;
  font-family: "sole_text", Georgia, Times, "Times New Roman", serif;
  font-family: "sole_headline", Georgia, Times, "Times New Roman", Serif;
  font-family: "sole_display", Georgia, Times, "Times New Roman", serif;
*/

body {
  font-family: "SoleSans", Arial, Helvetica, sans-serif;
  background-color: #f5e5d5;
  /* overflow-x: hidden; */
  padding: 0;
  margin: 0;
  color: #0F0F0F;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  /* overflow-x: hidden;s */
}

div {
  width: 100%;
}

p {
  font-family: "SoleSans", Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  margin-block-start: 10px;
  margin-block-end: 10px;
}

.display-none{
  display: none;
}

.opacity-0{
  transition: all .3s ease;
  opacity: 0;
}

/* TOP BAR */

.top-bar {
  height: 50px !important;
}

.faN {
  width: 30px !important;
  height: 30px !important;
}

header{
  display: flex;
  position: relative;
  width: 100%;
  justify-content: center;
}

header img{
  width: 100%;
}

#header_title{
  position: relative;
}

header .h1-cnt{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: var(--larghezza-max);
}

header h1 {
  color: #0D3F86;
  font-family: "SoleSans", Arial, Helvetica, sans-serif;
  font-weight: 800;
  font-size: 140px;
  line-height: 140px;
  letter-spacing: 0%;
  text-transform: uppercase;
  margin-block-start: 0;
  margin-block-end: 0;
  margin: auto;
}

/* SCHERMATA DUE COLONNE CON MPU */

.two_columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: stretch;
  padding: 0;
  margin: auto;
  position: relative;
  margin-top: 50px;
  margin-bottom: 30px;
  margin-left: 0;
  /* overflow: hidden; */
  background: transparent !important;
}

.column_left {
  max-width: 810px;
  padding-left: 0;
  padding-right: 20px;
  padding-bottom: 32px;
}

.column_left p {
  margin-block-start: 0;
  margin-block-end: 15px;
}

.column_right {
  padding-right: 0;
  max-width: 390px;
  display: flex;
  flex-direction: column;
}

.backgroundAdv .column_right{
  max-width: 320px;
  position: relative;
}

/* .tick .tick-credits {
    display: none;
} */

#sticky-cnt{
    background: #d3cdca;
    height: 100%;
    position: relative;
    justify-content: center;
    display: flex;
    align-items: flex-start;
}

.tick div {
  width: auto;
}

#ad-Mpu_Top{
  position: sticky;
  padding: 10px 0;
  top: 60px;
}

.box-cnt{
  display: flex;
  gap: 30px;
  justify-content: space-between;
  margin-top: 50px;
}

.box-cnt a {
    width: 100%;
}

a, a:link, a:visited, a:hover{
  color: #0F0F0F;
  text-decoration: none;
}

#video a, #video a:link, #video a:visited, #video a:hover{
  color: white;
  text-decoration: none;
}

.scheda-1{
  width: 100%;
  background: #D0D9E3;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0px;
  box-shadow: 2px 6px 0px 0px #0D3F86;
  padding: 15px 26px;
  border-radius: 16px;
  display: flex;
}



.scheda-1-numero{
  font-weight: 400;
  font-size: 80px;
  line-height: 120px;
  letter-spacing: 0px;
  text-align: right;
  color: #0D3F86;
}

.grafico-titolo{
  font-weight: 800;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0px;
  margin-top: 50px;
}

.grafico-spiega{
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0px;
  margin-bottom: 20px;
}

.grafico-credit{
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
}

.scheda-pezzo-1,
.scheda-pezzo-2{
  border: 1px solid #0D3F86;
  border-radius: 16px;
  padding: 16px 20px;
}

.scheda-pezzo-1 img{
  width: 100%;
  /* height: 186px; */
  background-color: #d3cdca;
}

.scheda-pezzo-1-occhiello,
.scheda-pezzo-2-occhiello{
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #4A4DC2;
  margin-top: 12px;
}

.scheda-pezzo-1-titolo,
.scheda-pezzo-2-titolo{
  font-family: "sole_headline", Georgia, Times, "Times New Roman", Serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0%;
  min-height: 110px;
  margin-top: 12px;
}

.scheda-pezzo-1-firma,
.scheda-pezzo-2-firma{
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0px;
  margin-top: 32px;
}

.scheda-pezzo-1-data{
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0px;
  opacity: 50%;
  margin-top: 4px;
}

.box-cnt-verticale{
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 50px;
}

.scheda-pezzo-2{
  display: flex;
  gap:20px;
}

.scheda-pezzo-2 img{
  height: 110px;
}

.scheda-pezzo-2-cnt{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.scheda-pezzo-2-occhiello,
.scheda-pezzo-2-titolo,
.scheda-pezzo-2-firma{
  margin-top: 0;
  min-height: auto;
}

.scheda-pezzo-2-firma{
  margin-top: 12px;
}
a:hover div{
  transition: all .3s ease;
  opacity: .7;
}

#virgolettati{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
  padding-top: 40px;
  margin-bottom: 50px;
}

#virgolettati::before{
  content: "“";
  font-family: "sole_display", Georgia, Times, "Times New Roman", serif;
  font-weight: 500;
  font-size: 64px;
  color: #0D3F86;
}
#virgolettati::after{
  content: "”";
  font-family: "sole_display", Georgia, Times, "Times New Roman", serif;
  font-family: "sole_display", Georgia, Times, "Times New Roman", serif;
  font-weight: 500;
  font-size: 64px;
  color: #0D3F86;
}

#virgolettati .occhiello{
  font-weight: 800;
  font-style: Bold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  color: #0D3F86;
}

#virgolettati .swiper-slide{
  font-family: "sole_display", Georgia, Times, "Times New Roman", serif;
  font-weight: 300;
  font-style: Light;
  font-size: 44px;
  line-height: 52px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
}

#virgolettati .swiper {
  padding: 0 0 24px;
}

#virgolettati .swiper-slide {
  padding: 0 54px;
}
#virgolettati .swiper-button-prev:after,
#virgolettati .swiper-button-next:after {
    font-size: 14px;
    font-weight: 900;
    color: #0D3F86;
}

#virgolettati .swiper-button-next, 
#virgolettati .swiper-button-prev {
    border: 2px solid #0D3F86;
    border-radius: 50px;
    width: 36px;
    height: 36px;
    padding: 0 0 0 2px;
}

#virgolettati .swiper-button-prev {
    border: 2px solid #0D3F86;
    border-radius: 50px;
    width: 36px;
    height: 36px;
    padding: 0 2px 0 0;
}

#virgolettati .swiper-button-next:not(.swiper-button-disabled):hover, 
#virgolettati .swiper-button-prev:not(.swiper-button-disabled):hover {
  opacity: .3;
}

.sezione{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 0;
}

#parola-chiave{
  background-color: #F7D381;
}

.sezione-titolo{
  font-weight: 700;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: 0px;
  text-align: center;
}

.sezione-catenaccio{
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 10px;
}

#parola-chiave-swiper .swiper-slide{
  border: 2px solid #FFFFFF;
  padding: 38px 25px;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
  width: 290px;
  border-radius: 32px;
  height: auto;
  margin-bottom: 2px;
}

.backgroundAdv #parola-chiave-swiper .swiper-slide{
  width: 280px;
}

#parola-chiave-swiper .swiper-slide-titolo{
  font-weight: 800;
  font-size: 32px;
  line-height: 20px;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
}

#parola-chiave-swiper .swiper-slide img{
  width: 100%;
  margin: 18px 0;
}

#persone{
  background-color: #5D789D; 
  color: white;
}

.persone-schede{
  display: flex;
  justify-content: center;
  gap:30px;
}

.persone-scheda{
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 375px;
}

.persone-schede img{
  width: 180px;
}

.persone-titolo{
  font-weight: 700;
  font-size: 28px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
  margin-top: 12px;
}

.persone-mansione{
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
  color: #F5E5D5;
  margin-top: 12px;
}

.persone-esperienza{
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
  color:#E6EDF7;
  margin-top: 12px;
}

#video{
  background-color: black; 
  color: white;
}

#video-swiper-cnt{
  width: var(--larghezza-max);
  margin-top: 50px;
  position: relative;
}

#video .swiper-slide {
    position: relative;
    width: 248px;
    height: 440px;
    border-radius: 12px;
    overflow: hidden;
}
#video .swiper-slide img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#video .swiper-slide video{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.img-gradiente{
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.video-scheda {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 15px 20px;
  height: 100%;
  flex-direction: column;
  cursor: pointer;
}

.video-scheda span{
  font-family: "sole_display", Georgia, Times, "Times New Roman", serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0px;
  background-color: #5D789D;
  display: inline-block;
  padding: 2px 6px;
  z-index: 1;
}

.video-bottoni{
  margin-top: 50px;
  display: flex;
  justify-content: center;
  gap: 30px;
}

.video-bottone{
  padding:18px;
  font-weight: 500;
  font-size: 20px;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: center;
  color: white;
  background-color: #5D789D;
  border-radius: 12px;
  width: 280px;
  cursor: pointer;
  user-select: none;
  transition: all .25s ease;
}
.video-bottone:hover{
  opacity: .3;
}

.tick-cnt .video-bottone{
  margin-top: 10px;
  width: 100%;
}

#video .swiper-button-prev:after,
#video .swiper-button-next:after {
    font-size: 14px;
    font-weight: 900;
    color: black;
}

#video .swiper-button-next, 
#video .swiper-button-prev {
    border: 2px solid black;
    background-color: white;
    border-radius: 50px;
    width: 36px;
    height: 36px;
    padding: 0 0 0 2px;
}

#video .swiper-button-prev {
    border: 2px solid #0D3F86;
    border-radius: 50px;
    width: 36px;
    height: 36px;
    padding: 0 2px 0 0;
}

#video .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}
#video .swiper-button-next:not(.swiper-button-disabled):hover, 
#video .swiper-button-prev:not(.swiper-button-disabled):hover {
  opacity: .3;
}

#video  .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: -18px;
    left: auto;
}

#video .sw iper-button-prev, .swiper-rtl .swiper-button-next {
    left: -18px;
    right: auto;
}


#ingombro {
  width: 100%;
  height: 200px;
  margin-bottom: 50px;
  background-color: #a19e9e;
}

.tick-titolo {
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0px;
  margin-bottom: 16px;
}


.justify-center{
  justify-content: center;
}


h2 {
  margin-block-start: 0;
  margin-block-end: 0;
  color: #0f0f0f;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  text-align: left;
  padding-bottom: 10px;
}

h3 {
  margin-block-start: 0;
  margin-block-end: 0;
  padding-bottom: 10px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.app-tabella {
  width: 100%;
  position: relative;
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
}

.app-riga {
  border-bottom: 1px solid rgba(13, 63, 134, 1);
  padding: 12px 8px;
  overflow: hidden;
  height: 100%;
  max-height: 500px;
  position: relative;
  transition: all .25s ease;
}

.app-riga:not(.app-riga-aperta) {
  max-height: 71px!important;
}

.app-riga-foto{
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: rgba(93, 120, 157, 1);
  flex: none;
}

.app-riga-bottone {
    width: 30px;
    height: 30px;
    flex: none;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .25s ease;
}

.app-riga-bottone img{
  pointer-events: none;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; 
}

.app-riga-bottone:hover {
  background: rgba(0,0,0,.15);
  opacity: .4;
}
.app-riga-info{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.app-riga-mentee{
  position: relative;
}

.app-riga-box{
  font-weight: 600;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0.15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  width: 48px;
  padding-top: 5px;
  padding-bottom: 5px;
  flex: none;
}

.app-riga-mentee{
  background-color: rgba(13, 63, 134, 1);
  color: white;
}

.app-riga-2 {
    padding-left: 96px;
}

.app-riga-anni-mentorship{
  background-color: rgba(246, 204, 123, 1)
}

.app-riga-nome{
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
}

.app-riga-settore {
    width: 265px;
}

.app-riga-settore img {
    width: 40px;
}

.app-riga-mentorship {
    /* flex: none; */
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 38px;
}

.app-riga-aperta.app-riga{
  background-color: rgba(233, 217, 202, 1);
}

.app-riga-espandi {
    position: absolute;
    z-index: 5;
    bottom: 20px;
}
.app-riga-foto {
    margin-left: 38px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.app-riga-aperta .app-riga-espandi img {
    transform: rotate(180deg);
}

.tabella-totale-mentee {
  position: absolute;
  top: -40px;
  right: 42px;
  text-align: center;
  width: fit-content;
  text-transform: UPPERCASE;
}

.sfondo-lightbox {
    background-color: rgba(93, 120, 157, 0.85);
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    padding: 120px 120px 60px;
    z-index: 100;
    top: 0;
    left: 0;
    transform: scale(0);
}

  .lightbox-cnt {
    background-color: rgba(245, 229, 213, 1);
    border-radius: 20px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 24px 24px 36px 24px;
  }

  .tabella-ricerca {
    align-items: baseline !important;
  }
  .t-ricerca-testo {
      padding-left: 16px;
      padding-right: 40px;
      width: 300px;
  }
  .t-ricerca-box {
      border: 1px solid #000000;
      height: 40px;
      border-radius: 4px;
      font-size: 16px;
      font-weight: 500;
      line-height: 16px;
      display: flex;
      align-items: center;
  }
  .t-ricerca-testo input {
      border: none;
      font-size: 16px;
      font-weight: 500;
      line-height: 16px;
      padding: 0;
      margin: 0;
      background-color: rgba(245, 229, 213, 1);
  }
  #t-ricerca-testo-icone,
  #t-ricerca-mentee-testo-icone {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-dropdown {
      border: 1px solid #000000;
      height: 40px;
      border-radius: 4px;
      width: 300px;
      background-color: rgba(245, 229, 213, 1);
  }

  .p-dropdown {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      cursor: pointer;
      position: relative;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }


  .p-dropdown .p-dropdown-trigger {
    color: black;
  }

  .p-dropdown .p-dropdown-label.p-placeholder,
  .t-ricerca-testo input  {
    color: black;
  }

  #tabella-mentor {
    display: block;
    position: relative;
    overflow-y: scroll;
    height: calc(100vh - 350px);
  } 

  .selettore-settore{
    width: 202px;
  }

  div.p-dropdown-panel {
    /* width: 202px; */
    width: auto;
  }

  div#lightbox-cnt-chiudi,
  #lightbox-mentee-cnt-chiudi {
    position: absolute;
    right: 31px;
    top: -42px;
  }

  .lightbox-cnt-visibile {
    display: flex;
    -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.1s both;
            animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.1s both;
  }
  @-webkit-keyframes scale-up-center {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes scale-up-center {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  #tabella-mentor,
  #tabella-mentee {
    scrollbar-width: auto;
    scrollbar-color: #0f0f0f #e9d9ca;
  }

  /* Chrome, Edge, and Safari */
  #tabella-mentor::-webkit-scrollbar,
  #tabella-mentee::-webkit-scrollbar {
    width: 10px;
  }

  #tabella-mentor::-webkit-scrollbar-track,
  #tabella-mentee::-webkit-scrollbar-track {
    background: #e9d9ca;
  }

  #tabella-mentor::-webkit-scrollbar-thumb,
  #tabella-mentee::-webkit-scrollbar-thumb {
    background-color: #0f0f0f;
    border-radius: 10px;
    border: 3px none #ffffff;
  }

  .tabella-mentee th{
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0%;
    text-transform: uppercase;
    text-align: left;
  }

  .tabella-mentee th, .tabella-mentee td:not(.td-mostra-altre){
      padding: 8px 0 8px 16px;
  }

  .tabella-mentee td:not(.td-mostra-altre){
    border-bottom: 1px solid rgba(13, 63, 134, 1);
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
  }

  
  .tabella-mentee tr td:nth-child(1){
    font-weight: 600;
    white-space: nowrap;
  }

  .tabella-mentee tr td:nth-child(1), .tabella-mentee tr th:nth-child(1){
    padding-left: 0;
  }

  #tabella-mentee{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr fit-content(calc(100vh - 370px)) 1fr;
  }
  
 #tabella-mentee thead, #tabella-mentee tbody,  #tabella-mentee tr {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / 4;
  }
  
   #tabella-mentee tbody {
    overflow-y: scroll;
  }

  .td-mostra-altre {
    grid-column: 1/4;
  }
/*--- FOOTER ----*/

#backtop {
  position: fixed;
  left: calc(50vw + 450px);
  bottom: 0;
  width: 50px;
  z-index: 10;
  text-align: right;
  display: block;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  background-color: transparent;
}

body:not(.backgroundAdv) #backtop {
  right: 10px;
}

#backtop img {
  cursor: pointer;
  width: 30px;
  max-width: 30px;
  height: auto;
  margin-right: 10px;
  padding-bottom: 10px;
}

.box_crediti {
  padding-top: 0;
  margin: auto;

}

.box_crediti h5 {
  margin-block-start: 0;
  margin-block-end: 0;
  font-size: 15px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  /* text-align: center; */
  font-weight: 400;
  padding: 5vh 0;
  display: flex;
  justify-content: center;
}

.box_crediti tr td:nth-child(2){
  padding-left: 30px;
}

footer {
  z-index: 20;
}

#footer_div {
  font-family: "SoleSans", Arial, Helvetica, sans-serif;
  line-height: 1.3;
  background-color: #19171a;
  color: #a19e9e;
  font-size: 14px;
  text-transform: none;
  padding: 30px 100px;
  text-align: center;
}

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

.mr-0 {
  margin-right: 0;
}

.mt-0 {
  margin-top: 0;
}

.mt-30 {
  margin-top: 30px;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.w-full {
  width: 100%;
}

.fw-normal {
  font-weight: 400 !important;
}

.bold {
  font-weight: 600 !important;
}

.black {
  color: #0f0f0f !important;
}

.green {
  color: #49a078 !important;
}

.pink {
  color: #ffbdbd !important;
}