/*Attractions Banner Image*/
.att-main-banner{
  background: url("../images/attraction-main-bg.jpg") no-repeat;
  background-position: top center;
  background-size: cover;
}
.att-inner-banner{
  background: url("../images/attraction-inner-bg.jpg") no-repeat;
  background-position: top center;
  background-size: cover;
}

/*Attractions Main - All Rides Section*/
.all-rides-section .on-left,
.all-rides-section .on-right{
  position: relative;
  width: 90%;
  zoom: 95%;
  background-color: #fff;
  border-radius: 200px;
  margin-bottom: 30px;
}
.all-rides-section .on-right{
  margin-left: 10%;
}
.all-rides-section .on-left:after{
  content: url("../icons/right-flower.png");
  position: absolute;
  right: -130px;
  top: 50%;
  transform: translateY(-50%);
}
.all-rides-section .on-right:before{
  content: url("../icons/left-flower.png");
  position: absolute;
  left: -130px;
  top: 50%;
  transform: translateY(-50%);
}
.on-left .right-content{
  padding: 20px 60px;
}
.on-right .left-content{
  padding: 20px 60px 20px 130px;
}
.on-right .left-content,
.on-left .right-content{
  width: 100%;
}
.all-rides-section .left-content .heading,
.all-rides-section .right-content .heading{
  font-family: "Signika-Bold", sans-serif;
  font-size: 60px;
  color: #4985c1;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 0;
}
.all-rides-section .left-content ul,
.all-rides-section .right-content ul{
  display: inline-block;
  width: 100%;
  list-style-type: none;
  margin-top: 30px;
  margin-bottom: 0;
  padding: 0;
}
.all-rides-section .left-content ul li,
.all-rides-section .right-content ul li{
  float: left;
  font-family: "Signika-Bold", sans-serif;
  font-size: 21px;
  color: #333;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.all-rides-section .left-content ul li:nth-child(odd),
.all-rides-section .right-content ul li:nth-child(odd){
  width: 40%;
}
.all-rides-section .left-content ul li:nth-child(even),
.all-rides-section .right-content ul li:nth-child(even){
  width: 60%;
}
.all-rides-section .more-details{
  display: inline-block;
  font-family: "Signika-Semibold", sans-serif;
  font-size: 16px;
  min-width: 170px;
  color: #0542c1;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  background-color: #f9cc35;
  border-radius: 35px;
  line-height: 1;
  border: 0;
  outline: 0;
  box-shadow: none;
  padding: 18px;
}

/*Attractions Inner - Main Tabs CSS*/

.att-tabs .main-tabs-list{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  list-style-type: none;
  margin-bottom: 30px;
  border: 0 !important;
}
.main-tabs-list li button{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: transparent !important;
  border-bottom: 2px solid #ded5c3 !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  padding: 0 35px 25px;
  transition: all 0.1s ease;
}
.main-tabs-list li button.active{
  border-bottom: 2px solid #e03d3e !important;
}
.main-tabs-list li button .red-icon{
  display: none;
}
.main-tabs-list li button.active .default-icon{
  display: none;
}
.main-tabs-list li button.active .red-icon{
  display: block;
}
.main-tabs-list li button span{
  font-family: "Signika-Bold", sans-serif;
  font-size: 21px;
  line-height: 1;
  text-transform: uppercase;
  color: #9e8c68 !important;
  margin-top: 15px;
  transition: all 0.2s ease;
}
.main-tabs-list li button.active span{
  color: #e03d3e !important;
}


@media only screen and (max-width: 575px){ 
  .all-rides-section {
    padding: 50px 0;
  }
  .all-rides-section .left-content .heading, 
  .all-rides-section .right-content .heading{
    font-size: 36px;
    text-align: center;
  }
  .on-left .right-content,
  .on-right .left-content{
    padding: 25px;
  }
  .all-rides-section .left-content ul li, 
  .all-rides-section .right-content ul li{
    font-size: 18px;
    margin-bottom: 20px;
  }
  .all-rides-section .left-content ul li:nth-child(odd), 
  .all-rides-section .right-content ul li:nth-child(odd){
    width: 100%;
  }
  .all-rides-section .left-content ul li:nth-child(even), 
  .all-rides-section .right-content ul li:nth-child(even){
    width: 100%;
  }
  .main-tabs-list li{
    width: 25%;
  }
  .main-tabs-list li button{
    width: 100%;
    padding: 0 0px 10px;
  }
  .main-tabs-list li button img{
    width: 50%;
  }
  .main-tabs-list li button span{
    font-size: 17px;
  }
} 
@media only screen and (min-width: 576px) and (max-width: 767px) { 
  .on-left .right-content,
  .on-right .left-content{
    padding: 30px 45px;
  }
  .all-rides-section .left-content .heading, 
  .all-rides-section .right-content .heading{
    font-size: 54px;
    text-align: center;
  }
  .all-rides-section .left-content ul li:nth-child(odd), 
  .all-rides-section .right-content ul li:nth-child(odd){
    width: 50%;
  }
  .all-rides-section .left-content ul li:nth-child(even), 
  .all-rides-section .right-content ul li:nth-child(even){
    width: 50%;
  }
} 
@media only screen and (max-width: 767px){ 
  .all-rides-section .on-left, 
  .all-rides-section .on-right{
    width: 100%;
    margin-left: 0;
    border-radius: 10px;
  }
  .on-left .left-img,
  .on-right .right-img{
    text-align: center;
    padding: 20px 20px 0 20px;
  }
  .on-left .left-img img,
  .on-right .right-img img{
    max-width: 100%;
  }
  
  .all-rides-section .more-details{
    width: 100%;
    margin-top: 25px;
  }
} 
@media only screen and (min-width: 768px) and (max-width: 991px) { 
  .all-rides-section .on-left, 
  .all-rides-section .on-right{
    width: 100%;
    margin-left: 0;
  }
  .on-right .left-content{
    width: 65%;
    padding: 20px 10px 20px 80px;
  }
  .on-left .right-content{
    width: 65%;
    padding: 20px 30px;
  }
  .on-left .left-img,
  .on-right .right-img{
    width: 35%;
  }
  .on-left .left-img img,
  .on-right .right-img img{
    max-width: 100%;
  }
  .all-rides-section .left-content .heading, 
  .all-rides-section .right-content .heading{
    font-size: 42px;
  }
  .all-rides-section .left-content ul, 
  .all-rides-section .right-content ul{
    margin-top: 20px;
  }
  .all-rides-section .left-content ul li, 
  .all-rides-section .right-content ul li{
    font-size: 18px;
    margin-bottom: 20px;
  }
  .all-rides-section .left-content ul li:nth-child(odd), 
  .all-rides-section .right-content ul li:nth-child(odd){
    width: 45%;
  }
  .all-rides-section .left-content ul li:nth-child(even), 
  .all-rides-section .right-content ul li:nth-child(even){
    width: 55%;
  }
  
} 
@media only screen and (max-width: 991px){ 
  .all-rides-section .on-right:before {
    display: none;
  }
  .all-rides-section .on-left:after {
    display: none;
  }
} 


@media only screen and (min-width: 992px) and (max-width: 1199px) { 
  .on-right .left-content,
  .on-left .right-content{
    width: 65% ;
  }
  .on-left .left-img,
  .on-right .right-img{
    width: 35%;
  }
  .on-left .left-img img,
  .on-right .right-img img{
    max-width: 100%;
  }
  .all-rides-section .on-right:before {
    content: url(../icons/left-flower-lg.png);
    left: -100px;
  }
  .all-rides-section .on-left:after {
    content: url(../icons/right-flower-lg.png);
    right: -100px;
  }
} 
@media only screen and (min-width: 1200px) and (max-width: 1399px) { 

} 
@media only screen and (min-width: 1400px){ 
  
} 
@media only screen and (max-width: 767px){ 
  .att-mob-only .accordion-item{
    margin-bottom: 20px;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  .att-mob-only .accordion-button{
    position: relative;
    padding: 0;
    box-shadow: none;
    outline: 0;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    overflow: hidden;
  }
  .att-mob-only .accordion-button::after {
    position: absolute;
    right: 15px;
    bottom: 10px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    
  }
  .att-mob-only .accordion-header .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  }

  .att-mob-only .accordion-button .ride-img{
    max-width: 100%;
  } 
  .att-mob-only .accordion-button .heading{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f9cc35;
    padding: 10px 15px;
    font-family: "Signika-Bold", sans-serif;
    font-size: 20px;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
  }
  .att-mob-only .accordion-body .main-heading{
    position: relative;
    font-family: "Signika-Bold", sans-serif;
    font-size: 30px;
    line-height: 1;
    text-transform: capitalize;
    color: #4985c1;
    margin-top: 30px;
    margin-bottom: 15px;
  }
  .att-mob-only .accordion-body .main-heading:before {
    /*content: url("../icons/events-before-sm.png");*/
    position: absolute;
    left: 0px;
    top: -33px;
  }
  .att-mob-only .accordion-body .description{
    font-family: "Signika-Regular", sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: #123d68;
    margin-bottom: 0;
  }
  .att-mob-only .accordion-body .specs{
    width: 100%;
    display: inline-block;
    padding: 0;
    margin: 25px 0;
    list-style-type: none;
  }
  .att-mob-only .accordion-body .specs li{
    width: 100%;
    display: inline-flex;
    align-items: center;
    margin-bottom: 25px
  }
  .att-mob-only .accordion-body .specs li img{
    width: 25px;
  }
  .att-mob-only .accordion-body .specs li .name{
    font-family: "Signika-Semibold", sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #2293ec;
    margin-bottom: 3px;
  }
  .att-mob-only .accordion-body .specs li .value{
    font-family: "Signika-Bold", sans-serif;
    font-size: 18px;
    line-height: 1;
    color: #123d68;
    margin-bottom: 0;
  }
  .att-mob-only .accordion-body .rides-gallery .heading{
    font-family: "Signika-Bold", sans-serif;
    font-size: 21px;
    line-height: 1;
    text-transform: uppercase;
    color: #b6a88b;
    margin-bottom: 15px;
  }
}