/* @import url(fonts.css); */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
body {font-size: 14px; font-family: "Roboto", sans-serif; overflow-x: hidden;}

h1,h2,h3,h4,h5,h6 { font-family: "Nunito", sans-serif; font-weight: 800;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
a:hover, a:focus{ outline: none; text-decoration: none;}
a{text-decoration: none;}
p{font-size: 16px;line-height: 20px;margin-bottom: 10px; color: #666;}
h3{font-size: 28px; text-transform: uppercase; margin-bottom: 10px;}
ul{list-style: none;}

/* Header*/
header{background: none; padding: 10px 40px; position: fixed; top: 0; left: 0; right: 0; z-index: 9;}
header .navbar-brand{padding: 0;position: relative;top: -2px;}
header .navbar-brand img{width: 180px; transition: all 0.5s ease-in-out;}

header .logo-white {display: block;}
header .logo-color {display: none;}

.scrolldown header .logo-white {display: none !important;}
.scrolldown header .logo-color {display: block !important;}

header .navbar{justify-content: center; background: none !important;} 
header .navbar .navbar-collapse{flex-grow: 0; margin-top: -7px;}
.flex-container{justify-content: center;}
header .navbar .navbar-collapse ul li{margin-left: 40px; font-size: 1.2rem;}
header .navbar .navbar-collapse ul li a {padding: 10px 0 !important; font-weight: 600; color: #fff;}
header .navbar .navbar-collapse ul li a span{color: #fff; position: relative; padding: 0;}
header .navbar .navbar-collapse ul li.playnow a {background: #410484; color: #fff !important; text-align: center; border-radius: 8px; padding: 10px 15px !important; }
header .navbar .navbar-collapse ul li a span:hover{color: #7b39c1;}
header .navbar .navbar-collapse ul li a:hover .navbar-nav .nav-item a iconify-icon{color: #7b39c1 !important;}
header .navbar .navbar-collapse ul li a.active span{color: #fff;}
header .navbar .navbar-collapse ul li a:hover, header .navbar .navbar-collapse ul li a:focus{color: #7b39c1; background: transparent;}
header .navbar .navbar-collapse ul li a.active {color: #fff;}

header .navbar li.active a {color: #7b39c1 !important;}

header .dropdown .dropdown-menu {padding: 0; margin: 0; transition: opacity 0.2s ease 0.1s, visibility 0.2s ease 0.1s, top 0.2s ease 0.1s;}
header .navbar ul li:hover .dropdown-menu {display: block;}
header .dropdown .dropdown-menu li{font-size: 13px !important; margin: 0 !important;}
header .dropdown .dropdown-menu li a{color: #333; padding:5px 10px !important;}
header .navbar .navbar-collapse ul li a.active span:after{content: ""; position:absolute; bottom: -9px; right: -9px; width: 5px; height: 4px; border-radius: 50%;background-color: #7b39c1;}

.scrolldown header {background: #fff; box-shadow: 0 10px 10px -10px rgba(0,0,0,.35); z-index: 999;}
.scrolldown header ul li a {color: #000 !important;}
.scrolldown header ul li a:hover, .scrolldown header ul li a.active {color: #7b39c1 !important;} 

/* Button Glove */
.glow-on-hover {
  height: 50px;
  border: none;
  outline: none;
  color: #fff;
  background: #111;
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 10px;
}

.glow-on-hover:before {
  content: '';
  background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
  position: absolute;
  top: -2px;
  left:-2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing 20s linear infinite;
  opacity: 1;
  transition: opacity .3s ease-in-out;
  border-radius: 10px;
}

.glow-on-hover:hover:before {
  opacity: 1;
}
/* .glow-on-hover:hover::after {
  opacity: 1;
  background: transparent;
} */

.glow-on-hover:after {
  z-index: -1;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #111;
  left: 0;
  top: 0;
  border-radius: 10px;
}

@keyframes glowing {
  0% { background-position: 0 0; }
  50% { background-position: 400% 0; }
  100% { background-position: 0 0; }
}
/* End */


/* Inner page header */
.inner-header .navbar .navbar-collapse ul li a {color: #000 !important;}
.inner-header .navbar .navbar-collapse ul li.playnow a {color: #fff !important;}


/* Banner */
.banner-section {background: url(../images/banner1.png) no-repeat #888; height: 100vh; padding-top: 0; overflow: hidden; position: relative; background-size: cover;}
.banner-section .container-fluid {position: relative; height: 100vh;}
.banner-section .banner-content {position: absolute; bottom: 50px; left: 0; transform: translateY(-25%); z-index: 11; width: 60%; display: flex; padding: 0 65px;}
.banner-section .banner-content .icon-left {display: flex; align-items: start;}
.banner-section .banner-content .icon-left img {height: 155px; margin:0 25px 0 0; border-radius: 30px;}
/* .banner-section .banner-content img.text-title {height: 155px;} */
.banner-section .banner-content h1 {font-size: 3.3rem; line-height: 6rem; 
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
  -webkit-text-fill-color: #A124E4;
  font-family: "Agbalumo", serif;
  display:none;
}
.banner-section .banner-image {position: relative; top: 130px; text-align: right; padding-right: 40px;}
.banner-section .banner-image img {width: 60%;}
.banner-section  .banner-image .game-play {
  width: 100px;
  height: 100px;
  line-height: 50px;
  border-radius: 50%;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  border: 2px solid #7b39c1;
  cursor: pointer;
  background: #7b39c1;
  -webkit-animation: ripple-white 1s linear infinite;
  animation: ripple-white 1s linear infinite;
  -webkit-transition: .5s;
  text-align: center;
  font-size: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
}
.banner-section .banner-content .download-list {margin-top: 0;}

@-webkit-keyframes ripple-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}

@keyframes ripple-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}

.banner-content .download-list .game-title img {width: 540px;}
.download-list {margin-top: 35px;}
.download-list ul {padding: 0; margin: 0; display: flex; flex-wrap: wrap;}
.download-list ul li {margin: 5px 10px 0 0; list-style: none;}
.download-list ul li img {height: 60px;}
.banner-section .download-list ul li img {height: 52px; transition: all 0.5s ease-in-out;}
.download-list ul li img:hover {-webkit-filter: grayscale(100%); filter: grayscale(100%);}

.mouse {
  width:40px;
  height:60px;
  border-radius:20px;
  border:3px solid #999;
  position:absolute;
  right:0;
  bottom:20px;
  left:0;
  margin:0 auto;
  z-index:1
}
.mouse:before,
.mouse:after {
  content:"";
  display:block;
  position:absolute
}
.marrow:before {
  width:10px;
  height:10px;
  border-radius:50%;
  top:10px;
  left:calc(50% - 5px);
  border:2px solid #7b39c1
}
.marrow:after {
  top:30px;
  left:calc(50% - 5px);
  border:5px solid transparent;
  border-top-color:#7b39c1;
  -webkit-animation:m-5-arrow 1.2s ease-in-out infinite;
  animation:m-5-arrow 1.2s ease-in-out infinite
}
@-webkit-keyframes m-5-arrow {
  20%,
  100% {
    transform:translateY(0)
  }
  50% {
    transform:translateY(9px)
  }
  80% {
    transform:translateY(-3px)
  }
}
@keyframes m-5-arrow {
  20%,
  100% {
    transform:translateY(0)
  }
  50% {
    transform:translateY(9px)
  }
  80% {
    transform:translateY(-3px)
  }
}

/* Center Slide Animation */
.screenshots {padding-bottom: 60px; position: relative; background: #fff; border-radius: 0 0 180px 180px; z-index: 99;}
.curve-bottom {position: absolute; bottom: 0; left: 0; right: 0; width: 100%; z-index: 11;}
.curve-bottom img {width: 100%;}
.testimonial-section {margin-top: -200px; padding-top: 230px;}

.screenshots .container {position: relative;}

.gem-right-top {position: absolute; top: 0; right: 0;}
.gem-left-bottom {position: absolute; bottom: -30px; left: 0;}

.swiper-center {width: 1200px; padding: 0 30px; margin: 0 auto;}

#appScreensSlider {padding: 20px 0 20px;}
#appScreensSlider .owl-item img {transform: scale(0.8); transition: transform 0.10s; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.12); filter: blur(13px);}
#appScreensSlider .owl-item.active.center {transition: transform 0.10s;}
#appScreensSlider .owl-item.active.center img {filter: none; transform: scale(1);}
section {padding: 40px 0;}
.main-heading {text-align: center; margin:0 auto 30px; max-width: 60%;}
.main-heading h3 {font-size: 2.5rem; text-transform: capitalize;}
.main-heading p {font-size: 1rem; line-height: 1.5rem;}
.main-heading.text-blue h3, .main-heading.text-blue p, .text-blue {color: #410484;}
.bgcolor1 {background: #e1c9fa; background: -webkit-linear-gradient(to right, #f0e1ff, #e1c9fa); background: linear-gradient(to right, #f0e1ff, #e1c9fa);}
.bgblue {background: #44269a;}
.main-heading.text-white h3 {color: #fff;}
.main-heading.text-white p {color: #b491d5;}

#appSwiperSlider .swiper-pagination {bottom: -30px;}
.swiper-pagination .swiper-pagination-bullet-active {background: #7b39c1;}

#appSwiperSlider .swiper-slide img {filter: blur(2px); width: 100%;}
#appSwiperSlider .swiper-slide.swiper-slide-active img {filter: none;}

.swiper-slide {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right {display: none !important;}

/* Testimonials */
.review-box-left {background: #5d38a5; border-radius: 20px; padding: 20px;}
.text-white {color: #fff;}
.review-box-left .main-heading2 {color: #fff;}
.testimonial-section .pattern {position: relative;}

.testimonial-section .testimonials-left {max-height: 500px; overflow-y: auto; padding: 0; scrollbar-width: thin; scrollbar-color: #c49af1 #f0f0f0;} 
.testimonial-section .testimonials-left .testimonial-row {position: relative; padding:0 0 20px; margin-bottom: 20px; border-bottom: 1px solid #d1bde8;} 

.gold-left {position: absolute; top: 15px; left: 30px; z-index: 1;}
.gold-right {position: absolute; top: 300px; right: 30px; z-index: 1;}
.gold-left img, .gold-right img {width: 75px;}


.testimonial-heading {display: flex; align-items: center; margin-bottom: 10px;}
.testimonial-section .testimonials-left .testimonial-row .image {width: 32px; height: 32px; border-radius: 50%; overflow: hidden; border: 1px solid #d1bde8; margin-right: 10px; flex-shrink: 0;}
.testimonial-section .testimonials-left .testimonial-row .image img {width: 100%; height: 100%; object-fit: cover; }
.testimonial-section .testimonials-left .testimonial-row h5 {font-size: 1rem; font-weight: 500; margin: 0; color: #fff;}
.testimonial-section .testimonials-left .testimonial-row .testimonial-content p {font-size: 1rem; margin: 0; display: flex; justify-content: space-between; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: #fff;}
.rating ul {padding: 0; margin: 0;}
.rating ul li {list-style: none; display: inline-block; font-size: 1rem; color: #fff;}
.testimonial-section .testimonials-left .testimonial-row .testimonial-content p {font-size: 0.8rem; color: #fff;}
.testimonial-section .testimonials-left .testimonial-row .testimonial-content .rating {display: flex;}
.testimonial-section .testimonials-left .testimonial-row .testimonial-content .rating span {margin-left: 10px; font-size: 0.8rem; color: #333; display: none;}
.testimonial-section .row.cover {padding: 0 170px;}

.game-download-right {background: #5d38a5; border-radius: 20px; padding: 20px 20px 48px;}
.game-download-right h2, .main-heading2 {font-size: 1.2rem; margin: 0 0 20px; text-transform: capitalize;}
.game-download-right h2 {color: #fff;}
.game-download-right p {font-size: 1rem; line-height: 1.5rem; color: #fff;}
.game-download-right .download-list ul li a {padding: 0.7rem 2.5rem; font-size: 1.2rem;}
.download-list2 {margin-top: 20px; margin-bottom: 31px;}
.download-list2 ul {padding: 0; margin: 0; display: flex; flex-direction: row; flex-wrap: wrap;}
.download-list2 ul li {list-style: none; width: 22.7%; height: 100px; padding:5px 15px; border-radius: 10px; background: #fff; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; margin-right: 15px; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;}
.download-list2 ul li p {font-size: 0.8rem; font-weight: 600; text-transform: uppercase; color: #fff; margin: 0;}
.download-list2 ul li h3 {font-size: 2rem; text-transform: uppercase; color: #fff; margin: 0;}
.download-list2 ul li:last-child {margin-right: 0;}

.download-list2 ul li:first-child {
  background: -webkit-linear-gradient(to top, #0f600f, #84c838);  
  background: linear-gradient(to top, #0f600f, #84c838); 
  }
.download-list2 ul li:nth-child(2) {background: #2193b0;
  background: -webkit-linear-gradient(to top, #6dd5ed, #2193b0);  
  background: linear-gradient(to top, #6dd5ed, #2193b0); 
  }
.download-list2 ul li:nth-child(3) {background: #f12711;
  background: -webkit-linear-gradient(to top, #f5af19, #f12711); 
  background: linear-gradient(to top, #f5af19, #f12711); 
  }
.download-list2 ul li:nth-child(4) {background: #34e89e; 
  background: -webkit-linear-gradient(to top, #0f3443, #34e89e); 
  background: linear-gradient(to top, #0f3443, #34e89e);
  }
.download-list2 ul li:last-child {margin-right: 0;}

.download-list.dlist2 ul li {width: 28%; margin-right: 15px;}
.download-list.dlist2 li a {padding: 0 !important;}
.download-list.dlist2 ul li img {height: 40px;}
.game-download-right h5 {font-size: 1.1rem; color: #fff;} 

.game-download-right .download-list{margin-top: 35px !important;}

/* Features */
.features-section {padding-top: 0;}
.features-section .container-fluid {width: 95%;}
.features-section .bg {background: #fff; border-radius: 20px; padding: 30px; position: relative;}

.icon-top-left1 {position: absolute; top: -110px; left: 0; z-index: 1; }
.icon-top-right1 {position: absolute; top: -105px; right: 0; z-index: 1; }
.icon-top-left1 img {width: 140px;}
.icon-top-right1 img {width: 140px;}

.features-section .icon-floating-top {position: absolute; top: 60px; right: 30px; z-index: 1;}
.features-section .icon-floating-bottom {position: absolute; bottom: 30px; left: 30px; z-index: 1;}

.row.rowCenter {width: 1000px; margin: 0 auto;}
.features-section .feature-box {position: relative; margin-bottom: 30px; text-align: center; background: #3e2899; border-radius: 25px; padding: 25px 15px; text-align: center;}
.features-section .feature-box .icon {margin: -50px auto 10px; display: table;}
.features-section .feature-box .icon img {width: auto !important;}
.feature-subheading {margin-bottom: 10px; font-size: 1.4rem;}
.features-section .desc {margin-bottom: 30px;}
.features-section .feature-box h4 {font-size: 1.2rem; font-weight: 700; color: #fff; margin-bottom: 10px;}
.features-section .feature-box p {font-size: 16px; line-height: 26px; margin: 0; color: #cecae1;}
.feature-subheading {font-size: 30px;}

.features-section .features-image {background: url(../images/iphone-mask.png) no-repeat; background-size: cover; width: 380px; height: 770px; float: right; padding: 15px 15px 15px 20px; overflow: hidden;}
.features-section .features-image img {width: 100%; height: 100%; border-radius: 40px; object-fit: cover;}
#featureSlider .owl-stage {padding-top: 5px;}
#featureSlider .item .row {justify-content: center; align-items: center;}

.features-section .feature-box {min-height: 170px;}
.features-section .feature-box.icon-left {position: relative; padding: 25px 25px 25px 120px; text-align: left; min-height: 155px;}
.features-section .feature-box.icon-left .icon {position: absolute; top: 30px; left: 20px; margin: 0;}
.slider-center-features {width: 1100px; margin: 0 auto;}
.features-section .feature-box.icon-center1 {min-height: 150px;}
.col-half .feature-box.icon-center1{min-height: 160px; margin-bottom: 65px;}
.grid-card .feature-box {text-align: left; min-height: inherit; margin-bottom: 20px;}
.grid-card .feature-box .content {display: flex; align-items: center;}
.grid-card .feature-box .content h4 {margin: 0; width: 160px;}
.grid-card .feature-box .content p {margin:0;}
.grid-card .feature-box.align{margin-left: 30px;}
.features-section .slider-image-right img {width: auto !important;}
.chatSlider .feature-box {min-height: 195px;}

.slider1 .feature-box.feature-box.icon-center1 {min-height: 200px; margin-bottom: 50px;}
.slider2 .feature-box.feature-box.icon-left .icon img {width: 75px !important;}
.slider3 .feature-box.feature-box.icon-center1 .icon {margin: -80px auto 10px;}
.slider3 .feature-box.feature-box.icon-center1 .icon img {height: 140px !important;}
.slider4 .feature-box.feature-box.icon-center1 .icon img {height: 110px !important;}
.slider4 .feature-box.feature-box.icon-center1 .icon {margin: -70px auto 10px;}
/* .slider1 .feature-box .icon img {height: 180px;} */
.slider3 .feature-box.feature-box.icon-center1 {margin: 35px 20px 65px; min-height: 200px;}
.slider10 .feature-box.feature-box.icon-center1 {min-height: 210px; margin-bottom: 60px;}
.slider10 .feature-box.feature-box.icon-center1 img {height: 90px;}
.slider12 .feature-box.feature-box {min-height: 230px; margin-bottom: 60px;}
.slider14 .feature-box.feature-box {min-height: 185px; margin-bottom: 20px;}
.slider14 .left {margin-top: 60px;}
.slider9 .feature-box {min-height: 210px;}

.slider1 .slider-image-right img, .slider4 .slider-image-right img, .slider5 .slider-image-right img, .slider9 .slider-image-right img, .slider14 .slider-image-right img {width: 100% !important;}

.howto-play {padding-bottom: 270px; }
.howplay-box {text-align: center; margin-top: 55px; position: relative;}

.howplay-box::before {position: absolute; top: 50px; left: 0; content: ""; width: 100%; background: url(../images/icons/timeline-line.svg) no-repeat; background-size: 100%; height: 1px;}
.howplay-box::after{position: absolute; top: 39px; left: 100%; transform: translateX(-50%); content: ""; background: url(../images/icons/timeline-arrow.png) no-repeat; background-size: 100%; width: 25px; height: 50px;}

.howplay-box.box1::before {left: 40%;}
.howplay-box.box7::before {width: 50%;}

.howplay-box.box4::after {left: 84%;}
.howplay-box.box7::after {display: none;}

.timelinebg .col-12 {padding: 0;}

.howplay-box .icon {height: 100px; margin-bottom: 25px; position: relative; z-index: 11;}
.howplay-box .icon img {height: 100px; background-color: #44269a;}
.howplay-box h3 {font-size: 20px; color: #fff; margin: 0 0 15px; text-transform: capitalize;}
.howplay-box p {font-size: 16px; color: #fff; margin: 0;}
.slider-center {width: 1000px; margin: 0 auto;}

/* Contact */
.contact-section {padding: 40px 0 40px; background: #fff; margin-top: -250px; border-radius: 160px 160px 0 0;}
.contact-section .contact-box {width: 75%; margin: 0 auto;}
.contact-section .contact-box .form-group {margin-bottom: 20px;}
.contact-section .contact-box .form-group label, .captcha-label {font-size: 1rem; margin-bottom: 5px; color: #410484;}
.contact-section .contact-box .form-group label b, .captcha-label b {font-weight: 400; color: #f63939;}
.contact-section .contact-box .form-group .form-control, .contact-section .contact-box .form-group .form-select {font-size: 1rem; height: 50px; border: 1px solid #ddd; background: #ddd; box-shadow: none !important; outline: none !important;}
.contact-section .contact-box .form-group textarea {resize: none; height: 100px !important;}
.contact-section h5 {font-size: 1.5rem; text-transform: capitalize; text-align: center; margin-bottom: 30px;}

/* Captcha */
.captchas-row {display: flex;}
.captchas-row .captchas img {width: 67%; margin-left: 10px; border-radius: 6px; overflow: hidden;}
.contact-box .btn {background: #7b39c1; border-color: #7b39c1; font-size: 18px; border-radius: 6px; padding: 10px 55px; float: right;}

/* Footer */
footer {padding: 40px 55px 30px; border-top: 2px solid transparent;
  border-image: linear-gradient(0.25turn,rgba(64,64,64),rgba(123, 57, 193, 0),rgba(255,128,0,0));
  border-image: linear-gradient(0.10turn,#e6d4fa,#c0a0e3);
    border-image-slice: 100%;
  border-image-slice: 100%;
  border-image-slice: 1;
  width: 100%;}
footer .row {align-items: center;}
footer .pattern {position: relative;}

.icon-floating-topleft {position: absolute; top: -150px; left: 0; z-index: 1; }
.icon-floating-topright {position: absolute; top: -215px; right: 0; z-index: 1; }
.icon-floating-topleft img {width: 160px;}
.icon-floating-topright img {width: 160px;}

footer .footer-content.logo img {width: 180px;}
footer .social-icon {text-align: center;}
.social-icon ul li{display: inline-block; margin-left: 10px;}
.social-icon ul li a i{color: #666; width: 30px;height: 30px; font-size: 16px;border-radius: 50%;border: 1px solid #666;line-height: 30px;text-align: center; -webkit-transition:all .22s ease-in-out;
  transition:all .22s ease-in-out; -webkit-transform:scale(1) translate(0); transform:scale(1) translate(0)}
.social-icon ul li a i:hover{color: #7b39c1; border-color: #7b39c1; -webkit-transform: scale(1.2);transform: scale(1.2);}
.social-icon ul li a i:hover{border-color: #7b39c1;}
footer .footer-content.address {text-align: right;}
footer .footer-content.address ul {padding: 0; margin: 0;}
footer .footer-content.address ul li {list-style: none; display: block; margin-bottom: 10px; font-size: 1rem; color: #222;}
footer .footer-content.address ul li a {color: #222;}

footer .footer-copyrights {border-top:2px solid transparent; border-image:linear-gradient(0.25turn,rgb(64, 64, 64),rgb(64, 2, 100),rgba(255,128,0,0)); border-image:linear-gradient(0.10turn,#e1c5ff,#f2f2f2); border-image-slice:100%;  border-image-slice:1; padding-top: 25px; margin-top: 30px;}
footer .footer-copyrights .copytext {font-size: 1rem; color: #222; margin: 0;}
footer .footer-copyrights .terms-link ul {text-align: right; padding: 0; margin: 0;}
footer .footer-copyrights .terms-link ul li {list-style: none; display: inline-block; border-right: 1px solid #666; line-height: 10px; margin-left: 10px; font-size: 1rem;}
footer .footer-copyrights .terms-link ul li a {color: #222; padding-right: 10px;}
footer .footer-copyrights .terms-link ul li a:hover, footer .footer-copyrights .terms-link ul li a:focus {color: #7b39c1;}
footer .footer-copyrights .terms-link ul li:last-child {border: none;}
footer .footer-copyrights .terms-link ul li:last-child a {padding-right: 0;}

/* Privacy */
.inner-page {padding: 120px 0 40px;}
.inner-page .logo-inner img {width: 200px; margin-bottom: 30px;}
.inner-page .privacy-date {margin-bottom: 20px;}
.inner-page .privacy-content .content-list {margin-top: 30px;}
.inner-page .privacy-content .content-list h5 {margin-bottom: 10px;}
.inner-page .privacy-content .content-list ul {margin-left: 15px;}
.inner-page .privacy-content .content-list ul li {list-style: disc; font-size: 1rem; margin-bottom: 10px;}
.inner-page .privacy-content .content-list p, .inner-page .privacy-content p {color: #333;}
.inner-page p strong {color: #000;}
.inner-page .title {color: #000;}

/* Play Now Game */
.playgame-cover {position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; background: #333; display: none;}
.playgame {overflow: hidden;}
.playgame .playgame-cover {display: block;}
.playgame .close {position: absolute; top: 20px; right: 20px; z-index: 9; font-size: 38px; color: #fff;}
.playgame-cover iframe {height: 100vh !important;} 
.playgame header {z-index: 1;}
.playgame-cover iframe html, .playgame-cover iframe body {overflow: hidden !important;}

.topScroll {background-color: #7b39c1; color: #fff; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;position: fixed; bottom: 30px; right: 30px; flex-shrink: 0; transition: background-color .3s,opacity .5s,visibility .5s; opacity: 0; z-index: 1000; box-shadow: rgba(100,100,111,0.2) 0 7px 29px 0; border-radius: 50%; font-size: 34px;}
.topScroll.show{opacity: 1;}

/* Up and Down Animation */

.jumping{
  animation: up-down linear 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: up-down linear 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: up-down linear 4s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: up-down linear 4s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: up-down linear 4s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes up-down{
  0% {
    transform:  translate(1px,20px)  ;
  }
  24% {
    transform:  translate(1px,30px)  ;
  }
  50% {
    transform:  translate(1px,12px)  ;
  }
  74% {
    transform:  translate(1px,22px)  ;
  }
  100% {
    transform:  translate(1px,22px)  ;
  }
}

@-moz-keyframes up-down{
  0% {
    -moz-transform:  translate(1px,20px)  ;
  }
  24% {
    -moz-transform:  translate(1px,30px)  ;
  }
  50% {
    -moz-transform:  translate(1px,12px)  ;
  }
  74% {
    -moz-transform:  translate(1px,22px)  ;
  }
  100% {
    -moz-transform:  translate(1px,22px)  ;
  }
}

@-webkit-keyframes up-down {
  0% {
    -webkit-transform:  translate(1px,20px)  ;
  }
  24% {
    -webkit-transform:  translate(1px,30px)  ;
  }
  50% {
    -webkit-transform:  translate(1px,12px)  ;
  }
  74% {
    -webkit-transform:  translate(1px,22px)  ;
  }
  100% {
    -webkit-transform:  translate(1px,22px)  ;
  }
}

@-o-keyframes up-down {
  0% {
    -o-transform:  translate(1px,20px)  ;
  }
  24% {
    -o-transform:  translate(1px,30px)  ;
  }
  50% {
    -o-transform:  translate(1px,12px)  ;
  }
  74% {
    -o-transform:  translate(1px,22px)  ;
  }
  100% {
    -o-transform:  translate(1px,22px)  ;
  }
}

@-ms-keyframes up-down {
  0% {
    -ms-transform:  translate(1px,20px)  ;
  }
  24% {
    -ms-transform:  translate(1px,30px)  ;
  }
  50% {
    -ms-transform:  translate(1px,12px)  ;
  }
  74% {
    -ms-transform:  translate(1px,22px)  ;
  }
  100% {
    -ms-transform:  translate(1px,22px)  ;
  }
}
/* End */

.alert-success {
  background: #e5d8f2;
  color: #7b39c1;
  font-size: 16px;
  font-weight: 600;
  border-color: #d9b5ff;
}