Back to Navbar

Basic Navbar

<header id="ui-header-01" class="ui-header-01" role="banner">
    <div class="ui-header-01-container ui-container">
      <a href="#" class="ui-header-01-logo" aria-label="Homepage">
        <svg width="215" height="109" viewBox="0 0 415 109" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fill-rule="evenodd" clip-rule="evenodd" d="M63.5789 23.2584C59.8362 23.2584 56.1302 23.9936 52.6724 25.4219C49.2147 26.8502 46.0728 28.9436 43.4264 31.5828C40.7799 34.2219 38.6806 37.355 37.2483 40.8032C35.9745 43.8699 35.2505 47.1324 35.1059 50.4423C35.0728 51.1999 34.65 51.8934 33.9713 52.2317L24.7865 56.8115C24.1078 57.1499 23.6728 57.8433 23.7059 58.6009C23.8505 61.9108 24.5745 65.1733 25.8483 68.24C27.2806 71.6882 29.3799 74.8213 32.0264 77.4604C34.6728 80.0996 37.8147 82.193 41.2724 83.6213C44.7302 85.0496 48.4362 85.7848 52.1789 85.7848C55.9216 85.7848 59.6276 85.0496 63.0854 83.6213C66.5432 82.193 69.685 80.0996 72.3314 77.4604C74.9779 74.8213 77.0772 71.6882 78.5095 68.24C79.7833 65.1733 80.5073 61.9108 80.6519 58.6009C80.685 57.8433 81.1078 57.1499 81.7865 56.8115L90.9713 52.2317C91.65 51.8934 92.085 51.1999 92.0519 50.4423C91.9073 47.1324 91.1833 43.8699 89.9095 40.8032C88.4772 37.355 86.3779 34.2219 83.7314 31.5828C81.085 28.9436 77.9432 26.8502 74.4854 25.4219C71.0276 23.9936 67.3216 23.2584 63.5789 23.2584ZM76.7442 46.2414C77.3017 47.5836 77.6486 49.0009 77.7749 50.4435C77.841 51.1989 77.4 51.8934 76.7213 52.2317L67.5365 56.8115C66.8578 57.1499 66.441 57.8443 66.3749 58.5997C66.2486 60.0423 65.9017 61.4596 65.3442 62.8018C64.6281 64.5259 63.5784 66.0925 62.2552 67.4121C60.9319 68.7316 59.361 69.7784 57.6321 70.4925C55.9033 71.2067 54.0502 71.5742 52.1789 71.5742C50.3076 71.5742 48.4546 71.2067 46.7257 70.4925C44.9968 69.7784 43.4259 68.7316 42.1026 67.4121C40.7794 66.0925 39.7298 64.5259 39.0136 62.8018C38.4561 61.4596 38.1092 60.0423 37.9829 58.5997C37.9168 57.8443 38.3578 57.1499 39.0365 56.8115L48.2213 52.2317C48.9 51.8934 49.3168 51.1989 49.3829 50.4435C49.5092 49.0009 49.8561 47.5836 50.4136 46.2414C51.1297 44.5173 52.1794 42.9507 53.5026 41.6311C54.8259 40.3116 56.3968 39.2648 58.1257 38.5507C59.8546 37.8365 61.7076 37.469 63.5789 37.469C65.4502 37.469 67.3033 37.8365 69.0321 38.5507C70.761 39.2648 72.3319 40.3116 73.6552 41.6311C74.9784 42.9507 76.0281 44.5173 76.7442 46.2414Z" fill="#E22935"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M63.5789 0.521606C56.8421 0.521606 50.1712 1.84484 43.9472 4.41577C37.7232 6.98669 32.068 10.755 27.3043 15.5054C22.5407 20.2559 18.762 25.8955 16.1839 32.1022C13.7642 37.9276 12.4467 44.1456 12.2939 50.442C12.2755 51.2001 11.85 51.8934 11.1713 52.2317L1.98646 56.8115C1.3078 57.1499 0.875522 57.8431 0.893916 58.6012C1.04669 64.8976 2.36422 71.1156 4.78389 76.941C7.36195 83.1478 11.1407 88.7874 15.9043 93.5378C20.668 98.2882 26.3232 102.057 32.5473 104.627C38.7713 107.198 45.4421 108.522 52.1789 108.522C58.9157 108.522 65.5866 107.198 71.8106 104.627C78.0346 102.057 83.6898 98.2882 88.4535 93.5378C93.2171 88.7874 96.9959 83.1478 99.5739 76.941C101.994 71.1156 103.311 64.8976 103.464 58.6012C103.482 57.8431 103.908 57.1499 104.586 56.8115L113.771 52.2317C114.45 51.8934 114.882 51.2001 114.864 50.442C114.711 44.1456 113.394 37.9276 110.974 32.1022C108.396 25.8955 104.617 20.2559 99.8535 15.5054C95.0898 10.755 89.4346 6.9867 83.2106 4.41577C76.9866 1.84485 70.3157 0.521606 63.5789 0.521606ZM89.2081 58.6011C89.2336 57.8432 89.6578 57.1499 90.3365 56.8115L99.5213 52.2317C100.2 51.8934 100.634 51.2 100.608 50.4421C100.459 46.0122 99.5121 41.6416 97.8086 37.5404C95.9467 33.0577 93.2176 28.9846 89.7772 25.5538C86.3368 22.1229 82.2524 19.4014 77.7573 17.5446C73.2622 15.6878 68.4444 14.7321 63.5789 14.7321C58.7134 14.7321 53.8956 15.6878 49.4005 17.5446C44.9054 19.4014 40.821 22.1229 37.3806 25.5538C33.9402 28.9846 31.2111 33.0577 29.3492 37.5404C27.6457 41.6416 26.6985 46.0122 26.5497 50.4421C26.5242 51.2 26.1 51.8934 25.4213 52.2317L16.2365 56.8115C15.5578 57.1499 15.1242 57.8432 15.1497 58.6011C15.2985 63.031 16.2457 67.4016 17.9492 71.5029C19.8111 75.9855 22.5402 80.0586 25.9806 83.4894C29.421 86.9203 33.5054 89.6418 38.0005 91.4986C42.4956 93.3554 47.3134 94.3111 52.1789 94.3111C57.0444 94.3111 61.8622 93.3554 66.3573 91.4986C70.8524 89.6418 74.9368 86.9203 78.3772 83.4894C81.8176 80.0586 84.5467 75.9855 86.4087 71.5029C88.1122 67.4016 89.0593 63.031 89.2081 58.6011Z" fill="#E22935"></path>
          <path d="M266.742 17.3497C265.223 17.3497 263.939 16.8247 262.889 15.7747C261.839 14.7247 261.314 13.4497 261.314 11.9497C261.314 10.4122 261.839 9.12786 262.889 8.09661C263.939 7.04661 265.223 6.52161 266.742 6.52161C268.261 6.52161 269.536 7.04661 270.567 8.09661C271.617 9.12786 272.142 10.4122 272.142 11.9497C272.142 13.4497 271.617 14.7247 270.567 15.7747C269.536 16.8247 268.261 17.3497 266.742 17.3497Z" fill="#370808"></path>
          <path d="M262.27 51.0716V20.8091H271.158V51.0716H262.27Z" fill="#370808"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M276.172 59.9759V20.8091H284.609V23.8185H284.719C285.251 23.2948 285.824 22.8167 286.437 22.3841C288.425 20.9966 290.712 20.3029 293.3 20.3029C295.569 20.3029 297.734 20.8935 299.797 22.0747C301.878 23.256 303.565 25.0091 304.859 27.3341C306.153 29.6591 306.781 32.556 306.744 36.0247C306.762 38.6497 306.397 40.9372 305.647 42.8872C304.897 44.8185 303.884 46.4216 302.609 47.6966C301.334 48.9716 299.909 49.9279 298.334 50.5654C296.759 51.2029 295.165 51.5216 293.553 51.5216C291.003 51.5216 288.715 50.8091 286.69 49.3841C286.181 49.0207 285.698 48.6269 285.241 48.2029H285.059V54.8973L276.172 59.9759ZM291.472 44.0966C292.784 44.0779 293.937 43.731 294.931 43.056C295.925 42.381 296.703 41.4247 297.265 40.1872C297.828 38.9497 298.1 37.506 298.081 35.856C298.1 34.1685 297.819 32.7247 297.237 31.5247C296.675 30.306 295.878 29.3779 294.847 28.7404C293.815 28.0841 292.634 27.7654 291.303 27.7841C290.047 27.7654 288.922 28.0747 287.928 28.7122C286.934 29.3497 286.147 30.2779 285.565 31.4966C284.984 32.6966 284.694 34.1497 284.694 35.856C284.694 37.506 284.984 38.9497 285.565 40.1872C286.165 41.4247 286.972 42.381 287.984 43.056C288.997 43.731 290.159 44.0779 291.472 44.0966Z" fill="#370808"></path>
          <path d="M320.476 51.5216C318.676 51.5216 316.951 51.2122 315.301 50.5934C313.67 49.9747 312.226 49.1028 310.97 47.9778C309.714 46.8341 308.767 45.5028 308.13 43.9841L315.105 40.9184C315.573 41.7997 316.276 42.6341 317.214 43.4216C318.151 44.2091 319.258 44.6028 320.533 44.6028C321.208 44.6028 321.798 44.4903 322.305 44.2653C322.811 44.0216 323.205 43.7122 323.486 43.3372C323.786 42.9622 323.936 42.5591 323.936 42.1278C323.936 41.5841 323.72 41.1153 323.289 40.7216C322.858 40.3278 322.305 39.9903 321.63 39.7091C320.955 39.4278 320.242 39.1841 319.492 38.9778C318.761 38.7716 318.086 38.5841 317.467 38.4153C316.042 37.9841 314.692 37.3934 313.417 36.6434C312.161 35.8747 311.139 34.8997 310.351 33.7184C309.564 32.5372 309.17 31.1028 309.17 29.4153C309.17 27.6341 309.63 26.0684 310.548 24.7184C311.486 23.3497 312.751 22.2809 314.345 21.5122C315.958 20.7434 317.795 20.3591 319.858 20.3591C322.426 20.3591 324.733 20.9497 326.776 22.1309C328.839 23.3122 330.301 24.8778 331.164 26.8278L324.33 29.7809C323.973 29.1809 323.448 28.5997 322.755 28.0372C322.08 27.4747 321.217 27.1934 320.167 27.1934C319.286 27.1934 318.555 27.4184 317.973 27.8684C317.392 28.3184 317.101 28.8809 317.101 29.5559C317.101 30.2309 317.392 30.7747 317.973 31.1872C318.555 31.5997 319.295 31.9559 320.195 32.2559C321.095 32.5559 322.033 32.8466 323.008 33.1278C323.758 33.3341 324.63 33.6341 325.623 34.0278C326.617 34.4028 327.583 34.9184 328.52 35.5747C329.476 36.2309 330.264 37.0747 330.883 38.1059C331.52 39.1372 331.839 40.4028 331.839 41.9028C331.839 43.7966 331.314 45.4747 330.264 46.9372C329.233 48.3809 327.855 49.5059 326.13 50.3122C324.423 51.1184 322.539 51.5216 320.476 51.5216Z" fill="#370808"></path>
          <path d="M367.967 51.0716V20.8091H376.433V24.6622H376.588C377.249 23.7415 377.994 22.9634 378.823 22.3278C380.511 21.0153 382.508 20.3591 384.814 20.3591C386.727 20.3591 388.348 20.8278 389.68 21.7653C390.707 22.4642 391.544 23.4017 392.191 24.5778H392.35C393.308 23.3563 394.472 22.4001 395.839 21.7091C397.62 20.8091 399.561 20.3591 401.661 20.3591C403.667 20.3591 405.317 20.7153 406.611 21.4278C407.905 22.1216 408.917 23.0403 409.648 24.1841C410.38 25.3091 410.895 26.5466 411.195 27.8966C411.495 29.2278 411.645 30.5216 411.645 31.7778V51.0716H402.702V32.8747C402.702 31.2247 402.355 29.9591 401.661 29.0778C400.986 28.1778 399.992 27.7278 398.68 27.7278C397.817 27.7278 397.048 27.9247 396.373 28.3184C395.717 28.6934 395.192 29.2653 394.798 30.0341C394.423 30.8028 394.236 31.7497 394.236 32.8747V51.0716H385.348V32.8747C385.348 31.2247 385.002 29.9591 384.308 29.0778C383.614 28.1778 382.611 27.7278 381.298 27.7278C380.023 27.7278 378.964 28.1684 378.12 29.0497C377.277 29.9122 376.855 31.2059 376.855 32.9309V51.0716H367.967Z" fill="#370808"></path>
          <path d="M340.537 50.1997C342.244 51.081 344.137 51.5216 346.219 51.5216C348.675 51.5216 350.85 50.9216 352.744 49.7216C353.702 49.1049 354.574 48.4017 355.359 47.6122H355.585C355.853 48.2274 356.246 48.7711 356.766 49.2435C357.797 50.181 359.428 50.9403 361.659 51.5216L364.809 44.0966C363.834 43.7403 363.187 43.3185 362.869 42.831C362.55 42.3435 362.391 41.556 362.391 40.4685V20.8091H353.503V38.6403C353.503 39.7466 353.287 40.7028 352.856 41.5091C352.444 42.2966 351.862 42.906 351.112 43.3372C350.381 43.7685 349.528 43.9841 348.553 43.9841C347.241 43.9841 346.125 43.5341 345.206 42.6341C344.306 41.7153 343.856 40.3841 343.856 38.6403V20.8091H334.969V39.8216C334.969 42.3716 335.466 44.5185 336.459 46.2622C337.472 47.9872 338.831 49.2997 340.537 50.1997Z" fill="#370808"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M243.025 51.5216C240.118 51.5216 237.465 50.8559 235.065 49.5247C232.684 48.1934 230.781 46.3559 229.356 44.0122C227.95 41.6684 227.247 38.9684 227.247 35.9122C227.247 32.8559 227.95 30.1559 229.356 27.8122C230.781 25.4684 232.684 23.6403 235.065 22.3278C237.465 21.0153 240.118 20.3591 243.025 20.3591C245.987 20.3591 248.659 21.0153 251.04 22.3278C253.422 23.6403 255.306 25.4684 256.693 27.8122C258.1 30.1559 258.803 32.8559 258.803 35.9122C258.803 38.9684 258.1 41.6684 256.693 44.0122C255.306 46.3559 253.412 48.1934 251.012 49.5247C248.631 50.8559 245.968 51.5216 243.025 51.5216ZM243.025 43.9278C244.412 43.9278 245.659 43.5903 246.765 42.9153C247.872 42.2403 248.743 41.3028 249.381 40.1028C250.018 38.9028 250.337 37.5059 250.337 35.9122C250.337 34.3747 250.028 33.0059 249.409 31.8059C248.79 30.6059 247.937 29.6684 246.85 28.9934C245.762 28.2997 244.506 27.9528 243.081 27.9528C241.675 27.9528 240.409 28.2903 239.284 28.9653C238.178 29.6216 237.306 30.5497 236.668 31.7497C236.031 32.9497 235.712 34.3372 235.712 35.9122C235.712 37.5059 236.031 38.9028 236.668 40.1028C237.325 41.3028 238.206 42.2403 239.312 42.9153C240.418 43.5903 241.656 43.9278 243.025 43.9278Z" fill="#370808"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M207.861 63.3341C205.348 63.3341 203.042 63.0247 200.942 62.406C198.861 61.806 197.22 61.1872 196.02 60.5497L198.945 53.5747C199.995 54.2122 201.214 54.756 202.601 55.206C204.007 55.6747 205.432 55.9091 206.876 55.9091C208.114 55.9091 209.398 55.7029 210.729 55.2904C212.061 54.8779 213.195 54.2216 214.132 53.3216C215.07 52.4404 215.539 51.2779 215.539 49.8341V46.9091H215.404C214.854 47.452 214.261 47.9489 213.626 48.3997C211.62 49.806 209.332 50.5091 206.764 50.5091C205.17 50.5091 203.586 50.2091 202.011 49.6091C200.436 48.9904 199.001 48.0622 197.707 46.8247C196.432 45.5685 195.411 44.0029 194.642 42.1279C193.873 40.2529 193.489 38.0497 193.489 35.5185C193.489 32.1435 194.145 29.3404 195.457 27.1091C196.789 24.8591 198.495 23.1716 200.576 22.0466C202.657 20.9029 204.823 20.331 207.073 20.331C209.679 20.331 211.957 20.9966 213.907 22.3279C214.533 22.7511 215.115 23.2199 215.652 23.7341H215.82V20.781H223.892V49.3279C223.892 51.6341 223.498 53.6591 222.711 55.4029C221.923 57.1466 220.807 58.6091 219.364 59.7904C217.939 60.9716 216.251 61.8529 214.301 62.4341C212.351 63.0341 210.204 63.3341 207.861 63.3341ZM208.957 43.281C210.307 43.281 211.498 42.9435 212.529 42.2685C213.561 41.5935 214.376 40.656 214.976 39.456C215.576 38.2372 215.876 36.831 215.876 35.2372C215.876 33.6247 215.586 32.2466 215.004 31.1029C214.423 29.9404 213.626 29.0497 212.614 28.431C211.601 27.8122 210.429 27.5029 209.098 27.5029C207.767 27.5029 206.576 27.8216 205.526 28.4591C204.476 29.0779 203.651 29.9685 203.051 31.131C202.47 32.2935 202.179 33.6622 202.179 35.2372C202.179 36.8122 202.47 38.2091 203.051 39.4279C203.632 40.6279 204.429 41.5747 205.442 42.2685C206.454 42.9435 207.626 43.281 208.957 43.281Z" fill="#370808"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M175.453 51.5216C172.546 51.5216 169.893 50.8559 167.493 49.5247C165.112 48.1934 163.209 46.3559 161.784 44.0122C160.378 41.6684 159.675 38.9684 159.675 35.9122C159.675 32.8559 160.378 30.1559 161.784 27.8122C163.209 25.4684 165.112 23.6403 167.493 22.3278C169.893 21.0153 172.546 20.3591 175.453 20.3591C178.415 20.3591 181.087 21.0153 183.468 22.3278C185.85 23.6403 187.734 25.4684 189.121 27.8122C190.528 30.1559 191.231 32.8559 191.231 35.9122C191.231 38.9684 190.528 41.6684 189.121 44.0122C187.734 46.3559 185.84 48.1934 183.44 49.5247C181.059 50.8559 178.396 51.5216 175.453 51.5216ZM175.453 43.9278C176.84 43.9278 178.087 43.5903 179.193 42.9153C180.3 42.2403 181.171 41.3028 181.809 40.1028C182.446 38.9028 182.765 37.5059 182.765 35.9122C182.765 34.3747 182.456 33.0059 181.837 31.8059C181.218 30.6059 180.365 29.6684 179.278 28.9934C178.19 28.2997 176.934 27.9528 175.509 27.9528C174.103 27.9528 172.837 28.2903 171.712 28.9653C170.606 29.6216 169.734 30.5497 169.096 31.7497C168.459 32.9497 168.14 34.3372 168.14 35.9122C168.14 37.5059 168.459 38.9028 169.096 40.1028C169.753 41.3028 170.634 42.2403 171.74 42.9153C172.846 43.5903 174.084 43.9278 175.453 43.9278Z" fill="#370808"></path>
          <path d="M135.648 51.0716V9.61536H144.873V42.8591H159.807V51.0716H135.648Z" fill="#370808"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M276.184 65.9691V74.2841H275.931C275.564 73.9649 275.18 73.6649 274.777 73.3841C272.809 71.9966 270.54 71.3029 267.971 71.3029C265.702 71.3029 263.527 71.8935 261.446 73.0747C259.365 74.256 257.677 76.0091 256.384 78.3341C255.09 80.6591 254.471 83.556 254.527 87.0247C254.49 89.6497 254.846 91.9372 255.596 93.8872C256.346 95.8185 257.359 97.4216 258.634 98.6966C259.909 99.9716 261.334 100.928 262.909 101.565C264.484 102.203 266.077 102.522 267.69 102.522C270.24 102.522 272.527 101.809 274.552 100.384C275.567 99.6605 276.476 98.8167 277.279 97.8529H277.556C277.767 98.396 278.087 98.9116 278.518 99.3997C279.099 100.018 279.868 100.59 280.824 101.115C281.799 101.622 282.981 102.09 284.368 102.522L287.49 95.0966C286.627 94.7779 286.009 94.3935 285.634 93.9435C285.259 93.4935 285.071 92.7154 285.071 91.6091V60.8905L276.184 65.9691ZM273.259 94.056C272.246 94.731 271.084 95.0779 269.771 95.0966C268.477 95.0779 267.324 94.731 266.312 94.056C265.299 93.381 264.512 92.4247 263.949 91.1872C263.406 89.9497 263.143 88.506 263.162 86.856C263.143 85.1685 263.424 83.7247 264.006 82.5247C264.587 81.306 265.384 80.3779 266.396 79.7404C267.427 79.0841 268.609 78.7654 269.94 78.7841C271.196 78.7654 272.321 79.0747 273.315 79.7122C274.309 80.3497 275.096 81.2779 275.677 82.4966C276.259 83.6966 276.559 85.1497 276.577 86.856C276.559 88.506 276.259 89.9497 275.677 91.1872C275.096 92.4247 274.29 93.381 273.259 94.056Z" fill="#AAAAAA"></path>
          <path d="M386.512 102.072V71.8091H395.119V75.7747H395.254C395.492 75.4164 395.757 75.0789 396.047 74.7622C397.097 73.6372 398.353 72.7935 399.816 72.231C401.278 71.6497 402.844 71.3591 404.512 71.3591C406.537 71.3591 408.281 71.8278 409.744 72.7653C411.206 73.7028 412.331 74.9872 413.119 76.6185C413.906 78.2497 414.3 80.1341 414.3 82.2716V102.072H405.412V84.2122C405.412 82.3935 404.981 81.0341 404.119 80.1341C403.256 79.2153 402.084 78.756 400.603 78.756C399.628 78.756 398.747 78.9716 397.959 79.4028C397.172 79.8153 396.544 80.4341 396.075 81.2591C395.625 82.0653 395.4 83.0778 395.4 84.2966V102.072H386.512Z" fill="#AAAAAA"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M368.244 102.522C365.337 102.522 362.684 101.856 360.284 100.525C357.903 99.1935 356 97.356 354.575 95.0122C353.169 92.6685 352.465 89.9685 352.465 86.9122C352.465 83.856 353.169 81.156 354.575 78.8122C356 76.4685 357.903 74.6403 360.284 73.3278C362.684 72.0153 365.337 71.3591 368.244 71.3591C371.206 71.3591 373.878 72.0153 376.259 73.3278C378.64 74.6403 380.525 76.4685 381.912 78.8122C383.319 81.156 384.022 83.856 384.022 86.9122C384.022 89.9685 383.319 92.6685 381.912 95.0122C380.525 97.356 378.631 99.1935 376.231 100.525C373.85 101.856 371.187 102.522 368.244 102.522ZM368.244 94.9278C369.631 94.9278 370.878 94.5903 371.984 93.9153C373.09 93.2403 373.962 92.3028 374.6 91.1028C375.237 89.9028 375.556 88.506 375.556 86.9122C375.556 85.3747 375.247 84.006 374.628 82.806C374.009 81.606 373.156 80.6685 372.069 79.9935C370.981 79.2997 369.725 78.9528 368.3 78.9528C366.894 78.9528 365.628 79.2903 364.503 79.9653C363.397 80.6216 362.525 81.5497 361.887 82.7497C361.25 83.9497 360.931 85.3372 360.931 86.9122C360.931 88.506 361.25 89.9028 361.887 91.1028C362.544 92.3028 363.425 93.2403 364.531 93.9153C365.637 94.5903 366.875 94.9278 368.244 94.9278Z" fill="#AAAAAA"></path>
          <path d="M340.975 102.072V71.8091H349.862V102.072H340.975Z" fill="#AAAAAA"></path>
          <path d="M341.593 66.7747C342.643 67.8247 343.928 68.3497 345.447 68.3497C346.965 68.3497 348.24 67.8247 349.272 66.7747C350.322 65.7247 350.847 64.4497 350.847 62.9497C350.847 61.4122 350.322 60.1279 349.272 59.0966C348.24 58.0466 346.965 57.5216 345.447 57.5216C343.928 57.5216 342.643 58.0466 341.593 59.0966C340.543 60.1279 340.018 61.4122 340.018 62.9497C340.018 64.4497 340.543 65.7247 341.593 66.7747Z" fill="#AAAAAA"></path>
          <path d="M324.646 99.4278C326.465 101.49 329.24 102.522 332.971 102.522C334.115 102.522 335.24 102.418 336.346 102.212C337.471 102.006 338.456 101.697 339.3 101.284L336.431 94.281C336.112 94.4497 335.746 94.5903 335.334 94.7028C334.921 94.8153 334.5 94.8716 334.068 94.8716C333.15 94.8716 332.371 94.5903 331.734 94.0278C331.115 93.4466 330.806 92.5091 330.806 91.2153V79.1778H337.809V71.8091H330.806V63.0903H321.918V71.8091H316.856V79.1778H321.918V91.4403C321.918 94.6841 322.828 97.3466 324.646 99.4278Z" fill="#AAAAAA"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M293.609 101.284C295.165 102.109 296.965 102.522 299.009 102.522C301.371 102.522 303.453 102.053 305.253 101.115C306.708 100.365 307.773 99.5307 308.448 98.6122H308.585C308.848 99.0622 309.199 99.5122 309.64 99.9622C310.521 100.862 311.834 101.603 313.578 102.184L314.618 102.522L317.74 95.0966L317.065 94.8716C316.409 94.6653 315.949 94.2997 315.687 93.7747C315.443 93.231 315.321 92.4435 315.321 91.4122V82.2997C315.321 81.2122 315.19 80.0403 314.928 78.7841C314.684 77.5091 314.159 76.3185 313.353 75.2122C312.546 74.0872 311.309 73.1685 309.64 72.456C307.971 71.7247 305.721 71.3591 302.89 71.3591C301.071 71.3591 299.365 71.5091 297.771 71.8091C296.196 72.0903 294.79 72.4466 293.553 72.8778C292.334 73.3091 291.349 73.7403 290.599 74.1716L293.553 80.8653C294.246 80.4153 295.071 80.0216 296.028 79.6841C296.984 79.3278 297.978 79.056 299.009 78.8685C300.04 78.6622 301.006 78.5591 301.906 78.5591C302.693 78.5591 303.396 78.6528 304.015 78.8403C304.634 79.0091 305.159 79.2622 305.59 79.5997C306.021 79.9372 306.34 80.3497 306.546 80.8372C306.771 81.306 306.884 81.831 306.884 82.4122V83.931H301.174C298.549 83.931 296.299 84.3341 294.424 85.1403C292.568 85.9466 291.143 87.0528 290.149 88.4591C289.174 89.8653 288.687 91.4778 288.687 93.2966C288.687 95.0216 289.118 96.5778 289.981 97.9653C290.862 99.3528 292.071 100.459 293.609 101.284ZM302.243 89.4997H307.306V91.3841C307.306 92.4903 306.949 93.3716 306.237 94.0278C305.543 94.6841 304.718 95.1528 303.762 95.4341C302.806 95.7153 301.971 95.856 301.259 95.856C300.49 95.856 299.796 95.7341 299.178 95.4903C298.578 95.2278 298.109 94.8716 297.771 94.4216C297.434 93.9528 297.265 93.3903 297.265 92.7341C297.265 91.6278 297.687 90.8122 298.531 90.2872C299.393 89.7622 300.631 89.4997 302.243 89.4997Z" fill="#AAAAAA"></path>
          <path d="M224.699 102.072V71.8091H233.305V75.7747H233.441C233.679 75.4164 233.943 75.0789 234.234 74.7622C235.284 73.6372 236.54 72.7935 238.002 72.231C239.465 71.6497 241.03 71.3591 242.699 71.3591C244.724 71.3591 246.468 71.8278 247.93 72.7653C249.393 73.7028 250.518 74.9872 251.305 76.6185C252.093 78.2497 252.487 80.1341 252.487 82.2716V102.072H243.599V84.2122C243.599 82.3935 243.168 81.0341 242.305 80.1341C241.443 79.2153 240.271 78.756 238.79 78.756C237.815 78.756 236.934 78.9716 236.146 79.4028C235.359 79.8153 234.73 80.4341 234.262 81.2591C233.812 82.0653 233.587 83.0778 233.587 84.2966V102.072H224.699Z" fill="#AAAAAA"></path>
          <path d="M203.787 102.522C201.705 102.522 199.812 102.081 198.105 101.2C196.399 100.3 195.04 98.9872 194.027 97.2622C193.033 95.5185 192.537 93.3716 192.537 90.8216V71.8091H201.424V89.6403C201.424 91.3841 201.874 92.7153 202.774 93.6341C203.693 94.5341 204.808 94.9841 206.121 94.9841C207.096 94.9841 207.949 94.7685 208.68 94.3372C209.43 93.906 210.012 93.2966 210.424 92.5091C210.855 91.7028 211.071 90.7466 211.071 89.6403V71.8091H219.958V91.4685C219.958 92.556 220.118 93.3435 220.437 93.831C220.755 94.3185 221.402 94.7403 222.377 95.0966L219.227 102.522C216.996 101.94 215.365 101.181 214.333 100.243C213.814 99.7711 213.42 99.2274 213.153 98.6122H212.927C212.142 99.4018 211.27 100.105 210.312 100.722C208.418 101.922 206.243 102.522 203.787 102.522Z" fill="#AAAAAA"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M174.465 102.522C171.558 102.522 168.905 101.856 166.505 100.525C164.124 99.1935 162.221 97.356 160.796 95.0122C159.39 92.6685 158.686 89.9685 158.686 86.9122C158.686 83.856 159.39 81.156 160.796 78.8122C162.221 76.4685 164.124 74.6403 166.505 73.3278C168.905 72.0153 171.558 71.3591 174.465 71.3591C177.427 71.3591 180.099 72.0153 182.48 73.3278C184.861 74.6403 186.746 76.4685 188.133 78.8122C189.54 81.156 190.243 83.856 190.243 86.9122C190.243 89.9685 189.54 92.6685 188.133 95.0122C186.746 97.356 184.852 99.1935 182.452 100.525C180.071 101.856 177.408 102.522 174.465 102.522ZM174.465 94.9278C175.852 94.9278 177.099 94.5903 178.205 93.9153C179.311 93.2403 180.183 92.3028 180.821 91.1028C181.458 89.9028 181.777 88.506 181.777 86.9122C181.777 85.3747 181.468 84.006 180.849 82.806C180.23 81.606 179.377 80.6685 178.29 79.9935C177.202 79.2997 175.946 78.9528 174.521 78.9528C173.115 78.9528 171.849 79.2903 170.724 79.9653C169.618 80.6216 168.746 81.5497 168.108 82.7497C167.471 83.9497 167.152 85.3372 167.152 86.9122C167.152 88.506 167.471 89.9028 168.108 91.1028C168.765 92.3028 169.646 93.2403 170.752 93.9153C171.858 94.5903 173.096 94.9278 174.465 94.9278Z" fill="#AAAAAA"></path>
          <path d="M135.58 102.072V60.6154H159.739V68.8279H144.805V78.3622H157.236V86.5747H144.805V102.072H135.58Z" fill="#AAAAAA"></path>
          <path d="M114.864 50.5216H100.609C100.603 51.2482 100.176 51.9052 99.5215 52.2318L90.3366 56.8115C89.6818 57.138 89.2638 57.795 89.2124 58.5216H103.467C103.513 57.7949 103.932 57.138 104.587 56.8115L113.772 52.2318C114.426 51.9053 114.852 51.2484 114.864 50.5216Z" fill="#FF6670"></path>
          <path d="M0.893799 58.5216H15.1489C15.1551 57.795 15.5818 57.138 16.2366 56.8115L25.4215 52.2318C26.0764 51.9052 26.4943 51.2482 26.5457 50.5216H12.2906C12.2455 51.2484 11.8263 51.9053 11.1715 52.2318L1.98662 56.8115C1.33179 57.138 0.906343 57.7949 0.893799 58.5216Z" fill="#FF6670"></path>
          <path d="M35.1012 50.5216C35.0431 51.248 34.6264 51.9052 33.9715 52.2318L24.7866 56.8115C24.1317 57.138 23.7037 57.7952 23.7043 58.5216H37.978C37.9477 57.7967 38.3814 57.1382 39.0366 56.8115L48.2215 52.2318C48.8767 51.9051 49.2878 51.2465 49.375 50.5216H35.1012Z" fill="#FF6670"></path>
          <path d="M77.7801 50.5216C77.8104 51.2465 77.3767 51.9051 76.7215 52.2318L67.5366 56.8115C66.8814 57.1382 66.4703 57.7967 66.3832 58.5216H80.657C80.7151 57.7952 81.1317 57.138 81.7866 56.8115L90.9715 52.2318C91.6264 51.9052 92.0544 51.248 92.0538 50.5216H77.7801Z" fill="#FF6670"></path>
          </svg>
        <!-- <img src="/assets/logo.svg" alt="Company Logo" /> -->
      </a>

      <nav class="ui-header-01-nav" aria-label="Main navigation">
        <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">Services</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </nav>

      <div class="ui-header-01-actions">
        <button
          class="ui-header-01-search-toggle"
          aria-label="Toggle search"
          aria-expanded="false"
        >
        <i class="fa fa-search" aria-hidden="true"></i>
        </button>
        <input
          type="search"
          class="ui-header-01-search-input"
          placeholder="Search..."
          aria-label="Search input"
        />
        <a href="#" class="ui-header-01-quote-btn">Get a Quote</a>
        <button
          class="ui-header-01-menu-toggle"
          aria-label="Open menu"
          aria-expanded="false"
        >
          ☰
        </button>
      </div>
    </div>
    <div class="ui-header-01-mobile-menu" hidden>
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
    </div>
  </header>
