/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 14 2025 | 09:43:50 */
html{
	font-size:62.5%;
}
.new_header {
    z-index: 9;
}
.marquee-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    color: #fff;
    font-size: 1.5rem;
    padding: 10px 0;
    border: 4px solid #FFF;
    background: #FFDE59;
    height: 60px;
}

.marquee-content {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    animation: marquee 20s linear infinite;
    color: #000;
    font-family: "Luckiest Guy";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
}


@keyframes marquee {
  0% {
    transform: translateX(100%); 
  }
  100% {
    transform: translateX(-100%); 
  }
}


#logo_test .elementor-widget-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
#button_style a {
    width: 100%;
}

.image_change figure.elementor-image-box-img {
    margin-right: 0px !important;
}
.box_background {
    row-gap: 6px;
}
.road_map .elementor-element.elementor-element-64d6d1a.elementor-widget.elementor-widget-heading {
    border-radius: 22px;
    border: 3px solid #393939;
    background: #000;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 0px;
}

.road_map .elementor-element.elementor-element-fdf2d91.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list {
    background-color: #fff;
    border-radius: 22px;
    box-shadow: 0px 6px 22px 0px rgba(33, 27, 0, 0.18);
    margin-top: -15px;
}

.road_map {row-gap: 0px;}

.road_map h2.elementor-heading-title {
    padding-bottom: 3rem;
    padding-top: 3rem;
}

.road_map ul.elementor-icon-list-items {
    padding-left: 3.5rem !important;
    padding-top: 2.3rem !important;
    padding-bottom: 7rem !important;
}
.market_cap .elementor-element.elementor-element-3d5a9d8.elementor-widget.elementor-widget-heading {
    border-radius: 22px;
    border: 3px solid #393939;
    background: #000;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 0px;
}

.market_cap h2.elementor-heading-title {
    padding-bottom: 5rem;
    padding-top: 3rem;
}
.market_cap .elementor-element.elementor-element-df31587.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list {
    background-color: #fff;
    border-radius: 22px;
    box-shadow: 0px 6px 22px 0px rgba(33, 27, 0, 0.18);
    margin-top: -35px;
    min-height: 690px;
}

.market_cap ul.elementor-icon-list-items {
    padding-left: 3.5rem !important;
    padding-top: 2.3rem !important;
}
.token_text p {
    background-color: #fff;
    width: 73%;
    margin: 0 auto;
}
.back_sec_money {
    position: relative;
}

.back_sec_money:after {
    content: "";
    position: absolute;
    background-image: url(https://zibs.xyz/wp-content/uploads/2025/01/image-35.webp);
    width: 42%;
    height: 67%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    background-position: right;
}
.alian_back {
    position: relative;
}

.alian_back:after {
    content: "";
    position: absolute;
    background-image: url('https://zibs.xyz/wp-content/uploads/2025/01/Group-4.webp');
    width: 245px;
    height: 135px;
    right: -254px;
    top: -80px;
}
.footer_sub_back {
    position: relative;
}

.footer_sub_back:after {
    content: "";
    position: absolute;
    background-image: url(https://zibs.xyz/wp-content/uploads/2025/01/image-13-1.webp);
    background-size: cover;
    background-repeat: no-repeat;
    left: 0;
    bottom: 0px;
    width: 36%;
    height: 55%;
}
.marquee-row{
  width: 100%;
  overflow-x: hidden;
}
.marquee-block{
  position:relative;
  display: flex;
  width: 100%;  
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  justify-content: space-between;
}
.marquee-item-list {
    display: inline-flex;
    border: 4px solid #FFF;
    background: #FFDE59;
    height: 64px;
    justify-content: center;
    align-items: center;
}
.marquee-item-list li {
    width: 100%;
    list-style: none;
    padding-right: 30px;
    white-space: nowrap;
    color: #000;
    font-size: 2.5rem;
    letter-spacing: 2px;
    text-transform: uppercase;
	font-family: "Luckiest Guy", Sans-serif;
}
.marquee1{animation-name: marquee1;}
.marquee2{animation-name: marquee2;}
@keyframes marquee1 {
  0% { left: 0; }
  100% {left: -100%;}
}
@keyframes marquee2 {
  100% { left: 0; }
  0% {left: -100%;}
}

span.color_style {
    color: #FF1212;
}
.back_sec_money figure.elementor-image-box-img {
    width: 20% !important;
}
.address_index h2 {
    background-color:#150A43;
}
.brow_btn {
    -webkit-transform: rotate(-4.444deg); /* Safari and older browsers */
    -moz-transform: rotate(-4.444deg);    /* Firefox (optional) */
    -ms-transform: rotate(-4.444deg);     /* IE (optional) */
    -o-transform: rotate(-4.444deg);      /* Opera (optional) */
    transform: rotate(-4.444deg);         /* Standard */
}

.box_check {
    text-align: center;
    padding: 0 41px;
}
.box_check input {
    text-align: center;
    background: #fff;
}
#copyTokenButton:focus {
    background: transparent;
}

#tokenCode {
    color: #000;
    font-family: "CCMaladroit", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-transform: uppercase;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
}
#copyTokenButton {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: 0 auto;
    color: #FFDE59;
    font-family: "CCMaladroit", Sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    text-decoration-line: underline;
    text-transform: uppercase;
    border: 0px;
	margin-bottom: 3rem;
}
#copyTokenButton:hover {
    background: transparent;
}

