@font-face {font-family: 'AvianoSansRegular';src: url('/include/font/Aviano Sans Regular.ttf') format('truetype');}
@font-face {font-family: 'GothamMedium';src: url('/include/font/Gotham/GothamMedium.ttf') format('truetype');}
@font-face {font-family: 'RedHatDisplay';src: url('/include/font/RedHatText-Regular.ttf') format('truetype');}
/* Reset */
html,
body {margin: 0;padding: 0;overflow-x: hidden;font-family: 'AvianoSansRegular', Arial, sans-serif;}
a {text-decoration: none !important;color: var(--mainColorLight);}
.commonText{font-family: 'RedHatDisplay', sans-serif !important;text-align: center;text-align: justify;  text-indent: 50px;}
.mainBgTopper{width: 100%;max-width: 1920px;height: auto;margin: 0 auto;  display: flex;  align-items: center;  justify-content: center;}
.logoOnlybgTop{max-width: 700px;}
/* Header */
.header {width: 100%;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);background-color: var(--mainColor);position: relative;z-index: 100;}
.event-text_Header {text-align: center;width: 100%;font-size: 24pt;color: #fff;}
.prgmName{color:var(--color2);text-transform: uppercase;font-family: 'AvianoSansRegular', Arial, sans-serif;}
/* Top section */
.top-bar {display: flex;justify-content: space-between;align-items: center;padding: 5px 30px;flex-wrap: wrap;max-width: 1830px;margin: 0 auto;}
.logo-date {display: flex;align-items: center;gap: 40px;z-index: 2;}
.logo {width: auto;max-height: 161px;}
.event-date {font-size: 35px;  color: #fff;  text-align: center;}
.ticket-box {text-align: center;}
.auction-btn{display: grid;gap: 10px;}
.ticket-box a:nth-child(2){display: none;}
.ticket-box.auction-btn a:nth-child(2){display: inherit;display: none;}
.tagline {display: block;font-size: 20pt;color: #fff;margin-bottom: 5px;text-align: center;text-transform: capitalize;}
.ticket-button,.ticket-button:hover {background-color: var(--color2);  background-image: var(--bgGradiantHorizontal);  color: var(--mainColor);  padding: 5px 25px;  display: inline-block;  font-size: 18pt;  text-transform: capitalize;}

/* Menu toggle */
.menu-toggle {display: none;background-color: transparent;color: #fff;font-size: 30px;border: none;padding: 10px 20px;position: absolute;top: 15px;right: 20px;z-index: 101;cursor: pointer;}
/* Navbar */
.navbar {background-color: var(--color2);background-image:var(--bgGradiantHorizontal) ;display: inherit;}
.navbar ul {list-style: none;margin: 0;padding: 0px 30px;display: flex;justify-content: center;gap: 48px;flex-wrap: wrap;}
.navbar ,.navbar a{color: var(--mainColor);text-transform: uppercase;font-size: 20px;}
.navbar a:hover {text-decoration: underline;}
.menu-close {display: none;position: absolute;top: 15px;right: 15px;font-size: 24px;color: #fff;background: none;border: none;cursor: pointer;padding: 10px;line-height: 1;z-index: 104;}

.dropdownmenu {  position: relative;  display: inline-block;}
.dropdown-content {  display: none;  position: absolute; background-color:var(--color2);background-image:var(--bgGradiantHorizontal) ;  min-width: 160px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 1;  right: -25px;white-space: nowrap;}
.dropdown-content a {  color: var(--mainColor);  padding: 12px 16px;  text-decoration: none; display: block;}
.dropdown-content a:hover {background-color:var(--color2Light);}
.dropdownmenu:hover .dropdown-content {display: block;}
.dropdownmenu i{position: absolute;  top: 6px;  right: -20px;}
.mobilepullmenu{display: none;}

/* Video background styling */
.video-background {position: absolute;left: 0;width: 100%;height: calc(100% - 217px);;object-fit: cover;z-index: -1;/* Send video behind the content */
}
/* Overlay styling */
.overlay {position: absolute;top: 0;left: 0;width: 100%;background: rgba(0, 0, 0, 0.5);}
/* Content styling */
.content {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;color: white;padding: 20px;height: calc(100vh - 217px);}
.menu-container {background-color: var(--mainColor);height: 50px;}
/* Heading styles */
h1 {font-size: 3.5em;font-weight: bold;margin: 0;color:var(--color2) !important;text-align: center;text-transform: uppercase;}
p {font-size: 1.3em;margin: 20px 0 0;}
/* Button container */
.button-container {position: absolute;bottom: 20px;width: 100%;text-align: center;}
/* Play/Pause button styling */
.play-pause-button {padding: 15px 30px;font-size: 1.2em;font-weight: bold;color: white;background-color: rgba(0, 0, 0, 0.6);border: 2px solid white;border-radius: 5px;cursor: pointer;text-transform: uppercase;transition: background-color 0.3s, color 0.3s;}
.play-pause-button:hover {background-color: white;color: black;}
.section-row {display: flex;flex-wrap: wrap;gap: 20px;padding: 20px;background-color: #f9f9f9;}
.footer-ul {list-style-type: none;}

.main-links {color: var(--mainColor);font-size: 18pt;font-weight: bold;text-transform: uppercase;display: flex;justify-content: center;align-items: center;gap: 35px;padding: 40px 0px;font-family: 'GothamMedium';}
.main-links a, .main-links a:hover{color: var(--mainColor);font-size: 18pt;font-weight: bold;text-transform: uppercase;}
.main-links-individual {text-shadow: 0px 0px 7px #FFF;}


.CountdownTitle {text-align: center;color: var(--mainColor);margin-top: 75px;}
.footerConterntWrpapper {justify-content: center;align-items: center;}
.countdownFooter {margin: 0;padding: 10px 40px;display: flex;justify-content: center;align-items: center;order: 2;}
.countdown-container {display: flex;gap: 30px;flex-wrap: wrap;justify-content: center;  align-items: center;}
.countdown-circle {width: 200px;height: 200px;position: relative;text-align: center;}
.countdown-circle svg {width: 100%;height: 100%;transform: rotate(-90deg);}
.countdown-circle circle {fill: none;stroke-width: 2;stroke: #eee;padding-top: 0;}
.countdown-circle .progress {stroke: #000;stroke-dasharray: 251.2;stroke-dashoffset: 251.2;transition: stroke-dashoffset 0.5s ease;}
.countdown-circle .value {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
.countdown-circle .number {font-size: 60px;font-weight: bold;color: var(--mainColor);}
.countdown-circle .label {position: absolute;bottom: -60px;left: 50%;transform: translateX(-50%);font-size: 13px;color: var(--mainColor);}
.social-icons {display: flex;justify-content: center;align-items: center;gap: 35px;margin: 25px 0;flex-wrap: wrap;order: 1;}
.social-icons .icon {width: 60px;height: 60px;background-color: var(--mainColor);color: white;font-size: 44px;border-radius: 50%;display: flex;align-items: center;justify-content: center;text-decoration: none;transition: transform 0.3s ease, background-color 0.3s ease;}
.social-icons .icon:hover {transform: scale(1.1);background-color: #4768df;/* Slightly darker on hover */}
.footercopyright {text-align: center;padding: 15px 0px;order: 3;}
.copyright {font-size: 12pt;color: var(--mainColor);font-family: sans-serif;}
.newsletter{padding: 30px 10px 0px;}
.newsletter h3 {    font-size: 1.5rem;text-align: center;}
.subscribe-form {  display: flex;  justify-content: center;  flex-wrap: wrap;  gap: 10px;  margin-top: 10px;}
.subscribe-form input[type="email"] {  padding: 10px 15px;  border: 1px solid #c4c2c2;  border-radius: 5px;  width: 250px;  max-width: 100%;  font-size: 1rem;}
.subscribe-form button {  padding: 10px 20px; background-color:var(--color2);background-image:var(--bgGradiantHorizontal) ;  color:var(--mainColor);  border: none;  border-radius: 5px;  font-size: 1rem;  cursor: pointer;  transition: background-color 0.3s ease;}
.subscribe-form button:hover {  background-color:var(--color2);background-image:var(--bgGradiantHorizontal) ;}
.newsletterSubscribe{ padding: 10px 20px; background-color:var(--color2);background-image:var(--bgGradiantHorizontal) ;  color: var(--mainColor);  border: none;  border-radius: 5px;  font-size: 1rem;  cursor: pointer;  transition: background-color 0.3s ease;max-width: fit-content; margin: 0 auto;text-align: center;}
#backToTopBtn {  display: none;   position: fixed;  bottom: 40px;  right: 30px;  z-index: 99;  font-size: 16px;  border: none;  outline: none;  background-color: #555;  color: white;  cursor: pointer;  padding: 12px 18px;  border-radius: 8px;  box-shadow: 0px 4px 8px rgba(0,0,0,0.2);  transition: background-color 0.3s;}
#backToTopBtn:hover {  background-color: #333;}

.mainContentcenter {width: 100%;background-color: #0d335a;background-image: url('/images/Home-BG.jpg');background-position: bottom;background-repeat: no-repeat;background-size: 100%;}
.ContentWrapper {max-width: 1500px;margin: 0 auto;width: 100%;}
.ConterntInner {width: 100%;padding: 0px;text-align: center;}
.ShowContainerWrapper {width: 100%;justify-content: center;align-items: top;}
.showslide {max-width: 33.333%;padding: 10px;margin-top: -50px;cursor: pointer;}
.showslide img {width: 100%;border: 1px solid var(--color2);}
.showName {text-align: center;font-size: 13pt;padding: 7px 0px;color: #fff;}
.sponcersContainer {text-align: center;}
.titlesponser{width: calc(35% - 10px);}
.maincenterLogo {padding: 30px 1px 5px;}
.maintitleWrapper {padding: 20px 0 0 0px;}
.maintitles {font-size: 30pt;text-transform: uppercase;color: #fff;font-weight: bold;font-family: 'GothamMedium', sans-serif;letter-spacing: 3px;}
.MainTexts{font-size: 19pt;text-transform: uppercase;color: #fff;font-weight: bold;font-family: 'GothamMedium', sans-serif;letter-spacing: 2px;}
.maintitleWrapper .ticket-button{border: 1px solid #fff;  border-radius: 6px;  min-width: 200px;  margin-bottom: 40px;}
.maintitleWrapper .ticket-button.Donate-btn{  margin-bottom: 0px;color: var(--mainColor);font-weight: bold;}
.mainTextColor{color: #000;}
.powered-by-line-block {display: flex;align-items: center;justify-content: center;gap: 15px;}
.gold-line {height: 2px;background-color:var(--color2);background-image:var(--bgGradiantHorizontal) ;flex: 1;width: 100%;}
.goldstipte-spacer{margin-top: 25px;}
.powered-by-logo {max-width: 240px;display: block;margin: 0px;}
.powered-by-Gtlogo{margin: 12px;}
.logo-text {font-size: 12px;letter-spacing: 1.5px;line-height: 1.4;}
.brand-logos{padding-top: 75px;}
.section-title {font-size: 22pt;margin: 70px 0 5px;;text-transform: capitalize;letter-spacing: 2px;color: #fff;}
.logos {display: flex;flex-wrap: wrap;justify-content: center;gap: 40px;margin: 40px auto;max-width: 1200px;}
.logo-container {margin: 0px;text-align: center;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.logo-container div {flex-basis: auto;  -ms-flex-positive: 1;  flex-grow: inherit;  width: min-content;  padding: 20px 50px;}
.logo-container img {width: auto;transition: transform 0.3s ease;display: flex;gap: 30px;flex-wrap: wrap;margin: 0 auto;max-height: 102px;height: 100%;}
.logo-container span {width: 100%;}
.logo-container img:hover {transform: scale(1.05);}
.bottom-links {margin-top: 60px;font-size: 0.9em;display: flex;justify-content: center;align-items: center;gap: 20px;}
.bottom-links a {color: #e0c36e;text-decoration: none;}
.bottom-links img {width: 20px;height: 20px;vertical-align: middle;}
.footerbottomSpace {height: 40px;}
.itinerary-button-Wrapper {padding: 50px 0px;}
.itinerary-button,.itinerary-button:hover {background-color: #000;color: #fff;padding: 10px 16px;font-weight: bold;display: inline-block;max-width: 650px;width: 100%;font-size: 18pt;}
.carbgheight {height: 145vh;}

.PoweredbyFooter{color: #000;}
.copyrightNotice{font-size: 10pt; margin: 0 auto;max-width: 1256px; padding:0px 10px 15px;text-align: center;}
.PageHome .copyrightNotice{padding-top: 30px}

.mainContentWrapper{max-width: 1256px;width: 100%;margin: 0 auto;padding: 45px 15px;}
.MainInnerContentWrapper{width: 100%; }


/*Accommodations */
.card-title {margin-bottom: 1rem;margin-top: 1rem;text-align: center;}
.hotel-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 20px;margin: 20px 0;}
.hotel-card {border: 1px solid #ccc;border-radius: 8px;overflow: hidden;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);transition: transform 0.2s ease, box-shadow 0.2s ease;text-decoration: none;color: inherit;height: auto;}
.hotel-card:hover {box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);}
.hotelcard-action{font-family: Arial, sans-serif;font-size: 1.5em;margin: 10px 0 10px;}
.hotel_img{width: 100%;}
.hotel-info {padding: 15px;text-align: center;}
.hotel-info h3 {margin: 10px 0;font-size: 1.1em;color: #333;}
.hotel-info p {margin: 5px 0;font-size: 1em;color: #666;}
.additional-options {text-align: center;background-color: var(--mainColor);color: #fff;padding-top: 8px;height: 150px; font-size: 3.5em;margin: 20px 0;background-image: var(--bgGradiantHorizontal_maincolor);border-radius: 8px;line-height: 140px;}
.card-logoImage{width: 100%;height: auto;max-width: 375px;}
.cardlogoalign{text-align: center;width: 100%;}
.pricealign{text-align: center;}
.additional-options-text {cursor:pointer;text-decoration:none;}
.nfaccommodationbtn {text-align: center;background-color: var(--color2);color: #fff;padding-top: 8px;height: 90px; font-size: 2.5em;margin: 20px 0;background-image:var(--bgGradiantHorizontal) ;border-radius: 8px;line-height: 75px;}

/*Accommodations End */


.charity-section {text-align: center;}
.org-block-Container{display: flex;  flex-wrap: wrap;  gap: 20px;  justify-content: center;  margin-top: 10px;}
.org-block {background: #fff;border-radius: 12px;padding: 30px;margin-bottom: 30px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);padding: 20px;text-align: center;width: calc(50% - 10px);}
.org-block h4 {font-size: 1.4rem;margin-bottom: 15px;font-weight: 500;}
.org-block img {max-width: 300px;float: right;float: none;display: block;margin: 0 auto 20px auto;width: 100%;}
.org-block a {color: #007bff;text-decoration: none;word-break: break-word;font-weight: 500;}
.org-block a:hover {text-decoration: underline;}
.contact-info {margin-top: 10px;font-size: 1rem;color: #555;line-height: 1.5;font-size: 0.95rem;}


/* About Section */
.about-section {text-align: center;}
/* Event Highlights */
.highlights {background-color: #f9f9f9;padding: 30px 0;}
.highlights h2 {text-align: center;font-size: 36px;margin-bottom: 40px;}
.highlight-cards {display: flex;flex-wrap: wrap;justify-content: center;gap: 30px;}
.card {background: #eeeeee;border-radius: 8px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);width: 225px;padding: 8px;text-align: center;}
.card h3 {color: #222;font-size: 24px;background: #fff;padding: 15px;}
.card p {color: #222;font-size: 16px;text-shadow:none;}
/* About Section */


.newsletterSubcribeBox {display: flex;align-items: center;justify-content: center;gap: 1rem;background-color: #ffffff;color: var(--mainColor);width: 700px;max-width: 60rem;border-radius: 10px;}
.newsletterSubcribeBox{border: 1px solid #ddd;border-radius: 5px;overflow: hidden;margin-bottom: 20px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.text-container {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;}
.desktop-graphic {display: block;width: 50%;height: 100%;}
.title {text-align: center;  font-size: 25pt;  margin-bottom: 20px;  font-weight: bold;}
.description {margin-bottom: 20px;}
.newsletterSubcribe li {list-style: disclosure-closed;margin-bottom: 15px;font-family: 'RedHatDisplay', sans-serif ;}
.newsletterSubcribe li img {width: 1rem;height: auto;margin-right: 0.7rem;}
.newsletterSubcribe label {align-items: center;font-weight: bold;justify-content: space-between;width: 100%;margin-top: 15px;font-size: 0.8rem;text-align: center;}
#error-message{color: red;font-size: 12pt;}
.email-input {padding: 10px;border: 1px solid #9294a0;border-radius: 5px;cursor: pointer;width: 100%;}
.subscribe-btn {display: block;font-size: 1rem;width: 100%;border: none;text-align: center;border-radius: 8px;margin-top: 20px;padding: 10px;font-weight: bold;background-color: var(--color2);background-image: var(--bgGradiantHorizontal);color:var(--mainColor);cursor: pointer;transition: all 0.3s;}
/*.subscribe-btn:hover {background-color: var(--mainColorLight);color: #ffffff;}*/
.graphic-container {width: 50%;height: 100%;object-fit: cover;}
.newsletterSubcribe form {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;}
.mobile-graphic {display: block;width: 100%;}
.attribution {font-size: 11px;text-align: center;position: absolute;bottom: 5px;width: 100%;}
.attribution a {color: #9294a0;}
.newsletterSubcribePage .newsletter {display:none ;}
.newsletterSubcribePage .form-container {background-color: #fff;padding: 25px 30px;border-radius: 10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);width: 100%;max-width: 400px;}
.newsletterSubcribePage label {display: block;margin-bottom: 6px;font-weight: 500;color: #444;text-align: left;}
.newsletterSubcribePage input[type="text"],.newsletterSubcribePage input[type="email"] {width: 100%;padding: 10px 12px;margin-bottom: 15px;border: 1px solid #ccc;border-radius: 8px;font-size: 15px;transition: border 0.3s;}
.newsletterSubcribePage input:focus {border-color: #007bff;outline: none;}
@media (max-width: 768px) {
.newsletterSubcribeBox {flex-direction: column;flex-direction: column-reverse;width: 100%;}
.text-container {width: 100%;align-items: flex-start;padding: 1rem;}
.mobile-graphic {width: 100%;}
.desktop-graphic {display: none;}
.mobile-graphic {display: block;}
.newsletterSubcribePage .modal {border-radius: 0;}
.newsletterSubcribePage .modal-dialog {width: 100%;height: 100%;padding: 1rem;}
.newsletterSubcribePage .modal-content {height: 100%;display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
}
@media (min-width:768px) {
.newsletterSubcribeBox {padding: 15px 15px 50px 15px;    width: 100%;}
.desktop-graphic {display: block;width: 50%;height: 100%;}
.mobile-graphic {display: none;}
.modal-dialog {border-radius: 10px;}
}
.newsletterSubcribePage .hidden {display: none;}
.newsletterSubcribePage .modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);justify-content: center;align-items: center;}
.newsletterSubcribePage .modal-dialog {background-color: #ffffff;  color: var(--mainColor);  max-width: 600px;  width: 100%;  padding: 1.5rem;}
.newsletterSubcribePage .modal-content {text-align: left;padding: 30px;}
.newsletterSubcribePage .success-description {font-size: 0.9rem;line-height: 1.5;}
.newsletterSubcribePage .success-icon {width: 50px;height: auto;}
.newsletterSubcribePage .success-title {font-family: 'Roboto-Bold', sans-serif;font-size: 2.1rem;margin-bottom: 20px;margin-top: 20px;text-align: center;}
.newsletterSubcribePage .success-description .bold {font-weight: bold;}


.instagram-media{margin: 0 auto !important;}
.instagramfeeds{display: flex;  justify-content: center;  align-items: flex-start;  gap: 15px;flex-wrap: wrap;}
.instagramfeed-column{width: calc(33.33% - 10px);}
.instagramfeed-column iframe{min-width: 200px !important;}


.button-group {display: flex;gap: 10px;padding: 20px 20px 30px;  flex-wrap: wrap;   margin: 0 auto;}
.button-group a {      flex: 1 1 30%;      text-decoration: none;    }
.button-group .reg-button {  width: 100%; background-color:var(--color2);background-image:var(--bgGradiantHorizontal) ;border: none;border-radius: 8px;color:var(--mainColor);cursor: pointer;transition: background-color 0.3s;padding: 10px;text-transform: uppercase;white-space: nowrap;max-width: 350px;}
.button-group .reg-button:hover {background-color:var(--color2Light);}

.pageSponsors .section {background: #fff;margin: 20px auto;padding: 20px;border-radius: 12px;max-width: 1256px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
.pageSponsors h2{text-align: center;}
.logo-grid {display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;margin-top: 10px;}
.logo-item {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 15px;}
.logo-item img {max-width: 227px;max-height: 100px;width: auto;height: auto;object-fit: contain;}
.logo-item div {margin-top: 8px;font-size: 14px;color: #333;}
.note {font-size: 0.9em;color: #555;text-align: center;margin-top: 10px;}


.feed-item {border-bottom: 1px solid #eee;padding: 10px;margin: 5px 0;display: flex;gap: 20px;width: 50%;}
.message-container {flex: 1;background: #f8f9fa;padding: 10px;border-radius: 4px;}
.timestamp {color: #666;font-size: 0.8em;margin-bottom: 5px;}
.livefeedConteiner{padding-top: 0;padding-bottom: 0px;}
.livefeedConteiner .mainContentWrapper {padding-top: 0;padding-bottom: 0px;}

#itinerary .itineryContainer{gap: 12px;}
#itinerary .card-margin{padding: 0px;max-width: calc(25% - 9px);}
.itinerary-event-date{font-size: 16pt;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  background-color: var(--mainColor);
  color: #fff;
  padding: 12px 5px;
  margin: 0;
  text-align: center; padding: 12px 5px;}
.a_tag_color {color: var(--color2) !important;font-family: 'RedHatDisplay', sans-serif !important;}
.a_tag_color:hover {color: var(--color2) !important;}


.evtrow_wrap {
    align-items: center;
    margin-bottom: 10px;
}
.evtrow_wrap label {
    margin: 0px;
}
.evtrow_wrap input[type="text"],
.evtrow_wrap select {
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    background-color: #f4f4f4;
}

.evtrow_wrap input[type="text"]:focus,
.evtrow_wrap select:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

.mrdn_tckt_dd {
    color:#444;
    display: flex;
    justify-content: space-between;
    align-items: center;padding-top: 15px;
}
.evnt-button{background-color: var(--color2);  background-image: var(--bgGradiantHorizontal);  color: var(--mainColor);  padding: 5px 15px;  display: inline-block;  font-size: 14pt;  text-transform: capitalize;  width: 100%;  max-width: 170px;}

#Navigation{display: flex;  justify-content: center;  gap: 10px;margin: 20px 0px;}
#Navigation div{width: 140px;}
#Navigation div a{display: inline-block;  padding: 8px 16px;  color: #000;  border-radius: 4px;width: 100%;text-align: center;}

@media (min-width: 1900px) {
 .carbgheight {}
}
@media (max-width: 1900px) {
  .event-date {font-size: 2vw;}
  .ticket-button,.ticket-button:hover {font-size: 1.1vw;}
  .tagline {font-size: 1.5vw;}
  .navbar ,.navbar a {font-size: 18px;}
  .logo {height: 10vw;}
  .logo-date {gap: 2vw;}
  
}
@media (max-width: 1800px) {
  .carbgheight {height: 150vh;}
  .social-icons {gap: 15px;}
  .social-icons .icon {width: 50px;height: 50px;font-size: 28px;}
  .countdown-container {gap: 10px;}
  .countdown-circle {width: 120px;height: 120px;}
  .countdown-circle .number {font-size: 32px;}
  .footerbottomSpace {    height: 40px;  }
}
@media (max-width: 1500px) {
  .carbgheight {height: 125vh;}
  .logo-container div {   padding: 20px 20px;  }
  .logo-container img {    height: 7vw;  }
}
@media (max-width: 1200px) {
  .navbar ,.navbar a {font-size: 1.4vw;}
  .navbar ul {gap: 5vw;padding: 0vw 0px;}
  .maintitles {font-size: 3.4vw;}
  .countdownFooter {order: 1;width: 100%;}
  .social-icons {order: 2;width: 100%;margin:25px 0px 10px;}
  .footercopyright {order: 3;width: 100%;}
  .countdown-circle .label {position: absolute;bottom: -50px;}
  .carbgheight {height: 110vh;}
  .priviteevnttktbtns .col-12{padding: 0px;}
}
@media (max-width: 1100px) {
  .carbgheight {height: 90vh;}
}
@media (max-width: 992px) {
  .logo {height: 7vw;}
  .logo-date {gap: 1.2vw;}
  .logoarrow {width: 12px;}
  .ticket-button,.ticket-button:hover {font-size: 1.75vw;padding: 10px 10px;}
  .tagline {font-size: 1.5vw;}
  .top-bar {padding: 15px 20px;}
  .footerbottomSpace {height: 30px;}
  .carbgheight {height: 55vh;}
  .logo-item {  padding: 5px;}
    .logo-container div {    padding: 20px 10px;  }
    .logo-container span div{height: 5px !important;padding: 0px !important;}
  .logo-item img {width: 17vw;min-width: 100px;}

  .CaptchaEnter{ flex-wrap: wrap;}
   #imagecheck {    width: 100% !important;    flex: 1 1 100%;  }
   .feed-item {  width: 100%;padding: 10px 0px;  margin: 0;}

   #itinerary .card-margin{max-width: calc(50% - 6px);}

   .titlesponser{width: calc(50% - 10px);}
   .modal-header i {  color: #fff; font-size: 28pt;}
}
@media (max-width: 768px) {
  .logo {height: 64px;}
  .logo-date {gap: 10px;}
  .logo-right{display: none;}
  .event-headers{position: absolute;width: 100%;}
  .tagline {font-size: 10pt;}
  .ticket-button ,.ticket-button:hover{font-size: 12pt;}
  .evnt-button,.evnt-button:hover{font-size: 11pt;max-width: 140px;}
  .video-background {    height: calc(100% - 190px);  }
  .content {    height: calc(100vh - 277px);  }
  .tagline {font-size: 10pt;}
  .top-bar {gap: 10px;padding-right: 15px;position: relative;padding-left: 15px;}
  .ticket-box {text-align: center;width: 100%;}
  .event-date {font-size: 22px;position: absolute;left: calc(50% - 148px);top: 25px;}
  .navbar {position: fixed;top: 0;right: 0;width: 220px;height: auto;background-color: var(--mainColor);transform: translateX(100%);transition: transform 0.3s ease, visibility 0s linear 0.3s;padding: 60px 20px 20px;box-shadow: -2px 0 6px rgba(0, 0, 0, 0.15);z-index: 103;visibility: hidden;border-radius: 8px 0 0 8px;}
  .navbar.active {transform: translateX(0%);transition: transform 0.3s ease, visibility 0s linear 0s;visibility: visible;}
  .menu-close {display: block;position: absolute;top: 15px;right: 15px;font-size: 24px;color: #fff;background: none;border: none;}
  .menu-close:hover {color: #ffdddd;}
  .menu-toggle {display: block;position: absolute;top: 15px;right: 0px;font-size: 28px;background: none;border: none;z-index: 102;}
  .navbar ul {display: flex;flex-direction: column;gap: 10px;padding: 0;margin: 0;}
  .navbar ul li a,.navbar ul li {display: block;width: 100%;padding: 7px 0;color: #fff;font-size: 10pt;}
  .dropdownmenu i{padding-left: 15px;    position: inherit;    right: 0px;    top: 2px;}
  .navbar ul li.mobilepullmenu, .navbar ul li.mobilepullmenu a{display: inherit;padding: 0 0px 5px 10px;}
  .dropdownmenu:hover .dropdown-content {display: none;}
  h1 {font-size: 3em;}
  p {font-size: 1.2em;}
  .play-pause-button {padding: 10px 20px;font-size: 1em;}
  .section-title {    font-size: 18pt;  }
  .logo-container {gap: 20px;margin: 0 5px;}
  .logo-container div {    padding: 0px 0px;  }
  .logo-container img {height: 80px;padding: 10px 3px;}
  .showslide {max-width: 50%;flex: 0 0 50%;margin-top: 0px;}
  .maintitles {font-size: 3.15vw;padding-bottom: 20px;}
  .main-links {flex-wrap: wrap;    gap: 0px;    padding: 20px 0px;}
  .main-links {       padding: 15px 0px;  }
  .main-links a, .main-links a:hover {        gap: 15px;    padding: 15px 0px;  font-size: 15pt;}
  .main-links-individual {flex: 0 0 100%;text-align: center;padding: 15px 0px;}
  .carbgheight {height: 70vh;}
   .event-text_Header {font-size: 20px;}   
   .additional-options {  padding: 10px 0;  font-size: 4.8vw;height: 100px;line-height: 90px;}
   .org-block {width: calc(100% - 10px);}
   .instagramfeed-column {  width: calc(50% - 10px);}
   .feed-item {  width: 100%;}

  .CountdownTitle {  margin-top: 0px;}
  .copyrightNotice {  font-size: 9pt;}

  .logo-item{width: calc(50% - 10px);}

  .evtrow_wrap .buyticketwrap{flex: 50%;
  max-width: 50%;
  text-align: center;
  margin-top: 5px;}
  .evtrow_wrap {
  align-items: center;
  margin-bottom: 10px;
  justify-content: flex-end;
}
.evtrow_col2{
  flex: 50%;
  max-width: 50%;
}

}
@media (max-width: 650px) {
  .carbgheight {height: 50vh;}
}
@media (max-width: 576px) {
  .CountdownTitle .h2,.CountdownTitle h2 {    font-size: 5.5vw;  }
  .h2, h2 {    font-size: 1.5rem;  }
  h1 {font-size: 2em;}
  p {font-size: 1em;}
  .play-pause-button {padding: 8px 15px;font-size: 0.9em;}
   .tagline {    font-size: 9.5pt;  }
  .event-date {font-size: 20px;    width: max-content;    left: calc(50% - 140px);} 
  .logo-row img {height: 40px;}
  .social-icons .icon {width: 50px;height: 50px;font-size: 20px;}
  .copyright {font-size: 14px;}
  .countdown-container {gap: 0px;}
  .countdown-circle {width: 70px;height: 70px;}
  .countdown-circle circle,
  .countdown-circle .progress {stroke-width: 4;}
  .countdown-circle .progress {stroke-dasharray: 188.4;/* 2πr for r = 30 */}
  .countdown-circle .number {font-size: 14px;}
  .countdown-circle .label {font-size: 10px;bottom: -30px;}
  .showslide {max-width: 407px;flex: 0 0 100%;}
  .logo-container div {    padding: 0px;  }
  .maincenterLogo img {width: 150px;}
  .maintitles {font-size: 6.1vw;padding-bottom: 20px;}
  .main-links {font-size: 14pt;}
  .carbgheight {height: 55vh;}
  .social-icons {    margin: 25px 0px 15px;  }
  .event-text_Header {font-size: 14px;}
  .button-group a {        flex: 1 1 100%;      }
  .org-block h4 {        font-size: 1rem;      }
  .contact-info {        font-size: 0.9rem;      }
  .instagramfeed-column {  width: calc(100%);}
  .logo-container {    gap: 0px;  }
  .priviteevnttktbtns .col-12 {    padding: 0px;    padding-bottom: 0px;    display: flex;    flex-wrap: wrap;   gap: 10px;    justify-content: center;    padding-bottom: 15px;  }
  .priviteevnttktbtns button{width: auto;    margin: 0px;}
  
  .evtrow_col1,.evtrow_col2, .evtrow_wrap .buyticketwrap{  flex: 100%;  max-width: 100%;}
  .evtrow_col2{justify-content: space-around;}
}
@media (max-width: 450px) {
   .event-date {    position: relative;    top: 0;width: 100%;    margin: 0 auto;    left: 0;  }
  .carbgheight {height: 35vh;}
  #itinerary .card-margin{max-width: calc(100%);}
  .titlesponser{width: calc(100%);}
}
@media (max-width: 360px) {
   .event-date {
    position: relative;
    width: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    font-size: 7vw;
  }
   .ticket-button, .ticket-button:hover {
    font-size: 4.5vw;
  }
    .evnt-button,.evnt-button:hover{font-size: 10pt;}
}
:root {
--mainColor: #1d295b;
--mainColorLight:#2b3990;
--color2:#d19f2a;
--color2Light:#e8bd1f;
--bgGradiantHorizontal:linear-gradient(0deg,#d19f2a 50%,  #e8bd1f 100%, #d19f2a 50%);
--bgGradiantHorizontal_maincolor:linear-gradient(0deg, #1D295B 0%, #2B3990 50%, #1D295B 100%);
}