.pushable>.pusher {
  position: static;
}

.free-version {
  width: 55%;
  margin: 6rem auto;
  min-height: 500px;
}

.free-version>h1 {
  text-align: center;
  padding: 0 3rem;
  margin-bottom: 1.5rem;
}

.free-version>h4 {
  color: var(--cargo-gray4);
  text-align: justify;
  font-weight: 400;
  padding: 0 8rem;
  margin-bottom: 5rem;
}

.home-btn {
  border: 2px solid;
  font-size: 1.1rem;
  padding: 1rem;
}

#desk-clip {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 25rem;
}

.free-version input[type=email] {
  height: 100%;
  border-radius: 3px;
}

.free-version .home-btn {
  min-width: 100%;
}

.plans-row {
  background-color: var(--cargo-gray1);
}

.cards-col {
  margin: 5rem 0;
}

.plan-card-col {
  padding: 0 .1rem;
  display: flex;
}

.plan-card {
  width: 100%;
  background-color: #fff;
  text-align: center;
  padding: 0 .5rem;
  transition: all .5s;
}

.plan-card.suggested-plan {
  transform: scale(1.1);
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
  z-index: 10;
  position: relative;
}

.plan-title {
  white-space: nowrap;
  display: inline-block;
}

.plan-card h2 {
  color: var(--cargo-main);
  font-weight: 800;
  font-size: 2.1rem;
  margin-top: 4rem;
}

.plan-card h3 {
  color: var(--cargo-main);
  font-weight: 700;
}

.plan-card h4 {
  color: var(--cargo-gray4);
  font-size: 1.8rem;
  margin-top: 2.2rem;
}

.plan-card h4>span {
  font-size: 1.2rem;
}

.plan-card h5 {
  color: var(--cargo-gray4);
  font-size: 1.2rem;
  margin-top: 2.2rem;
}

.separator-fat {
  width: 85%;
  height: 0.7rem;
  margin: 2rem auto;
}

.plan-btn {
  padding: 5px;
  background-color: transparent;
  border-radius: 3px;
  border: solid var(--cargo-main) 3px;
  display: inline-block;
  font-weight: 700;
  font-size: 1.5rem;
}

.bg-main {
  background: var(--cargo-main);
}

.bg-accent {
  background: var(--cargo-accent);
}

.bg-green {
  background: var(--cargo-green);
}

.bg-gray0 {
  background: var(--cargo-gray0);
}

.bg-yellow {
  background: var(--cargo-yellow);
}

.border-main {
  border-color: var(--cargo-main);
  color: var(--cargo-main);
}

.border-accent {
  border-color: var(--cargo-accent);
  color: var(--cargo-accent);
}

.border-green {
  border-color: var(--cargo-green);
  color: var(--cargo-green);
}

.border-gray0 {
  border-color: var(--cargo-gray0);
  color: var(--cargo-gray0);
}

.c-white {
  color: #fff !important;
}

.plan-features {
  margin-bottom: 4rem;
}

.ribbon-label-wrapper {
  display: none;
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
}

.suggested-plan>.ribbon-label-wrapper {
  display: block;
}

.ribbon-label {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--cargo-main);
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: relative;
  padding: 4px 0;
  left: -10px;
  top: 17px;
  width: 130px;
}

.ribbon-label:before,
.ribbon-label:after {
  content: "";
  border-top: 3px solid #b90005;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  position: absolute;
  bottom: -3px;
}

.ribbon-label:before {
  left: 0;
}

.ribbon-label:after {
  right: 0;
}

.comparison-table tr > td:not(:first-child) {
  padding-left: 1rem; /* spazio a sinistra di ogni piano eccetto il primo */
}

.comparison-table {
  margin-top: 5rem;
  font-size: 1.5rem;
}

.comparison-table tr {
  border-bottom: 3px solid var(--cargo-gray1);
}

.comparison-table tr>td {
  padding: 0.6rem 0;
}

/* all columns of first row */
.comparison-table tr:nth-child(1)>td {
  padding-top: 4rem;
  padding-bottom: 2rem;
  font-size: 1.7rem;
  font-weight: 800;
  color: var(--cargo-main) !important;
}

.comparison-table tr>td:not(:nth-child(1)) {
  width: 22%;
}


/* colors */
/* first column of each row */
.comparison-table tr>td:nth-child(1) {
  text-align: left;
  color: var(--cargo-gray4);
  font-weight: 400;
  font-size: 1.5rem;
}

