/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

html, body {margin: 0;}

.fake {
  height: 90px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: aliceblue;
}

.navbar-brand {
  margin-right: 6rem;
}


#carouselExampleFade1 {
  display: block;
} 
#carouselExampleFade {
  display: none;
} 
.list-group {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: center;
}
#logo_team
{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

  }
.icon-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.icon-menu img 
  {
    height: 24px;
  }
  .matches img 
  {
    height: 18px;}
   
  .matches{
    background-color: #1e293b;
  }
  .football-list
    {

      background-color: #1e293b;
    }
  .title-menu-live-sport {
    font-weight: 700;
}
.list-group-item {
  color: white;
  background-color: #0f172a;
}
.list-group-item.active {

  background-color: #0f172a;
}

.matches-list {
  background-color: #1e293b;
    border-bottom: 1px solid #334155;
    color: #fff;
}
.matches-listtop {
  background-color: #334155;
  border-bottom: 1px solid #334155;
}
.matches-listcol p{
  margin-bottom: 5px;
}

.new {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  border: none;
}
.neww 
  {
    color: white;
  background-color: #1e293b;
  border: none;
  } 
.footer_link {
    color: white;
    text-decoration: none;
    padding: 3px;
}
.match_link {
  color: white;
  text-decoration: none;
}
p.matches:hover, h1.matches:hover, a.matches:hover
  {
    background-color:#071f46;
  }
  #logo_team {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
}

.matches-teams {
  
  text-align: center;
}
#myModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10;
}

.modal-content {
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 400px;
  text-align: center;
}

.payment_modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  padding: 20px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.left-side {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
}

.tooltip {
visibility: hidden;
width: 120px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;

/* Position the tooltip absolute to the upi-details container */
position: absolute;
top: 0;
left: 100%; /* Position to the right of the copy icon */

/* Add some styling to the tooltip */
z-index: 1;
opacity: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}

.upi-details {
position: relative; /* Make sure the parent container is relatively positioned */
}

/* Show the tooltip when hovering over the copy icon */
.upi-details:hover .tooltip {
visibility: visible;
opacity: 1;
}
.copy-icon {
  cursor: pointer;
  display: inline-block;
}

.middle-line {
  width: 1px;
  height: 60px;
  background-color: #ccc;
  margin: 0 20px;
}

.right-side img {
  
  height: 80px;
  text-align: right;
}

/* Tooltip */
.lazy1 {
  -webkit-filter: invert(1);
          filter: invert(1); /* Inverts the colors of the image */
  height: 105px;
}

@media (min-width: 768px) { 
  #carouselExampleFade1 {
  display: none;
} 
#carouselExampleFade {
  display: block;
} 



}

@media (max-width: 768px) { 
  .icon-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .list-group {
    
    -webkit-box-orient: vertical;
    
    -webkit-box-direction: normal;
    
        -ms-flex-direction: column;
    
            flex-direction: column;
    
  }

   
}
@media (max-width: 991px) {
  .navbar-collapse {
    height: 100vh;
  }
}