/* components/header/header-01/header-01.css */

#ui-header-01 {
  --header-bg: #ffffff;
  --header-text: #111827;
  --header-accent: #1d4ed8;
  --header-radius: 0.5rem;
}

#ui-header-01 .ui-header-01 {
  background: var(--header-bg);
  color: var(--header-text);
  border-bottom: 1px solid #e5e7eb;
}

#ui-header-01 .ui-header-01-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  gap: 2rem;
}

#ui-header-01 .ui-header-01-logo {
  flex-shrink: 0;
  margin-right: 1.5rem;
}

#ui-header-01 .ui-header-01-logo img {
  height: 40px;
}

#ui-header-01 .ui-header-01-nav {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
}

#ui-header-01 .ui-header-01-nav ul {
  display: flex;
  gap: var(--ui-spacing-4xl);
  list-style: none;
}

#ui-header-01 .ui-header-01-nav a {
  font-weight: 500;
  color: var(--header-text);
  transition: color 0.2s;
}

#ui-header-01 .ui-header-01-nav a:hover {
  color: var(--header-accent);
}

#ui-header-01 .ui-header-01-actions {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: var(--ui-spacing-xl);
}

#ui-header-01 .ui-header-01-search-toggle {
  background: none;
  border: none;
  font-size: 1.2rem;
  cursor: pointer;
}

