.elementor-1388 .elementor-element.elementor-element-31381ce{--display:flex;--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:flex-start;--align-items:center;}.elementor-1388 .elementor-element.elementor-element-31381ce:not(.elementor-motion-effects-element-type-background), .elementor-1388 .elementor-element.elementor-element-31381ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#11224E;}.elementor-1388 .elementor-element.elementor-element-a7520ef > .elementor-widget-container{padding:0px 0px 5px 0px;}.elementor-1388 .elementor-element.elementor-element-a7520ef .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:78px;font-weight:400;text-transform:uppercase;color:#FF9510;}.elementor-1388 .elementor-element.elementor-element-d1585af > .elementor-widget-container{margin:6px 0px 6px 0px;padding:10px 0px 25px 0px;}.elementor-1388 .elementor-element.elementor-element-d1585af .elementor-heading-title{font-family:"Source Sans Pro", Sans-serif;font-size:22px;font-weight:500;line-height:1.45px;letter-spacing:0.2px;}.elementor-1388 .elementor-element.elementor-element-d6dc736{--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-1388 .elementor-element.elementor-element-b877d53{width:100%;max-width:100%;text-align:left;font-family:"Source Sans Pro", Sans-serif;font-weight:400;text-shadow:0px 0px 0px rgba(0,0,0,0.3);color:#11224E;}.elementor-1388 .elementor-element.elementor-element-b877d53 > .elementor-widget-container{background-color:#F1ECE6;padding:0px 0px 0px 0px;border-style:solid;border-width:5px 5px 5px 5px;border-color:#F1ECE6;border-radius:35px 35px 35px 35px;}.elementor-1388 .elementor-element.elementor-element-b877d53.elementor-element{--align-self:center;}.elementor-1388 .elementor-element.elementor-element-1fd032a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap:wrap;--align-content:flex-start;--overlay-opacity:0.5;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1388 .elementor-element.elementor-element-1fd032a::before, .elementor-1388 .elementor-element.elementor-element-1fd032a > .elementor-background-video-container::before, .elementor-1388 .elementor-element.elementor-element-1fd032a > .e-con-inner > .elementor-background-video-container::before, .elementor-1388 .elementor-element.elementor-element-1fd032a > .elementor-background-slideshow::before, .elementor-1388 .elementor-element.elementor-element-1fd032a > .e-con-inner > .elementor-background-slideshow::before, .elementor-1388 .elementor-element.elementor-element-1fd032a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F1ECE6;--background-overlay:'';}.elementor-1388 .elementor-element.elementor-element-1fd032a.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1388 .elementor-element.elementor-element-74b6659 .elementor-button:hover, .elementor-1388 .elementor-element.elementor-element-74b6659 .elementor-button:focus{background-color:#FF9510;color:#11224E;border-color:#FF9510;}.elementor-1388 .elementor-element.elementor-element-74b6659 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1388 .elementor-element.elementor-element-74b6659 .elementor-button{font-size:32px;font-weight:500;text-transform:uppercase;border-radius:999px 999px 999px 999px;padding:8px 16px 8px 16px;}.elementor-1388 .elementor-element.elementor-element-74b6659 .elementor-button:hover svg, .elementor-1388 .elementor-element.elementor-element-74b6659 .elementor-button:focus svg{fill:#11224E;}.elementor-1388 .elementor-element.elementor-element-05fcb52 .elementor-button:hover, .elementor-1388 .elementor-element.elementor-element-05fcb52 .elementor-button:focus{background-color:#FF9510;color:#11224E;border-color:#FF9510;}.elementor-1388 .elementor-element.elementor-element-05fcb52 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1388 .elementor-element.elementor-element-05fcb52 .elementor-button{font-size:32px;font-weight:500;text-transform:uppercase;border-radius:999px 999px 999px 999px;padding:8px 16px 8px 16px;}.elementor-1388 .elementor-element.elementor-element-05fcb52 .elementor-button:hover svg, .elementor-1388 .elementor-element.elementor-element-05fcb52 .elementor-button:focus svg{fill:#11224E;}.elementor-1388 .elementor-element.elementor-element-02a8386 .elementor-button:hover, .elementor-1388 .elementor-element.elementor-element-02a8386 .elementor-button:focus{background-color:#FF9510;color:#11224E;border-color:#FF9510;}.elementor-1388 .elementor-element.elementor-element-02a8386 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1388 .elementor-element.elementor-element-02a8386 .elementor-button{font-size:32px;font-weight:500;text-transform:uppercase;border-radius:999px 999px 999px 999px;padding:8px 16px 8px 16px;}.elementor-1388 .elementor-element.elementor-element-02a8386 .elementor-button:hover svg, .elementor-1388 .elementor-element.elementor-element-02a8386 .elementor-button:focus svg{fill:#11224E;}.elementor-1388 .elementor-element.elementor-element-f1db1f1 .elementor-button:hover, .elementor-1388 .elementor-element.elementor-element-f1db1f1 .elementor-button:focus{background-color:#FF9510;color:#11224E;border-color:#FF9510;}.elementor-1388 .elementor-element.elementor-element-f1db1f1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1388 .elementor-element.elementor-element-f1db1f1 .elementor-button{font-size:32px;font-weight:500;text-transform:uppercase;border-radius:999px 999px 999px 999px;padding:8px 16px 8px 16px;}.elementor-1388 .elementor-element.elementor-element-f1db1f1 .elementor-button:hover svg, .elementor-1388 .elementor-element.elementor-element-f1db1f1 .elementor-button:focus svg{fill:#11224E;}.elementor-1388 .elementor-element.elementor-element-9f43033 .elementor-button:hover, .elementor-1388 .elementor-element.elementor-element-9f43033 .elementor-button:focus{background-color:#FF9510;color:#11224E;border-color:#FF9510;}.elementor-1388 .elementor-element.elementor-element-9f43033 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1388 .elementor-element.elementor-element-9f43033 .elementor-button{font-size:32px;font-weight:500;text-transform:uppercase;border-radius:999px 999px 999px 999px;padding:8px 16px 8px 16px;}.elementor-1388 .elementor-element.elementor-element-9f43033 .elementor-button:hover svg, .elementor-1388 .elementor-element.elementor-element-9f43033 .elementor-button:focus svg{fill:#11224E;}.elementor-1388 .elementor-element.elementor-element-0cedcf0{--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-1388 .elementor-element.elementor-element-87208f6{width:100%;max-width:100%;text-align:center;font-family:"Source Sans Pro", Sans-serif;font-size:14px;}.elementor-1388 .elementor-element.elementor-element-87208f6 > .elementor-widget-container{border-style:none;border-radius:0px 0px 0px 0px;}@media(min-width:768px){.elementor-1388 .elementor-element.elementor-element-1fd032a{--width:46.199%;}}@media(max-width:1024px){.elementor-1388 .elementor-element.elementor-element-a7520ef .elementor-heading-title{font-size:58px;line-height:1.05em;}.elementor-1388 .elementor-element.elementor-element-d1585af .elementor-heading-title{font-size:19px;line-height:1.45em;}.elementor-1388 .elementor-element.elementor-element-1fd032a{--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;--flex-wrap:wrap;--padding-top:6px;--padding-bottom:6px;--padding-left:0px;--padding-right:0px;}.elementor-1388 .elementor-element.elementor-element-74b6659 .elementor-button{font-size:25px;}.elementor-1388 .elementor-element.elementor-element-05fcb52 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1388 .elementor-element.elementor-element-05fcb52 .elementor-button{font-size:25px;}.elementor-1388 .elementor-element.elementor-element-02a8386 .elementor-button{font-size:25px;}.elementor-1388 .elementor-element.elementor-element-f1db1f1 .elementor-button{font-size:25px;}.elementor-1388 .elementor-element.elementor-element-9f43033 .elementor-button{font-size:25px;}}@media(max-width:767px){.elementor-1388 .elementor-element.elementor-element-a7520ef .elementor-heading-title{font-size:28px;line-height:1.05em;}.elementor-1388 .elementor-element.elementor-element-d1585af > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1388 .elementor-element.elementor-element-d1585af .elementor-heading-title{font-size:17px;line-height:1.5em;}.elementor-1388 .elementor-element.elementor-element-d6dc736{--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;--justify-content:flex-start;--flex-wrap:nowrap;}.elementor-1388 .elementor-element.elementor-element-1fd032a{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--flex-wrap:nowrap;}.elementor-1388 .elementor-element.elementor-element-1fd032a.e-con{--align-self:center;}.elementor-1388 .elementor-element.elementor-element-74b6659 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1388 .elementor-element.elementor-element-74b6659 .elementor-button{font-size:36px;}.elementor-1388 .elementor-element.elementor-element-05fcb52 .elementor-button{font-size:36px;}.elementor-1388 .elementor-element.elementor-element-02a8386 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1388 .elementor-element.elementor-element-02a8386 .elementor-button{font-size:36px;}.elementor-1388 .elementor-element.elementor-element-f1db1f1 .elementor-button{font-size:36px;}.elementor-1388 .elementor-element.elementor-element-9f43033 .elementor-button{font-size:36px;}}/* Start custom CSS for button, class: .elementor-element-74b6659 */.bigbtn .elementor-button,
.bigbtn.elementor-button {
  font-size: 18px !important;
  padding: 16px 24px !important;
  width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-05fcb52 */.bigbtn .elementor-button,
.bigbtn.elementor-button {
  font-size: 18px !important;
  padding: 16px 24px !important;
  width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-02a8386 */.bigbtn .elementor-button,
.bigbtn.elementor-button {
  font-size: 18px !important;
  padding: 16px 24px !important;
  width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f1db1f1 */.bigbtn .elementor-button,
.bigbtn.elementor-button {
  font-size: 18px !important;
  padding: 16px 24px !important;
  width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9f43033 */.bigbtn .elementor-button,
.bigbtn.elementor-button {
  font-size: 18px !important;
  padding: 16px 24px !important;
  width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fd032a *//* Mobile: horizontal scroll with arrows */
@media (max-width: 767px) {
  .chips-wrapper {
    position: relative; /* so arrows can be positioned */
  }

  .chips-row {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth; /* nice scrolling */
    width: 100%;
  }

  .chips-row > * {
    flex: 0 0 auto;
  }

  .chips-row .elementor-button {
    white-space: nowrap;
  }

  /* arrow buttons */
  .chips-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(17,34,78,0.8); /* Midnight Maestro with opacity */
    color: #F1ECE6; /* Ivory Keys */
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
  }

  .chips-arrow.left { left: 4px; }
  .chips-arrow.right { right: 4px; }

  /* optional hover effect */
  .chips-arrow:hover {
    background: #11224E; /* solid Midnight Maestro */
  }
}
<div class="chips-wrapper">
  <button class="chips-arrow left">&#10094;</button> <!-- left chevron -->
  
  <div class="chips-row">
    <!-- your button list here -->
    <a class="elementor-button">Service 1</a>
    <a class="elementor-button">Service 2</a>
    <a class="elementor-button">Service 3</a>
    <!-- ... -->
  </div>
  
  <button class="chips-arrow right">&#10095;</button> <!-- right chevron -->
</div>
<div class="chips-box">
  <button class="chips-arrow left">&#10094;</button>

  <div class="chips-row">
    <!-- keep your existing Elementor buttons here -->
    <a class="elementor-button">Service 1</a>
    <a class="elementor-button">Service 2</a>
    <a class="elementor-button">Service 3</a>
    <a class="elementor-button">Service 4</a>
  </div>

  <button class="chips-arrow right">&#10095;</button>
</div>/* End custom CSS */
/* Start custom CSS */.elementor-button:focus,
.elementor-button:active {
  outline: none !important;
  box-shadow: none !important;
}/* End custom CSS */