/* layout */

  .carousel-container {
  width: 100%;
  max-width: 400px;
  margin: auto;
  position: relative;
  overflow: hidden; 

          border-radius: 80px;
}

   .carousel-slide {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 100%;
}

   .carousel-slide-content {
  flex: 0 0 100%; /* <-- Force each slide to take 100% width always */
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #001257;
  color: white;
  padding: 20px;
  box-sizing: border-box;
  flex-direction: column;
}


    .carousel-button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: rgba(0, 0, 0, 0.5);
      color: white;
      border: none;
      font-size: 24px;
      padding: 10px;
      cursor: pointer;
    }

    .prev {
      left: 10px;
    }

    .next {
      right: 10px;
    }

.profile {
  width: 20%;
  height: auto;
  border-radius: 100px;
}

    /* For responsiveness on mobile */
    @media screen and (max-width: 768px) {
      .carousel-container {
        max-width: 100%; /* For mobile, use full width */
      }
      .carousel-slide-content {
    flex: 0 0 100% !important;
  }
    }
.aria-two-col {     padding: 80px 0px 10px 0px; }
.aria-wrap {
  max-width: 1000px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start;
}
.aria-left h1 {   text-align:center;  font-family: "Amiko", Sans-serif; margin: 0 0 10px; font-size: 34px; line-height: 1.15;  padding-bottom:20px;}
.subhead {    font-family: "Lato", Sans-serif; font-size:22px; /*margin: 6px 0 14px;*/ font-weight: bold; color: #000; }
.aria-left p { font-family: "Lato", Sans-serif; font-size:22px; margin: 0; color: #000; max-width: 56ch; }

/* right column heading */
.eyebrow {   text-align:center;  font-family: "Amiko", Sans-serif; margin: 0 0 16px; font-size: 32px; letter-spacing: .08em; text-transform: uppercase; color: #000; }

/* slider (fixed 400px width) */
.aria-slider {
  width: 400px; max-width: 100%;
  overflow: hidden; border-radius: 80px; position: relative;
}
.aria-track {
  display: flex; will-change: transform;
  transition: transform 600ms ease; /* smooth slide */
}

/* individual card */
.deal-card {
  flex: 0 0 400px; /* each slide = 400px wide */
  background: #001257; color: #fff; border-radius: 28px;
  padding-top:30px ; padding-bottom:30px; text-align: center; position: relative;
}

/* circular photo top-center */
.deal-photo {
  width: 110px; height: 110px; margin: 0 auto 14px; border-radius: 999px; overflow: hidden;
  border: 6px solid rgba(255,255,255,0.08);
}
.deal-photo img { width: 100%; height: 100%; object-fit: cover; }

/* caption */
.deal-text { font-size: 24px; font-family:lato, sans-serif; font-weight:400; line-height: 1.35; font-weight: 600; }

/* responsive: stack columns on mobile */
@media (min-width: 650px) {    
  .aria-right { display: grid; place-items: center; }
  .eyebrow { text-align: center; }
}

@media (max-width: 640px){
.aria-two-col {
    padding: 10px;
}

.aria-wrap {
    max-width: 100%;
    /* margin: 0 auto; */
    display: flex;
/*     grid-template-columns: 1fr 1fr; */
    /* gap: 40px; */
    align-items: center; 
    flex-direction: column;
}
  
  .eyebrow {
    text-align: center;
    font-family: "Amiko", Sans-serif;
    /* margin: 0 0 16px; */
    font-size: 25px;
    /letter-spacing: .08; 
    text-transform: uppercase;
    color: #000;
}
  .deal-card {
    flex: 0 0 280px;
    background: #071B52;
    color: #fff;
    border-radius: 28px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    position: relative;
}
  
  .aria-left h1 {
    font-family: Amiko, Sans-serif;
    font-size: 25px;
    line-height: 1.15;
    margin: 0px;
    text-align: center;
}
  
  .aria-left p, .subhead {
    font-family: Lato, Sans-serif;
    font-size: 16px;
}
  
  .aria-slider {
    width: 320px !important;
    max-width: 100%;
    overflow: hidden;
    border-radius: 50px;
    position: absolute;
}
  
element.style {
}
@media (max-width: 640px) {
  .aria-right {
    max-width: 300px;
}


    .deal-card {
        flex: 0 0 250px;
        background: #071B52;
        color: #fff;
        border-radius: 28px;
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;
        position: relative;
    
    }
}
  
  @media(max-width: 991px){
.aria-wrap {
    margin: 0 auto;
    display: flex !important;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
    flex-direction: column;
}
  }