.ArBanner{
    width:100%;
}
.ArBannerText{
    margin-top:-6%;
    font-size:3vw;
}
.ArImg{
    padding:0px;
}
.Arbtn1{
    background:#d85632;
    cursor: pointer;
}
.Arbtn2{
    background:#012169;
    cursor: pointer;
}
.Arbtn3{
    background:#5a6267;
    cursor: pointer;
}
#Arbtn1, #Arbtn2 , #Arbtn3{
    padding:0px;
}
.ArSubHeading {
    margin-bottom: 0px !important;
}

/*Accordions */

/* ===== Common controls ===== */
  .ss-controls {
    margin: 0 0 12px 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
  }
  .ss-link {
    color: #2a5db0;
    text-decoration: underline;
    cursor: pointer;
    font-size:18px;
  }
  .ss-link:focus-visible {
    outline: 3px solid #111;
    outline-offset: 2px;
    border-radius: 4px;
  }

  /* ===== Common accordion ===== */
  .ss-accordion {
    max-width: 520px; /* adjust */
    font-family: Arial, sans-serif;
    margin-bottom: 22px;
  }
  .ss-item { margin: 8px 0; }

  .ss-header {
    width: 100%;
    border: 1px solid #bdbdbd;
    border-radius: 2px;
    padding: 12px 14px;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .ss-header:hover { filter: brightness(0.98); }
  .ss-header:focus-visible {
    outline: 3px solid #111;
    outline-offset: 2px;
  }

  /* caret */
  .ss-caret {
    position: absolute;
    right: 14px;
    width: 0; height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #111;
    transition: transform 220ms ease;
  }
  .ss-header[aria-expanded="true"] .ss-caret { transform: rotate(180deg); }

  /* panel smooth open/close */
  .ss-panel {
    height: 0;
    overflow: hidden;
    transition: height 260ms ease;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    border-radius: 0 0 2px 2px;
    background: #fff;
  }
  .ss-panel-inner { padding: 12px 14px; text-align: left; }

  /* ===== Themes (only header bg changes) ===== */
  .ss-theme-pink .ss-header { background: #ffe4e0; }  /* like your first */
  .ss-theme-blue .ss-header { background: #e6f0fa; }  /* like your second */
  
  /**/
  
  .ArGrayBox{
      background: #ccccccff;
      border-radius: 15px;
    border: 1px solid #5a6267;
  }
  
  @media only screen and (max-width: 992px) {
      
     #Arbtn1, #Arbtn2 , #Arbtn3{
         margin-top:10px;
     }
     .ArBannerText{
    margin-top:-5.5%;
   font-size: 18px;
}
      
  }