#ui-header-01 .ui-header-01-search-input {
  display: none;
  padding: 0.25rem 0.5rem;
  border: 1px solid #ccc;
  border-radius: var(--header-radius);
}

#ui-header-01 .ui-header-01-quote-btn {
  background-color: var(--header-accent);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: var(--header-radius);
  text-decoration: none;
  font-weight: 600;
}

#ui-header-01 .ui-header-01-menu-toggle {
  background: none;
  border: none;
  font-size: 1.5rem;
  display: none;
  cursor: pointer;
}

/* Mobile menu */
#ui-header-01 .ui-header-01-mobile-menu {
  background-color: var(--header-bg);
  border-top: 1px solid #e5e7eb;
}

#ui-header-01 .ui-header-01-mobile-menu ul {
  list-style: none;
  padding: 1rem;
}

#ui-header-01 .ui-header-01-mobile-menu a {
  display: block;
  padding: 0.5rem 0;
  font-weight: 500;
  color: var(--header-text);
}

/* Responsive */
@media (max-width: 768px) {
 #ui-header-01 .ui-header-01-container {
    flex-direction: column;
  }
  #ui-header-01 .ui-header-01-nav {
    display: none;
  }

  #ui-header-01 .ui-header-01-menu-toggle {
    display: inline-block;
  }

  #ui-header-01 .ui-header-01-search-input {
    width: 100px;
  }
}

