.elementor-239 .elementor-element.elementor-element-e5e2f9e{text-align:start;}.elementor-239 .elementor-element.elementor-element-e5e2f9e .elementor-heading-title{font-size:22px;line-height:32px;}.elementor-239 .elementor-element.elementor-element-63d750a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-239 .elementor-element.elementor-element-63d750a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-239 .elementor-element.elementor-element-63d750a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-239 .elementor-element.elementor-element-63d750a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-239 .elementor-element.elementor-element-63d750a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-239 .elementor-element.elementor-element-63d750a .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-239 .elementor-element.elementor-element-63d750a .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-239 .elementor-element.elementor-element-63d750a{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-239 .elementor-element.elementor-element-63d750a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-239 .elementor-element.elementor-element-63d750a .elementor-icon-list-item > a{font-family:"Source Sans Pro", Sans-serif;font-size:18px;font-weight:400;}.elementor-239 .elementor-element.elementor-element-63d750a .elementor-icon-list-text{transition:color 0.3s;}.elementor-239 .elementor-element.elementor-element-39ce347 > .elementor-element-populated{padding:60px 60px 60px 60px;}.elementor-239 .elementor-element.elementor-element-70b1be8{font-size:18px;}.elementor-239 .elementor-element.elementor-element-ffc4762.elementor-column > .elementor-widget-wrap{justify-content:space-between;}.elementor-239 .elementor-element.elementor-element-ffc4762 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-239 .elementor-element.elementor-element-f9696ee .elementor-button{background-color:#FC92191A;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );}.elementor-239 .elementor-element.elementor-element-f9696ee .elementor-button:hover, .elementor-239 .elementor-element.elementor-element-f9696ee .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-a4730ef );}.elementor-239 .elementor-element.elementor-element-f9696ee{width:auto;max-width:auto;}.elementor-239 .elementor-element.elementor-element-f9696ee .elementor-button-content-wrapper{flex-direction:row;}.elementor-239 .elementor-element.elementor-element-f9696ee .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-239 .elementor-element.elementor-element-f9696ee .elementor-button:hover svg, .elementor-239 .elementor-element.elementor-element-f9696ee .elementor-button:focus svg{fill:var( --e-global-color-a4730ef );}.elementor-239 .elementor-element.elementor-element-dc4c22b .elementor-button:hover, .elementor-239 .elementor-element.elementor-element-dc4c22b .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-a4730ef );}.elementor-239 .elementor-element.elementor-element-dc4c22b{width:auto;max-width:auto;}.elementor-239 .elementor-element.elementor-element-dc4c22b .elementor-button-content-wrapper{flex-direction:row;}.elementor-239 .elementor-element.elementor-element-dc4c22b .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-239 .elementor-element.elementor-element-dc4c22b .elementor-button:hover svg, .elementor-239 .elementor-element.elementor-element-dc4c22b .elementor-button:focus svg{fill:var( --e-global-color-a4730ef );}.elementor-239 .elementor-element.elementor-element-dc4c22b .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );}@media(min-width:768px){.elementor-239 .elementor-element.elementor-element-e66f5b0{width:50%;}.elementor-239 .elementor-element.elementor-element-39ce347{width:50%;}}/* Start custom CSS for html, class: .elementor-element-e934262 */.macbook {
  padding: 4% 6%;
  margin: 0 auto;
  max-width: 800px;
}

.screen {
  background: #000;
  border-radius: 3% 3% 0.5% 0.5% / 5%;
  margin: 0 auto;
  position: relative;
  width: 80%;
}

.screen:before {
  border: 2px solid #cacacc;
  border-radius: 3% 3% 0.5% 0.5% / 5%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.8) inset, 0 0 1px 2px rgba(255, 255, 255, 0.3) inset;
  content: "";
  display: block;
  /* for aspect ratio ~67:100 */
  padding-top: 67%;
}

.screen:after {
  content: "";
  border-top: 2px solid rgba(255, 255, 255, 0.15);
  position: absolute;
  bottom: 0.75%;
  left: 0.5%;
  padding-top: 1%;
  width: 99%;
}

.viewport {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: 4.3% 3.2%;
  background: #333;
}

.base {
  /* for aspect ratio */
  position: relative;
  width: 100%;
}

.base:before {
  content: "";
  display: block;
  /* for aspect ratio ~33:1000*/
  padding-top: 3.3%;
  /* stylin */
  background: linear-gradient(#eaeced, #edeef0 55%, #fff 55%, #8a8b8f 56%, #999ba0 61%, #4B4B4F 84%, #262627 89%, rgba(0, 0, 0, .01) 98%);
  border-radius: 0 0 10% 10%/ 0 0 50% 50%;
}

.base::after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.8) 0.5%, rgba(0, 0, 0, 0.4) 3.3%, transparent 15%, rgba(255, 255, 255, 0.8) 50%, transparent 85%, rgba(0, 0, 0, 0.4) 96.7%, rgba(255, 255, 255, 0.8) 99.5%, rgba(0, 0, 0, 0.5) 100%);
  content: "";
  height: 53%;
  position: absolute;
  top: 0;
  width: 100%;
}

.notch {
  background: #ddd;
  border-radius: 0 0 7% 7% / 0 0 95% 95%;
  box-shadow: -5px -1px 3px rgba(0, 0, 0, 0.2) inset, 5px -1px 3px rgba(0, 0, 0, 0.2) inset;
  margin-left: auto;
  margin-right: auto;
  margin-top: -3.5%;
  z-index: 2;
  /* for aspect ratio */
  position: relative;
  width: 14%;
}

.notch:before {
  content: "";
  display: block;
  /* for aspect ratio ~1:10 */
  padding-top: 10%;
}


/* Screenshot Hover Scroll Additions
-------------------------------------------------------------- */

.macbook .viewport {
  transition: background-position 3s ease;
  background-position: 0 0;
  background-size: 100% auto;
  overflow: hidden;
  cursor: pointer;
}

.macbook:hover .viewport {
  background-position: 0 100%;
}

.macbook .viewport:after {
  background: radial-gradient(circle at right bottom, transparent 75%, rgba(255, 255, 255, 0.05) 75%, transparent);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}/* End custom CSS */