#hero {
  color: var(--color-secondary);
  background-color: var(--color-primary);
}
@media (max-width: 1279px) {
  #hero .container {
    padding-top: 57px;
  }
}
@media (min-width: 1280px) {
  #hero {
    min-height: 568px;
  }
  #hero .container {
    padding-top: 103px;
  }
}
#logo_smart {
  margin: 0 auto;
  display: block;
  width: 183px;
  height: 45px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAW4AAABaCAMAAACv4EyyAAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAEnRSTlMAv4DfYCCfQBDPcKDvMI+vkFB/aO27AAADZUlEQVR42u3d227qMBCF4YkdJ44bju//sPtikwwi6UrSAeGR1n9Lp8Vfh4CgUqW5f6ok7DVyw8jtO3KjyO07cqPI7bsHdwyrRb11dxdyb3I3R27FteQmdyWRG0Zu15EbRm7XkRtGbteRG0Zu15EbRm7XkRtGbteRG0Zu15EbRm7XkRtGbteRG0Zu132X+9pttfwuNzwgmnXiJsvSNHVOO49yLn0t3PG+USuLAp6Q900EWVTGx1CTDhwldukI95i+xF2kKu58eYyM5eBRYjnAfY/pK9xBquK+6Wof35ywixt4f5w7SE3c+ayr/ZfrYtnmPt+Rt5371q4UZm3A3XS/ZJiA3P3kOSSwOaVdFKYrct7klh/gbeBGpThpI+5WQOYJ5dbV1iUA3AmcKCy57d7KbdWuiFtX+yTHuaX/Pwu5sbedG2v/SD3ci9UG3OhGwA28P8mdZ+16uMFqG7jt3nbuPPyfvUg13GC1LdxWbzu3ag+5Gu4TWO2D3CPgBt6f476oNqIANe+cCE+j1yy47afKDnAD749xd48fkaUS7tMwnboXEOTWN1r6dW7sPWQ7N9ZOUgn3ZW3HMHcfXjt3431ebuU2etu5w3y0WrhDGZfemDtNI4tiAtzY28qNtevhlhSXL0swt6Rm/cdkAdwGb+W2aeOvvParnd40MROH2Svt4taR54ZWBHNjbzs31q7mhaC+EoztTu6nx8QYYxwupQef1xi9MTfWHk9SHbfk+dhd3sOt8/orAtygAXhbuMusXSG3SDsveNrJrQvepb9z56W3nVsnblIn99PTX9jB/bLgPeC2emNuPNBKrdyKpwu+xa3vbJ0z4D7obec+zdoVc+vVYSyYW8tXXfAFt8HbxH0ap4vcWr9SdO0vGSYAt+Lp5Rhwv170A+De7d2/gTuNd1Sq56NhxYs95tbSzzSSMDf2tnPrY9QNt+LdA+IGCw64gbedW7UdcYsUfcYE3GDBlXt/vZlbtX1xP93jArnXF/y73LmJWyVZVCJM3jdRZKUwjYUszzXT/V2WLo+RxsbNPzg+GLlx5HYduWHkdh25YeR2Hblh5HYduWHkdh25YeR2Hblh5HYduWHkdh25YeR2Hblh5HYduWEf4h76A5UHaOnXOpOb/2KuksiNIrfvyI0it+/IjSK36/4BQUBxIedxZgUAAAAASUVORK5CYII=);
  background-size: 183px 45px;
}
#hero_reasons .reason {
  display: inline-block;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  padding: 10px 20px 10px 44px;
  letter-spacing: -1px;
}
#hero_reasons .reason:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAP1BMVEUAAAD/WEH/WED/WEH/WEL/WEH/UED/WEL/WEH/WUH/YED/V0H/WEH/WEH/WUH/WUL/WED/WUL/V0D/WkX/WEFYw9NdAAAAFHRSTlMA3yC/QKAQkGDPEM+AUO+vMHBwMNaW+fAAAAG5SURBVEjH3ZZbdsMgDESRDMLPNGnZ/1obcNwxliHm9Kudn5yIXEBoIDIlWU8hTI5Nm8SHl5y0cEzhR8StHMg2jqyYnq6R8mWfWgi5jW6dI0kK1KMLkNvCLkBdX84LHMhqvnxT3DWS1nCXNOdjfo0OIWrKx/oY82Kq4rR2nmeH/dXk4wntA2OciqsMficGuj+/D+aC6LCAxRaUVEr2P4K8yB5cDj4FqN3Y7UHi3N++BLpdqWb4NXE13/SZzRxIqXJp+ON4V6aYtK9yxsMrIGNeXOXSMG4ZSE4fJDVz0tHplJYckPuJZmw0rzoZXBRsL3tQ5vPLdQL6MAnSISmA9HIfBDOghKqyg/HqcD6ekcfmDHda2RjX5Ri3TXi46zhx4DMD8C0RjI2eGcCMgyJtdFXMvitwVDL5ZyTPSgiTg5zzkiCk4sSVizykDSl14JIWgJjrxm1vDh6aP/g8VkDGGSqpw77rv6+3SsZWW/DvQadS6pPr+G2Dp33/6gy6pMPa8xqlAH9DTC3tSnuDNIGD+uaWDLrbqF0TKImjJYZZLradvRFL7Q3rL1pknEeDRr9xXkyb2D09Qd6Wxr8B948z8SrJLPsAAAAASUVORK5CYII=);
  background-size: 28px 28px;
  content: ' ';
  position: absolute;
  top: 10px;
  left: 0;
  height: 28px;
  width: 28px;
}
#hero_title {
  margin: 34px 0 0 0;
  line-height: 60px;
}
#hero_title strong {
  position: relative;
  z-index: 1;
  white-space: pre;
}
#hero_title strong:before {
  position: absolute;
  content: ' ';
  z-index: -1;
  background-image: url('data:image/svg+xml,<svg width="451" height="23" viewBox="0 0 451 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M404.424 6.87783C246.325 1.42733 158.108 0.401598 2.00001 4.52414C177.208 2.92248 275.13 5.64123 449 16.2926C291.057 8.35638 202.636 6.69923 45.338 12.7621C173.681 10.6235 244 11.5737 363.562 21" stroke="%23FF5841" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 25px;
}
@media (max-width: 1279px) {
  #hero {
    background-image: none !important;
    padding-bottom: 40px;
  }
  #hero_title {
    margin: 20px 0;
    line-height: 40px;
    font-size: 32px;
  }
  #hero_description {
    margin: 11px 0 12px 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
  }
  #hero_reasons {
    margin: 17px auto 0 auto;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: -0.7px;
  }
}
@media (min-width: 1280px) {
  #hero {
    background-repeat: no-repeat;
    background-position: 50dvw bottom;
    background-size: 963px;
    min-height: 614px;
    text-align: center;
  }
  #hero_title {
    font-size: 50px;
    width: 750px;
    margin: 33px auto 0 auto;
  }
  #hero_description {
    width: 650px;
    margin: 11px auto 12px auto;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
  }
  #hero_reasons {
    width: 655px;
    margin: 43px auto 12px auto;
  }
}
