/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 10 2026 | 09:55:25 */
/*** HERO ***/

.hero {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    margin: 0 72px;
}

.hero .intro .uncell {
  --r: 18px;
  position: absolute;
  top: 0;
  left: 0;
  width: 66%;
  min-width: 575px;
  height: auto;
  border-radius: 0 0 var(--r) 0;
  z-index: 3;
}

.hero .intro .uncell::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(-1 * var(--r));
  width: var(--r);
  height: var(--r);
  pointer-events: none;
  background: radial-gradient(
    circle at 100% 100%,
    transparent 0%,
    transparent 70%,
    #fff 71%,
    #fff 100%
  ) !important;
}

.hero .intro .uncell::after {
  content: "";
  position: absolute;
  right: calc(-1 * var(--r));
  top: 0;
  width: var(--r);
  height: var(--r);
  pointer-events: none;
  background: radial-gradient(
    circle at 100% 100%,
    transparent 0%,
    transparent 70%,
    #fff 71%,
    #fff 100%
  ) !important;
}

.hero .cta .uncell {
  --r: 18px;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 66%;
  min-width: 575px;
  height: auto;
  border-radius: var(--r) 0 0 0;
  z-index: 3;
}

.hero .cta .uncell::before {
  content: "";
  position: absolute;
  top: calc(-1 * var(--r));
  right: 0;
  width: var(--r);
  height: var(--r);
  pointer-events: none;

  background: radial-gradient(
    circle at 0 0,
    transparent 0%,
    transparent 70%,
    #fff 71%,
    #fff 100%
  ) !important;
}

.hero .cta .uncell::after {
  content: "";
  position: absolute;
  left: calc(-1 * var(--r));
  bottom: 0;
  width: var(--r);
  height: var(--r);
  pointer-events: none;

  background: radial-gradient(
    circle at 0 0,
    transparent 0%,
    transparent 70%,
    #fff 71%,
    #fff 100%
  ) !important;
}

/** BOOK A DEMO **/

.hero .cta .btn.demo {
	color: #CAFE72 !important;
}

.hero .cta .btn.demo:hover {
	background-color: transparent;
	color: #214F4B;
}

/**** TABLET ****/
@media (max-width: 959px) {
	
/*** HERO RESPONSIVE ***/

.hero-responsive {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    margin: 0 36px;
}
	
.hero-responsive .uncont {
    padding: 36px 18px;
}
	
}