/*********************************************************************************************************************************************************Responisve ************************************************************************************************************************************************************************************************************************/


@media screen and (min-width: 1800px) and (max-width:1900px){
	.footer_sub_back:after {
    width: 36%;
    height: 55%;
}
}

@media screen and (min-width: 1600px) and (max-width:1799px){
	
	html {
    font-size: 55.5%;
}
	.footer_sub_back:after {
        width: 35%;
        height: 50%;
    }
	.sec_change .e-con-inner {
    max-width: 80%;
    margin: 0 auto;
}
	.back_sec_money:after {
    width: 40%;
    height: 60%;
}
	.avatar_create {
    width: 43%;
}
}
@media screen and (min-width: 1300px) and (max-width:1599px){
.footer_sub_back:after {
        width: 34%;
        height: 45%;
    }
	.avatar_create {
    width: 43%;
}
	html {
        font-size: 50.5%;
    }
	.back_sec_money:after {
        width: 39%;
        height: 65%;
    }
	.sec_change .e-con-inner {
    max-width: 80%;
    margin: 0 auto;
}
	#logo_test .elementor-widget-container {
    padding: 3rem 0rem 3rem 0rem;
}
	.back_sec_money img {
    width: 25px;
    height: 35px;
}
	.image_change figure.elementor-image-box-img {
    padding-right: 20px;
}
	
}
@media screen and (min-width: 1100px) and (max-width:1299px){
        .footer_sub_back:after {
        width: 33%;
        height: 41%;
    }
	.sec_change .e-con-inner {
    max-width: 80%;
    margin: 0 auto;
}
	.back_sec_money:after {
        width: 40%;
        height: 70%;
    }
	.token_text p {
        background-color: #fff;
        width: 75%;
        margin: 0 auto;
    }
	.address_index h2 {
    font-size: 3.5rem !important;
}
	html {
        font-size: 43.5%;
    }
	.back_sec_money img {
    width: 25px;
    height: 35px;
}
	.image_change figure.elementor-image-box-img {
    padding-right: 20px;
}
	.market_cap .elementor-element.elementor-element-df31587.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list {
    min-height: 680px;
}
	#logo_test .elementor-widget-container {
    padding: 2.8rem 0rem 2.8rem 0rem;
}
	.avatar_create {
    width: 43%;
}
}

@media screen and (min-width: 768px) and (max-width:1024px){
	
	.back_sec_money:after{
		width: 39%;
        height: 39%;
	}
	.token_text p{
		width: 95%;
	}
	.alian_back:after {
        width: 194px;
        height: 116px;
        right: -170px;
        top: -95px;
        background-size: cover;
    }
	        .footer_sub_back:after {
        width: 37%;
        height: 34%;
    }
}

@media screen and (min-width: 320px) and (max-width:767px){
	.back_sec_money:after {
    width: 80%;
    height: 20%;
    left: 0;
}
	.token_text p {
    width: 100%;
}
	.alian_back:after {
    width: 111px;
    height: 68px;
    right: -13px;
    top: -40px;
    background-size: cover;
    background-repeat: no-repeat;
}
	.footer_sub_back:after {
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 27%;
}
	.tik_tok .elementor-button {
        line-height: unset;
		padding-bottom: 8px !important;
    }
	.tik_tok .elementor-button-icon svg {
    height: 20px;
    width: 20px;
}
	.check .elementor-button{
		line-height:unset;
		padding-bottom: 5px !important;
	}
	#tokenCode {
    color: #000;
    font-family: "CCMaladroit", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 10px;
    text-transform: uppercase;
    margin-top: 10px;
}
	#copyTokenButton{
		margin-bottom: 1rem;
	}
	#copyTokenButton:hover {
    background: transparent;
}
}