/* breakpoints */
:root {
  --clr-bg: #1A191C;
  --bg-bg: #1A191C;
  --clr-black-hover: #121212;
  --bg-black-hover: #121212;
  --clr-grey: #F4F4F4;
  --bg-grey: #F4F4F4;
  --clr-grey-light: #E8E8E8;
  --bg-grey-light: #E8E8E8;
  --clr-grey-rgb: #d9e2ee;
  --bg-grey-rgb: #d9e2ee;
  --clr-grey-dark: #6E6E6E;
  --bg-grey-dark: #6E6E6E;
  --clr-grey-dark-rgb: #6e6e6e;
  --bg-grey-dark-rgb: #6e6e6e;
  --clr-primary: #50A1D3;
  --bg-primary: #50A1D3;
  --clr-primary-rgb: #50a1d3;
  --bg-primary-rgb: #50a1d3;
  --clr-primary-light: #DCECF6;
  --bg-primary-light: #DCECF6;
  --clr-primary-light-rgb: #dcecf6;
  --bg-primary-light-rgb: #dcecf6;
  --clr-primary-dark: #0061A3;
  --bg-primary-dark: #0061A3;
  --clr-primary-dark-rgb: #0061a3;
  --bg-primary-dark-rgb: #0061a3;
  --clr-secondary: #0BA747;
  --bg-secondary: #0BA747;
  --clr-secondary-rgb: #0ba747;
  --bg-secondary-rgb: #0ba747;
  --clr-secondary-light: #e2f1e1;
  --bg-secondary-light: #e2f1e1;
  --black: #1A191C;
  --black-rgb: rgb(26, 25, 28);
  --white: #fff;
  --white-rgb: rgb(255, 255, 255);
  --grey: #F4F4F4;
  --font-clr: var(--black);
  --border-color: #E5E5E5;
  --clr-bg: var(--clr-primary);
  --clr-bg-rgb: var(--clr-primary-rgb);
  --bg-gradient: linear-gradient(var(--bg-gradient-direction, 90deg), var(--clr-secondary) 0%, var(--clr-primary) 100%);
  --bg-gradient-hover: linear-gradient(var(--bg-gradient-hover-direction, 90deg), var(--clr-secondary) 30%, var(--clr-primary) 130%);
  --bg-gradient-light: linear-gradient(var(--bg-gradient-direction, 90deg), #95CDB5 0%, #A0C9E3 100%);
  --clr-accent: var(--accent-clr, var(--clr-primary));
  /*FONT*/
  --font-primary: "Satoshi", system-ui, sans-serif;
  --font-style-normal: normal;
  --font-style-italic: italic;
  --headline-clr: var(--black);
  /*SPACER*/
  --spaceBetweenElements: 5rem;
  /*DECORATION*/
  --border-radius-xs: 0.375rem;
  --border-radius-sm: 0.75rem;
  --border-radius-md: 1rem;
  --border-radius-lg: 1.25rem;
  --border-radius-xl: 1.5rem;
  --border-radius-xxl: 3.75rem;
  --border-radius-full: 99rem;
  /*TRANSITIONS*/
  --transition-default-duration: .3s;
  --transition: all var(--transition-default-duration) ease-in-out;
  --transition-fast: all .1s ease-in-out;
  --transition-slow: all .5s ease-in-out;
}
@media (max-width: 991.98px) {
  :root {
    --spaceBetweenElements: 4rem;
  }
}
@media (max-width: 767.98px) {
  :root {
    --spaceBetweenElements: 3rem;
  }
}
@media (prefers-reduced-motion) {
  :root {
    --transition: none;
  }
}
.cardselement__layout-e .card {
  border: none;
  background: var(--clr-grey);
  border-radius: var(--border-radius-lg);
  padding: 1.5rem;
  margin-bottom: 1rem;
  transition: var(--transition);
}
.cardselement__layout-e .card:hover {
  background: var(--bg-gradient);
}
.cardselement__layout-e .card:hover .card__content span {
  color: var(--white);
}
@media (min-width: 992px) {
  .cardselement__layout-e .card {
    padding: 3.125rem;
  }
}
@media (min-width: 992px) {
  .cardselement__layout-e .card {
    padding-block: 2.5rem;
  }
}
.cardselement__layout-e .card__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 767.98px) {
  .cardselement__layout-e .card__content {
    align-items: flex-start;
    gap: 1rem;
    flex-direction: column;
  }
}
.cardselement__layout-e .card__content .card__content--title {
  font-size: 3.125rem;
}
@media (max-width: 1399.98px) {
  .cardselement__layout-e .card__content .card__content--title {
    font-size: 2.6rem;
  }
}
@media (max-width: 1199.98px) {
  .cardselement__layout-e .card__content .card__content--title {
    font-size: 2.2rem;
  }
}
@media (max-width: 991.98px) {
  .cardselement__layout-e .card__content .card__content--title {
    font-size: 1.8rem;
  }
}
@media (max-width: 767.98px) {
  .cardselement__layout-e .card__content .card__content--title {
    font-size: 1.4rem;
  }
}
.cardselement__layout-e .card__content .btn-icon {
  --size: 7.5rem;
}
@media (max-width: 1199.98px) {
  .cardselement__layout-e .card__content .btn-icon {
    --size: 6rem;
  }
}
@media (max-width: 991.98px) {
  .cardselement__layout-e .card__content .btn-icon {
    --size: 5rem;
  }
}
@media (max-width: 767.98px) {
  .cardselement__layout-e .card__content .btn-icon {
    --size: 3rem;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fthermotex24%2Fscss%2Felements%2F_cardse.scss%22%2C%22%2Fthemes%2Fthermotex24%2Fscss%2Felements%2F..%2Fsettings%2F_variables.scss%22%2C%22%2Fthemes%2Fthermotex24%2Fscss%2Felements%2F..%2Fsettings%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BACsBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACmBI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADiCF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADxEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAE0BJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFXA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAEWA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFCE%3BAAAA%3BAAAA%3BAEDF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFkBE%3BAAAA%3BAAAA%3BAElBF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */