
section.banner {position: relative; padding: 0;}
section.banner .banner-content{ padding-top: 108px;display: flex; justify-content: space-between;}
section.banner .banner-content .left{max-width: 100% ; width: 53%;}
section.banner .banner-content h1{font-size: 65px; line-height: 1; font-weight: 700;margin-bottom: 45px;}
section.banner .banner-content .left p{margin-top: 72px; font-size: 16px; line-height: 1.625;font-weight: 300;width: 70%;}
section{padding: 0;}
section h2{ font-size: 38px; font-weight: 700;color: #000000;line-height: 1; margin-bottom: 30px;text-align: center;}
.yellow-button {font-weight: 600;font-size: 14px;background-color: var(--yellowbg);color: var(--black);transition: all 0.4s ease-out;padding: 20px 37px;text-transform: uppercase;}
.yellow-button:hover{color: #fff;background-color: var(--black);}

section.live-the-dream{margin-top: 120px;margin-bottom: 90px; text-transform: capitalize;}
section.live-the-dream h2{text-align: left;margin-bottom: 40px;}
section.live-the-dream p{font-size: 16px; line-height: 1.625;margin-bottom: 25px;font-weight: 300;}

section.small-yello-banner{background-color: #FFD600;padding: 22px 0;text-align: center;margin-bottom: 90px; } 
section.small-yello-banner p{font-size: 22px; line-height: 1;font-weight: 500;}
section.small-yello-banner a{color:#1976D2;text-decoration: underline;}
section.small-yello-banner a:hover{color:#000;}

section.volunteer .volunteer-inner {background: rgb(255 214 0 / 5%); padding: 30px; border-radius: 15px;}
section.volunteer .volunteer-inner h2{text-align: left;font-size: 20px; line-height: 1.3; font-weight: 600;margin-bottom: 10px;}
section.volunteer .volunteer-inner P.intro{font-size: 16px; line-height: 1.625;margin-bottom: 30px;}
section.volunteer .volunteer-inner P{font-size: 16px; line-height: 1.625;margin-bottom: 26px; font-weight: 300;}
section.volunteer .volunteer-inner P.intro i{font-weight: 400;}
section.volunteer .volunteer-inner P a{color:#1976D2; font-weight: 500;text-decoration: underline;}
section.volunteer .volunteer-inner P a:hover{color:#000; }
section.volunteer .volunteer-inner h3{font-weight: 500;margin-bottom: 26px;font-size: 16px; line-height: 1.625;}
section.volunteer .volunteer-inner ul{padding-left: 50px;}
section.volunteer .volunteer-inner ul li{font-size: 16px; line-height: 1.625;margin-bottom: 30px; font-weight: 300; margin-bottom: 10px;}

.moretext {display: none; }
.readmore .moreless-button {color:#FFD600;text-align: right; font-weight: 600;display: block;}
.readmore .moreless-button:hover {color:#000;}


section.ticket-info {margin-top: 60px;}
section.ticket-info h2{text-align: left;font-size: 20px; line-height: 1.3; font-weight: 600;margin-bottom: 10px;margin-top: 20px;}
section.ticket-info .ticket-info-inner { border: 1px solid #FFD600; border-radius: 15px; padding: 10px; }
section.ticket-info .ticket-info-inner p{font-size: 16px;line-height: 1.625;font-weight: 300;margin-bottom: 30px;}
section.ticket-info .ticket-info-inner p i{font-weight: 400;}
section.ticket-info .ticket-info-inner p a{color:#1976D2; font-weight: 500;text-decoration: underline;}
section.ticket-info .ticket-info-inner p a:hover{color:#000; }

section.tab-section{margin-top: 60px; margin-bottom: 120px;}
section.tab-section ul#pills-tab{gap: 20px;}
section.tab-section ul#pills-tab li.nav-item .nav-link.active, section.tab-section ul#pills-tab li.nav-item .nav-link:hover{ background-color: #000000;color: #fff !important;border: 1px solid #000; }
section.tab-section ul#pills-tab li.nav-item .nav-link{ background-color:#fff; color: #000 !important; border: 1px solid #000; font-size: 16px; font-weight: 600; line-height: 1.625;padding: 17px 50px; text-transform: uppercase;}
section.tab-section #pills-tabContent { border: 1px solid #FFD600; border-radius: 15px; padding: 40px 30px; }
section.tab-section #pills-tabContent h2{font-size: 20px; line-height: 1.3; font-weight: 600;margin-bottom: 10px;text-align: left;} 
section.tab-section #pills-tabContent p{font-size: 16px;line-height: 1.625;font-weight: 300;margin-bottom: 20px;}
section.tab-section #pills-tabContent p + h2{margin-top: 40px;margin-bottom: 20px;} 
section.tab-section #pills-tabContent p:last-child{margin-bottom: 0 !important;}
section.tab-section #pills-tabContent .logo-inner { display: flex; gap: 133px; justify-content: center; }
section.tab-section #pills-tabContent .single { width: 200px; }
section.tab-section #pills-tabContent .single img{margin-bottom: 20px;}
section.tab-section #pills-tabContent .single-item{border: 1px solid #D9D9D9; padding: 20px; border-radius: 10px;}
section.tab-section #pills-tabContent .single-item p{margin-bottom: 20px;}
section.tab-section #pills-tabContent .single-item img{border-radius: 10px;margin-bottom: 20px;}
section.tab-section #pills-tabContent .single-item .label{font-size: 12px;line-height: 1;margin-bottom: 8px;}
section.tab-section #pills-tabContent .single-item .right {text-align: right;}
section.tab-section #pills-tabContent .box-content h3{font-size: 16px;line-height: 1.625;font-weight: 500;margin-bottom: 10px;}
section.tab-section #pills-tabContent .box-content ul li{font-size: 16px;line-height: 1.625;font-weight: 300;margin-bottom: 15px;}
section.tab-section #pills-tabContent .box-content ul {   margin-bottom: 30px;}
section.tab-section #pills-tabContent .services-main{margin-bottom: 40px; display: flex;}
section.tab-section #pills-tabContent .beverage-rate {
    padding: 25px 0 0 40px;
    width: 37%;
}
section.tab-section #pills-tabContent .beverage-rate h3{margin-bottom: 20px;}
section.tab-section #pills-tabContent .beverage-rate p{font-size: 14px;line-height: 1;font-weight: 300;margin-bottom: 15px;}
section.tab-section #pills-tabContent .services { display: flex; border: 1px solid #D9D9D9;width: 63%; border-radius: 10px; max-width: 100%; }
section.tab-section #pills-tabContent table.services-inner {width:100%}
section.tab-section #pills-tabContent table.services-inner p{font-size: 14px; line-height: 1;font-weight: 300;margin-bottom: 15px;} 
section.tab-section #pills-tabContent .services-rates { text-align: center; padding: 20px 20px;width: 145px;}
section.tab-section #pills-tabContent .services-rates p { font-size: 14px;line-height: 1;font-weight: 300;margin-bottom: 15px; }
section.tab-section #pills-tabContent .box-content .yellow-button-parent{margin-top: 60px;}
section.tab-section #pills-tabContent .gallery .yellow-button-parent{margin-top: 40px;}
section.tab-section #pills-tabContent table.services-inner td{padding: 0 20px; font-size: 14px; line-height: 1.3; font-weight: 300; padding-bottom: 15px; }
section.tab-section #pills-tabContent table.services-inner td + td{border-left: 1px solid #D9D9D9;text-align: center;}
section.tab-section #pills-tabContent table.services-inner td h3{margin-top: 10px;margin-bottom: 0;}
/* section.tab-section #pills-tabContent table.services-inner h3{line-height: 1;margin-bottom: 0;} */
/* section.tab-section #pills-tabContent .services-inner {padding: 20px 20px 35px 20px; width: calc(100% - 145px); border-right: 1px solid #D9D9D9;} */
@media screen and (max-width: 1280px){
   
}
@media screen and (max-width: 1024px){
   
    section h2{font-size: 34px;}
    section.banner .banner-content h1{font-size: 55px;} 
   
    section.banner .banner-content{padding-top: 50px;}
    section.banner .banner-content .left p {margin-top: 40px;}
    section.live-the-dream{margin-top: 60px; margin-bottom: 60px;}
    section.live-the-dream h2 {margin-bottom: 30px;}
    section.small-yello-banner{margin-bottom: 50px;}
    section.volunteer .volunteer-inner h3 {margin-bottom: 20px; }
    section.volunteer .volunteer-inner ul { padding-left: 40px; }
}

@media screen and (max-width: 991px){ 
    section.volunteer .volunteer-inner{padding: 20px;}
    section.volunteer .volunteer-inner P.intro { margin-bottom: 20px;}
    section.ticket-info {margin-top: 50px;}
    section.ticket-info .ticket-info-inner p { margin-bottom: 15px;}
    section.tab-section {margin-top: 60px; margin-bottom: 60px; }
    section.tab-section #pills-tabContent{padding: 25px;}
    section.tab-section #pills-tabContent .logo-inner{gap: 35px;}
    section.tab-section #pills-tabContent .services-main{display: block;}
    section.tab-section #pills-tabContent .services{width: 100%;}
    section.tab-section #pills-tabContent .beverage-rate { padding: 25px 0 0 5px; width: 100%;}
    section.tab-section #pills-tabContent .box-content .yellow-button-parent{margin-top: 30px;}
    section.tab-section #pills-tabContent .single-item{padding: 15px;}
}
@media screen and (max-width: 767px){
    section.banner .banner-content h1{font-size: 45px;text-align: center;}
    section h2 {font-size: 30px;}
    section.banner img{min-height: 240px; object-fit: cover; object-position: center;}

    section.banner .banner-content {display: flex; flex-direction: column-reverse; }
    section.banner .banner-content .left{width: 100%;}
    section.tab-section ul#pills-tab li.nav-item {width: 80%;
        margin: 0 auto;}
    section.tab-section ul#pills-tab li.nav-item .nav-link{width: 100%;}
    section.tab-section #pills-tabContent .logo-inner{display: block;}
    section.tab-section #pills-tabContent .single{margin: 0 auto;margin-bottom: 20px;}
    section.tab-section #pills-tabContent .gallery img{margin: 0 auto;display: block;}
    
    
}
 