/* Flex Grid */
.cc-flex {
  display: flex;
  flex-wrap: wrap;
}

.cc-flex > div {
  flex-grow: 1;
}

.cc-flex.cc-no-grow > div {
  flex-grow: 0;
}

.cc-flex-space {
  justify-content: space-between;
}

.cc-flex-gap-20 {
  gap: 20px;
}

.cc-flex-apad-80 {
  margin-left: calc(clamp(1.35rem, 1.12rem + 1.15vw, 2.5rem) * -1);
  margin-right: calc(clamp(1.35rem, 1.12rem + 1.15vw, 2.5rem) * -1);
}

.cc-pad-20 {
  padding: 0 20px;
}

.cc-flex-pad-80 > div {
  /* padding: clamp(1.35rem, 1.12rem + 1.15vw, 2.5rem)
    clamp(1.35rem, 1.12rem + 1.15vw, 2.5rem);*/
  padding: 0 clamp(1.35rem, 1.12rem + 1.15vw, 2.5rem);
  margin-bottom: clamp(1.35rem, 1.12rem + 1.15vw, 2.5rem);
}

.cc-flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.cc-w-full {
  width: 100%;
}

.cc-w-1\/2 {
  width: 50%;
}
.cc-w-1\/3 {
  width: 33.333333333%;
}

.cc-w-2\/3 {
  width: 66.666666666%;
}

.cc-w-1\/4 {
  width: 25%;
}
.cc-w-1\/5 {
  width: 20%;
}
.cc-w-1\/6 {
  width: 16.666666666%;
}

@media (min-width: 460px) {
  .xs\:cc-w-1\/2 {
    width: 50%;
  }
  .xs\:cc-w-1\/3 {
    width: 33.333333333%;
  }
  .xs\:cc-w-1\/4 {
    width: 25%;
  }
  .xs\:cc-w-1\/5 {
    width: 20%;
  }
  .xs\:cc-w-1\/6 {
    width: 16.666666666%;
  }

  .xs\:cc-pad-20 {
    padding: 0 20px;
  }
}

@media (min-width: 640px) {
  .sm\:cc-w-1\/2 {
    width: 50%;
  }
  .sm\:cc-w-1\/3 {
    width: 33.333333333%;
  }
  .sm\:cc-w-1\/4 {
    width: 25%;
  }
  .sm\:cc-w-1\/5 {
    width: 20%;
  }
  .sm\:cc-w-1\/6 {
    width: 16.666666666%;
  }

  .sm\:cc-pad-20 {
    padding: 0 20px;
  }
}

@media (min-width: 768px) {
  .md\:cc-w-1\/2 {
    width: 50%;
  }
  .md\:cc-w-1\/3 {
    width: 33.333333333%;
  }

  .md\:cc-w-2\/3 {
    width: 66.666666666%;
  }

  .md\:cc-w-1\/4 {
    width: 25%;
  }
  .md\:cc-w-1\/5 {
    width: 20%;
  }
  .md\:cc-w-1\/6 {
    width: 16.666666666%;
  }

  .md\:cc-pad-20 {
    padding: 0 20px;
  }
}

@media (min-width: 1024px) {
  .lg\cc-w-full {
    width: 100%;
  }

  .lg\:cc-w-1\/2 {
    width: 50%;
  }
  .lg\:cc-w-1\/3 {
    width: 33.333333333%;
  }
  .lg\:cc-w-1\/4 {
    width: 25%;
  }
  .lg\:cc-w-1\/5 {
    width: 20%;
  }
  .lg\:cc-w-1\/6 {
    width: 16.666666666%;
  }
}

@media (min-width: 1280px) {
  .xl\:cc-w-1\/2 {
    width: 50%;
  }
  .xl\:cc-w-1\/3 {
    width: 33.333333333%;
  }

  .xl\:cc-w-2\/3 {
    width: 66.666666666%;
  }

  .xl\:cc-w-1\/4 {
    width: 25%;
  }
  .xl\:cc-w-1\/5 {
    width: 20%;
  }
  .xl\:cc-w-1\/6 {
    width: 16.666666666%;
  }
}
.cc-w-p40 {
  width: 40%;
}

.cc-w-p20 {
  width: 20%;
}
/* Grid end */

/* Responsive visibility */

.hidden {
  display: none;
}

@media (min-width: 640px) {
  .sm\:visible-block {
    display: block;
  }
  .sm\:hidden {
    display: none;
  }
}

/* Paddings */
.p-10 {
  padding: 10px;
}
.p-20 {
  padding: 20px;
}