<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*** Spinner Start ***/
#spinner {
  opacity: 0;
  visibility: hidden;
  transition: opacity .8s ease-out, visibility 0s linear .5s;
  z-index: 99999;
}

#spinner.show {
   transition: opacity .8s ease-out, visibility 0s linear .0s;
   visibility: visible;
   opacity: 1;
}
/*** Spinner End ***/

.nav-pills .nav-link {
  border-radius: 0;
  background-color: #e2e2e2;
  height: 13vh;
}
.nav-pills .nav-link.active {
  background-color: red;
  color: #fff !important;
  position: relative;
}
.nav-pills .nav-link.active::after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid red
  ;
}
.event {
  padding: 15px;
  border-bottom: 1px solid #e2e2e2;
}
.event:last-child {
  border-bottom: none;
}
.event-title {
  font-weight: bold;
  color: #5a2d82;
}



/* *** Navbar Start *** */
.navbar_btn {
  background: transparent;
  position: relative;
  padding: 5px 30px;
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid rgb(255,0,0);
  border-radius: 6rem;
  outline: none;
  overflow: hidden;
  /* color: rgb(255,0,0); */
  color: white;
  transition: color 0.3s 0.1s ease-out;
  text-align: center;
}

.navbar_btn span {
  margin: 10px;
}

.navbar_btn::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: '';
  border-radius: 50%;
  display: block;
  width: 20em;
  height: 20em;
  left: -5em;
  text-align: center;
  transition: box-shadow 0.5s ease-out;
  z-index: -1;
}

.navbar_btn:hover {
  color: #fff;
  border: 1px solid rgb(255,0,0);
}

.navbar_btn:hover::before {
  box-shadow: inset 0 0 0 10em rgb(255, 0, 0);
}

.video-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.nav-item .navbar_link {
  color: white !important;
  font-weight: bold;
  padding: 20px;
}

.nav-item .navbar_link:hover{
  color: red !important;
}

#navbar-button{
  padding: 8px 20px;
  background-color: transparent;
  color: white;
  border-radius: 6rem;
  border: 2px solid red ;
}

.video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.navbar-custom {
  /* background-color: rgba(0, 0, 0, 0.5) !important; */
  border-bottom: 2px solid red;
  position: absolute;
  top: 0;
  width: 89%;
  z-index: 2;
  color: white;
}

/* .navbar-nav-center {
  margin: 0 auto;
} */

/* .navbar-nav-right {
  margin-left: auto;
} */

.navbar-toggler {
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.centered-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
  /* font-size: 3vw; */
  z-index: 1;
}

.centered-text h1{
  font-size: 4rem;
  color:  black;
  margin-top: 2rem;
}

.centered-text p{
  margin-top: 2rem;
}

.centered-text button{
  padding: 10px 30px;
  background-color: transparent;
  color: black;
  border-radius: 6rem;
  border: 2px solid red ;
  margin-top: 2rem;

}

@media (max-width: 768px) {
  .centered-text {
      font-size: 5vw;
  }

  .navbar-custom{
      background-color: black !important;
  }
  .navbar_btn{
      margin-left: 10px;
    }

    .features{
      margin-left: -12px;
    }
}

/* Tablets and small desktops */
@media (min-width: 577px) and (max-width: 768px) {
/* Styles for tablets and small desktops */
}

/* Medium devices (laptops/desktops) */
@media (min-width: 769px) and (max-width: 992px) {
/* Styles for laptops/desktops */
.navbar-custom{
  background-color: black !important;
  width: 89%;
}

.group_footer{
  margin-bottom: -150px;
}

.winner_chart{
  display: none;
}
}

/* Large devices (large desktops) */
@media (min-width: 993px) and (max-width: 1200px) {
/* Styles for large desktops */
.navbar-custom{
  /* background-color: black !important; */
  width: 99%;
}

.button_winner{
  display: none;
}


}

/* Extra large devices (extra large desktops, TVs) */
@media (min-width: 1201px) and (max-width: 1800px) {
/* Styles for extra large desktops */
.navbar-custom{
  width: 79% !important;
}

.nav-item{
  position: relative;
  left: 5px;
}
.button_winner{
  display: none;
}

}

/* Ultra large devices (ultra large desktops, large TVs) */
@media (min-width: 1401px) {
/* Styles for ultra large desktops and large TVs */
.navbar-custom{
  width: 59%;
}

.nav-item{
  position: relative;
  right: 10px;
}

.sponser_img_1{
  position: relative;
  bottom: -150px;
}
/* .co_sponsore_img{
  margin-bottom: -110px;
} */
.button_winner{
  display: none;
}
}



