@font-face {
    font-family: 'TransducerTest';
    src: url('../fonts/transducer-medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.comparememes .service-detail_image .infobox p {text-align:left;font-size:11pt;}
.comparememes .page-title .bread-crumb {margin-top:20px;}
.main-header.header-style-three .outer-box {top:-10px;}
.comparememes .blog-detail_list {margin-bottom:35px;}
.pagination {margin:20px 0 ! important;width:100%;}
.main-header .main-menu {position:relative;left:47%;top:15px;}
.slider-two_heading span em.match3meme {color:white ! important; -webkit-text-fill-color: white ! important;}
.slider1 .slider-two_heading span em.match3meme {font-size:18pt;}
.slider-two_heading span em span.purewhite2 {color:#fff ! important; -webkit-text-fill-color: #fff ! important;}
.mobilebuttonicon {display:none;}
.main-header .main-menu .navigation > li > a {font-size:18px;}
.main-header .main-menu .navbar-collapse {margin-top:10px;}
.main-header .main-menu .navigation > li > ul {background:rgba(30, 10, 180, 0.7);}
.main-header .main-menu .navigation > li > ul > li > a {font-size:16px ! important;}
.main-header .main-menu .navigation > li > ul > li > a:hover {color:orange;}
.assistance-one .swiper-pagination-bullet:hover, .assistance-one .swiper-pagination-bullet.swiper-pagination-bullet-active {background:black ! important;border:1px solid black ! important;}
.assistance-one .swiper-pagination-bullet {border:1px solid black;}
.header-three-socials a:hover {background:orange;}
.main-header.header-style-three .main-menu .navigation > li > a:hover, .main-header.header-style-three .main-menu .navigation > li > a:active {color:orange;}
.main-header .main-menu .navigation > li.dropdown > a {font-family:sans-serif;}

.parentdiv h2 {text-align:left;}
.pagination p a {font-size:11pt;}
.pagination p {text-align:center;display:block;width:100%;}
.parentdiv, .columna, .columnb {overflow:hidden;}
.columna, .columnb {float:left;width:48%;}
.columna {margin-right:2%;}
img.logosmofooverlay {max-width:150px;}
img.logosmofooverlay2 {max-width:400px;margin-bottom:20px;}
.slider1 img.logosmofooverlay2 {max-width:300px;}
.main-header .header-lower .logo-box .logo {padding:15px 0;}
.header-style-three {min-height:90px;height:90px;}
.slider1 .fightercon {width:1200px;}
.animation-preloader .txt-loading .letters-loading {font-size:17pt ! important;}
.sociallinks {overflow:hidden;display:block;margin:30px 0;}
.sociallinks li {float:left;margin-right:10px;width:20px;}
.sociallinks li a img {max-width:100%;opacity:0.75;}
.sociallinks li a:hover img {opacity:1;}
.sociallinks li.linkslink {color:rgb(118,220,240);font-size:12pt;margin-right:15px;width:40px;font-weight:bold;}
.atozpage .blog-detail_list li {float:left;margin-right:10px;}
.atozpage .blog-detail_list li a {padding:5px 10px;background:rgb(118,220,240);color:black;border-radius:3px;}
.atozpage .blog-detail_list li a:hover {background:white;color:black ! important;}
.main-header .main-menu .navigation > li > a, .main-header .main-menu .navigation > li > ul > li > a {text-transform:uppercase;}
.header-three-socials {top:-5px;}


/* Table Memes */

.comparememes .service-detail_image {
    max-width: 1100px;
    margin: 0px auto;
    background: linear-gradient(to bottom, rgba(var(--white-color-rgb), 0.10) 0%, var(--color-two) 100%);
}

.tablememes {
    text-align: left;
    overflow: hidden;
    margin: 20px 0px;
}

.tablememesheader {
    padding: 10px 30px;
}

.tablememesheader {
    margin-bottom: 0px;
    color: rgb(255, 255, 255);
    overflow: hidden;
}

.tablememesheader div.tablememes-name {
    width: 18.5%;
    margin-right: 4%;
}

.tablememesheader div {
    float: left;
    width: 10.9%;
    margin-right: 2%;
    color: rgb(118, 220, 240);
    text-transform: uppercase;
}

.tablememesheader div.tablememes-marketcap {
    width: 8.9%;
}

.tablememesheader div.tablememes-communitylinks {
    width: 8%;
}

.tablememesheader .sociallinks {
    margin: 0px;
    padding: 0px;
}
.sociallinks {
    display: block;
    overflow: hidden;
    margin: 30px 0px;
}
.tablememesheader .sociallinks li {
    max-width: 15px;
}
.tablememesrow .tablememes-name .full-name {
    display: inline;
}
.tablememesrow div {
    color: rgb(255, 255, 255);
}
.tablememes-name span {
    color: rgb(255, 255, 255);
}
.sociallinks li {
    float: left;
    margin-right: 10px;
    width: 20px;
}

.comparehome .services-detail .service-detail_image {
    padding: 30px 0px ! important;
}

.tablememesheader {
    padding: 10px 30px;
}

.tablememesheader div.tablememes-expander {
    width: 4%;
    margin-right: 0px;
}

.comparehome .service-detail_image {
    padding: 30px 0px !important;
}

.tablememes-details {
    clear: both;
    height: 0px;
    color: rgb(255, 255, 255);
    will-change: height, padding;
    overflow: hidden;
    padding: 0px 30px;
    background: rgba(15, 15, 50, 0.7);
    transition: height 0.3s ease-in-out, padding 0.3s ease-in-out;
}

.tablememes-details.expanded {
    padding: 10px 30px;
}

@media screen and (max-width: 1050px) {
    .tablememesheader div.tablememes-name {
        width: 15.5%;
    }
.tablememesheader div.tablememes-communitylinks {
        width: 10%;
    }
}

@media screen and (max-width: 850px) {
    .tablememesheader div.tablememes-communitylinks {
        width: 12%;
    }
}

@media screen and (max-width: 800px) {
    .tablememesheader div.tablememes-name {
        width: 22.5%;
    }
.tablememes-ticker {
        display: none;
    }
.tablememesheader div.tablememes-price {
        width: 14.9%;
    }
}

@media screen and (max-width: 720px) {
    .tablememesheader div.tablememes-price {
        width: 12.9%;
    }
	    .tablememesheader div.tablememes-communitylinks {
        width: 15%;
    }
}

@media screen and (max-width: 650px) {
    .tablememesheader div.tablememes-name {
        width: 20.5%;
    }
	    .tablememesheader div.tablememes-price {
        width: 14.9%;
    }
}

@media screen and (max-width: 600px) {
.tablememesheader div {
        width: 14.9%;
    }
	    .tablememesheader div {
        width: 14.9%;
    }
	    .tablememesheader div.tablememes-marketcap {
        margin-right: 2%;
        width: 10.9%;
    }
	    .tablememes-communitylinks {
        display: none;
    }
}

@media screen and (max-width: 510px) {
    .tablememesheader div.tablememes-name {
        width: 25.5%;
    }
	.tablememesheader div.tablememes-mememomentum {
        width: 14.9%;
    }
	    .tablememesheader div.tablememes-price {
        width: 14.9%;
    }
.tablememesheader {
        padding: 15px;
    }
}

@media screen and (max-width: 450px) {
    .tablememesheader div.tablememes-name {
        width: 35.5%;
    }
	    .tablememesheader div.tablememes-mememomentum {
        width: 16.9%;
    }
	.tablememesheader div.tablememes-price {
        width: 19.9%;
    }
	    .tablememesheader div.tablememes-marketcap {
        margin-right: 4%;
    }
	    .tablememes-tradevolume24h {
        display: none;
    }
	    .comparehome .meme-rank-container {
        padding: 0px;
    }
}

@media screen and (max-width: 400px) {
    .tablememesheader div.tablememes-name {
        width: 30.5%;
    }
}

@media screen and (max-width: 350px) {
    .tablememesheader div.tablememes-name {
        width: 31.5%;
    }
	    .tablememesheader div.tablememes-mememomentum {
        width: 19.9%;
    }
	    .tablememesheader div.tablememes-marketcap {
        margin-right: 5%;
    }
}

/* End of Tables Memes */

.main-footer .auto-container {max-width:1350px;}
.page-wrapper {max-width:2000px;}
.btn-style-three {border-radius:15px;}
.smalllisticon, .smalllistdesc {float:left;}
.smalllisticon {margin-right:10px;}
.smalllisticon img {max-width:30px ! important;}
.home .slider-two_content {z-index:3;}
body {background:#141414;}
.slider-two {
    background: repeating-linear-gradient(
        to bottom,
        #070817,
        #151A49 50%,
        #070817 100%  );
    background-size: 100% 10000px ! important; /* Set the gradient height to 10,000px */
    animation: gradientShift 10s linear infinite ! important; /* Animate over 10 seconds */
    height: 100vh ! important;
    margin: 0 ! important;
}
.social-one {
		background:#fff;
		padding-top:50px;
}
.counter-one {
		background: repeating-linear-gradient(
        to bottom,
		#141414 0%,
        #0c3d77 20%,
        #000000 80%,
		#141414 100%);
}
.assistance-one {
		background: #fff;
		padding-top:50px;
}
.mfmpage .featurescarousel {
		background: repeating-linear-gradient(
        to bottom,
		#141414 0%,
		#200545 40%,
        #000000 60%,
		#141414 100%);
		padding-top:50px;
}
.mfmpage .service-block_three-inner {min-height:425px;}
.counter-one .inner-container {padding-top:0;}
.counter-one {padding-top:50px;}

.social_icon-box {background:none;}
		
.social-one .sec-title_title, .sec-title.style-four .sec-title_title {color:#05E8F6;}

@keyframes gradientShift {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -10000px;
    }
}

.main-menu {margin-top:-20px;}
.smofotournyimage {max-width:500px;display:inline-block;}
.imagefull {width:100%;text-align:center;}
.imagefull img {display:inline-block;}
.darkpurpletext {color:#a049f3;}
.purpletext {color:#af7aed;}
.goldtext {color:#ffff99;}
.pinktext {color:#fd4ad4;}
.left-box-smofo p a, .left-box-smofo ul li a {color:#fff;text-decoration:underline;}
.left-box-smofo ul li a:hover {color:#af7aed;}
.left-box-smofo ul li {margin-bottom:0px ! important;}


.btn-style-two {border-radius:10px;}
.fas, .fa-solid {color:#fff;}
h2 {font-size:40px;}
span.lightbluetext{color:#b7ebec ! important;}
span.lightbluetext2, .service-block_three-more:hover {color:#05E8F6 ! important;}
h2.sec-title_heading span.textoverride {position:initial ! important;font-size:19px;background: #fff;
    background-size: 100% 100%;
    -webkit-background-clip: text;
    -webkit-text-stroke: 3px transparent;
    -webkit-text-fill-color: #14141f;}
span.whitetext {color:white ! important;-webkit-text-fill-color:white ! important;opacity:1;}
.header-style-three {height:100px;}
.main-menu {margin-top:-20px;}
.header-style-three .auto-container {max-width:1500px;}
.mobile-menu .menu-box {background:rgba(0,0,0,0.8);}
.mobile-menu .menu-backdrop {background:transparent;}
.main-header .mobile-menu .navigation li > a {color:white;}
.main-header .mobile-menu .navigation li > a:hover, .mobile-menu .fa	{color:#05E8F6;}
.main-header .mobile-menu .navigation li.dropdown .dropdown-btn:after {border-left:1px solid #05E8F6;}
.main-header .mobile-menu .navigation li {border-bottom:none;}
.secondarypage .page-title {padding:40px 0;margin-top:40px;}
.optbreak {display:none;}
.subpage .mainsubheader img {position:relative;z-index:1;max-width:400px;margin-top:30px;}
.subpage .page-title {margin-top:30px;padding:100px 0;}
.leaderboardpage .page-title {margin-top:30px;padding:40px 0;}
.leaderboardpage .services-detail {padding-top:50px;}
.leaderboardpage .page-title:before {background:none;}
.subpage .logocon {width:100%;text-align:center;}
.subpage .mainsubheader img {display:inline-block;}
.roadmappage .page-title:before {background:url(../images/roadmap/roadmap-background.jpg);background-size:cover;}
.roadmappage p a {color:#05E8F6;}
.roadmappage p a:hover {color:#b7ebec;}
.service-block_three-heading {color:white;}
.sec-title_heading span {text-transform:inherit;}
.lowercase {text-transform:lowercase ! important;}
.chooseyourpath h1.slider-two_heading {text-align:center;font-size:25pt;}
.chooseyourpath .slider-two_content-inner {padding-left:0;}
.two_buttons a {margin-right:10px;}
.dappshomeinfo p {color:white;margin-top:10px;color:#fff;text-align:center;}
.dappshomeinfo a:hover img {opacity:0.5;}
.dappshomeinfo a img {max-width:250px;}
h1.slider-three_heading {text-align:center;}
.slider-three_text {text-align:center;width:100%;max-width:100%;}
.btn-center-three {display:inline-block ! important;}
.buttoncentre {width:100%;text-align:center;}
.swiper-slide-2 {padding-top:0 ! important;}
.two_buttons {text-align:center;}
.two_buttons .btn-style-three {padding-left:17px;padding-right:17px;}
.two_buttons a {display:inline-block;}
.main-header .mobile-menu .navigation {border-top:none;}
.main-header .main-menu .navigation > li.current > a {color:#fff;}
.page-numbers li {display:inline-block;margin:0 5px 5px 0;}
.page-numbers li a {font-size:11pt;padding:4px;}
.pagination {margin:40px 0;}
.coin1-desc {margin-top:30px;}
.coin1-desc p {color:#ccc ! important;font-size:12pt ! important;text-align:left ! important;}
.coin1-desc h2 {color:#fff;font-size:16pt;text-align:center;margin-bottom:10px;}
.home h1 {line-height:50px;}

.sec-title_heading {font-family:'TransducerTest' ! important;}
.sec-title_heading span::before {background:none;}
.bg-animation, .tron-grid {z-index:1;}
.slider-two_arrow {border-radius:12px;}
.banner-one_heading, .banner-one_heading span, h1.slider-two_heading, h1.slider-two_heading span {font-family: 'TransducerTest' ! important;}
.swiper-wrapper, .swiper-slide, .slider-two .auto-container::before, .loader-wrap, .preloader, .handle-preloader, .main-header.header-style-three .outer-box::before, .main-header.header-style-three .outer-box::after {background:none ! important;}

 .angled-border-inner h2,  .angled-border-inner-mirror h2 {color:white; background: linear-gradient(to right, #e6ff00, #ffdb28, #ffa315, #fbff00); -webkit-background-clip: text ! important; -webkit-text-fill-color: transparent; background-clip: text ! important; color: transparent ! important;font-weight:bold;text-transform:capitalize ! important;font-size: 17px; line-height: 24px; margin: 20px 0;}

.angled-border-box {
  position: relative;
  padding: 2px;
  background: linear-gradient(to bottom right, #1879c9, #05E8F6, #aafff7, #bed0e3) !important;
  /* Adjusted clip-path to soften the points with minimal rounding */
  clip-path: polygon(
    38px 2px, /* Top-left, softened */
    calc(100% - 38px) 2px, /* Top-right, softened */
    100% 38px, /* Right-top */
    100% calc(100% - 38px), /* Right-bottom */
    calc(100% - 38px) 100%, /* Bottom-right, softened */
    38px 100%, /* Bottom-left, softened */
    2px calc(100% - 38px), /* Left-bottom */
    2px 38px /* Left-top */
  );
  border-radius: 2px; /* Minimal rounding */
  width: 300px;
  overflow: hidden;
  text-align: center;
}

.angled-border-inner {
  background: radial-gradient(circle at top, rgb(70, 83, 220) 0%, rgb(4, 0, 44), rgba(19, 20, 100) 100%);
  padding: 2rem;
  /* Match the adjusted clip-path */
  clip-path: polygon(
    38px 2px,
    calc(100% - 38px) 2px,
    100% 38px,
    100% calc(100% - 38px),
    calc(100% - 38px) 100%,
    38px 100%,
    2px calc(100% - 38px),
    2px 38px
  );
  border-radius: 2px; /* Minimal rounding for inner */
  color: white;
}

.angled-border-inner p {
  color: #ccc;
  font-size: 15px;
}

.angled-border-box img {
  width: 120px;
  height: 120px;
  margin-bottom: 10px;
}



.btn-style-three {position:relative;overflow:hidden;text-align:center;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);padding:1px;display:inline-block;background:linear-gradient(to right, rgba(24, 121, 201, 0.5), rgba(5, 232, 246, 0.5), rgba(170, 255, 247, 0.5), rgba(190, 208, 227, 0.5));border-radius:2px;position:relative;box-sizing:border-box;margin-right:10px;}
.btn-style-three-inner {font-weight:600;font-size:16px;padding:16px 32px;display:inline-block;color:white;background-color:rgba(0, 0, 0, 0.5);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);border-radius:2px;display:flex;align-items:center;justify-content:center;}
a.btn-style-three {text-decoration:none;color:inherit;display:inline-block;}
.btn-style-three:hover {background:repeating-linear-gradient(to right, orange, #ffaa00 25%, #ffffaa 50%, yellow 75%, orange 100%);background-size:400% 100%;animation:flowGradient 4s linear infinite;background-position:0 0;}
@keyframes flowGradient {0% {background-position:0 0;}100% {background-position:-100% 0;}}
.btn-style-three:hover span {color:#fef100;}
.slider2 .btn-style-three:hover {background:repeating-linear-gradient(to right, pink, #f66aff 25%, #ffffaa 50%, #f7a7fc 75%, #fcd4ff 100%);background-size:400% 100%;animation:flowGradient 4s linear infinite;background-position:0 0;}





.gradient-text { background: linear-gradient(to right, #00f0ff, #a1ff00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }




.slider-two_image img {max-width:600px;}
.bg-animation {height:1050px ! important;}
span.blue1 {color:#05E8F6 ! important;}
.slider2 span.blue1 {color:#ffb3ed ! important;}
.sec-title_heading span {font-family:inherit;font-size:24px;}
.service-block_three-icon {height:auto;width:200px;border-radius:0;background:none ! important;}
.service-block_three-inner:hover .service-block_three-icon::before {background:none;}
.service-block_three-inner:hover .service-block_three-icon {transform:inherit;}
.service-block_three-icon::before {background:none;}
.main-header .mobile-menu .navigation li > ul > li:first-child {border-top:none;}
.header-three-socials img, .footer-social_box a img {max-width:15px ! important;}
.footer-social_box a:hover {background:purple;border:1px solid orange;}
.leaderboardpage .service-detail_image {margin-bottom:50px;}
.styled-pagination {margin-bottom:100px;}
.slider1 .slider-two_heading {min-height:200px;}
.sec-title_heading strong {display:inline-block;margin-bottom:0;font-size:24pt;line-height:30pt;}
.home .sec-title_heading strong, .home h2.sec-title_heading span.textoverride {display:block;}

.webdivider { display:inline-block;width: 70%;height: 2px; background: linear-gradient( to right,  transparent 0%, transparent 10%, #7bdeed 50%, transparent 90%, transparent 100% );}
.webdividerb { display:inline-block;width: 70%;height: 2px; background: linear-gradient( to right,  transparent 0%, transparent 10%, #ffff99 50%, transparent 90%, transparent 100% );}
.webdividerorange {background: linear-gradient( to right,  transparent 0%, transparent 10%, #ffdb28 50%, transparent 90%, transparent 100% );}
.webdividerpurple {background: linear-gradient( to right,  transparent 0%, transparent 10%, #6401b2 50%, transparent 90%, transparent 100% );}
.webdivider2 {width:100%;text-align:center;height:100px;position:relative;}
.webdivider3 {margin-bottom:0;height:140px;display:inline-block;}
.webdivider2 img, .webdivider3 img {max-width:100%;position:absolute;left:0;bottom:-200px;transition: bottom 0.8s ease-in-out;}
.webdivider3 img {bottom:15px;}
.webdividerimage {width:100%;overflow:hidden;position:relative;}
.webdividerimage2 {max-width:350px;margin:0 auto;height:140px;position:relative;}
.webdividerimage3 {max-width:350px;margin:0 auto;height:214px;position:relative;}
.webdividerwrapper, .webdividerwrapper2 {width:100%;text-align:center;position:absolute;bottom:-6px;}
.webdividerwrapper2 {bottom:-80px;}
.webdividerimage2 img, .webdividerimage3 img {position:absolute;bottom:-200px;width:100%;height:auto;transition:bottom 0.8s ease-in-out;}
.webdividerimage2 img:first-child, .webdividerimage3 img {opacity:0;}
.webdividerimage2 img:last-child, .webdividerimage3 img {opacity:1;}
.webdividerimage2 img.visible, .webdividerimage3 img.visible {bottom:0;animation:bob-up 0.8s ease-in-out;}
.webdividerimage2.flicker img:first-child {animation:flicker 1.5s forwards;}
.webdividerimage2.flicker img:last-child {animation:flicker-reverse 1.5s forwards;}
@keyframes bob-up {
  0% {bottom:-200px;}
  100% {bottom:0px;}
}
@keyframes flicker {
  0% {opacity:0;}
  40% {opacity:1;}
  60% {opacity:0;}
  100% {opacity:1;}
}
@keyframes flicker-reverse {
  0% {opacity:1;}
  40% {opacity:0;}
  60% {opacity:1;}
  100% {opacity:0;}
}

.comparememes .service-detail_image {background:rgba(0,0,0,0.5) ! important;}
.service-detail_image {background:rgba(0,0,0,0.5);text-align:center;}
.videohome {margin:0 auto;max-width:1000px;}
h1.slider-two_heading {font-size:55px;text-transform:uppercase;color:#fff;line-height:55px;}
.animationtext {height:55px ! important;}
h1.slider-two_heading span, h2.mainsubheader, h1.mainsubheader, h1.slider-two_heading span.firsttext strong {background: linear-gradient(-45deg, #1879c9, #05E8F6, #aafff7, #bed0e3);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    -webkit-text-stroke: 3px transparent;
    -webkit-text-fill-color: #14141f;
	letter-spacing:2px;font-style:normal;text-transform:uppercase;
}
.slider2 h1.slider-two_heading span, .slider2 h2.mainsubheader, .slider2 h1.mainsubheader, .slider2 h1.slider-two_heading span.firsttext strong {background: linear-gradient(-45deg, #f7c5eb, #ff8ee4, #e05df4, #ffb6ed);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    -webkit-text-stroke: 3px transparent;
    -webkit-text-fill-color: #14141f;
	letter-spacing:2px;font-style:normal;text-transform:uppercase;
}
h1.mainsubheader {font-size:30pt;}


.headersep {display:block;}

.slider-two_content-inner {padding-top:30px;}
.main-header .header-lower .logo-box .logo {max-width:90px;}
.nav-logo img {max-width:120px ! important}
.main-header .main-menu .navigation > li > ul {top:130%;}
.main-header .main-menu .navigation > li > ul > li > a, .main-header .main-menu .navigation > li > ul > li > ul > li > a {background:none}
.smofotournamentpage .slider-two_button {width:auto;display:inline-block;}
.smofotournamentpage .slider-two_button .btn-style-three:before, .smofotournamentpage .btn-style-two:before{background-color:#ffff99;}
.smofotournamentpage .btn-style-two:hover .btn-wrap span {color:#000;}
.smofotournamentpage .btn-style-gold {border:1px solid gold;}
.smofotournamentpage .btn-style-gold:before {background-color:gold ! important;}
.smofotournamentpage .btn-style-gold:hover span.text-one {color:#fff ! important;}
.smofotournamentpage .btn-style-gold:hover span.text-two {color:#fff ! important;}
.smofotournamentpage .btn-style-lightblue {border:1px solid #85c8ee;}
.smofotournamentpage .btn-style-lightblue:before {background-color:#85c8ee ! important;}
.smofotournamentpage .btn-style-lightblue:hover span.text-one {color:#fff ! important;}
.smofotournamentpage .btn-style-darkblue {border:1px solid #1d2c99;}
.smofotournamentpage .btn-style-darkblue:before {background-color:#1d2c99 ! important;}
.smofotournamentpage .btn-style-darkblue:hover span.text-one {color:#fff ! important;}
.smofotournamentpage .btn-style-pink:before {background-color:#fd4ad4 ! important;}
.smofotournamentpage .btn-style-pink {border:1px solid #fd4ad4;}
.smofotournamentpage .btn-style-pink:hover span.text-one {color:#fff ! important;}
.smofotournamentrules .standardlist p {text-align:center;}
.smofotournamentrules .standardlist p strong.pinktext {color:#fd4ad4;}
.footerbackground {background:#fff;}

/*Meme Comparison Pages */

#coin1-categories li, #coin2-categories li {display:inline-block;margin-right:10px;color:#fff;}
#coin1-categories li a, #coin2-categories li a {color:#ccc;}
#coin1-categories li a:hover, #coin2-categories li a:hover {color:rgb(118,220,240);}
#coin1-categories, #coin2-categories {margin-top:20px;}
.memecoindescs h2 {color:#fff;font-size:16pt;margin-bottom:20px;line-height:20pt;text-align:left;}
.comparememes .service-detail_image {border:1px solid #333;}
.datagroup {margin-bottom:60px;text-align:left;}
.comparememes .service-detail_image {max-width:1100px;margin:0 auto;background:linear-gradient(to bottom, rgba(var(--white-color-rgb), 0.10) 0%, var(--color-two) 100%);/*background:url(../images/compare/background.png);*/}
.comparememes .service-detail_image p {font-size:12pt;}
.comparememes .memecoindescs {margin-top:40px;}
.comparememes .datagroup p strong {color:rgb(118,220,240);display:inline-block;width:230px;}
.comparememes h1.mainsubheader {font-size:25pt;margin-bottom:40px;line-height:38px ! important;}
.comparememes h1.mainsubheader span.firsttitle, .comparememes h1.mainsubheader span.secondtitle {line-height:35pt;}
.comparememes h1.mainsubheader span.secondtitle {font-size:14pt;margin-top:25px;line-height:16pt;text-transform:capitalize;font-style:italic;}
.comparememes h1.mainsubheader {line-height:inherit;}
.comparememes .memeicon img {margin-top:0;max-width:100%;}
.comparememes .memeicon {width:60px;height:60px;}
.comparememes .memegroup {display:block;overflow:hidden;text-align:center;margin-bottom:20px;}
.comparememes .memeicon, .comparememes .firsttitle {display:inline-block;}
.comparememes .datagroup span {color:#fff;font-weight:normal;}
.main-footer {margin-top:0;}
.main-footer.style-three {background:radial-gradient(circle at top,#ffbf00 0,#c91d7c 100%);clip-path: polygon(
    2% 0, /* Top-left point, adjusted for narrower flat top */
    98% 0, /* Top-right point, adjusted for narrower flat top */
    100% 10%, /* Right-top point, creating 45-degree angle */
    100% 100%, /* Right-bottom */
    0 100%, /* Left-bottom */
    0 10% /* Left-top point, creating 45-degree angle */
  );}
.comparememes  h1.slider-two_heading span, .comparememes  h2.mainsubheader, .comparememes  h1.mainsubheader {background: linear-gradient(-45deg, #4A90E2, #40C4FF, #B3E5FC, #D6EAF8);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    -webkit-text-stroke: 3px transparent;
    -webkit-text-fill-color: #14141f;
	letter-spacing:2px;font-style:normal;text-transform:uppercase;margin-bottom:0;
}
.footer-title span {text-transform:lowercase;}
.comparememes .blog-detail_list li {text-align:left;}

.categorymemecoins h1.mainsubheader {line-height:41px;}
.categorymemecoins h2, .comparehome h2 {color:#fff;font-size:14pt;}
.comparehome .pagination ul {width:100%;text-align:center;}
.comparehome .pagination ul li {display:inline-block;font-size:14pt;margin-right:5px;}

/*End of Meme Comparison Pages */

/* Text Changer Home */


.slider-two_text {
  position: relative;
  font-size: 17px;
  opacity: 0.80;
  max-width: 600px;
  line-height: 27px;
  margin-bottom: 35px;
  color: var(--white-color);
  height: 50px; /* Adjust if needed */
  overflow: hidden;
  text-align:left;
}

.textwrapper1, .textwrapper2, .textwrapper3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); /* Hidden state */
  transition: clip-path 1.3s cubic-bezier(0.5, 0.5, 0, 1);
  padding:5px 5px 7px 7px;
  border-radius:5px;
}

/* Active state: fully visible */
.textwrapper1.active, .textwrapper2.active, .textwrapper3.active {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

/* Initial state: .textwrapper2 and .textwrapper3 hidden */
.textwrapper2, .textwrapper3 {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}


/* End of Text Changer Home */


/* Standard Page */

.standardpage .services-detail {margin-top:50px;}
.standardpage .services-detail ul li {color:rgb(189,189,189);margin-bottom:10px;font-size:17px ! important;line-height:27px;}
.standardpage h1.sec-title_heading {text-align:center;}
.orangelink {color:orange ! important;text-decoration:underline ! important;}
.lightbluelink {color:rgb(118, 220, 240) ! important;text-decoration:underline ! important;}
.standardpage .page-title .bread-crumb li {color:rgb(118, 220, 240) ! important;}
.standardpage .content a {color:rgb(118, 220, 240) ! important;}
.standardpage .content a:hover {color:#fff ! important;}
.orangelink:hover, .lightbluelink:hover {color:white ! important;}
.content a {color:orange;}
.content a:hover {color:white;}
.standardpage .sec-title.style-four .sec-title_title,  .standardpage .sec-title.style-four .sec-title_heading span {text-align:center;color:rgb(118,220,240) ! important;}
.standardpage .sec-title.style-four .sec-title_heading span {color:#fff ! important;display:inline-block;}
h2.sec-title_heading {display:block;}
.standardpage .sec-title.style-four .sec-title_title {text-align:left;}
.standardpage .sec-title.style-four .sec-title_title {text-align:center;}
.standardpage h2 {font-family:'TransducerTest' ! important;}
.standardpage .accordion-box_two .block .icon-outer .icon {background-color:rgb(51 140 181) ! important;}
.faq-one_accordian-column {margin:0 auto;}
.faq-one_accordian-column .accordion-box_two .block .content {text-align:left;}
.left-box-smofo img {max-width:600px;display:inline-block;}
.standardlist strong {font-size:16pt;margin-bottom:20px;display:block;text-align:center;}
.smofotournamentpage .webdivider3 {margin-bottom:30px;}
.smofotournamentpage .left-box-smofo img {max-width:600px;}
.smofotournamentpage .webdividerimage2 {max-width:120px ! important;}

/* End of Standard Page */

/* Header Changer Home */


.slider-two_heading {
  overflow: hidden; /* Keeps text from spilling out */
}

.headerseptextchange {
  position: relative; /* Stacks spans in the same spot */
  display: inline-block; /* Keeps it tight to content */
}

.item-text {
  display: block; /* Stacks them vertically if needed, but absolute will override */
  position: absolute; /* Overlaps them in the same space */
  top: 0;
  left: 0;
  opacity: 0; /* Hidden by default */
  transition: opacity 0.5s ease-in-out; /* Smooth fade */
}

.item-text.is-visible {
  opacity: 1; /* Visible when class is applied */
  position: relative; /* Keeps it in flow when visible */
}


/* End of Header Changer Home */




/* Box Feature Outer Glow */



.service-block_three-inner, .counter-block_two-inner {
    position: relative;
    overflow: hidden;
    /* Your existing styles, e.g., width: 300px; height: 200px; */
}

/* Top border light */
.service-block_three-inner::before, .counter-block_two-inner::before {
    content: '';
    position: absolute;
    width: 200px; /* Keep long */
    height: 1px; /* Thinner base */
    background: linear-gradient(
        to right,
        transparent 0%,
        #05E8F6 20%,
        #05E8F6 80%,
        transparent 100%
    ); /* Fade at edges */
    border-radius: 1px; /* Minimal rounding */
    animation: glowTop 5s linear infinite; /* Linear for smooth motion */
    z-index: 1;
	top:1px ! important;
	bottom:auto;
}

/* Bottom border light */
.service-block_three-inner::after,  .counter-block_two-inner::after {
    content: '';
    position: absolute;
    width: 200px;
    height: 1px; /* Thinner base */
    background: linear-gradient(
        to right,
        transparent 0%,
        #05E8F6 20%,
        #05E8F6 80%,
        transparent 100%
    ); /* Fade at edges */
    border-radius: 1px;
    animation: glowBottom 5s linear infinite; /* Linear for smooth motion */
    z-index: 1;
}

/* Top light: left to right */
@keyframes glowTop {
    0% { /* Start at top-left, invisible */
        top: 0;
        left: 0;
        transform: translate(-50%, -50%);
        height: 1px; /* Thin edge */
        opacity: 0;
    }
    5% { /* Start fading in */
        top: 0;
        left: 10%;
        transform: translate(-50%, -50%);
        height: 1px;
        opacity: 0.3;
    }
    15% { /* Full brightness, thicker */
        top: 0;
        left: 30%;
        transform: translate(-50%, -50%);
        height: 2px; /* Slight taper */
        opacity: 1;
    }
    25% { /* Midpoint, still bright */
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 2px;
        opacity: 1;
    }
    35% { /* Start fading out */
        top: 0;
        left: 70%;
        transform: translate(-50%, -50%);
        height: 2px;
        opacity: 1;
    }
    40% { /* End at top-right, disappearing */
        top: 0;
        left: 100%;
        transform: translate(-50%, -50%);
        height: 1px; /* Thin edge */
        opacity: 0;
    }
    99% { /* Stay invisible for 3s */
        top: 0;
        left: 100%;
        transform: translate(-50%, -50%);
        height: 1px;
        opacity: 0;
    }
    100% { /* Reset to start */
        top: 0;
        left: 0;
        transform: translate(-50%, -50%);
        height: 1px;
        opacity: 0;
    }
}

/* Bottom light: right to left */
@keyframes glowBottom {
    0% { /* Start at bottom-right, invisible */
        top: 100%;
        left: 100%;
        transform: translate(-50%, -50%);
        height: 1px; /* Thin edge */
        opacity: 0;
    }
    5% { /* Start fading in */
        top: 100%;
        left: 90%;
        transform: translate(-50%, -50%);
        height: 1px;
        opacity: 0.3;
    }
    15% { /* Full brightness, thicker */
        top: 100%;
        left: 70%;
        transform: translate(-50%, -50%);
        height: 2px; /* Slight taper */
        opacity: 1;
    }
    25% { /* Midpoint, still bright */
        top: 100%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 2px;
        opacity: 1;
    }
    35% { /* Start fading out */
        top: 100%;
        left: 30%;
        transform: translate(-50%, -50%);
        height: 2px;
        opacity: 1;
    }
    40% { /* End at bottom-left, disappearing */
        top: 100%;
        left: 0;
        transform: translate(-50%, -50%);
        height: 1px; /* Thin edge */
        opacity: 0;
    }
    99% { /* Stay invisible for 3s */
        top: 100%;
        left: 0;
        transform: translate(-50%, -50%);
        height: 1px;
        opacity: 0;
    }
    100% { /* Reset to start */
        top: 100%;
        left: 100%;
        transform: translate(-50%, -50%);
        height: 1px;
        opacity: 0;
    }
}


/* End of Box Feature Outer Glow */






/* Roadmap Page */

.roadmapblock h5 {color:white;font-size:22px;}
.roadmapblock p {color:#ccc;}
.roadmapblock .news-block_one-time {color:#05E8F6;}
.roadmapblock .news-block_one-image {background-color:transparent;}
.roadmapblock .news-block_one-image img {max-width:200px;}
.blue1 {color:#05E8F6;}



/* End of Roadmap Page */

/* Meme Fighter Match Page */


.buttonplay {margin-top:40px;text-align:center;}
.mfmpage .featurescarousel {padding-top:0;}

/* Meme Fighter Match Page Pink */


.mfmpage .social-one .sec-title_title, .mfmpage .sec-title.style-four .sec-title_title, .mfmpage .sec-title.style-four .sec-title_heading span, .mfmpage .sec-title.style-two .sec-title_heading span, .mfmpage .sec-title.style-two .sec-title_title {color:#F069F1;}
.articlepage .sec-title.style-four .sec-title_heading span {display:block;text-align:center;}
.mfmpage .service-block_three-inner .color-layer  {background-color:#F069F1;}
.mfmpage h1.slider-two_heading span, .mfmpage h2.mainsubheader {background: linear-gradient(-45deg, #1879c9, #05E8F6, #aafff7, #bed0e3);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    -webkit-text-stroke: 3px transparent;
    -webkit-text-fill-color: #14141f;}
	
/* End of Meme Fighter Match Page Pink */

/* Meme Fighter Match Page Orange */

.orange1, .mfmpage.footer-copyright a, .mfmpage.footer-pages_list li a:hover {color:#FCBB38;}
.footer-pages_list li a {color:#fff;}
.footer-pages_list li a:hover {color:orange ! important;}
.mfmpage .assistance-one .swiper-pagination-bullet:hover, .mfmpage .assistance-one .swiper-pagination-bullet.swiper-pagination-bullet-active {border:1px solid #000;background-color:#000;}
.mfmpage .page-title .bread-crumb li {color:#FCBB38;}
.mfmpage .btn-style-two {border:1px solid #FCBB38;}
.smofotournamentpage .btn-style-two {border:1px solid #ffff99;}
.mfmpage .social-one .sec-title_title, .mfmpage .sec-title.style-four .sec-title_title, .mfmpage .sec-title.style-four .sec-title_heading span, .mfmpage .sec-title.style-two .sec-title_heading span, .mfmpage .sec-title.style-two .sec-title_title {color:#fde005;text-shadow:2px 2px black;font-size:28pt;}
.mfmpage .sec-title.style-two .sec-title_heading span {font-size:31pt;line-height:31pt;}
.mfmpage .sec-title.style-four .sec-title_title {line-height:33px;margin-bottom:10px;font-size:21pt;letter-spacing:1px;font-style:italic;color:#fff;}
.mfmpage span.puzzlealt {color:#dda7dc ! important;}
.counter-one .inner-container {background:transparent;}
.mfmpage .service-block_three-inner .color-layer  {background-color:#CC8800;}
.mfmpage h1.slider-two_heading span, .mfmpage h2.mainsubheader, .mfmpage h1.mainsubheader {background: linear-gradient(-45deg, #F9ECB7, #F7D289, #FCBB38, #CC8800);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    -webkit-text-stroke: 3px transparent;
    -webkit-text-fill-color: #000;}
	
.mfmpage .service-block_three-inner::before {
    content: '';
    position: absolute;
    width: 100px; /* Keep long */
    height: 1px; /* Thinner base */
    background: linear-gradient(
        to right,
        transparent 0%,
        #F7D289 20%,
        #F7D289 80%,
        transparent 100%
    ); /* Fade at edges */
    border-radius: 1px; /* Minimal rounding */
    box-shadow: 0 0 15px 5px rgba(250, 240, 180, 0.7),
                0 0 30px 15px rgba(250, 240, 180, 0.3);
    animation: glowTop 5s linear infinite; /* Linear for smooth motion */
    z-index: 1;
}

/* Bottom border light */
.mfmpage .service-block_three-inner::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 1px; /* Thinner base */
    background: linear-gradient(
        to right,
        transparent 0%,
        #F7D289 20%,
        #F7D289 80%,
        transparent 100%
    ); /* Fade at edges */
    border-radius: 1px;
    box-shadow: 0 0 15px 5px rgba(250, 240, 180, 0.7),
                0 0 30px 15px rgba(250, 240, 180, 0.3);
    animation: glowBottom 5s linear infinite; /* Linear for smooth motion */
    z-index: 1;
}
.mfmpage .services-detail .sec-title p {font-size:17px ! important;}
	
	
	
/* End of Meme Fighter Match Page */








.featurescarousel img {max-width:150px;}
/* Default state: Show first image, hide second */
.service-block_three .featureiconswitch img:nth-child(1) {
    display: block; /* First image visible */
}

.service-block_three .featureiconswitch img:nth-child(2) {
    display: none; /* Second image hidden */
}

/* Hover state: Hide first image, show second */
.service-block_three:hover .featureiconswitch img:nth-child(1) {
    display: none; /* First image hidden on hover */
}

.service-block_three:hover .featureiconswitch img:nth-child(2) {
    display: block; /* Second image visible on hover */
}


/* Agent Animations Home Page */





/* Agent Container */

.agentchoice {
    position: relative;
    display: inline-block;
    animation: bobbing 3s infinite ease-in-out;
}

/* Agent Images */
.agentchoice .agentcon1 img, .agentchoice .agentcon2 img {
    width: 100%;
    display: none; /* All images start hidden */
}

/* Show first image by default with blackhole animation */
.agentchoice .agentcon1 img:first-child,
.agentchoice .agentcon2 img:first-child {
    display: block;
    animation: blackhole-warp 1.5s ease-out forwards, glitch 0.08s 12 alternate;
}

/* Initially hide second agent and speech */
.agentchoice .agentcon2, .speech2 {
    display: none;
}

/* Ensure .speech starts hidden too */
.agentchoice .speech {
    display: none;
}

/* Speech Bubbles */
div.speech, div.speech2 {
    position: absolute;
    left: -200px;
    width: 300px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #000;
    border-radius: 20px;
    box-shadow: 2px 2px 4px #000;
    bottom: 150px;
    padding: 20px 10px;
    z-index: 4;
    display: none; /* Start hidden */
    opacity: 0; /* Start fully transparent */
}

/* Speech Text */
div.speech p, div.speech2 p {
    color: #fff;
    text-transform: uppercase;
    font-family: 'TransducerTest' !important;
    margin-bottom: 0;
}

/* Speech Tail */
div.speech:before, div.speech2:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: 30px;
    bottom: -50px;
    border: 25px solid;
    border-color: #000 #000 transparent transparent;
}

.btn-style-two {font-size:19px;}

div.speech:after, div.speech2:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: 38px;
    bottom: -30px;
    border: 15px solid;
    border-color: #000 #000 transparent transparent;
}

/* Speech Alt */
.speech-alt {
    bottom: 180px;
    left: 55%;
    transform: translateX(-50%);
}

/* Black Hole Warp Animation */
@keyframes blackhole-warp {
    0% {
        transform: scaleX(0.1) scaleY(0.6);
        filter: blur(10px) brightness(0.3);
        opacity: 0;
    }
    20% {
        transform: scaleX(0.5) scaleY(1.14);
        filter: blur(8px) brightness(1);
        opacity: 1;
    }
    100% {
        transform: scaleX(1) scaleY(1);
        filter: blur(0);
        opacity: 1;
    }
}

/* Black Hole Warp Reverse (For Shrinking Out) */
@keyframes blackhole-warp-reverse {
    0% {
        transform: scaleX(1) scaleY(1);
        filter: blur(0);
        opacity: 1;
    }
    20% {
        transform: scaleX(1.1) scaleY(0.95) skewX(-3deg);
        filter: blur(1px);
    }
    40% {
        transform: scaleX(0.9) scaleY(1.1) skewX(3deg);
        filter: blur(3px);
    }
    60% {
        transform: scaleX(1.3) scaleY(0.8) skewX(-5deg);
        filter: blur(5px);
    }
    80% {
        transform: scaleX(0.5) scaleY(1.14);
        filter: blur(8px) brightness(1);
    }
    100% {
        transform: scaleX(0.1) scaleY(0.6);
        filter: blur(10px) brightness(0.3);
        opacity: 0;
    }
}

/* Glitch Effects */
@keyframes glitch-left {
    0% { clip-path: inset(0% 0 0 0); transform: translateX(-2px); }
    25% { clip-path: inset(20% 0 50% 0); transform: translateX(-25px); }
    50% { clip-path: inset(50% 0 20% 0); transform: translateX(-35px); }
    75% { clip-path: inset(10% 0 40% 0); transform: translateX(-20px); }
    100% { clip-path: inset(0% 0 0 0); transform: translateX(0px); }
}

@keyframes glitch-right {
    0% { clip-path: inset(0% 0 0 0); transform: translateX(2px); }
    25% { clip-path: inset(20% 0 50% 0); transform: translateX(25px); }
    50% { clip-path: inset(50% 0 20% 0); transform: translateX(35px); }
    75% { clip-path: inset(10% 0 30% 0); transform: translateX(20px); }
    100% { clip-path: inset(0% 0 0 0); transform: translateX(0px); }
}


.audio-controls {
    margin: 10px;
    text-align: center;
    display: block;
	position:absolute;
	bottom:100px;
	left:-20px;
}

#toggle-mute-btn {
    height: 57px;
    width: 57px;
    background: url(../images/icons/unmute-icon-4.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
}

#toggle-mute-btn:hover {
    background-position: 0 -57px;
}

#toggle-unmute-btn {
    height: 57px;
    width: 57px;
    background: url(../images/icons/mute-icon-4.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
}

#toggle-unmute-btn:hover {
    background-position: 0 -57px;
}




/* Fade-in and Fade-out Animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

/* Apply the animations to the speech bubbles */
.speech, .speech2 {
    animation-duration: 1s; /* Duration of the fade effect */
    animation-fill-mode: both; /* Retain the end state of the animation */
}

.airdroptoken img {width:50px;height:50px;}






/* End of Agent Animations Home Page */












h1.slider-two_heading span {line-height:56px;}
h1.slider-two_heading span.firsttext {display:block;}
.slider1 h1.slider-two_heading span.firsttext .firsttextwhite {font-size:32pt; line-height:29pt;display:block;margin-bottom:10px;font-style:normal;}
.slider1 h1.slider-two_heading span em.firsttextoutline {line-height:50px;display:block;margin-bottom:10px;}
.slider1 h1.slider-two_heading span strong.secondtextoutline {font-size:32pt; line-height:29pt;display:block;margin-top:14px;}
h1.slider-two_heading span.wordswitch {line-height:auto;}
h1.slider-two_heading span.wordswitch span {line-height:56px;}
.slider-two {padding-bottom:70px;}


.slider-two_image-outer {position:relative;padding-bottom:40px;top:0;right:0;max-width:600px;}
.slider-two_image img {max-width:800px;z-index:2;}
.header-style-three {background:rgba(0,0,0,0.6);}


.moreagents {position:absolute;width:80%;text-align:center;bottom:100px;}
.moreagents ul {width:500px;margin:0 auto;animation: bobbing 3s infinite ease-in-out;}
.moreagents ul li {float:left;margin-right:20px;}
.moreagents ul li a img {max-width:100%;}
.moreagents ul li {width:120px;float:left;overflow:hidden;}


/* Main Tron Grid Container */
.tron-grid {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1200px; /* Increased depth */
    z-index: 1;
	transform: scaleX(-1);

}

/* Curved & Tilted Tron Grid */
.glow-overlay {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, 40px);
    grid-template-rows: repeat(auto-fill, 40px);
    background-size: 40px 40px;
    background-image: 
        linear-gradient(rgba(0, 255, 255, 0.8) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 255, 255, 0.8) 1px, transparent 1px);
    border: 1px solid rgba(0, 255, 255, 1);
    opacity: 1;
    transition: opacity 0.1s ease-in-out, background-image 0.3s ease-in-out, border-color 0.3s ease-in-out;

    /* Applying the curve effect */
    transform-origin: left;
    transform: rotateX(20deg) skewY(-15deg) translateY(-20%) translateX(-5%);
    mask-image: radial-gradient(circle at 20% 50%, rgba(0, 255, 255, 0.9), transparent 70%);
}

/* Comparison Pages */

.memecoindescs {overflow:hidden;}
.memecoinsect1, .memecoinsect2 {float:left;width:48%;}
.memecoinsect1 {margin-right:4%;}
.singlecoin .memecoinsect1 {width:100%;margin-right:0 ! important;}


/* End of Comparison Pages */

/* Flicker Effect */
.glow-overlay.flicker {
    opacity: 0.6;
}

/* Red Mode */
.glow-overlay.red-mode {
    background-image: 
        linear-gradient(rgba(255, 71, 107, 1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 71, 107, 1) 1px, transparent 1px);
    border-color: rgba(255, 71, 107, 1);
}

/* Ripple Effect */
@keyframes ripple {
    0% {
        background-size: 40px 40px;
        opacity: 1;
    }
    50% {
        background-size: 60px 60px;
        opacity: 0.8;
    }
    100% {
        background-size: 40px 40px;
        opacity: 1;
    }
}

.glow-overlay.ripple {
    animation: ripple 1s ease-out;
}

.slider-two_image-column {position:relative;height:920px;}




.cable1, .cable2, .cable3 {
    position: absolute;
}

.cable1 {
    right: 60px;
    top: -120px;
    width: 320px;
    animation: fly-in-right 1.2s ease-out forwards, bobbing 3s ease-in-out infinite 3s;
}

.cable2, .cable3 {
    top: -180px;
    width: 50%;
    right: 40px;
    z-index: -1;
    animation: fly-in-top 1.2s ease-out forwards, bobbing 3s ease-in-out infinite 3s;
}





/* New animation for cable movement */
@keyframes cableWobble {
    0% {
        transform: translateX(0) rotate(0deg);
    }
    33% { /* Move and rotate within 1s */
        transform: translateX(20px) rotate(-10deg);
    }
    50% { /* Pause at new position for 0.5s */
        transform: translateX(20px) rotate(-10deg);
    }
    100% { /* Return to original position over 1.5s */
        transform: translateX(0) rotate(0deg);
    }
}

.cable3 {bottom:-10px;top:auto;animation: fly-in-bottom 1.2s ease-out forwards, bobbing 3s ease-in-out infinite 3s;right:-115px;width:550px;}

@keyframes bobbing {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}


@keyframes fly-in-right {
    0% {
        transform: translateX(200%); 
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fly-in-top {
    0% {
        transform: translateY(-200%); 
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fly-in-bottom {
    0% {
        transform: translateX(200%); 
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}



/* Black Hole Warp Keyframes (Your Version) */
@keyframes blackhole-warp {
    0% {
        transform: scaleX(0.1) scaleY(0.6);
        filter: blur(10px) brightness(0.3);
        opacity: 0;
    }
    20% {
        transform: scaleX(0.5) scaleY(1.14);
        filter: blur(8px) brightness(1);
        opacity: 1;
    }
    40% {
        transform: scaleX(1.3) scaleY(0.8) skewX(-5deg);
        filter: blur(5px);
    }
    60% {
        transform: scaleX(0.9) scaleY(1.1) skewX(3deg);
        filter: blur(3px);
    }
    80% {
        transform: scaleX(1.1) scaleY(0.95) skewX(-3deg);
        filter: blur(1px);
    }
    100% {
        transform: scaleX(1) scaleY(1) skewX(0);
        filter: blur(0);
    }
}


.header-style-three, .main-header.fixed-header .header-lower {background:radial-gradient(circle at top, rgba(14, 81, 240, 0.7) 0%, rgba(70, 10, 130, 0.7), rgba(40, 13, 94, 0.7) 100%);}




.clients-one .inner-container {padding-bottom:160px;background:none;padding-top:100px;}
.clients-one {background:radial-gradient(circle at top, rgb(0 3 48) 0%, rgb(4 0 44), rgba(19, 20, 100) 100%);z-index:2;border-top:5px solid black;border-bottom:5px solid black;}
.clients-one .clients-box_one::before, .clients-one .clients-box_one::after, .clients-box {background:none;}

.infoiconcon .infoicon {width:100px;position:absolute;top:20px;right:0;}
.infoiconcon2 .infoicon {right:20px;}
.infoiconcon3 .infoicon {width:110px;}
.infoicon2 {display:none;}
.infoiconcon:hover .infoicon2 {display:block;width:100px;position:absolute;right:0;top:20px;z-index:2;}
.infoiconcon2:hover .infoicon2 {right:20px;}
.infoiconcon:hover .infoicon {display:none;}
.infoiconcon3:hover .infoicon2 {width:110px;}
.infoiconcon:hover h5, .infoiconcon:hover .counter-block_two-text, .infoiconcon:hover .counter-block_two-count {color:#000;}
.sec-title_heading span {font-style:normal;}
.clients-box a img {width:196px;height:108px;}
.fightercon {width:800px;position:absolute;right:100px;height:900px;}
.slider1 .fightercon {width:1200px;position:absolute;right:-150px;height:900px;top:-100px;}
.headright .fighterleft, .headright .fighterright {max-width:800px;}
.fightercon .fighterleft {position:absolute;z-index:1;left:27px;top:-35px;}
.fightercon .fighterright {position:absolute;z-index:0;right:-322px;}
.fightercon .fighterright2 {z-index:2;position:absolute;right:-322px;}

.fightercon {position:relative;}
.slider2 .fightercon {max-width:700px;margin-left:200px;}
.fighterleft, .fighterright, .fighterright2, .fighterleft2, .fighterflash {
    display:block;
    position:absolute;
    z-index:5; /* Base z-index for colored images */
    max-width:800px; /* Match .headright .fighterleft, .fighterright */
	opacity:0;
}
.fighterleft2, .fighterflash {
    z-index:6; /* Above colored images */
	opacity:0;
}
.fighterleft, .fighterleft2 {
    left:0px; /* Align elon.png and elon-white.png */
    animation:slideInLeft 0.333s ease-out 1s forwards;
}
.fighterright, .fighterright2 {
    right:0px; /* Align trump.png, trump-hand.png, trump-white.png, trump-hand-white.png */
    animation:slideInRight 0.333s ease-out 1s forwards;
}
.fightercon img.fighterflash {
    animation: flash-opacity 0.3s ease-out 1.25s forwards;
}
@keyframes flash-opacity {
    0% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 0;} 
}
@keyframes slideInLeft {
    0% {transform:translateX(-100%);opacity:0;}
    100% {transform:translateX(0);opacity:1;}
}
@keyframes slideInRight {
    0% {transform:translateX(100%);opacity:0;}
    100% {transform:translateX(0);opacity:1;}
}

/* End of Firecracker */

.nodisplay {display:none;}

/* MFM Game Page */


.mfmpage .page-title::before, .mfmpage .aidappstitle::before {background:none ! important;}
.mfmpage .page-title {padding:20px 0;}
.mfmpage .sec-title_title {text-align:left;}
.mfmpage .aidappstitle {text-align:center;}
.mfmpage .page-wrapper {background:url(../images/background/mfm-gamepage-wallpaper.jpg) no-repeat;}
.smofotournamentpage .page-wrapper {background:none;}
.smofotournamentpage .bg-animation {background:url(../images/background/meme-fighter-background-4.jpg) no-repeat ! important;}
.leaderboardpage .page-wrapper {background:none;}
.mfmpage .mfmpagefeatureimage {position:absolute;height:700px;}
.mfmpage .mfmpageright {right:-100px;}
.mfmpage .mfmpageleft {left:-520px;animation: slideInWithBump 0.5s ease-out forwards;}
.mfmpage .mfmpageright {right:-520px;animation: slideInWithBump2 0.5s ease-out forwards;}
.mfmpage .services-detail .auto-container {max-width:900px;}
.mfmpage .services-detail .sec-title .left-box {max-width:100%;}
.mfmpage .left-box {  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.7),   /* Indigo */
    rgba(80, 15, 80, 0.7),   /* Violet */
    rgba(0, 0, 0, 0.7)   /* Violet */
  );padding:40px;border-radius:20px;}
.extrainfo p {color:#ccc;}
.mfmpage p a, .footer-pages_list li a:hover, .footer-copyright a {color:#fff;}
.mfmpage .sec-title_heading span {line-height:24px;}
.footer-copyright {color:#fff;}
.mfmpage h1.sec-title_heading {margin-bottom:30px;line-height:25px;background: linear-gradient(to right, #e6ff00, #ffdb28, #ffa315, #fbff00);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    -webkit-text-stroke: 3px transparent;
    -webkit-text-fill-color: #14141f;
    letter-spacing: 2px;
    font-style: normal;
    text-transform: uppercase;text-align:center;margin-top:0;}
.mfmpage .service-block_three a {color:orange;}
.sec-title.style-four .sec-title_heading span {text-transform:capitalize;}

@keyframes slideInWithBump {
  0% {
    left: -320px; /* Start off-screen */
  }
  80% {
    left: 120px; /* Overshoot slightly to create the bump */
  }
  100% {
    left: 100px; /* Settle at the final position */
  }
}
@keyframes slideInWithBump2 {
  0% {
    right: -320px; /* Start off-screen */
  }
  80% {
    right: 120px; /* Overshoot slightly to create the bump */
  }
  100% {
    right: 100px; /* Settle at the final position */
  }
}

/* End of MFM Game Page */

@media screen and (max-width: 1800px) {
.cable1 {right:30px;}
.bg-animation {height:956px ! important;}
}

@media screen and (max-width: 1700px) {
.cable1 {right:-10px;}
}

@media screen and (max-width: 1650px) {
.cable1 {right:-30px;}
}

@media screen and (max-width: 1600px) {
.cable1 {right:-50px;}
}

@media screen and (max-width: 1550px) {
.cable1 {right:-70px;}
}

@media screen and (max-width: 1500px) {
.cable1 {right:-100px;}
.slider-two_image-column {height:800px;}
.headright .fighterleft, .headright .fighterright {max-width:650px;}
.fightercon {width:650px;height:700px;right:0;}
.slider2 .fightercon {width:700px;right:100px;}
.slider1 .fightercon {width:1000px;position:absolute;right:0;height:900px;}
@keyframes slideInWithBump {
  0% {
    left: -320px; /* Start off-screen */
  }
  80% {
    left: 70px; /* Overshoot slightly to create the bump */
  }
  100% {
    left: 50px; /* Settle at the final position */
  }
}
@keyframes slideInWithBump2 {
  0% {
    right: -320px; /* Start off-screen */
  }
  80% {
    right: 70px; /* Overshoot slightly to create the bump */
  }
  100% {
    right: 50px; /* Settle at the final position */
  }
}
.fightercon .fighterleft {left:-50px;}
.fightercon .fighterright2, .fightercon .fighterright {right:-192px;}
}

@media screen and (max-width: 1450px) {
.cable1 {right:-130px;}
}

@media screen and (max-width: 1400px) {
.cable1 {right:-150px;}
}

@media screen and (max-width: 1350px) {
.cable1 {right:-190px;}
.slider1 .fightercon {width:900px;position:absolute;right:0;height:900px;}
}

@media screen and (max-width: 1300px) {
.cable1 {right:-200px;}
h2.sec-title_heading, h1.sec-title_heading {margin-bottom:20px;}
.slider2 .fightercon {max-width:700px;margin-left:0;}
}

@media screen and (max-width: 1250px) {
.cable1 {right:-230px;}
}
@media screen and (max-width: 1240px) {
.cable1 {right:-230px;}
h2 {font-size:37px;}
h2.single-title {font-size:37px;}
}

@media screen and (max-width: 1200px) {
.cable1 {right:-220px;}
.mfmpage .mfmpagefeatureimage {max-height:500px;}
.mfmpage .sec-title {margin-bottom:0;}
.subpage .mainsubheader img {max-width:300px;}
}

@media screen and (max-width: 1150px) {
.cable1 {right:-230px;top:-140px;}
}

@media screen and (max-width: 1100px) {
.cable1 {right:-210px;top:-160px;}
.slider1 .fightercon {width:700px;position:absolute;right:0;}
}

@media screen and (max-width: 1050px) {
.cable1 {right:-210px;top:-180px;}
}


@media screen and (max-width: 992px) {
.cable1 {right:-135px;top:-10px;}
.cable2 {width:65%;right:-245px;top:-52px;animation: fly-in-bottom 1.2s ease-out forwards, bobbing 3s ease-in-out infinite 3s;}
.cable2 img {transform: rotate(50deg);}
.cable1 img {transform: rotate(20deg);}
.slider-two_image {right:-210px;}
div.engagement {margin-top:0;}
.swiper-slide-2 h1.slider-two_heading {font-size:37px;}
.slider-two_content-inner {padding-right:0;}
.slider-two_content-inner {padding-top:0;}
.swiper-slide-2 .chooseyourpath h1.slider-two_heading {font-size:23px;}
.promotion .slider-two_content-inner {padding-top:0;}
.swiper-slide-2 .slider-two_content-inner {padding-left:0;}
.sec-title_heading span {font-size:20px;line-height:30px;}
.fightermain .headright {max-width:inherit;right:-200px;top:-100px;}
.textwrapper1, .textwrapper2, .textwrapper3 {background:rgba(0,0,0,0.7);display:inline-block;width:auto;padding-right:5px;}
.bg-animation {background-position:top ! important;}
.headright .fighterleft, .headright .fighterright {max-width:420px;}
.slider-two_image-column {margin-top:-80px ! important;}
.fightercon .fighterleft {left:317px;top:-41px;}
.fightercon .fighterright2, .fightercon .fighterright {right:-251px;top:-22px;}
.slider1 .fightercon {max-width:700px;margin-left:0;top:-450px;}
}


@media screen and (max-width: 970px) {
.slider-two_image {right:-150px;}
.cable1 {right:-95px;}	
}


@media screen and (max-width: 950px) {
.slider-two_image {right:0;}
.cable1 {right:-147px;width:170px;top:58px;}
.slider-two_image-outer {max-width:410px;}
.cable2 {right:-172px;top:81px;width:260px;}
.cable3 {bottom:-58px;width:350px;}
.slider-two_image-column {margin-top:-27px;float:right;flex:none;}
.headright {max-width:400px;position:relative;margin-right:50px;height:500px;}
.fightermain .headright {right:-200px;}
.slider1 .fightermain .headright {right:-50px;}
.slider1 .fightercon {max-width:500px;}
}


@media screen and (max-width: 800px) {
.subpage .mainsubheader img {max-width:250px;}
.left-box-smofo img {max-width:100%;}
.imagecoin img {max-width:120px ! important;}
.slider1 img.logosmofooverlay2, .slider2 img.logosmofooverlay2 {max-width:200px;}
.slider2 img.logosmofooverlay2 {max-width:250px;}
.slider1 .fightercon {top:-300px;}
.main-footer.style-three {background:radial-gradient(circle at top,#ffbf00 0,#c91d7c 100%);clip-path: polygon(
    5% 0, /* Top-left point, adjusted for narrower flat top */
    95% 0, /* Top-right point, adjusted for narrower flat top */
    100% 10%, /* Right-top point, creating 45-degree angle */
    100% 100%, /* Right-bottom */
    0 100%, /* Left-bottom */
    0 10% /* Left-top point, creating 45-degree angle */
  );}
}

@media screen and (max-width: 750px) {
.fightercon {width:100%;}
.fightermain .fightercon {margin-right:0;width:100%;display:inline-block;float:none;right:auto;}
.fightercon .fighterright, .fightercon .fighterleft {left:0;right:auto;}
.headright .fighterleft, .headright .fighterright {max-width:460px;}
.slider-two_image-column {text-align:center;}
.mfmpage .mfmpagefeatureimage {max-height:400px;}
.fightercon .fighterright2, .fightercon .fighterright {right:-13px;top:-26px;left:auto;}
.fightercon .fighterleft {left:auto;right:156px;}
.webdividerimage2 {max-width:250px;}
.webdividerwrapper {bottom:-6px;}
.webdividerwrapper2 {bottom:-80px;}
.webdivider {width:100%;}
h2.sec-title_heading span.textoverride {margin-top:30px;font-size:15px ! important;}
.fightermain .headright {top:-40px;}
}

@media screen and (max-width: 750px) {
.slider1 .fightermain .headright {width:560px;top:-300px;right:-65px;}
}

@media screen and (max-width: 700px) {
.columna, .columnb {width:100%;}
.columna {margin-right:0;}
.logodiv {text-align:center;}
.logodiv img.logosmofooverlay2 {display:inline-block;}
.main-slider .slider-two_content-inner {padding-left:0;}
.salestext {text-align:center;}
.slider2 h1.slider-two_heading span {display:inline-block;}
.slider-two .swiper-slide-active .slider-two_text, .slider-two .slider-two_button {text-align:center ! important;}
}

@media screen and (max-width: 650px) {
div.speech, div.speech2 {left:-100px;bottom:auto;top:50px;}
h1.slider-two_heading {font-size:40px;line-height:40px;}
.chooseyourpath h1.slider-two_heading {font-size:18px;}
.chooseyourpath {margin-top:30px;}
.slider-two_heading {margin-top:0;}
.slider-two_content-inner {padding-top:0;}
.main-header .header-lower .logo-box .logo {padding:15px 0px 15px;}
.shootingstars {width:100% ! important;}
.swiper-slide-2 .chooseyourpath h1.slider-two_heading {font-size:16px;margin-bottom:5px;}
.swiper-slide-2 h1.slider-two_heading {font-size:28px;line-height:28px;}
.two_buttons .btn-style-three {padding:13px;}
div.engagement {margin-top:50px;}
.dappshomeinfo {overflow:hidden;}
.dappshomeinfo .dappshomeleft, .dappshomeinfo .dappshomeright {float:left;width:49%;margin-right:1%;}
.dappshomeinfo .dappshomeright {margin-right:0;}
.dappshomeinfo .btn-style-three {padding:13px;}
.txt-loading span, .handle-preloader .animation-preloader .txt-loading .letters-loading {font-size:13pt ! important;}
.dappshomeinfo a img {max-width:200px;}
.slider2 .slider-two_text {margin-bottom:0;}
.slider-two_text {margin-bottom:25px;}
.audio-controls {bottom:20px;left:-60px;}
#toggle-mute-btn, #toggle-unmute-btn {height:45px;width:45px;}
#toggle-unmute-btn:hover {background-position:-45px;background: url(../images/icons/unmute-icon-4.svg);background-repeat: no-repeat;background-size: cover;}
#toggle-mute-btn:hover {background-position:-45px;background: url(../images/icons/mute-icon-4.svg);background-repeat: no-repeat;background-size: cover;}
.desktoponly {display:none ! important;}
.steps-one_button {margin-bottom:75px;}
.footer-copyright {font-size:11pt;}
.sec-title_heading span { font-size: 20px; line-height: 30px; margin-top: 14px;}
h2.single-title span {font-size:25px ! important;}
h2.sec-title_heading strong, h1.sec-title_heading strong {font-size:32px ! important;display:block;text-align:center;}
h1.sec-title_heading span {display:block ! important;text-align:center;}
.fightercon {top:70px;}
.bg-animation {background-position:-562px  -165px ! important;}
.mfmpage .mfmpagefeatureimage {max-height:300px;top:100px;}
.mfmpage .videohome {margin-left:-25px;}
@keyframes slideInWithBump {
  0% {
    left: -320px; /* Start off-screen */
  }
  80% {
    left: 40px; /* Overshoot slightly to create the bump */
  }
  100% {
    left: 20px; /* Settle at the final position */
  }
}
@keyframes slideInWithBump2 {
  0% {
    right: -320px; /* Start off-screen */
  }
  80% {
    right: 40px; /* Overshoot slightly to create the bump */
  }
  100% {
    right: 20px; /* Settle at the final position */
  }
}
.categorymemecoins h1.mainsubheader {font-size:25pt;line-height:25pt;}
.headright .fighterleft, .headright .fighterright {max-width:400px;}
.fightercon .fighterright2, .fightercon .fighterright {right:-50px;}
.fightercon .fighterleft {right:95px;}
}

.slider2 h1.slider-two_heading span.purewhite em {font-style:normal;}

@media screen and (max-width: 600px) {
.smofotournyimage {max-width:100%;}
.imagecoin img {max-width:120px ! important;width:120px ! important;}
.smofotournamentpage .left-box {padding:40px 20px;}
.btn-style-three {margin-bottom:20px;}
.header-style-three, .header-lower {height:85px;min-height:85px;}
.slider2 img.logosmofooverlay {float:left;max-width:120px;margin:0 10px 0 -20px;}
.slider2 .slider-two_heading {overflow:inherit;}
img.logosmofooverlay2 {margin-bottom:0 ! important;}
.slider-two .swiper-slide {padding-top:20px;}
.slider2 h1.slider-two_heading span.firsttext {margin-top:0;}
.slider2 h1.slider-two_heading strong {font-size:20pt;margin:13px 0;display:block;line-height:20pt;}
.slider2 h1.slider-two_heading .salestext em {margin-bottom:15px;}
.slider2 .slider-two_heading {margin-bottom:0;}
.slider2 h1.slider-two_heading span.purewhite em {line-height:21pt;font-size:19pt;}
.slider1 .fightermain .headright {width:500px;top:-40px;right:-10px;max-width:700px;}
h1.slider-two_heading span {line-height:46px;}
.headerseptextchange {width:100%;}
.slider-two_image-column {margin-top:-3px ! important;}
.slider-two .swiper-slide-active .slider-two_text {margin-bottom:20px;}
.salestext {font-size:21pt;}
.main-footer.style-three {background:radial-gradient(circle at top,#ffbf00 0,#c91d7c 100%);clip-path: polygon(
    10% 0, /* Top-left point, adjusted for narrower flat top */
    90% 0, /* Top-right point, adjusted for narrower flat top */
    100% 10%, /* Right-top point, creating 45-degree angle */
    100% 100%, /* Right-bottom */
    0 100%, /* Left-bottom */
    0 10% /* Left-top point, creating 45-degree angle */
  );}
}
}

@media screen and (max-width: 580px) {
.headright {max-width:300px;height:400px;}
.cable1 {top:30px;width:140px;right:-117px;}
.cable2 {top:31px;}
div.speech, div.speech2 {left:-200px;}
.slider-two_arrow {bottom:280px;}
.videohome video {width:550px;height:550px;}
.subpage .page-title {padding-bottom:50px;}
.slider-two_text {height:60px;}
.slider-three_text {height:25px ! important;}
.fightermain .fightercon {width:90%;}
}

@media screen and (max-width: 550px) {
.headright .fighterleft, .headright .fighterright {max-width:330px;}
.fightermain .fightercon {width:76%;}
.fightercon .fighterleft {right:75px;}
.slider-two_image-column {margin-top:-22px;}
}


@media screen and (max-width: 510px) {
.fightermain .fightercon {width:82%;}
.slider2 h1.slider-two_heading em {display:block;line-height:30pt;margin-bottom:0;}
img.logosmofooverlay2 {margin-bottom:10px ! important;}
}


@media screen and (max-width: 530px) {
.headright {max-width:240px;height:300px;}
.cable1 {top:0px;}
.cable2 {top:0;}
.cable3 {right:-150px;}
.dappshomeinfo a img {max-width:100%;}
div.speech p, div.speech2 p {font-size:13px;}
div.speech, div.speech2 {left:-100px;}
.videohome video {width:500px;height:500px;}
.imagefull img {max-width:100% ! important;}
.slider-two_image-column {margin-top:0 ! important;}
.slider-two .swiper-slide-active .slider-two_text {margin-bottom:20px;display:none;}
.slider1 .slider-two .swiper-slide-active .slider-two_text {margin-bottom:20px;display:block;}
img.logosmofooverlay2 {max-width:170px;}
.slider2 .slider-two_button {margin-top:20px ! important;}
.slider2 h1.slider-two_heading strong {font-size:19pt;}
}

h2.altstyle, .standardpage .sec-title.style-four .sec-title_title, .standardpage h2 {background: #fff;
    background-size: 100% 100%;
    -webkit-background-clip: text;
    -webkit-text-stroke: 3px transparent;
    -webkit-text-fill-color: #14141f;
	letter-spacing:2px;font-style:normal;text-transform:uppercase;
	text-shadow:none;
}

.standardpage .sec-title.style-four .sec-title_title {font-size:30pt;}


@media screen and (max-width: 500px) {
.videohome video {width:480px;height:480px;}
.main-header .header-lower .logo-box .logo, .nav-logo img {max-width:85px ! important;}
.subpage .page-title, .services-detail {padding:30px 0;}
.mfmpage .page-title {padding:0;}
h2.altstyle {font-size:31px;}
.slider1 .slider-two_heading {min-height:130px;}
h1.slider-two_heading {font-size:31px;}
h1.slider-two_heading span {line-height:42px;}
.comparememes .service-detail_image p {font-size:11pt;}
.comparememes h1.mainsubheader {font-size:30pt;}
.comparememes .page-title {padding-bottom:0 ! important;}
.comparememes .services-detail {padding-top:0 ! important;}
.comparememes .sec-title {margin-bottom:0;}
.subpage .service-detail_image {padding:0 18px ! important;}
.comparememes .service-detail_image {padding:30px 18px ! important;margin:20px 0;}
.comparememes .page-title:before {display:none ! important;}
.comparememes .page-title {padding:0;}
.mfmpage .sec-title.style-four .sec-title_title {margin-bottom:15px;font-size:24pt;}
h2.sec-title_heading strong, h1.sec-title_heading strong {font-size:27px ! important;}
.mfmpage .sec-title.style-two .sec-title_heading span {font-size:25pt;}
.mfmpage h2 {font-size:21pt;}
.smofohomeimage {width:120%;max-width:120%;margin-left:-5%;margin-top:-10%;}
.smofotournyimage {max-width:400px;}
.comparememes .page-title .bread-crumb {margin-top:0px;}
.comparememes .sec-title_title {margin-top:15px ! important;}
.slider1 .slider-two_heading span em.match3meme {font-size:11pt;}
.slider1 img.logosmofooverlay2 {max-width:150px;margin-bottom:0 ! important;}
}


.comparememes .page-title {padding:20px 0;}

@media screen and (max-width: 500px) {
.fightermain .fightercon {width:94%;}
.slider2 .fightermain .fightercon {margin-top:100px;}
.subpage .services-detail {padding-top:160px;}
.leaderboardpage .services-detail {padding-top:40px;}
.subpage .sec-title_title {font-size:17pt;}
.mfmpage .services-detail {padding-top:140px;}
.leaderboardpage .services-detail {padding-top:40px ! important;}
.datagroup {margin-bottom:110px;}
.datagroup p {font-size:13pt ! important;}
.slider-two_image-column {margin-top:-10px ! important;}
.slider1 .slider-two_image-column {margin-top:-70px ! important;}
.fightercon .fighterleft {right:86px;}
.fightercon .fighterright {right:-35px;}
.mfmpage h1.sec-title_heading {margin-bottom:38px;}
.comparememes .page-title {padding:10px 0;}
.comparememes h1.mainsubheader {margin-bottom:15px;}
.comparememes .memegroup {margin-bottom:0;}
.smofotournyimage {width:100% ! important;}
.slider1 .fightermain .headright {width:450px;top:0;right:12px;max-width:450px;}
}


@media screen and (max-width: 480px) {
.subpage .mainsubheader img {max-width:200px;}
.home .assistance-one, .home .counter-one, .home .social-one {padding-top:20px;}
}


@media screen and (max-width: 450px) {
.coin1-desc h2 {font-size:12pt ! important;}
.coin1-desc p {font-size:11pt ! important;}
.videohome video {width:420px;height:420px;}
.audio-controls {top:20px;bottom:auto;right:-50px;left:auto;}
h1.slider-two_heading span.secondtext, h1.slider-two_heading span {font-size:20pt;line-height:25pt;}
.slider1 h1.slider-two_heading span.secondtext, .slider1 h1.slider-two_heading span {font-size:20pt;line-height:30pt;}
.slider1 .slider-two_heading {min-height:105px;}
.slider-two_arrow {height:50px;width:50px;}
.mfmpage .mfmpagefeatureimage {max-height:300px;top:125px;}
.mfmpage .videohome {margin-left:-25px;}
.mfmpage .service-detail_image {padding-top:0 ! important;}
.subpage .mainsubheader img {margin-top:0;}
.mfmpage .left-box {margin-top:100px;}
.standardpage .left-box {margin-top:0;}
.mfmpage .services-detail .sec-title p {font-size:12pt ! important;}
.sec-title_heading strong {line-height:25pt;font-size:24px ! important;}
h1.sec-title_heading strong {font-size:24px ! important;}
@keyframes slideInWithBump {
  0% {
    left: -320px; /* Start off-screen */
  }
  80% {
    left: 20px; /* Overshoot slightly to create the bump */
  }
  100% {
    left: 0px; /* Settle at the final position */
  }
}
@keyframes slideInWithBump2 {
  0% {
    right: -320px; /* Start off-screen */
  }
  80% {
    right: 20px; /* Overshoot slightly to create the bump */
  }
  100% {
    right: 0px; /* Settle at the final position */
  }
}
.fightercon .fighterright {right:-50px;}
.fightercon .fighterleft {right:70px;}
.webdividerimage2 {max-width:250px;}
.datagroup p {font-size:11pt ! important;}
.memecoindescs h2 {font-size:14pt;}
.memecoinsect1, .memecoinsect2 {width:45%;}
.memecoinsect1 {margin-right:10%;}
.singlecoin .memecoinsect1 {margin-right:0%;}
.slider2 h1.slider-two_heading .salestext em {margin-bottom:11px;font-size:30pt;}
.slider2 h1.slider-two_heading strong {margin:12px 0;}
.sociallinks li {margin-bottom:10px;}
}

@media screen and (max-width: 400px) {
.slider-two .swiper-slide {padding-top:20px;}
h1.slider-two_heading {font-size:33px;line-height:33px;}
div.speech, div.speech2 {left:0;top:20px;}
div.speech p, div.speech2 p {font-size:10pt;}
div.speech:after, div.speech2:after, div.speech:before, div.speech2:before {left:20px;right:auto;opacity:0.6;}
div.speech:before, div.speech2:before {border-color: rbba(0,0,0,0.3);}
div.speech:after, div.speech2:after {border-color: rbba(0,0,0,0.3);}
.videohome video {width:370px;height:370px;}
.sec-title_heading span {font-size:21px;line-height:29px;margin-top:10px;}
h2 {line-height: 31px;font-size: 24px;}
.headright .fighterleft, .headright .fighterright {max-width:357px;}
.mfmpage .mfmpagefeatureimage {max-height:257px;top:150px;}
.comparememes h1.mainsubheader {font-size:18pt;}
.comparememes h1.mainsubheader span.secondtitle {font-size:12pt;}
.headright .fighterleft, .headright .fighterright {max-width:310px;}
.fightercon .fighterleft {right:64px;}
h1.slider-two_heading span.secondtext, h1.slider-two_heading span {font-size:23pt;}
.slider1 .slider-two_heading {min-height:103px;}
.smofotournyimage {max-width:100%;}
.mfmpage .sec-title.style-four .sec-title_title {font-size:22pt;}
.slider1 .fightermain .headright {width:370px;top:-20px;right:0;max-width:460px;}
.comparememes .sec-title_title {font-size:9pt ! important;margin:18px 0 0 0 ! important;}
.btn-style-three-inner {font-size:9pt;padding:15px 25px;}
.slider2 h1.slider-two_heading span {margin-top:10px;}
.slider2 h1.slider-two_heading span em span {margin-top:0;}
}

@media screen and (max-width: 380px) {
.mfmpage .videohome {margin-left:-40px;}
.webdividerimage2 {max-width:200px;}
.slider2 .fightermain .fightercon {margin-top:35px;}
}

@media screen and (max-width: 370px) {
.fightermain .fightercon {width:100%;}
.headright .fighterleft, .headright .fighterright {max-width:310px;}
.fightermain .headright {right:0;}
.headright .fighterleft, .headright .fighterright {width:100%;}
.slider1 .fightermain .headright {top:0px;}
}
@media screen and (max-width: 360px) {
.headright .fighterleft, .headright .fighterright {max-width:295px;}
.fightercon .fighterleft {right:57px;}
.comparememes .datagroup p strong {width:180px;}
.slider2 img.logosmofooverlay {max-width:100px;}
}

@media screen and (max-width: 350px) {
.videohome video {width:330px;height:330px;margin-left:0;}
.slider1 .slider-two_heading {min-height:102px;}
h1.slider-two_heading span.secondtext, h1.slider-two_heading span {font-size:29px;}
.fightercon .fighterright {right:-70px;}
.fightercon .fighterleft {right:35px;}
.memecoindescs h2 {min-height:45px;font-size:12pt;}
.parentdiv .blog-detail_list li a {font-size:11pt;}
.parentdiv h2 {font-size:11pt;}
}

@media screen and (max-width: 330px) {
.slider2 img.logosmofooverlay {max-width:115px;}
}

.purewhite {color:#fff ! important;-webkit-background-clip: text; -webkit-text-stroke: 0 ! important; -webkit-text-fill-color: #fff ! important;}
.bg-animation {background:url(../images/background/meme-fighter-background-3.jpg) no-repeat;}
.subpage .service-detail_image {padding:30px 30px;}
.subpage .service-detail_image p {color:#ccc;}
.subpage .service-detail_image ul li a:hover {color:#fff;}
.comparememes .sec-title_title {margin:0 ! important;}
.subpage .sec-title_title {display:block;text-align:center;margin:10px 0;width:100%;font-size:20pt;}
.comparememes .sec-title_title {font-size:10pt;}
.subpage .services-detail {padding-top:0;}
.subpage .bg-animation {background:none;}
.comparememes .bg-animation {background:url(../images/background/meme-fighter-background-4.jpg) no-repeat;}
.leaderboardpage .bg-animation {background:url(../images/background/meme-fighter-background-4.jpg) no-repeat;}
.comparememes .header-style-three, .comparememes .main-header.fixed-header .header-lower {background:rgba(0,0,0,0.5);}
.comparememes .page-title:before {background:none;}
.subpage .bg-animation {z-index:0;}
.comparememes .main-footer {margin-top:0;}
.comparememes h1 {color:#fff;}
@media (min-height: 700px) {.slider-two_image-column {margin-top:50px;}}

.imagebob {
    transform: scale(0.5); /* Start scaled down */
    opacity: 0; /* Hide initially */
    transform-origin: center; /* Scale from center */
    will-change: transform, opacity; /* Optimize for animations */
    display: inline-block; /* Prevent layout shifts */
}


/* Updated .fighterflash rule (unchanged) */
.fighterflash {
    display: block;
    position: absolute;
    z-index: 10; /* Above all images, including -hand.png */
    animation: flash-opacity 0.3s ease-out forwards;
}

/* Force flash-opacity animation when displayed */
.fighterflash[style*="display: block"] {
    animation: flash-opacity 0.3s ease-out forwards !important;
    opacity: 0; /* Ensure animation starts at opacity 0 */
}

/* Increase specificity to override potential conflicts */
.fightercon .fighterflash {
    z-index: 10 !important; /* Override .fightercon rules */
}

@keyframes flash-opacity {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

/* Slide animations with z-index for non-hand images */
.fighterleft:not(.fighterflash) {
    display: block;
    position: absolute;
    z-index: 5; /* Left character in front of right character */
    opacity: 0;
    animation: slideInLeft 0.333s ease-out 1s forwards;
}

.fighterright:not(.fighterflash):not(.fighterright2),
.fighterright2:not(.fighterflash) {
    display: block;
    position: absolute;
    z-index: 3; /* Right character behind left character */
    opacity: 0;
    animation: slideInRight 0.333s ease-out 1s forwards;
}

/* -hand.png images on top of non-flash images */
.fighterright.fighterright2:not(.fighterflash)[src*="hand.png"] {
    z-index: 7; /* Above other colored images, below .fighterflash */
}

@keyframes slideInLeft {
    0% { transform: translateX(-100%); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}

@keyframes slideInRight {
    0% { transform: translateX(100%); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}

/* Pull-away animation (refined: less distance, add blur) */
.pull-away.fighterleft:not(.fighterflash) {
    animation: pullAwayLeft 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}

.pull-away.fighterright:not(.fighterflash),
.pull-away.fighterright2:not(.fighterflash) {
    animation: pullAwayRight 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}

@keyframes pullAwayLeft {
    0% { transform: translateX(0); opacity: 1; filter: blur(0); }
    100% { transform: translateX(-5px); opacity: 0.9; filter: blur(2px); } /* Reduced from -15px, added blur */
}

@keyframes pullAwayRight {
    0% { transform: translateX(0); opacity: 1; filter: blur(0); }
    100% { transform: translateX(5px); opacity: 0.9; filter: blur(2px); } /* Reduced from 15px, added blur */
}

/* Fly-apart animation with blur (updated starting point) */
.fly-apart.fighterleft:not(.fighterflash) {
    animation: flyApartLeft 0.3s ease-out forwards;
}

.fly-apart.fighterright:not(.fighterflash),
.fly-apart.fighterright2:not(.fighterflash) {
    animation: flyApartRight 0.3s ease-out forwards;
}

@keyframes flyApartLeft {
    0% { transform: translateX(-5px); opacity: 0.9; filter: blur(2px); } /* Adjusted from -15px */
    100% { transform: translateX(-1000px); opacity: 0; filter: blur(10px); }
}

@keyframes flyApartRight {
    0% { transform: translateX(5px); opacity: 0.9; filter: blur(2px); } /* Adjusted from 15px */
    100% { transform: translateX(1000px); opacity: 0; filter: blur(10px); }
}

.logo h1 {margin:0 ! important;padding:0 ! important;text-decoration:none ! important;}
.articlepage .service-detail_image p {text-align:left;margin-bottom:30px;font-size:12pt;}
.articlepage h3 {color:#fff;margin-bottom:20px;font-size:14pt;}
.articlepage h1.mainsubheader {font-size:24pt;}
.articlepage .memecoinsect1 img {max-width:300px;margin-bottom:20px;}
.articlepage .service-detail_image ul li {float:left;color:white;font-size:12pt;text-align:left;}
.articlepage ul li a {font-size:12pt;color:#fff;}
.articlepage .services-detail .left-box ul li {background:url(../../dev/images/meme-genie-avatar.png) no-repeat 0 0;padding-left:40px;padding-top:5px;background-size:30px;padding-bottom:5px;}
.articlepage ul li a:hover {color:orange;}
.articlepage h2.sec-title_heading {margin-bottom:40px;}
.articlepage h2.sec-title_heading strong {display:block;text-align:center;font-size:18pt;}
.articlepage p a:hover {color:#fff;}
.articlepage .imagefull {margin-bottom:20px;}
.momentumpositive, .comparememes .datagroup span.momentumpositive {color:#d9ffa3;}
.momentumnegative, .comparememes .datagroup span.momentumnegative {color:#f57d88;}



/* Colour Charts

Orange Radial Gradient

radial-gradient(circle at top,#ffbf00 0,#c91d7c 100%);

Purple Pink Radial Gradient

radial-gradient(circle at top, rgba(49, 81, 240, 0.6) 0%, rgba(70, 10, 130, 0.6), rgba(162, 1, 255, 0.6) 100%)

Orange Yellow Straight Gradient

linear-gradient(to right, #e6ff00, #ffdb28, #ffa315, #fbff00)

Light Blue Straight Gradient

linear-gradient(-45deg, #1879c9, #05E8F6, #aafff7, #bed0e3)

*/