@media (max-width: 900px) {
  #ui-header-01 .ui-header-01-container {
    flex-direction: row;
    align-items: stretch;
    gap: 0.5rem;
  }
  #ui-header-01 .ui-header-01-nav {
    width: 100%;
    justify-content: flex-start;
    margin-top: 0.5rem;
  }
}

.ui-header-01-actions button i,
.ui-header-01-actions a i {
  font-size: 1.2rem;
  pointer-events: none;
}

.ui-header-01-dark-toggle {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.3rem;
  margin-right: 0.5rem;
  color: var(--ui-color-dark);
  transition: color 0.2s;
}

[data-theme="dark"] .ui-header-01-dark-toggle {
  color: var(--ui-color-light);
}

.ui-header-01-search-toggle,
.ui-header-01-menu-toggle {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.3rem;
  color: var(--ui-color-dark);
  transition: color 0.2s;
}

[data-theme="dark"] .ui-header-01-search-toggle,
[data-theme="dark"] .ui-header-01-menu-toggle {
  color: var(--ui-color-light);
}

/* Dropdown styles */
.ui-header-01-nav ul {
  display: flex;
  gap: var(--ui-spacing-lg);
  list-style: none;
}

.ui-header-01-dropdown {
  position: relative;
}

.ui-header-01-dropdown-toggle {
  background: none;
  border: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.3em;
  transition: color 0.2s;
}