/*** Single Page Hero Header Start ***/
.bg-breadcrumb {
  /* background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../images/about-bg-2.jpg); */
  background-color: black;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 0 0 0;
  height: 68vh;
}
/*** Single Page Hero Header End ***/


/*** About Start ***/
.about .tab-class .nav .nav-item a.active {
  background-color: transparent;
  border: 2px solid red !important;
  border-radius: 10px;
  color: red;
}

.about .tab-class .nav .nav-item a{
  border-radius: 10px;
  font-weight: bold;
  color: black;
}

.tab-class{
  background-color: #d2d3d3;
  backdrop-filter: blur(30px) !important;
  box-shadow: 0px 0px 30px rgba(227, 228, 237, 0.37);
  border: 2px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
}

.about_btn button{
  padding: 10px 30px;
  border: none;
  background-color: transparent;
  border-color: #f8b864;
  transition: 0.5s;
  font-weight: bold;
  border: 2px solid red;
  border-radius: 6rem;
}

.about_title{
  color: red;
  font-weight: bold;
}

/*** About End ***/
/*** Members information start ***/
.features {
  margin-top: 60px;
  /* background: url("../images/bg/v175_501.png") no-repeat; */
}

.feature-item {
  flex-basis: 33.33%;
  margin: 0px 10px;
  padding: 40px 30px;
  /* background-color: #fff; */
  border-radius: 15px 15px 15px 15px;
  /* box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1); */
}

.feature-item .feature-icon i {
  font-size: 50px;
  color: #223a66;
}

.feature-item h4 {
  color: #223a66;
}

.feature-item p {
  font-size: 14px;
}

.feature-section.border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.w-hours li {
  padding: 6px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}




/*** Footer Start ***/
.footer {
  border-top: 3px;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: dotted;
  border-color: var(--bs-light);
}
.footer .footer-item a,
.footer .footer-item p {
  line-height: 35px;
  color: var(--bs-body);
  transition: 0.5s;
  color: white;
  text-decoration: none;
}

.footer .footer-item a:hover {
  color: red;
  letter-spacing: 1px;
}

.footer .footer-item .footer-gallery {
  position: relative;
  overflow: hidden;
}

.footer .footer-item .footer-gallery img {
  width: 300px;
  height: 120px;
  transition: 0.5s;
}

.footer .footer-item .footer-gallery:hover img {
  transform: scale(1.2);
}

.footer .footer-item .footer-gallery .footer-search-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
  opacity: 0;
}

.footer .footer-item .footer-gallery:hover .footer-search-icon {
  opacity: 1;
  background: rgba(0, 0, 0, .6);
}
/*** Footer End ***/

/*** copyright Start ***/
.copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: var(--bs-dark) !important;
}
/*** copyright end ***/

.schedule_vid_mini{
  display: none;
}


@media (max-width: 576px) {
/* Styles for mobile devices */
.navbar-custom{
  background-color: black;
  width: 89%;
  margin-left: 10px;
}

.navbar_btn{
  width: 48%;
  margin-left: 8px;
}

.navbar_link{
  position: relative;
  left: 60px;
}
.bai_img{
  margin-top: 10px;
}

.schedule_vid{
  display: none;
}
.schedule_vid_mini{
  display: block;
  margin-right: 90px;
}

.si_2 img{
  position: relative;
  top: 40px;
}
.si_3 img{
  position: relative;
  top: 80px;
}

.group_footer{
  margin-top: 130px;
}

.cs_2 img{
  position: relative;
  top: 30px;
}

.winner_chart{
  display: none;
}
}

.bai_img{
position: relative;
top: 5px;
}


/* ///////////////////////Sponser Logo start///////////////////// */

