.hero-onroad {
      position: relative;
      text-align: center;
      color: white;
    }

    .hero-onroad img {
      width: 100%;
      height: auto;
      display: block;
    }

    .hero-lstext {
      position: absolute;
      top: 10%;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
      color: #fff;
    }

    .hero-lstext h1 {
      margin: 0;
      text-transform: uppercase;
    }

    .hero-lstext h2 {
      margin-top: 10px;
      text-transform: uppercase;
    }
    .lineht1{line-height: 1.2 !important;}


    .containerset {
      display: flex;
      flex-wrap: wrap;
      margin: 0 auto;
      gap: 20px;
    }
    .card-cd {
      flex: 1 1 30%;
      background: #fff;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      gap: 22px;
    }

    .card-cd img {
      width: 100%;
      height: auto;
      display: block;
    }



    .card-content h3 {
      font-size: 1rem;
      color: var(--primary-color);
      margin-bottom: 10px;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .card-content p {
      line-height: 1.5;
      color: #1A1818;
    }





    .section-rst {
      display: flex;
      flex-wrap: wrap;
      gap: 104px;
    }

    .left-tm {
      flex: 1 1 11%;
    }

    .h2str {
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-bottom: 20px;
      max-width: 18ch;

    }

    .left-tm p {
      color: #fff;
      line-height: 1.6;
      margin-bottom: 30px;
    }

    .left-tm button {
      background: #fff;
      color: #333;
      border: none;
      padding: 12px 20px;
      font-size: 1rem;
      cursor: pointer;
      margin-bottom: 20px;
    }

    .right-tm {
      flex: 1 1 50%;
    }

    .event-box {
      background: #fff;
      margin-bottom: 46px;
      padding: 42px 76px;
      display: flex;
      align-items: center;
      gap: 70px;
    }
.left-tm p{max-width: 41ch;}


    .event-box h4 {
      color: #e61c43;
      margin-bottom: 5px;
    }

    .event-box strong {
      font-weight: bold;
      display: block;
      margin-bottom: 5px;
    }

    .event-box p {
      font-size: 0.9rem;
      color: #555;
    }
.bgstsc {background-color: #D9D9D966;}





    .mapwrapper {
      max-width: 1200px;
      margin: 0 auto;
      padding: 40px 20px;
      display: flex;
      gap: 66px;
      align-items: flex-start;
    }

    .schedule {
      flex: 1 1 35%;
    }

    .schedule h2 {
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-bottom: 20px;
    }

    .month {
      margin-bottom: 20px;
    }

    .month h3 {
      font-size: 1rem;
      text-transform: uppercase;
      color: #333;
      cursor: pointer;
    }

    .event {
      display: flex;
      align-items: center;
      margin-bottom: 8px;
      font-size: 0.9rem;
    }



    .map {
    width:100%;
    position: relative;
    flex: 1 1 60%;
    background: #fff;
    overflow: hidden;
}


    .map img {
      width: 100%;
      border-radius: 8px;
    }

    .map .details {
      margin-top: 15px;
      padding: 10px;
      border: 1px solid var(--primary-color);
      left: 22%;position: absolute;
      top: 40px;
    }

    .map .details h4 {
      color: var(--primary-color);
      margin-bottom: 5px;
    }

    .map .details strong {
      display: block;
      margin-bottom: 5px;
      color: #000;
    }

    .map .details p {
      font-size: 0.9rem;
      color: #555;
    }

    .map button {
      background: var(--primary-color);
      color: #fff;
      border: none;
      padding: 12px 20px;
      font-size: 1rem;
      cursor: pointer;
      margin-top: 15px;
    }
    .btabd{
    position: absolute;
    bottom: 80px;
    left: 33%;
    z-index: 1000;
    }
    .color1A1818{color: #1A1818;}





    .sectionytm {
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
    }
    .sectionytm  .left {
      flex: 1 1 460px;
      max-width: 460px;
      margin-bottom: 20px;
    }
    .sectionytm .left h2 {
      text-transform: uppercase;
      line-height: 1.3;
      max-width: 12ch;
    }
    .sectionytm  .left h2 span {
      color: #E30613;
    }
    .sectionytm  .left p {
      margin-top: 20px;
      font-size: 0.95rem;
      color: #444;
    }
    .sectionytm .right {
      flex: 3 1 600px;
      display: flex;
      gap: 53px;
      justify-content: flex-start;
      border-left: 1px solid var(--primary-color);
      padding: 78px 30px 100px 62px;
    }
    .sectionytm .box {
      width: 50%;
      text-align: left;
    }
    .sectionytm .box .image-placeholder {
      width: 100%;
      height: 150px;
      background: #ccc;
      margin-bottom: 10px;
    }
    .sectionytm .box h3 {
      color: #E30613;
      margin-bottom: 5px;
      letter-spacing: 3px;
    }
    .max-sw{max-width: 32ch;}

    .bottom-section {
      border-top: 1px solid var(--primary-color);
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding: 30px 10px   130px 10px;
    }

    .bottom-item .image-placeholder {
      width: 100%;
      height: 120px;
      background: #ccc;
      margin-bottom: 10px;
    }
    .bottom-item p {
      letter-spacing: 1px;
      color: #1A1818;
    }
    .bottom-item{padding-inline: 15px 85px;}




    @media (max-width: 768px) {
      .mapwrapper {
        flex-direction: column;
        gap: 15px;
      }
    }



    @media (max-width: 1200px) {
      .left-tm {
    flex: 1 1 34%;
}
.event-box {
    padding: 22px 35px;
    gap: 20px;
}
    }
    @media (max-width: 992px) {

      .event-box {
        margin-bottom: 20px;
        margin-top:30px;
    }
      .section-rst {
        flex-direction: column;

      gap: 10px;
      }

      .right-tm {
        padding: 0;
      }
    }



    @media (min-width: 769px) {

    .card-cd:nth-child(2) img{
      order: 2;

    }.card-cd:nth-child(2) p{
      margin-bottom: 0;

    }
    .card-cd:nth-child(2)  {
      margin-top: 80px;

    }
    }
    @media (max-width: 768px) {
      .event-box {
      gap: 20px;
    }
      .event-box {
      padding: 25px 25px;
    }
      .left-tm p {
      margin-bottom: 15px;
    }
      .card-cd {
        flex: 1 1 100%;
      }}
      @media (max-width: 490px)
    {
      .hero-lstext {
    position: absolute;
    top: 10%;
    left: 39%;
    transform: translateX(-31%);
    text-align: center;
    color: #fff;
}}
.boxtss{width: 9px; height: 9px; background: var(--primary-color);}
.bgstrsw{background: #fff; padding: 5px 16px;}