.colwhiteA{color: #1c65b1;text-shadow: 3px 3px 1px #fff, 3px -3px 1px #fff, -3px 3px 1px #fff, -3px -3px 1px #fff, 3px 0 1px #fff, 0 3px 1px #fff, -3px 0 1px #fff, 0 -3px 1px #fff;}
.colwhite{color: #FFF;}
.center{text-align:center;}
.fs_big{font-size:2.5em;}
.fs-small{font-size:1.3em;}
.bold{font-weight:700;}

.event-info {
    border-radius: 30px;
    background-color: #fff000;
    color: #FFF;
    width: 500px;
    padding: 20px;
    font-size: 1.375em;
    font-weight: 700;
    border: 6px solid #FFF;
    text-align: center;
    box-shadow: 6px 6px 6px 1px rgb(0 0 0 / 30%);
    margin: 10px auto 50px;
}
@media only screen and (max-width: 768px) {

.event-info {

    border-radius: 15px;
    background-color: #fff000;
    color: #FFF;

    z-index: 100;

    width: 90%;
    padding: 15px;
    font-size: 1.125em;
    font-weight: 700;
    border: 6px solid #FFF;
    text-align: center;
    box-shadow: 3px 3px 3px 1px rgb(0 0 0 / 30%);
    margin:-30px auto 50px;
}
}


.event-info a{color:#1c65b1;}
.event-info a:hover{text-decoration:none;}


.ticketBox{
width:600px;
margin:0 auto;
text-align:unset;
}

@media only screen and (max-width: 768px) {

.ticketBox{
width:95%;
margin:0 auto;
text-align:unset;
}
}

.attraction-detail2 {

    padding-top: 0px !important;
    padding-bottom: 0px !important;
    background: unset;
  
}


@media only screen and (max-width: 768px) {
  .attraction-detail2 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    background: unset;
  }
}



.ticket-area h4{margin-bottom:40px;}


.attraction-area2 {
    position: relative;
    margin-top: -20px;
    padding-bottom: 90px;
}

.attraction-area2 .catch {
    color: #1c65b1;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px #fff, 3px -3px 1px #fff, -3px 3px 1px #fff, -3px -3px 1px #fff, 3px 0 1px #fff, 0 3px 1px #fff, -3px 0 1px #fff, 0 -3px 1px #fff;
}