/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/src/public/sass/blocks/cards-with-icons.scss ***!
  \**********************************************************************************************************************************************/
/* SPecial */
.section-cards-with-icons {
  --features-title-color: #FFFFFF;
  --features-text-color: #F0F1F5;
  overflow: hidden;
}
.section-cards-with-icons.features-titles-color-transparent {
  --features-title-color: transparent;
}
.section-cards-with-icons.features-text-color-transparent {
  --features-text-color: transparent;
}
.section-cards-with-icons.features-titles-color-real-black {
  --features-title-color: #000000;
}
.section-cards-with-icons.features-text-color-real-black {
  --features-text-color: #000000;
}
.section-cards-with-icons.features-titles-color-black-midnight {
  --features-title-color: #0A1119;
}
.section-cards-with-icons.features-text-color-black-midnight {
  --features-text-color: #0A1119;
}
.section-cards-with-icons.features-titles-color-black {
  --features-title-color: #19120A;
}
.section-cards-with-icons.features-text-color-black {
  --features-text-color: #19120A;
}
.section-cards-with-icons.features-titles-color-black-2 {
  --features-title-color: #1A1A1A;
}
.section-cards-with-icons.features-text-color-black-2 {
  --features-text-color: #1A1A1A;
}
.section-cards-with-icons.features-titles-color-dark-grey {
  --features-title-color: #364447;
}
.section-cards-with-icons.features-text-color-dark-grey {
  --features-text-color: #364447;
}
.section-cards-with-icons.features-titles-color-grey {
  --features-title-color: #6D7278;
}
.section-cards-with-icons.features-text-color-grey {
  --features-text-color: #6D7278;
}
.section-cards-with-icons.features-titles-color-white {
  --features-title-color: #FFFFFF;
}
.section-cards-with-icons.features-text-color-white {
  --features-text-color: #FFFFFF;
}
.section-cards-with-icons.features-titles-color-white-2 {
  --features-title-color: #F0F1F5;
}
.section-cards-with-icons.features-text-color-white-2 {
  --features-text-color: #F0F1F5;
}
.section-cards-with-icons.features-titles-color-white-glass {
  --features-title-color: rgba(255, 255, 255, 0.15);
}
.section-cards-with-icons.features-text-color-white-glass {
  --features-text-color: rgba(255, 255, 255, 0.15);
}
.section-cards-with-icons.features-titles-color-star-yellow {
  --features-title-color: #FFC82E;
}
.section-cards-with-icons.features-text-color-star-yellow {
  --features-text-color: #FFC82E;
}
.section-cards-with-icons.features-titles-color-camtasia-medium {
  --features-title-color: #5CB20A;
}
.section-cards-with-icons.features-text-color-camtasia-medium {
  --features-text-color: #5CB20A;
}
.section-cards-with-icons.features-titles-color-camtasia-bright {
  --features-title-color: #99E500;
}
.section-cards-with-icons.features-text-color-camtasia-bright {
  --features-text-color: #99E500;
}
.section-cards-with-icons.features-titles-color-camtasia-brightest {
  --features-title-color: #C3FF4A;
}
.section-cards-with-icons.features-text-color-camtasia-brightest {
  --features-text-color: #C3FF4A;
}
.section-cards-with-icons.features-titles-color-camtasia-ultra-bright {
  --features-title-color: #A1FF00;
}
.section-cards-with-icons.features-text-color-camtasia-ultra-bright {
  --features-text-color: #A1FF00;
}
.section-cards-with-icons.features-titles-color-audiate-bright {
  --features-title-color: #9673FF;
}
.section-cards-with-icons.features-text-color-audiate-bright {
  --features-text-color: #9673FF;
}
.section-cards-with-icons.features-titles-color-audiate-dark {
  --features-title-color: #1E1259;
}
.section-cards-with-icons.features-text-color-audiate-dark {
  --features-text-color: #1E1259;
}
.section-cards-with-icons.features-titles-color-screencast-bright {
  --features-title-color: #FABF5A;
}
.section-cards-with-icons.features-text-color-screencast-bright {
  --features-text-color: #FABF5A;
}
.section-cards-with-icons.features-titles-color-magenta {
  --features-title-color: #BD24DB;
}
.section-cards-with-icons.features-text-color-magenta {
  --features-text-color: #BD24DB;
}
.section-cards-with-icons.features-titles-color-magenta-bright {
  --features-title-color: #B3A3FF;
}
.section-cards-with-icons.features-text-color-magenta-bright {
  --features-text-color: #B3A3FF;
}
.section-cards-with-icons.features-titles-color-snagit-pink {
  --features-title-color: #D5088A;
}
.section-cards-with-icons.features-text-color-snagit-pink {
  --features-text-color: #D5088A;
}
.section-cards-with-icons.features-titles-color-snagit-pink-bright {
  --features-title-color: #E10992;
}
.section-cards-with-icons.features-text-color-snagit-pink-bright {
  --features-text-color: #E10992;
}
.section-cards-with-icons.features-titles-color-snagit-blue-brightest {
  --features-title-color: #EEFAFF;
}
.section-cards-with-icons.features-text-color-snagit-blue-brightest {
  --features-text-color: #EEFAFF;
}
.section-cards-with-icons.features-titles-color-snagit-blue-light {
  --features-title-color: #40C6FF;
}
.section-cards-with-icons.features-text-color-snagit-blue-light {
  --features-text-color: #40C6FF;
}
.section-cards-with-icons.features-titles-color-snagit-blue {
  --features-title-color: #604cbf;
}
.section-cards-with-icons.features-text-color-snagit-blue {
  --features-text-color: #604cbf;
}
.section-cards-with-icons.features-titles-color-snagit-blue-dark {
  --features-title-color: #004373;
}
.section-cards-with-icons.features-text-color-snagit-blue-dark {
  --features-text-color: #004373;
}
.section-cards-with-icons.features-titles-color-screencast-pink {
  --features-title-color: #EBECFF;
}
.section-cards-with-icons.features-text-color-screencast-pink {
  --features-text-color: #EBECFF;
}
.section-cards-with-icons .section-row.has-background-container-rainbow {
  box-shadow: 0px 8px 32px 0px rgba(27, 0, 155, 0.1490196078);
}
.section-cards-with-icons .section-row.has-background-container-rainbow-bright {
  box-shadow: 0px 8px 32px 0px rgba(27, 0, 155, 0.1490196078);
}
.section-cards-with-icons .section-row.has-background-container-rainbow-dark {
  box-shadow: 0px 8px 32px 0px rgba(27, 0, 155, 0.1490196078);
}
.section-cards-with-icons .section-row.has-background-container-snagit {
  box-shadow: 0px 4px 32px 0px rgba(0, 67, 115, 0.2);
}
.section-cards-with-icons .section-media-column {
  margin-bottom: 1.5rem;
}
.section-cards-with-icons .section-media-column:last-child {
  margin-bottom: 0;
}
.section-cards-with-icons .section-media-column.has-background {
  padding: 3rem;
  border-radius: 20px;
}
@media (max-width: 60rem) {
  .section-cards-with-icons .section-media-column.has-background {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.section-cards-with-icons .section-media-column.has-background-container-rainbow {
  backdrop-filter: blur(8px);
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0.1);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), radial-gradient(51.67% 101.69% at 0.83% 0%, rgba(150, 115, 255, 0.1) 0%, rgba(150, 115, 255, 0) 100%), radial-gradient(100% 103.41% at 100% 0%, rgba(153, 229, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0px 8px 32px 0px rgba(27, 0, 155, 0.1490196078);
}
.section-cards-with-icons .section-media-column.has-background-container-rainbow-bright {
  backdrop-filter: blur(8px);
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0.1);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)), radial-gradient(51.67% 101.69% at 0.83% 0%, rgba(150, 115, 255, 0.1) 0%, rgba(150, 115, 255, 0) 100%), radial-gradient(100% 103.41% at 100% 0%, rgba(153, 229, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0px 8px 32px 0px rgba(27, 0, 155, 0.1490196078);
}
.section-cards-with-icons .section-media-column.has-background-container-rainbow-dark {
  backdrop-filter: blur(8px);
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.05) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0.05);
  background: radial-gradient(82.04% 50% at 100% 100%, rgba(153, 229, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(51.67% 101.69% at 0.83% 0%, rgba(150, 115, 255, 0.2) 0%, rgba(150, 115, 255, 0) 100%), linear-gradient(0deg, #0A1119, #0A1119);
  box-shadow: 0px 8px 32px 0px rgba(27, 0, 155, 0.1490196078);
}
.section-cards-with-icons .section-media-column.has-background-container-audiate {
  background: linear-gradient(98.14deg, rgba(142, 104, 255, 0.6) 1.13%, rgba(72, 21, 155, 0.6) 100%), radial-gradient(50% 291.93% at 100% 50.01%, rgba(220, 122, 255, 0.5) 0%, rgba(150, 115, 255, 0) 100%);
  box-shadow: 0px 4px 48px 0px rgba(150, 115, 255, 0.3), 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
}
.section-cards-with-icons .section-media-column.has-background-container-audiate-bright {
  background: linear-gradient(98.14deg, #8E68FF 1.13%, #48159B 100%), radial-gradient(292.01% 309.18% at 0% 0%, rgba(236, 49, 217, 0.5) 0%, rgba(150, 115, 255, 0) 100%), radial-gradient(157.03% 241.57% at 98.98% 100%, rgba(21, 68, 158, 0.85) 0%, rgba(150, 115, 255, 0) 100%);
  box-shadow: 0px 8px 32px 0px rgba(96, 76, 191, 0.15), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
}
.section-cards-with-icons .section-media-column.has-background-container-audiate-glow {
  background: linear-gradient(98.14deg, rgba(142, 104, 255, 0.6) 1.13%, rgba(72, 21, 155, 0.6) 100%), radial-gradient(50% 291.93% at 100% 50.01%, rgba(220, 122, 255, 0.5) 0%, rgba(150, 115, 255, 0) 100%);
  box-shadow: 0px 4px 48px 0px rgba(150, 115, 255, 0.3), 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
  position: relative;
}
.section-cards-with-icons .section-media-column.has-background-container-audiate-glow > div {
  position: relative;
  z-index: 2;
}
.section-cards-with-icons .section-media-column.has-background-container-audiate-glow:after {
  content: "";
  pointer-events: none;
  display: block;
  width: calc(100% + 10rem);
  height: calc(100% + 8rem);
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: center center;
  background-size: 100% 100%;
  background-image: radial-gradient(9.58% 41.92% at 90.18% 50%, rgba(220, 122, 255, 0.5) 0%, rgba(150, 115, 255, 0) 100%), radial-gradient(22.01% 37.11% at 22.01% 38.39%, #9673FF 0%, rgba(150, 115, 255, 0) 100%);
}
.section-cards-with-icons .section-media {
  text-align: center;
}
.section-cards-with-icons .features-boxes {
  --cols-num: 3;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3rem;
  display: grid;
  margin: 0 auto;
  grid-template-columns: repeat(var(--cols-num), minmax(0, 1fr));
}
.section-cards-with-icons .features-boxes.cols-1 {
  --cols-num: 1;
  max-width: calc(394px * 1 + 3rem * 0);
}
@media (max-width: 42rem) {
  .section-cards-with-icons .features-boxes.cols-1 {
    --cols-num: 1;
  }
}
.section-cards-with-icons .features-boxes.cols-2 {
  --cols-num: 2;
  max-width: calc(394px * 2 + 3rem * 1);
}
@media (max-width: 42rem) {
  .section-cards-with-icons .features-boxes.cols-2 {
    --cols-num: 1;
  }
}
.section-cards-with-icons .features-boxes.cols-3 {
  --cols-num: 3;
  max-width: calc(394px * 3 + 3rem * 2);
}
@media (max-width: 42rem) {
  .section-cards-with-icons .features-boxes.cols-3 {
    --cols-num: 1;
  }
}
.section-cards-with-icons .features-boxes.cols-4 {
  --cols-num: 4;
  max-width: calc(394px * 4 + 3rem * 3);
}
@media (max-width: 42rem) {
  .section-cards-with-icons .features-boxes.cols-4 {
    --cols-num: 1;
  }
}
@media (max-width: 60rem) {
  .section-cards-with-icons .features-boxes.cols-4 {
    --cols-num: 2;
  }
}
.section-cards-with-icons .feature-box {
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  box-shadow: 0px 0px 32px 0px rgba(9, 0, 35, 0.1);
}
@media (max-width: 42rem) {
  .section-cards-with-icons .feature-box {
    width: 100%;
  }
}
.section-cards-with-icons .feature-title {
  color: var(--features-title-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.01em;
  text-align: left;
}
@media (max-width: 42rem) {
  .section-cards-with-icons .feature-title {
    font-size: 28px;
    line-height: 33.6px;
  }
}
.section-cards-with-icons .feature-text {
  color: var(--features-text-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 1rem;
}
@media (max-width: 42rem) {
  .section-cards-with-icons .feature-text {
    font-size: 18px;
  }
}
.section-cards-with-icons .feature-ctas {
  display: flex;
}
.section-cards-with-icons .feature-ctas .button {
  transition: 0.1s;
  font-size: 14px;
  min-height: 32px;
  padding: 4px 16px;
}
.section-cards-with-icons .section-ctas {
  margin-top: auto;
  justify-content: flex-start;
}
.section-cards-with-icons .cols-4 .feature-title {
  font-size: 20px;
}
@media (max-width: 42rem) {
  .section-cards-with-icons .cols-4 .feature-title {
    font-size: 28px;
  }
}
.section-cards-with-icons .cols-4 .feature-text {
  font-size: 16px;
}
@media (max-width: 42rem) {
  .section-cards-with-icons .cols-4 .feature-text {
    font-size: 18px;
  }
}
.section-cards-with-icons .icon-frame {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.section-cards-with-icons .icon-frame img {
  width: auto;
  max-height: 100%;
  height: auto;
}