/* Media query for screen sizes above 992px */
@media (min-width: 992px) {
  .navbar-collapse {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
/* // Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
  .nav-item a {border-bottom: 1px solid #334155;}

  .matches-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;

  border: 1px solid #334155;}

  .matches-listcol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #334155;
    width: 100%;
}
.matches-listcol p{
  margin-bottom: 5px;
}
.matches-listbutton{
  display: none;
  
}
.matches-list{
margin-bottom: 10px;

}
.matches-teams {
  padding-top: 10px;
  padding-bottom: 5px;
  
}
.football-list{display: none;}
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) 
    { .navbar-brand {margin-right: 2rem;}}


/* ggsport */
.w-full { width: 100%; }
    .w-full-60 { width: calc(100% - 15rem); }
    .w-full-8 { width: calc(100% - 2rem); }
    .w-full-860-1152 { width: 74.65278%; }
    .absolute-full { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
    .w-max { width: -moz-max-content; }
    .w-164px { width: 230px; }
    .h-138px { height: 170px; }
    .h-92px { height: 110px; }
    .inline-block { display: inline-block; }
    .mr-2 { margin-right: .5rem; }
    a { color: inherit; text-decoration: inherit; }
    .relative { position: relative; }
    .rounded-md { border-radius: .375rem; }
    .overflow-hidden { overflow: hidden; }
    .flex-row-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
    .top-center { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
    .justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    .absolute { position: absolute; }
    .w-10 { width: 2.5rem; }
    .pt-full-100 { padding-top: 20%; }
    .object-cover { -o-object-fit: cover; object-fit: cover; }
    .object-contain { -o-object-fit: contain!important; object-fit: contain!important; }
    .grid-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -ms-grid; display: grid; justify-items: center; place-items: center; }
    .text-white-default { --tw-text-opacity: 1; color: #fff; color: rgb(255 255 255/var(--tw-text-opacity)); margin: 0; }
    .rounded-t-lg { border-top-left-radius: .5rem; border-top-right-radius: .5rem; }
    .bottom-0 { bottom: 0; }
    .bg-1e1 { --tw-bg-opacity: 1; background-color: #1e1f21; background-color: rgb(30 31 33/var(--tw-bg-opacity)); }
    .h-4 { height: 1rem; }
    .cursor-pointer { cursor: pointer; vertical-align: super; }
    .text-59f { --tw-text-opacity: 1; color: #59ffff; color: rgb(89 255 255/var(--tw-text-opacity)); }
    .font-medium { font-weight: 500; }
    .text-xs-10-14 { font-size: .625rem; line-height: .875rem; }
    .bg-linear-4 { background-image: -webkit-gradient(linear, left top, right top, from(#000), to(transparent)); background-image: -o-linear-gradient(left, #000, transparent); background-image: linear-gradient(90deg, #000, transparent); }
    .justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    .flex-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .h-10-5 { height: 2.625rem; }
    .flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
    .t-ellipsis-1, .t-ellipsis-2 { -webkit-box-orient: vertical!important; display: -webkit-box!important; overflow: hidden!important; -o-text-overflow: ellipsis!important; text-overflow: ellipsis!important; }
    .t-ellipsis-1 { -webkit-line-clamp: 1!important; white-space: normal; word-break: break-word; }
    .text-faf { --tw-text-opacity: 1; color: #fafafa; color: rgb(250 250 250/var(--tw-text-opacity)); }
    .font-bold { font-weight: 700; }
    .text-xs-10-14 { font-size: .625rem; line-height: .875rem; margin: 0; }
    .font-medium { font-weight: 500; }

    @media screen and (max-width: 350px) {
        /* Your CSS styles for screens below 350px wide */
        .h-92px { height: 150px; }
        .inline-block { display: inline; }
    }
    @media screen and (min-width: 350px) and (max-width: 450px) {
        /* Your CSS styles for screens between 350px and 768px wide */
        .h-92px { height: 160px; }
        .inline-block { display: inline; }
        
    }
     @media screen and (min-width: 450px) and (max-width: 475px) {
      /* Your CSS styles for screens between 350px and 768px wide */
      .w-164px {width: 203px;}
    }
  @media screen and (min-width: 475px) and (max-width: 505px) {
    /* Your CSS styles for screens between 350px and 768px wide */
    .w-164px {width: 215px;}
    }
    @media screen and (min-width: 539px) and (max-width: 576px) {
        /* Your CSS styles for screens between 350px and 768px wide */
        .w-164px {width: 247px;}
    }

    @media screen and (min-width: 576px) and (max-width: 768px) {
        /* Your CSS styles for screens between 350px and 768px wide */
        .w-164px { width: 161px; }
        
    }

    @media screen and (min-width: 768px) and (max-width: 1200px) {
        /* Your CSS styles for screens between 768px and 1200px wide */
        .w-164px { width: 221px; }
    }

    @media screen and (min-width: 1200px) and (max-width: 1400px) {
        /* Your CSS styles for screens between 1200px and 1400px wide */
        .w-164px { width: 266px; }
        .h-138px { height: 185px; }
        .h-92px { height: 130px; }
    }
    
/* ggsport */