@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
  

.ent-view {
      border: solid 1px #A3A3A3;
      border-radius: 10px;
      margin-top: 20px;
      padding: 20px;
    }

    .tab-header {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #ccc;
    }

    .tab-btn {
      flex: 1;
      text-align: center;
      background: transparent;
      border: none;
      outline: none;
      cursor: pointer;
      position: relative;
      padding: 10px 0;
      font-family: "Inter", sans-serif;
      font-size: 20px;
      font-weight: 600;
      color: #58192A;
      transition: color 0.3s;
    }

    .tab-btn.active {
      color: #58192A;
      font-weight: 600;
    }

    .tab-btn.active::after {
      content: "";
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 100%;
      height: 4px;
      background-color: #58192A;
      border-radius: 5px 5px 0 0;
    }

    .tab-content {
      padding: 20px 0 0;
      color: #58192A;
      font-family: "Inter", sans-serif;
      font-size: 18px;
    }

    .tab-pane {
      display: none;
    }

    .tab-pane.active {
      display: block;
    }

 
 .profile-pics {
  width: 150px;
  height: 150px;
  object-fit: contain;
  border-radius: 50%;
  border: 2px solid #ccc;
}

    .section-title1 {
      font-weight: bold;
      margin-bottom: 10px;
      color: #5b1f38; /* deep maroon */
    }
.info-lineone {
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  box-shadow: none;
  padding-left: 0;
  color: #5b1f38;
}
.info-lineone:focus {
  border-bottom: 1px solid #5b1f38;
  outline: none;
  box-shadow: none;
}
    .cardtk-hover:hover {
      background-color: #f8f9fa;
      cursor: pointer;
    }
   .tickets-card {
      background-color: #fff;
      border-radius: 10px;
      margin-bottom: 20px;
      box-shadow: 0 2px 8px rgb(0 0 0 / 40%);
      padding: 20px;
        font-family: "Poppins", sans-serif !important;
            display: flex !important;
    }
 

.dflexinfo {
    display: flex;
}
  .vip-label {
   
      padding: 15px 20px;
      border-radius: 10px;
     
    }
.dflexinfo {
    display: flex;
}

h4.emergency {
    font-size: 24px;
    text-decoration: underline;
    color: #551a30;
    font-family: 'Poppins';
    /* margin: 20px auto; */
    background-color: #e6ad44;
    padding: 10px;
    border-radius: 5px;
}

.price {
      font-size: 20px;
      font-weight: bold;
      color: #551a30;
        font-family: "Poppins", sans-serif !important;
    }
    .price small {
      font-weight: normal;
      font-size: 13px;
      display: block;
        font-family: "Poppins", sans-serif !important;
    }
    .btn-book {
      background-color: #C2EFC9;
      color: #58192A;
        font-family: "Poppins", sans-serif !important;
    }
    .btn-book:hover {
      background-color: #C2EFC9;
       color: #58192A;
        font-family: "Poppins", sans-serif !important;
    }
.btn-book-not
{
 background-color: #A3A3A3;
      color: #ffffff;
        font-family: "Poppins", sans-serif !important;
}
i.bi.bi-geo-alt {
    color: #58192A;
    padding-right: 10px;
}
strong.note
 
 {
    color: #000000;
      font-size: 16px;
}
img.myeventss
 
 {
    border-radius: 10px;
}
a.evndetails {
    font-size: 14px;
    color: #58192A;
    text-decoration: auto;
}

.user-info-book {
    background-color: #551a30;
    color: white;
    font-family: "Poppins", sans-serif !important;
        padding: 3px 20px 2px 20px;
        border-radius: 10px;
}

    /* mobile view  */
button.btn.btn-primary {
    background: #6f273b !important;
    border: none !important;
}
#tkinfo {
    margin: 20px 25px;
    display: inline-grid;
}

    @media (max-width: 580px) {
   
.ent-view {
    border: solid 1px #A3A3A3;
    border-radius: 10px;
    margin-top: 20px;
    
    padding: 20px 0px 15px 0px;
}
 .tickets-card {
  
    display: flow-root !important;
}
.event-img {
    width: 290px !important;
    height: 150px !important;
     margin-bottom: 20px;
   
}
.tab-btn {
  
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #58192A;
  
}
.dflexinfo {
    display: grid;
    text-align: center;
    padding-bottom: 15px;
}
.vip-label {
    
    padding: 5px 5px;
    
    border-radius: 10px;
   
}
 .sml {
    font-size: 14px;
}
.dflexinfo {
    display: grid;
    text-align: center;
    padding-bottom: 15px;
}
.btn-book {
    background-color: #551a30;
    color: white;
    font-family: "Poppins", sans-serif !important;
    font-size: 14px;
}
.imgtxt {
    gap: 1.5rem !important;
    display: flex !important;
    flex-direction: column;
}

    }




    
.event-thumb {
  width: 90px;
  height: 80px;
  border-radius: 8px;
  background-color: #e9ecef;
}

.cardd {
  border-radius: 10px;
  border: 1px solid #e5e5e5;
}

.cardd-body {
  padding: 20px;
}

.badge {
  font-size: 0.75rem;
  vertical-align: middle;
}

.pagination .page-link {
  border-radius: 6px !important;
  color: #333;
}

.pagination .active .page-link {
  background-color: #333;
  border-color: #333;
  color: #e5e5e5;
}
.form-select {
  border-radius: 8px;
  padding: 6px 35px 6px 12px;
  font-size: 0.9rem;
}

.event-cardd {
  border: 1px solid #e6e6e6 !important;
  background: #fff;
  transition: 0.3s ease;
}

.event-cardd:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.event-img {
  width: 90px;
  height: 80px;
  background-color: #f2f2f2;
}

.badge.bg-success-subtle {
  background-color: #d1f7d1 !important;
}

 

.cardd-footer h6 {
  font-size: 1rem;
}

.cardd-footer small {
  font-size: 0.8rem;
}
.d-flex.align-items-center.flex-grow-1
 
 {
    margin: 25px auto;
}


@media (max-width: 580px) {
.d-flex.align-items-center.flex-grow-1 {
    margin: 25px auto;
    display: inline !important;
}
.d-flex.justify-content-around.text-center {
    display: inline !important;
}

}