.main-banner {
	overflow: visible;
	position: relative;
}
.top-bar {
	background-image: url(/image/skins/aohl/top-bar.svg);
	background-repeat: no-repeat;
	background-size: 100px;
	background-position: 240px -3px;
}
.banner-lottery {
    background: #5BBF77;
background: linear-gradient(90deg, rgba(91, 191, 119, 1) 0%, rgba(143, 213, 219, 1) 100%);
    color:#ffffff;  
}

.banner-superdraw {
    background: #E04596;
    background: linear-gradient(90deg, rgba(224, 69, 150, 1) 0%, rgba(235, 213, 220, 1) 100%);
 
  
}
.banner-superdraw-switch {
    background: #E04596;
    background: linear-gradient(90deg, rgba(235, 213, 220, 1) 0%, rgba(224, 69, 150, 1) 100%);
   
}

.main-banner img {
	text-align: center;
	width: 110%;
	position: absolute;
	bottom: 0;
	right: 0;
}
 
.banner-grid {
    display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.banner-grid.two { 
    grid-template-columns: 1.3fr 1fr;
  overflow: hidden;
  }
.p-2 {
    padding: 2rem 0;
    z-index: 999;
  position: relative;
}
.relative {
    position:relative;
}
img.absolute {
    text-align: center;
width: 87%;
  position: absolute;
  bottom: 0;
  right: 0;
  
}

@media (max-width:940px) {
    .main-banner img {
    	right: -18vw;
    	height: 104%;
 
    	width:auto;
    }
    .banner-grid {
 
    overflow: hidden;
}
}

@media (max-width:598px) {
    .top-bar {
        background-position: 0px -3px;
    }   
    .banner-grid {
 overflow: visible;
	grid-template-rows: 52vw 1fr;
     grid-template-columns: auto;
        }
.main-banner img {
	width: 100%;
	position: relative;
	top: -4px;
	right: 0;
	height: auto;
}
    .relative { 
	    grid-row: 1;
    }
    .banner-grid.two {
	grid-template-columns: 1fr;
 
}
    .solid-color.lottery {
        background: #5BBF77;
      
    }
     .solid-color.superdraw {
        background:  rgba(235, 213, 220, 1);
    
      
    }
     .solid-color.superdraw h1 {
        color:var(--rnid-green);
      
    }
    .solid-color {
          padding:0 1rem;
    }
      .solid-color .p-2 {
     
    }
    img.absolute {
        position:relative;
        width: 100%;
        bottom: 1rem;

    }
    .rounded.pr-0 {
        padding:1rem;
    }
}