.ui-header-01-dropdown-toggle i {
  transition: transform 0.2s;
}

.ui-header-01-dropdown-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 180px;
  background: var(--ui-color-white);
  color: var(--ui-color-dark);
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  border-radius: 0.4rem;
  z-index: 10;
  padding: 0.5rem 0;
}

[data-theme="dark"] .ui-header-01-dropdown-menu {
  background: var(--ui-color-bg-dark);
  color: var(--ui-color-light);
}

.ui-header-01-dropdown-menu li {
  padding: 0;
}

.ui-header-01-dropdown-menu a {
  display: block;
  padding: 0.7em 1.2em;
  color: inherit;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}

.ui-header-01-dropdown-menu a:hover,
.ui-header-01-dropdown-menu a:focus {
  background: var(--ui-color-primary);
  color: var(--ui-color-white);
}

.ui-header-01-dropdown:focus-within .ui-header-01-dropdown-menu,
.ui-header-01-dropdown:hover .ui-header-01-dropdown-menu {
  display: block;
}

.ui-header-01-dropdown:focus-within .ui-header-01-dropdown-toggle i,
.ui-header-01-dropdown:hover .ui-header-01-dropdown-toggle i {
  transform: rotate(180deg);
}

@media (max-width: 900px) {
  .ui-header-01-nav ul {
    flex-direction: column;
    gap: var(--ui-spacing-md);
  }
  .ui-header-01-dropdown-menu {
    position: static;
    min-width: 0;
    box-shadow: none;
  }
}
// components/header/header-01/header-01.js