.comparison-table tr>td:nth-child(2) {
  color: var(--cargo-gray0);
}

.comparison-table tr>td:nth-child(3) {
  color: var(--cargo-main);
}

.comparison-table tr>td:nth-child(4) {
  color: var(--cargo-accent);
}

.comparison-table tr>td:nth-child(5) {
  color: var(--cargo-green);
}

/* ultime 2 righe */
.comparison-table tr:nth-last-child(-n+2)>td:not(:nth-child(1)) {
  color: var(--cargo-main);
  font-weight: 700;
}

/* HIGHLIGHT BASIC PLAN */
/* sides */
.comparison-table.suggested-citizen tr>td:nth-child(2) {
  box-shadow: 0 15px white, 0 -15px white, 5px 0 15px rgba(0, 0, 0, 0.1), -5px 0 15px rgba(0, 0, 0, 0.1);
}

/* first cell */
.comparison-table.suggested-citizen tr:nth-child(1)>td:nth-child(2) {
  box-shadow: 0 15px white, 0 -2px 15px rgba(0, 0, 0, 0.1), 5px 0 15px rgba(0, 0, 0, 0.1), -5px 0 15px rgba(0, 0, 0, 0.1);
  padding-bottom: 6rem;
}

/* last cell */
.comparison-table.suggested-citizen tr:last-child>td:nth-child(2) {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 -15px white, 5px 0 15px rgba(0, 0, 0, 0.1), -5px 0 15px rgba(0, 0, 0, 0.1);
}

/* HIGHLIGHT BUSINESS PLAN */
/* sides */
.comparison-table.suggested-basic tr>td:nth-child(3) {
  box-shadow: 0 15px white, 0 -15px white, 5px 0 15px rgba(0, 0, 0, 0.1), -5px 0 15px rgba(0, 0, 0, 0.1);
}

/* first cell */
.comparison-table.suggested-basic tr:nth-child(1)>td:nth-child(3) {
  box-shadow: 0 15px white, 0 -2px 15px rgba(0, 0, 0, 0.1), 5px 0 15px rgba(0, 0, 0, 0.1), -5px 0 15px rgba(0, 0, 0, 0.1);
  padding-bottom: 6rem;
}

/* last cell */
.comparison-table.suggested-basic tr:last-child>td:nth-child(3) {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 -15px white, 5px 0 15px rgba(0, 0, 0, 0.1), -5px 0 15px rgba(0, 0, 0, 0.1);
}

.comparison-table .fa-times {
  color: var(--cargo-gray3) !important;
}

.faq-row h4 {
  color: var(--cargo-main);
  font-weight: 700;
  font-size: 20px;
}

.faq-row p {
  font-size: 15px;
}

.more-questions-row {
  background-color: var(--cargo-gray1);
}

.more-questions-row h4 {
  color: var(--cargo-main);
  font-weight: 700;
}

/* BIG SCREENS */
@media screen and (min-width: 1600px) {
  .free-version>h1 {
    padding: 0 10rem;
  }

  .plans-row h1 {
    padding: 0 10rem;
  }
}

/* SMALL SCREENS AND iPad PRO */
@media screen and (max-width: 1199px) {
  #desk-clip {
    display: none;
  }

  .free-version {
    width: 80%;
  }

  .plan-card {
    margin: 0.2rem;
  }
}

/* VERY SMALL SCREENS AND LARGE TABLETS */
@media screen and (max-width: 991px) {
  .comparison-table tr>td:not(:nth-child(1)) {
    width: 18%;
  }
}

/* TABLETS */
@media screen and (max-width: 768px) {
  .comparison-table tr>td:not(:nth-child(1)) {
    width: 19%;
  }
}

/* SMARTPHONES (portait) */
@media screen and (max-width: 576px) {
  .free-version {
    width: 100%;
    margin: 2rem auto 4rem;
  }

  .free-version>h4 {
    text-align: justify;
    padding: 0 1.5rem;
    margin-bottom: 3rem;
  }

  .free-version input[type=email] {
    height: 50px;
  }

  .cards-col {
    margin: 3rem 0;
  }

  .plan-card {
    margin: 0.5rem 0;
    padding: 0.5rem 0;
  }

  .table-container {
    overflow-x: auto;
  }

  .comparison-table {
    table-layout: fixed;
    min-width: 750px;
    margin-right: 2rem;
  }

  .plan-title {
    white-space: nowrap;
    display: inline-block;
  }

  .comparison-table tr>td {
    padding: 1.2rem 0;
  }
}