.elementor-2268 .elementor-element.elementor-element-b086547{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-2268 .elementor-element.elementor-element-b086547:not(.elementor-motion-effects-element-type-background), .elementor-2268 .elementor-element.elementor-element-b086547 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2268 .elementor-element.elementor-element-008a7ba{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;}.elementor-2268 .elementor-element.elementor-element-008a7ba .elementskit-section-title-wraper .elementskit-section-title{color:#FFFBF1;font-family:"Space Grotesk", Sans-serif;font-size:35px;font-weight:500;}.elementor-2268 .elementor-element.elementor-element-008a7ba .elementskit-section-title-wraper .elementskit-section-title > span{color:#FF5D39;}.elementor-2268 .elementor-element.elementor-element-008a7ba .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#FFFBF1;}.elementor-2268 .elementor-element.elementor-element-008a7ba .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-2268 .elementor-element.elementor-element-008a7ba .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Space Grotesk", Sans-serif;font-weight:500;}@media(max-width:1024px){.elementor-2268 .elementor-element.elementor-element-b086547{--padding-top:50px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-2268 .elementor-element.elementor-element-b086547{--padding-top:30px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2268 .elementor-element.elementor-element-008a7ba .elementskit-section-title-wraper .elementskit-section-title{font-size:25px;}}/* Start custom CSS for html, class: .elementor-element-b59fde0 */@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&display=swap');

body {
  text-align: center;
  font-family: 'Space Grotesk', sans-serif;
  
  --primary: #FFFBF1;
  --secondary: #FF5D39;
  --accent: #F2CC8F;
  --text: #3D405B;
}

.text {
  font-size: 100px;
}

.text .text-inner {
  color: var(--primary);
  text-decoration: none;
  border-bottom: 2px solid;
}

.text:hover .text-inner {
  color: var(--secondary);
}

.text .text-inner .text-left {
  margin-right: -75px;
  transition-duration: 0.5s;
}

.text .text-inner .text-right {
  margin-left: -75px;
  transition-duration: 0.5s;
}

.text:hover .text-inner .text-left {
  margin-right: 0;
  transition-duration: 1s;
}

.text:hover .text-inner .text-right {
  margin-left: 0;
  transition-duration: 1s;
}

.text .text-inner i {
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.8s;
}

.text:hover .text-inner i {
  opacity: 1;
  visibility: visible;
  transition-duration: 1s;
}

@media only screen and (max-width: 767px) {
  .text {
    font-size: 50px;
  }

  .text .text-inner .text-left {
    margin-right: -35px;
    transition-duration: 0.5s;
  }

  .text .text-inner .text-right {
    margin-left: -35px;
    transition-duration: 0.5s;
  }
}/* End custom CSS */