.elementor-1833 .elementor-element.elementor-element-dfb190e{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.42;}.elementor-1833 .elementor-element.elementor-element-dfb190e:not(.elementor-motion-effects-element-type-background), .elementor-1833 .elementor-element.elementor-element-dfb190e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1833 .elementor-element.elementor-element-dfb190e::before, .elementor-1833 .elementor-element.elementor-element-dfb190e > .elementor-background-video-container::before, .elementor-1833 .elementor-element.elementor-element-dfb190e > .e-con-inner > .elementor-background-video-container::before, .elementor-1833 .elementor-element.elementor-element-dfb190e > .elementor-background-slideshow::before, .elementor-1833 .elementor-element.elementor-element-dfb190e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1833 .elementor-element.elementor-element-dfb190e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1F1C1C;--background-overlay:'';}.elementor-1833 .elementor-element.elementor-element-f771263{text-align:center;}.elementor-1833 .elementor-element.elementor-element-f771263 .elementor-heading-title{font-size:52px;font-weight:700;color:var( --e-global-color-c4343e5 );}.elementor-1833 .elementor-element.elementor-element-baf43c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1833 .elementor-element.elementor-element-5424e6d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1833 .elementor-element.elementor-element-09d969c{--display:flex;}.elementor-1833 .elementor-element.elementor-element-d9a3743{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1833 .elementor-element.elementor-element-28c0347 .elementor-icon-list-icon{width:14px;}.elementor-1833 .elementor-element.elementor-element-28c0347 .elementor-icon-list-icon i{font-size:14px;}.elementor-1833 .elementor-element.elementor-element-28c0347 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-1833 .elementor-element.elementor-element-3a97359{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-1833 .elementor-element.elementor-element-4191e84{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-1833 .elementor-element.elementor-element-28ce1ce img{width:100%;height:450px;object-fit:cover;object-position:center center;}.elementor-1833 .elementor-element.elementor-element-19c74a6 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-1833 .elementor-element.elementor-element-6d5994f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1833 .elementor-element.elementor-element-4a95031{--display:flex;}.elementor-1833 .elementor-element.elementor-element-c9c98af{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1833 .elementor-element.elementor-element-480f6ef > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1833 .elementor-element.elementor-element-480f6ef .elementor-heading-title{font-family:"Archivo Black", Sans-serif;font-size:36px;font-weight:600;}.elementor-1833 .elementor-element.elementor-element-b94a587 .elementor-icon-list-icon{width:14px;}.elementor-1833 .elementor-element.elementor-element-b94a587 .elementor-icon-list-icon i{font-size:14px;}.elementor-1833 .elementor-element.elementor-element-b94a587 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-1833 .elementor-element.elementor-element-49e32b7{font-family:"Archivo", Sans-serif;font-size:22px;font-weight:400;}.elementor-1833 .elementor-element.elementor-element-7e2063f .elementor-button-content-wrapper{flex-direction:row;}.elementor-1833 .elementor-element.elementor-element-7e2063f .elementor-button .elementor-button-content-wrapper{gap:10px;}@media(max-width:1024px){ .elementor-1833 .elementor-element.elementor-element-3a97359{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){ .elementor-1833 .elementor-element.elementor-element-3a97359{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS for shortcode, class: .elementor-element-f89aedb */.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;
  /* for aspect ratio */
  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: center;
  background-size: cover;
  overflow: hidden;
  cursor: pointer;
}


.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 */
/* Start custom CSS for theme-post-content, class: .elementor-element-cc50e67 */.elementor-1833 .elementor-element.elementor-element-cc50e67 h3 {
    font-size: 24px;
}

.elementor-1833 .elementor-element.elementor-element-cc50e67 p {
    margin-bottom: 30px;
}/* End custom CSS */