/* .sponser_section {
height: 600px;
margin: 0;
display: grid;
grid-template-rows: 500px 100px;
grid-template-columns: 1fr 30px 30px 30px 30px 30px 1fr;
align-items: center;
justify-items: center;
overflow-x: hidden;
}
main#carousel {
grid-row: 1 / 2;
grid-column: 1 / 8;
width: 100vw;
height: 500px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
transform-style: preserve-3d;
perspective: 600px;
--items: 5;
--middle: 3;
--position: 1;
pointer-events: none;
}

div.item {
position: absolute;
width: 300px;
height: 400px;
--r: calc(var(--position) - var(--offset));
--abs: max(calc(var(--r) * -1), var(--r));
transition: all 0.25s linear;
transform: rotateY(calc(-10deg * var(--r)))
    translateX(calc(-300px * var(--r)));
z-index: calc((var(--position) - var(--abs)));
}

div.item:nth-of-type(1) {
--offset: 1;
background-image: url('../images/Sponser_logo/Elecon_logo_1.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

div.item:nth-of-type(2) {
--offset: 2;
background-image: url('../images/Sponser_logo/Elecon_logo_2.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

div.item:nth-of-type(3) {
--offset: 3;
background-image: url('../images/Sponser_logo/Elecon_logo_3.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

div.item:nth-of-type(4) {
--offset: 4;
background-image: url('../images/Sponser_logo/Atlanta_logo.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

div.item:nth-of-type(5) {
--offset: 5;
background-color: #e9ff70;
}

input:nth-of-type(1) {
grid-column: 2 / 3;
grid-row: 2 / 3;
}

input:nth-of-type(1):checked ~ main#carousel {
--position: 1;
}

input:nth-of-type(2) {
grid-column: 3 / 4;
grid-row: 2 / 3;
}
input:nth-of-type(2):checked ~ main#carousel {
--position: 2;
}

input:nth-of-type(3) {
grid-column: 4 /5;
grid-row: 2 / 3;
}
input:nth-of-type(3):checked ~ main#carousel {
--position: 3;
}

input:nth-of-type(4) {
grid-column: 5 / 6;
grid-row: 2 / 3;
}
input:nth-of-type(4):checked ~ main#carousel {
--position: 4;
}

input:nth-of-type(5) {
grid-column: 6 / 7;
grid-row: 2 / 3;
}
input:nth-of-type(5):checked ~ main#carousel {
--position: 5;
} */

hr {
position: relative;
top: -80px;
border: 0;
height: 5px;
background: linear-gradient(to right, 
    #FFDA61 16.66%, 
    #e0b02a 16.66% 33.33%, 
    #FFA126 33.33% 50%, 
    #F38B00 50% 66.66%, 
    #005CB9 66.66% 83.33%, 
    #0875E1 83.33%);
/* margin: 20px 0; */
border-radius: 6rem;
}

.sponsore_section{
position: relative;
top: 70px;
bottom: -70px;
}
.sponser_title_1 h1{
font-family: calibri;
font-weight: bold;
}

.sponser_img_1{
position: relative;
top: 50px;
height: 40vh;
}

.si_3{
margin-top: -16px;
}

.group_footer{
position: relative;
top: -120px;
font-family: calibri;
font-weight: bold;
font-size: 20px;
font-style: italic;
}

.cs_2{
position: relative;
top: -20px;
}

.sponsore_title {
padding: 20px 40px;
background: linear-gradient(90deg, #FF6F6F, #FF3B3B, #FF0000, #FF3B3B, #FF6F6F);
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
text-align: center;
color: white;
}

.co_sponsore{
position: relative;
top: -50px;
}
.supported_by{
position: relative;
top: -80px;
}


/* ///////////////////////Sponser Logo End///////////////////// */

/* .schedule_vid{
position: relative;
top: -10.5rem;
} */

.chart_1{
background: url('../images/winner/MS.png');
width: 100rem;
height: 70rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.chart_2{
background: url('../images/winner/WS.png');
width: 100rem;
height: 70rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.chart_3{
background: url('../images/winner/MD.png');
width: 100rem;
height: 70rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.chart_4{
background: url('../images/winner/WD.png');
width: 100rem;
height: 70rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.chart_5{
background: url('../images/winner/XD.png');
width: 100rem;
height: 70rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.chart_6{
background: url('../images/winner/BSU19.png');
width: 100rem;
height: 70rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.chart_7{
background: url('../images/winner/GSU19.png');
width: 100rem;
height: 70rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.chart_8{
background: url('../images/winner/XDU19.png');
width: 100rem;
height: 70rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.chart_9{
background: url('../images/winner/BDU19.png');
width: 100rem;
height: 70rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.chart_10{
background: url('../images/winner/GDU19.png');
width: 100rem;
height: 70rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

  /* About more animation button  */

  .knowmore_btn {
    width: 100%;
    outline: 0;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    background: red;
    min-width: 200px;
    border: 0;
    /* border-radius: 6rem; */
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    padding: 16px 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    overflow: hidden;
    cursor: pointer;
  }
  
  .knowmore_btn a{
    text-decoration: none;
    color: white;
  }
  
  .knowmore_btn:hover {
    opacity: .95;
    animation: none !important;
  }
  
  .knowmore_btn .animation {
    border-radius: 100%;
    animation: ripple 0.6s linear infinite;
  }
  
  @keyframes ripple {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1);
      border-radius: 6rem;
    }
  
    100% {
      box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1), 0 0 0 80px rgba(255, 255, 255, 0);
      border-radius: 6rem;
    }
  }

 </pre></body></html>