document.addEventListener("DOMContentLoaded", () => {
  const header = document.getElementById("ui-header-01");
  if (!header) return;

  const searchToggle = header.querySelector(".ui-header-01-search-toggle");
  const searchInput = header.querySelector(".ui-header-01-search-input");
  const menuToggle = header.querySelector(".ui-header-01-menu-toggle");
  const mobileMenu = header.querySelector(".ui-header-01-mobile-menu");

  searchToggle.addEventListener("click", () => {
    const isVisible = searchInput.style.display === "inline-block";
    searchInput.style.display = isVisible ? "none" : "inline-block";
    searchToggle.setAttribute("aria-expanded", !isVisible);
    if (!isVisible) searchInput.focus();
  });

  menuToggle.addEventListener("click", () => {
    const isOpen = !mobileMenu.hasAttribute("hidden");
    mobileMenu.toggleAttribute("hidden");
    menuToggle.setAttribute("aria-expanded", !isOpen);
  });
});

                            /* uiplugins-root.css */
                            /* Updated: 2025-05-26 */
                            
                            /* ------------- */
                            /* CSS RESET     */
                            /* ------------- */
                            
                            /* Box sizing */
                            *, *::before, *::after {
                              box-sizing: border-box;
                            }
                            
                            /* Remove default margin */
                            * {
                              margin: 0;
                              padding: 0;
                            }
                            
                            /* Set up the body */
                            body {
                              line-height: 1.5;
                              -webkit-font-smoothing: antialiased;
                              font-family: var(--ui-font-family, system-ui, sans-serif);
                              background-color: #f9fafb;
                              color: #111827;
                            }
                            
                            /* Remove list styles on ul, ol elements with a class */
                            ul[class], ol[class] {
                              list-style: none;
                              padding: 0;
                            }
                            
                            /* Reset anchor */
                            a {
                              text-decoration: none;
                              color: inherit;
                            }
                            
                            /* Set core root defaults */
                            html:focus-within {
                              scroll-behavior: smooth;
                            }
                            
                            /* Improve media defaults */
                            img, picture, video, canvas, svg {
                              display: block;
                              max-width: 100%;
                              height: auto;
                            }
                            
                            /* Remove built-in form typography styles */
                            input, button, textarea, select {
                              font: inherit;
                            }
                            
                            /* Avoid text overflow */
                            p, h1, h2, h3, h4, h5, h6 {
                              overflow-wrap: break-word;
                            }
                            
                            /* Create a root stacking context */
                            #root, #__next {
                              isolation: isolate;
                            }
                            
                            /* ------------- */
                            /* DESIGN TOKENS */
                            /* ------------- */
                            :root {
                              --ui-font-family: 'Inter', sans-serif;
                            
                              /* Colors */
                              --ui-color-primary: #d8621d;
                              --ui-color-secondary: #9333ea;
                              --ui-color-dark: #111827;
                              --ui-color-light: #f3f4f6;
                              --ui-color-white: #ffffff;
                            
                              /* Typography */
                              --ui-font-size-base: 1rem;
                              --ui-font-size-sm: 0.875rem;
                              --ui-font-size-md: 1rem;
                              --ui-font-size-lg: 1.25rem;
                              --ui-font-size-xl: 1.5rem;
                              --ui-font-size-2xl: 2rem;
                              --ui-font-size-3xl: 2.5rem;
                              --ui-font-size-4xl: 3rem;
                              --ui-font-size-5xl: 3.5rem;
                              --ui-font-size-6xl: 4rem;
                              --ui-font-size-7xl: 4.5rem;
                              --ui-font-size-8xl: 5rem;
                            
                            
                              /* Font Weight */
                              --ui-font-weight-thin: 100;
                              --ui-font-weight-extralight: 200;
                              --ui-font-weight-light: 300;
                              --ui-font-weight-normal: 400;
                              --ui-font-weight-medium: 500;
                              --ui-font-weight-semibold: 600;
                              --ui-font-weight-bold: 700;
                              --ui-font-weight-extrabold: 800;
                              --ui-font-weight-black: 900;
                            
                              /* Spacing */
                              --ui-spacing-xs: 0.25rem;
                              --ui-spacing-sm: 0.5rem;
                              --ui-spacing-md: 1rem;
                              --ui-spacing-lg: 1.5rem;
                              --ui-spacing-xl: 2rem;
                              --ui-spacing-2xl: 3rem;
                              --ui-spacing-3xl: 4rem;
                              --ui-spacing-4xl: 5rem;
                              --ui-spacing-5xl: 6rem;
                              --ui-spacing-6xl: 7rem;
                              --ui-spacing-7xl: 8rem;
                              --ui-spacing-8xl: 9rem;
                              --ui-spacing-9xl: 10rem;
                              /* Layout */
                              --ui-max-width: 1200px;
                              --ui-max-width-lg: 1400px;
                              --ui-max-width-xl: 1600px;
                              --ui-max-width-2xl: 1800px;
                              --ui-max-width-3xl: 2000px;
                              --ui-max-width-4xl: 2200px;
                              --ui-max-width-5xl: 2400px;
                              --ui-max-width-6xl: 2600px;
                              --ui-max-width-7xl: 2800px;
                              --ui-max-width-8xl: 3000px;
                              --ui-max-width-9xl: 3200px;
                              /* Radius */
                              --ui-radius-base: 0.5rem;
                              --ui-radius-lg: 1rem;
                              --ui-radius-xl: 2rem;
                              --ui-radius-2xl: 3rem;
                              --ui-radius-3xl: 4rem;
                              --ui-radius-4xl: 5rem;
                              --ui-radius-5xl: 6rem;
                              --ui-radius-6xl: 7rem;
                              /* Line Height and Font Weight */
                              --ui-line-height-base: 1.5;
                              --ui-font-weight-normal: 400;
                              --ui-font-weight-bold: 700;
                              /* Transitions */
                              --ui-transition-fast: 150ms ease-in-out;
                              --ui-transition-medium: 300ms ease-in-out;
                              --ui-transition-slow: 500ms ease-in-out;
                              /* Z-index */
                              --ui-z-dropdown: 1000;
                              --ui-z-modal: 1050;
                              --ui-z-tooltip: 1100;
                              /* Shadows */
                              --ui-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
                              --ui-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
                            }
                            
                            [data-theme="dark"] {
                              --ui-color-light: #181f25;
                              --ui-color-dark: #f3f4f6;
                              --ui-color-white: #181f25;
                              --ui-color-primary: #d8621d;
                              --ui-color-secondary: #9333ea;
                              --ui-color-bg-dark: #181f25;
                              --ui-color-bg-darker: #11161a;
                              --ui-color-text-dark: #f3f4f6;
                            }
                            
                            
                            /* ------------- */
                            /* UTILITIES     */
                            /* ------------- */
                            
                            .ui-container {
                              max-width: var(--ui-max-width);
                              margin-left: auto;
                              margin-right: auto;
                              padding-left: var(--ui-spacing-md);
                              padding-right: var(--ui-spacing-md);
                            }
                            
                            /* Spacing utilities */
                            .ui-mb-1 { margin-bottom: var(--ui-spacing-xs); }
                            .ui-mb-2 { margin-bottom: var(--ui-spacing-sm); }
                            .ui-mb-3 { margin-bottom: var(--ui-spacing-md); }
                            .ui-mb-4 { margin-bottom: var(--ui-spacing-lg); }
                            
                            .ui-p-1 { padding: var(--ui-spacing-xs); }
                            .ui-p-2 { padding: var(--ui-spacing-sm); }
                            .ui-p-3 { padding: var(--ui-spacing-md); }
                            .ui-p-4 { padding: var(--ui-spacing-lg); }
                            
                            .ui-rounded { border-radius: var(--ui-radius-base); }
                            .ui-text-center { text-align: center; }
                            
                            /* Headings */
                            .ui-heading-xl {
                              font-size: var(--ui-font-size-2xl);
                              font-weight: 700;
                            }
                            
                            .ui-heading-lg {
                              font-size: var(--ui-font-size-xl);
                              font-weight: 600;
                            }
                            
                            .ui-heading-md {
                              font-size: var(--ui-font-size-lg);
                              font-weight: 500;
                            }
                            
                            /* Layout for test environment */
                            main {
                              padding: var(--ui-spacing-xl) 0;
                            }
                            
                            section h2 {
                              font-size: var(--ui-font-size-lg);
                              font-weight: 600;
                              margin-bottom: var(--ui-spacing-md);
                            }
                            
                            footer.ui-container {
                              text-align: center;
                              padding: var(--ui-spacing-xl) 0;
                            }