/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
label.error {
    margin-top: 5px;
    color: #E42C3E;
    font-weight: 400;
}
label {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #555;
    margin-bottom: 10px;
    cursor: pointer;
}

.event-details-section-area .event-sidebar-area {
    position: sticky;
    top: 200px;
}

    
.event-info-boxarea {
    padding: 32px;
    position: relative;
    z-index: 1;
}
 
  .event-info-boxarea h3 {
    color: var(--ztc-text-text-2);
    font-family: var(--ztc-family-font2);
    font-size: var(--ztc-font-size-font-s28);
    font-style: normal;
    font-weight: var(--ztc-weight-bold);
    line-height: 28px;
    letter-spacing: -0.84px;
    text-transform: uppercase;
}  

    .event-info-boxarea .details1 {
    padding-bottom: 24px;
    border-bottom: 1px solid #E7E6EA;
    display: flex
;
    align-items: center;
    justify-content: space-between;
}
  
    
    .event-info-boxarea .details1 .calender-date {
    display: flex
;
    align-items: center;
}
   
    
    .event-info-boxarea .details1 .calender-date span {
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    background: var(--ztc-bg-bg-3);
    border-radius: 8px;
    transition: all 0.4s;
        display: inline-block;}
    
   .event-info-boxarea .details1 .calender-date .date {
    padding-left: 12px;
}
    
    .event-info-boxarea .details1 .calender-date .date h3 {
    color: var(--ztc-text-text-2);
    font-family: var(--ztc-family-font2);
    font-size: var(--ztc-font-size-font-s24);
    font-style: normal;
    font-weight: var(--ztc-weight-bold);
    line-height: 24px;
    letter-spacing: -0.48px;
    text-transform: uppercase;
}
    
    .event-details-section-area .event-sidebar-area .event-info-boxarea .details1 .calender-date .date p {
    color: var(--ztc-text-text-3);
    font-family: var(--ztc-family-font1);
    font-size: var(--ztc-font-size-font-s18);
    font-style: normal;
    font-weight: var(--ztc-weight-semibold);
    line-height: 18px;
    letter-spacing: -0.36px;
    text-transform: uppercase;
}
    
    .event-info-boxarea .details1 .located li {
    color: var(--ztc-text-text-3);
    font-family: var(--ztc-family-font1);
    font-size: var(--ztc-font-size-font-s16);
    font-style: normal;
    font-weight: var(--ztc-weight-semibold);
    line-height: 16px;
    display: block;
    transition: all 0.4s;
    padding-top: 14px;
}



   .whatsapp-float {
            position: fixed !important;
            width: 60px !important;
            height: 60px !important;
            bottom: 20px !important;
            right: 20px !important;
            background-color: #25d366 !important;
            color: white !important;
            border-radius: 50% !important;
            text-align: center !important;
            font-size: 30px !important;
            box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3) !important;
            z-index: 9999 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: transform 0.3s !important;
        }

        .whatsapp-float:hover {
            transform: scale(1.1) !important;
        }

        .whatsapp-float img {
            width: 35px !important;
            height: 35px !important;
        }


.text-size-1 { font-size: 13px;
    
}

p {margin-top: 1rem;}




.login-section-area .login-boxarea .input-area {
    position: relative;
    z-index: 1;
}

.input-area svg {
    position: absolute;
    left: 20px;
    top: 20px;
}

.login-section-area .login-boxarea .btn-area1 .vl-btn1 {
     width: 100%;
    text-align: center;
    border:none;
}



.vl-btn1a {
    display: inline-block;
    background-color: var(--ztc-bg-bg-13);
    color: var(--ztc-text-text-1);
    font-family: var(--ztc-family-font2);
    font-size: var(--ztc-font-size-font-s22);
    font-style: normal;
    font-weight: var(--ztc-weight-bold);
    line-height: 22px;
    text-transform: uppercase;
    border-radius: 8px;
    padding: 24px 32px;
    transition: 500ms;
    z-index: 2;
    position: relative;
    transition-delay: calc((var(--n) - 1)* 0.1s);
    -webkit-transition-delay: calc((var(--n) - 1)* 0.1s);
    -moz-transition-delay: calc((var(--n) - 1)* 0.1s);
    transition: allease 0.3s;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    width: 100%;
    text-align: center;
    border: none;
}

.vl-btn1a:hover {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.vl-btn1a:hover .nisoz-btn__shape {
  transform: translateY(0) scale(2);
  -moz-transform: translateY(0) scale(2);
  -moz-transform: translateY(0) scale(2);
  color: var(--ztc-text-text-1);
}

.vl-btn1a .vl-btn1__text {
  position: relative;
  z-index: 2;
}

.vl-btn1a .nisoz-btn__shape {
  display: inline-block;
  position: absolute;
  width: 25%;
  height: 100%;
  background: var(--ztc-bg-bg-4);
  transform: translateY(150%);
  border-radius: 50%;
  left: calc((var(--b) - 1) * 25%);
  transition: 0.5s;
  transition-delay: calc((var(--b) - 1) * 0.1s);
  z-index: 1;
}

.vl-btn1a .nisoz-btn__shape:nth-child(1) {
  --b: 1;
}

.vl-btn1a .nisoz-btn__shape:nth-child(2) {
  --b: 2;
}

.vl-btn1a .nisoz-btn__shape:nth-child(3) {
  --b: 3;
}

.vl-btn1a .nisoz-btn__shape:nth-child(4) {
  --b: 4;
}


.ticket-cart-section .billing-details-area .input-area select {
    width: 100%;
    background: var(--ztc-bg-bg-1);
    border: none;
    outline: none;
    color: var(--ztc-text-text-2);
    font-family: var(--ztc-family-font1);
    font-size: var(--ztc-font-size-font-s16);
    font-style: normal;
    font-weight: var(--ztc-weight-medium);
    line-height: 16px;
    padding: 18px;
    border-radius: 8px;
}