body {
    margin: 0px;
    padding: 0px;
    position: relative;
    font-family: 'Poppins', sans-serif;
}
.custom_container{
    max-width: 1650px;
    padding: 0px 15px;
    margin: 0 auto;
}
.aus-container{
    margin-top: 100px !important;
}.custom_container{
     max-width: 1650px;
     padding: 0px 15px;
     margin: 0 auto;
 }
.aus-container{
    margin-top: 100px !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
    margin: 0px;
    padding: 0px;
    font-family: 'Poppins', sans-serif;
}

a {
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

ul,
ol {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.section-padding {
    padding: 120px 0px;
    padding: 120px 0px;
}

img {
    max-width: 100%;
    height: auto;
}

.align-middle {
    display: inline-block;
    float: none;
    margin-right: -4px;
    vertical-align: middle;
}

button {
    border: none;
}

input:focus, select:focus, button:focus {
    outline: none;
}


.margin_bt_100 {
    margin-bottom: 100px;
}

.padding_bt_40 {
    padding-bottom: 40px
}

.padding_140 {
    padding: 130px 0px 140px;
}

.padding_top_140 {
    padding-top: 140px;
}

.padding_200 {
    padding: 200px 0px 100px;
}

#mobile-nav-wrap {
    display: none;
}

/* Your existing CSS styles */

.center-row {
    display: flex;
    justify-content: center; /* Horizontally center align */
    align-items: center; /* Vertically center align */
    height: 20vh; /* Set the height of the container */
}

/* Other existing styles */


/* Your existing CSS styles */

.rowsinglebox {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two columns */
    grid-gap: 20px; /* Gap between boxes */
}

/* Other existing styles */
/* single box style */
.single-box {
    display: inline-block;
    width: 175px;
    height: 150px;
    margin: 10px;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f8f8f8;
}

.text-center {
    text-align: center;
}

.thumb {
    position: relative;
    margin-bottom: 10px;
}

.thumb img {
    max-width: 100px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.thumb img.alt {
    display: none;
}

h5 {
    font-size: 18px;
    margin: 0;
    color: #333;
}



/*single box end*/


/* -------------------- Start button style ------------------- */
.btn_two {
    width: 211px;
    height: 57px;
    display: inline-block;
    line-height: 57px;
    border: 1px solid #fff;
    background: #eeb81c;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 5px;
}

.ico_count_btn {
    display: inline-block;
    margin-top: 84px;
}

.btn_one {
    width: 211px;
    height: 57px;
    border-radius: 5px;
    line-height: 57px;
    border: 1px solid #fff;
    display: inline-block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;

}

.btn_one:hover {
    background: #fff;
    color: #eeb81c;
}



.btn_four:hover {
    background-color: #fff
}

.ico_feature_btn {
    display: inline-block;
    margin-top: 45px;
}

.ico_market_left a {
    margin-top: 43px;
}

.slider_btn {
    display: inline-block;
    margin-top: 60px;
}

.ico_count_btn a:hover {
    color: #fff;
    background: transparent;
}

.footer_content button:hover {
    color: #eeb81c;
    background: #fff;
}

/* -------------------- End button style ------------------- */

/* -------------------- Start section title style ------------------- */
.section_title {
    max-width: 713px;
    margin: 0 auto 90px;
    text-align: center;
}

.section_title h1 {
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 40px;
}

.section_title h1 span {
    color: #eeb81c;
}

.section_title p {
    color: #e6e6e6;
    font-size: 16px;
}

.section_title h1 {
    margin-bottom: 25px;
    margin-top: 40px;
}

/* -------------------- End section title style ------------------- */


/*-----------------------Blog Part----------------------------*/

.blog-part {
    background: #f5f5f5;
}

.blog-item {
    position: relative;
    margin: 0 15px;
    margin-bottom: 40px;
}

.blog-item::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 77px;
    background: #fff;
    border-radius: 232px / 30px;
    left: 0;
    bottom: -23px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.blog-item:hover::after {
    background: #fab915;
}

.blog-item:hover .blog-img img {
    transform: scale(1.15);
}

.blog-item:hover .blog-des {
    background: #fab915;
}

.blog-item:hover .blog-des p {
    color: #fff;
}

.blog-item:hover .blog-des a {
    color: #fff;
}

.blog-img {
    overflow: hidden;
}

.blog-img img {
    border-radius: 5px;
    width: 100%;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}

.blog-des {
    text-align: center;
    padding: 22px 18px;
    background: #fff;
    position: relative;
    z-index: 2;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.blog-des a h3 {
    color: #000;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.blog-des a:hover h3 {
    color: #fff;
}

.blog-des a:hover i {
    color: #000;
}


/* -------------------- Start transition style ------------------- */
.ico_single_ser h3,
.mainmenu ul li a,
.ico_dis_token_top ul li,
.ico_dis_token_bottom ul li,
.ico_single_team a h3,
.contact_add_desc a,
.contact_add_desc {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

/*.mainmenu > ul > li:last-child > a,*/
/*.btn_one,*/
/*.ico_count_btn a,*/
/*.footer_content button,*/
/*.footer_social_list a,*/
/*.footer_social_list a i{*/
/*	-webkit-transition: 0.5s;*/
/*	-o-transition: 0.5s;*/
/*	transition: 0.5s;*/
/*}*/
/* -------------------- End transition style ------------------- */

/* -------------------- Start preloader style ------------------- */
/* -------------------- End preloader style ------------------- */

/* ---------------------------------------------
        ==End Default setting==
--------------------------------------------- */

/* ---------------------------------------------
        ==Start Header CSS==
--------------------------------------------- */

.header_area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;

}


.contact .header_area {
    border-bottom: 1px dashed #394c5e;
    display: flex;
    align-items: center;
}

.contact .header_area::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -4px;
    border-bottom: 1px dashed #394c5e;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.mainmenu ul li {
    display: inline-block;
    position: relative;

}

.mainmenu ul li a {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    padding: 0px 10px;
    line-height: 100px;
}

.mainmenu ul li:hover .sub_menu {
    top: 70%;
    opacity: 1;
}

.mainmenu ul li.current_page_item a {
    color: #ffffff;
}

.mainmenu ul li:hover > a {
    color: #36a9e1;
}

.header_logo a {
    display: inline-block;
    line-height: 100px;
}

/*.mainmenu > ul > li:last-child > a {*/
/*    padding: 0px;*/
/*    border: 1px solid #fff;*/
/*    display: inline-block;*/
/*    width: 199px;*/
/*    height: 45px;*/
/*    line-height: 42px;*/
/*    text-align: center;*/
/*    border-radius: 6px;*/
/*    color: #eeb81c;*/
/*    margin-left: 40px;*/
/*}*/
.sub_menu {
    position: absolute;
    left: 0;
    top: 100%;
    background: rgba(8, 31, 54, 0.7);
    width: 300px;
    z-index: 2;
    padding: 15px 0px;
    transition: 0.5s;
    transform-origin: top left;
    opacity: 0;
}

.mainmenu ul li > ul > li a {
    color: #fff;
    line-height: 35px;
    font-size: 15px;
}

/*.mainmenu > ul > li:last-child > a:hover {*/
/*	background: #fff;*/
/*}*/

.btn_one {
    padding: 0px;
    border: 1px solid #fff;
    display: inline-block;
    width: 199px;
    height: 45px;
    line-height: 42px;
    text-align: center;
    border-radius: 6px;
    color: #eeb81c;
    margin-left: 40px;
}

.btn_one:hover {
    background: #fff;
}


/*mobile menu area*/
#mobile-nav-wrap {
    background: #081f36;
    height: auto;
    border-bottom: 1px solid #ddd;
}

#mobile-nav-wrap #mobile-logo {
    line-height: 100px;
    float: left;
}

#mobile-nav-wrap.mnav-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 9999;
    animation: headerFixedTop .35s;
}

.mobile_toolbar {
    background: #282828;
}

.mobile_toolbar .header_login a {
    padding: 0px 6px;
}

.mobile_toolbar .header_login a:first-child {
    padding-left: 0px;
}

.mobile_toolbar .header_login {
    margin-right: 13px;
}

.mobile-menu-inner {
    display: block;
    width: 100%;
    text-align: center;
    background: #081f36;
    padding-bottom: 50px;
    position: fixed;
    z-index: 9999;
    left: -100%;
    transition: all 0.7s cubic-bezier(0.65, -0.22, 0.35, 1.13);
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    top: 0;
    height: 100vh;
}

.mobile-menu-inner.mnav-fixed {
    position: fixed;
}

.mobile-menu-inner #mobile-logo {
    margin-bottom: 30px;

}

.mobile-menu-inner .mob-nav {
    margin: 0;
    padding: 0;

    text-align: left;
    list-style: none;
}

.mobile_accor_togo {
    height: 100px;
    background: #06192c;
    padding: 0px 15px;
}

.mobile_accor_logo {
    text-align: left;
    line-height: 100px;

}

.accordion-menu {
    width: 100%;
    max-width: 350px;
    margin: 20px auto 50px;
    text-align: left;
    border-radius: 4px;
}

.accordion-menu > li {
    position: relative;
}

.accordion-menu > li.single-link {
    margin: 3px 0;
}

.accordion-menu > li .dropdownlink:before {
    content: "\f105";
    position: absolute;
    right: 10px;
    font: normal normal normal 14px/1 FontAwesome;
    transition: all 0.3s ease-in-out;
    font-size: 16px;
}

.accordion-menu > li.open .dropdownlink:before {
    content: "\f107";
    position: absolute;
    right: 10px;
    font: normal normal normal 14px/1 FontAwesome;
    transition: all 0.3s ease-in-out;
    font-size: 16px;
}

.accordion-menu > li > a {
    font-weight: 500;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 0;
    color: #fff;
    line-height: 40px;
}

.accordion-menu .accordion-menu li.open .dropdownlink {
    color: #3d0e03;
}

.accordion-menu .accordion-menu li.open .dropdownlink .fa-angle-down {
    transform: rotate(180deg);
}

.accordion-menu .accordion-menu li:last-child .dropdownlink {
    border-bottom: 0;
}

.accordion-menu .dropdownlink {
    cursor: pointer;
    display: block;
    padding: 3px 0;
    font-size: 15px;
    color: #fff;
    position: relative;
    transition: all 0.4s ease-out;
}

.accordion-menu .dropdownlink i {
    position: absolute;
    top: 13px;
    left: 16px;
    font-size: 14px;
}

.accordion-menu .dropdownlink .fa-angle-down {
    right: 12px;
    left: auto;
}

.accordion-menu .dropdownlink:last-child {
    border-bottom: none;
}

.accordion-menu .submenuItems {
    display: none;
    background: transparent;
    padding-left: 30px;
    margin: 10px 0px;
}

.accordion-menu .submenuItems li:last-child {
    border-bottom: none;
}

.accordion-menu .submenuItems a {
    display: block;
    color: #FFF;
    transition: all 0.4s ease-out;
    text-decoration: none;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 29px;
}

#moble-search input[type="text"] {
    background: #fff;
    height: 45px;
    color: #06192c;
    border: 0;
    padding: 0 10px;
    width: 100%;
    outline: 0;
    border-radius: 30px;
}

#moble-search input[type="text"]::-webkit-input-placeholder {
    color: #06192c;
}

#moble-search input[type="text"]:-ms-input-placeholder {
    color: #06192c;
}

#moble-search input[type="text"]::placeholder {
    color: #06192c;
}

#moble-search button[type="submit"] {
    background: transparent;
    border: 0;
    color: #06192c;
    position: absolute;
    right: 15px;
    line-height: 45px;
    top: 0;
}

@keyframes headerFixedTop {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.mask-overlay {
    content: '';
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.active .mobile-menu-inner {
    left: 0;
}

.close-menu {
    position: absolute;
    right: 20px;
    top: 0;
    width: 30px;
    line-height: 100px;
}

.mobile_toolbar .top_toolbar_right {
    text-align: left;
}

.mobile_toolbar .header_social,
.mobile_toolbar .header_login {
    display: inline-block;
    line-height: 49px;
    width: 48%;
}

.mobile_toolbar .header_social {
    text-align: right;
}

.close-menu .bar {
    display: block;
    position: relative;
    margin-bottom: 3px;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: all 0.25s ease-in-out;
}

.footer-social-link li {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    margin: 0px 5px;
}

.footer-social-link {
    margin-top: 30px;
    padding-bottom: 50px;
}

.footer-social-link li a {
    color: #fff;
}

.mobile-menu-inner .accordion-menu {
    padding: 20px;
}

#moble-search {
    margin: 0px 20px;
    position: relative;
}

.close-menu .bar:first-child {
    margin-bottom: 5px;
    transform: rotate(-45deg) translate(-6px, 6px);
}

.close-menu .bar:last-child {
    transform: rotate(45deg) translate(1px, 1px);
}

.toggle-inner {
    width: 50px;
    height: 100px;
    background: transparent;
    text-align: right;
    float: right;
    cursor: pointer;
}

.toggle-inner::after {
    display: block;
    clear: both;
    content: "\f0c9";
    font-family: 'FontAwesome';
    width: 100%;
    height: 100%;
    text-align: center;
    left: 0;
    top: 0;
    line-height: 100px;
    font-size: 20px;
    color: #fff;
}

.close-menu i {
    color: #fff;
    line-height: 100px;
    top: 0;
    position: relative;
    font-size: 24px;
}

/*mobile menu area*/
/* ---------------------------------------------
        ==Start Header CSS==
--------------------------------------------- */

/* ---------------------------------------------
        ==Start Banner CSS==
--------------------------------------------- */
.banner_area {
    background: url(images/banner-bg.jpg) no-repeat scroll 0 0/cover;
    height: 100vh;
}

#particles-js {
    position: relative;
    width: 100%;
    height: 100vh;
    background-color: #16181a;
    background-image: url(images/banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    z-index: 1;
}

.particles-js-canvas-el {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.swiper_content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 100px;
}

.slider_left h2 {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
}

.slider_left h1 {
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 25px;
}

.slider_left h1 span, .slider_left h2 span {
    color: #eeb81c;
}

.slider_left p {
    font-size: 16px;
    color: #e6e6e6;
    line-height: 30px;
    width: 95%;
}

.slider_right {
    text-align: right;
}

/* ---------------------------------------------
        ==Start Banner CSS==
--------------------------------------------- */

#homepage-section-1 {
    margin-bottom: 100px;
}


/* ---------------------------------------------
        ==Start Login CSS==
--------------------------------------------- */


/* ---------------------------------------------
        ==End Login CSS==
--------------------------------------------- */


/* ---------------------------------------------
        ==Start ICO Market CSS==
--------------------------------------------- */
.ico_market_area {
    background: #081f30;
}

.ico_market_left h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 40px;
    line-height: 60px;
}

.ico_market_left span {
    color: #eeb81c;
}

.ico_market_left p {
    font-size: 16px;
    color: #e6e6e6;
    line-height: 30px;
    margin-bottom: 20px;
}

.ico_market_right {
    text-align: right;
}


.ico_market_area1 {
    background: #081f36;
}

.ico_market_left h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 40px;
    line-height: 60px;
}

.ico_market_left span {
    color: #eeb81c;
}

.ico_market_left p {
    font-size: 16px;
    color: #e6e6e6;
    line-height: 30px;
    margin-bottom: 20px;
}

.ico_market_right {
    text-align: right;
}


/* ---------------------------------------------
        == Feature CSS==
--------------------------------------------- */
.ico_feature_area {
    background: url(images/ico-feature.jpg) no-repeat scroll 0 0/cover;
}

.ico_feature_right p {
    font-size: 16px;
    color: #e6e6e6;
    margin-bottom: 50px;
    line-height: 30px;
}

.ico_feature_list li {
    font-size: 16px;
    color: #e6e6e6;
    margin-bottom: 10px;
}

.ico_feature_list li b {
    font-size: 16px;
    color: #e6e6e6;
    font-weight: 500;
}

.ico_feature_list li {
    line-height: 28px;
    margin-bottom: 10px;
}

.ico_feature_list li span {
    margin-right: 14px;
    vertical-align: middle;
    font-size: 18px;
}

.ico_feature_left {
    padding-right: 50px;
}

/* ---------------------------------------------
        ==Start ICO Feature CSS==
--------------------------------------------- */


/* ---------------------------------------------
        ==Start ICO Token CSS==
--------------------------------------------- */
.ico_token {
    background: #081f36;
}

.ico_cont_down {
    text-align: center;
}

.countdown {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
}

.CountdownContent {
    display: inline-block;
    margin: 0px 50px;
}

.CountdownLabel {
    display: block;
    font-size: 18px;
    color: #eeb81c;
    font-weight: 500;
}

.CountdownSeparator {
    vertical-align: top;
}

.ico_count_btn a {
    width: 211px;
    height: 57px;
    display: inline-block;
    line-height: 57px;
    border: 1px solid #fff;
    background: #eeb81c;
}

/* ---------------------------------------------
        ==Start ICO Token CSS==
--------------------------------------------- */

/* ---------------------------------------------
        ==Start ICO Service CSS==
--------------------------------------------- */
.ico_service_area {
    background: #081f36;
    text-align: center;
}

.ico_single_ser_img {
    height: 70px;
    display: inline-block;
    margin-bottom: 30px;
}

.ico_single_ser h3 {
    font-size: 20px;
    color: #f4f4f4;
    font-weight: 700;
    margin-bottom: 23px;
}

.ico_single_ser h3:hover {
    color: #eeb81c;
}

.ico_single_ser {
    font-size: 16px;
    color: #e6e6e6;
    padding: 0px 30px 0px 50px;
}


/* ---------------------------------------------
        ==Start ICO Service CSS==
--------------------------------------------- */
/* -------------------- servicess css ------------------- */
.services_header1 {
    color: #EEB81B;
    text-align: center;
    margin-bottom: 50px;

}

.services_header2 {

    text-align: center;
    font-size: 45px;
    overflow: hidden;
    color: #fff;
}

.services_header2:hover {
    color: #EEB81B;
}

.services_paragraph {
    text-align: center;
    color: #EEB81B;
}

.services_paragraph_1 {
    color: #fff;
    font-size: 1.5vh;
}

.services_image {
    max-width: 400px;
    height: auto;
}

.services_h4 {
    color: #fff;
    font-weight: 600;
    font-size: 3vh;
}

.s-1 {
    color: #EEB81B;
}

.services_text {
    margin-bottom: 100px;
}

.carousel-button {
    font-size: 24px;
    color: #194DBE;
    background-color: #EEB81B;
    border: none;
    outline: none;
    cursor: pointer;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color 0.7s ease;
}

.carousel-button:hover {
    background-color: #194DBE;
}

.carousel-button.prev {
    left: 10px;
}

.carousel-button.next {
    right: 10px;
}

.button-prev {
    margin-top: 10%;
    margin-left: 55%;
}

.button-next {
    margin-top: 10%;
    margin-right: 35%;
}

/* -------------------- servicess css ------------------- */


/* -------------------- MEVLUT   Our Latest Articles From ZedPay css start  ------------------- */
.img_articles {
    border-radius: 20px;
    object-fit: cover;
}

.h3_articles {
    color: #fff;
    font-size: 25px;
}

.h3_articles:hover {
    color: #EEB81B;
}

.icons_arc {
    float: left;
    margin-right: 10px;
    color: #fff;
    display: flex;
}

.arc-p {

    display: flex;
    margin-left: 0px;
    color: #fff;
}

.arc-s {
    color: #EEB81B;

}


/* -------------------- MEVLUT   Our Latest Articles From ZedPay css end ------------------- */


/*----------Access Various slider------------*/

.section {
    background: transparent;
}

.slideshow {
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
}

.slide img {
    max-width: 100%;
    width: 100%;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}


/* ---------------------------------------------
        ==Start ICO Dis Token CSS==
--------------------------------------------- */
.ico_dis_token_area {
    background: url(images/ico-feature.jpg) no-repeat scroll 0 0/cover;
    text-align: center;
}

.ico_dis_token_content {
    display: inline-block;
}

.ico_dis_token_top ul li,
.ico_dis_token_bottom ul li {
    display: inline-block;
    text-align: center;
    color: #fff;
    margin: 25px 45px;
    width: 142px;
    font-size: 16px;

}

.ico_dis_token_top ul li {
    margin: 0px 45px 25px;
    position: relative;
}

.ico_dis_token_top li span {
    position: absolute;
    left: 50%;
    top: 95px;
    font-size: 30px;
    margin-left: -15px;
}

.ico_dis_token_bottom ul li {

    position: relative;
}

.ico_dis_token_bottom ul li span {
    display: block;
    position: absolute;
    font-size: 30px;
    bottom: 95px;
    left: 50%;
    margin-left: -17px;
}

.ico_dis_token_top ul li:hover {
    color: #eeb81c;
}

.ico_dis_token_bottom ul li:hover {
    color: #eeb81c;
}

/* ---------------------------------------------
        ==End ICO Dis Token CSS==
--------------------------------------------- */

/* ---------------------------------------------
        ==Start Team CSS==
--------------------------------------------- */
.ico_team_area {
    background: #081f36;
}

.ico_single_team {
    text-align: center;
}

.ico_single_team a h3:hover {
    color: #eeb81c;
}

.ico_single_team a h3 {
    font-size: 18px;
    color: #f4f4f4;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}

.ico_single_img {
    margin-bottom: 30px;
    position: relative;
}

.ico_single_img::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0c2239;
    content: "";
    opacity: 0;
    transition: 0.5s;
}

.ico_single_team:hover .ico_single_img::before {
    opacity: 0.65;
}

.ico_single_team a h3 span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #dddddd;
    line-height: 30px;
}

.ico_team_social {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%);
    width: 100%;
}

.ico_team_social a {
    width: 30px;
    height: 30px;
    background: #fff;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    transform: rotate(0deg);
    margin: 0px 10px;
    border-radius: 3px;
    transition: 0.5s;
    opacity: 0;
}

.ico_team_social a i {
    transform: rotate(0deg);
    font-size: 16px;
    color: #282828;
    transition: 0.5s;
}

.ico_team_social a:hover {
    background: #eeb81c;
}

.ico_team_social a:hover i {
    color: #fff;
}

.ico_single_team:hover .ico_team_social a {
    transform: rotate(45deg);
    opacity: 1;
}

.ico_single_team:hover .ico_team_social a i {
    transform: rotate(-45deg);
}

/* ---------------------------------------------
        ==Start Team CSS==
--------------------------------------------- */
/* ---------------------------------------------
        ==Start FAQ CSS==
--------------------------------------------- */

.faq-section {
    background: #081f30;
    min-height: 80vh;
    padding: 10vh 0 0;
}

.faq-title h2 {
    position: relative;
    margin-bottom: 45px;
    display: inline-block;
    font-weight: 600;
    line-height: 1;
}

.faq-title p {
    padding: 0 190px;
    margin-bottom: 10px;
}

.faq {
    background: #081f45;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    border-radius: 10px;
}

.faq .card {
    border: none;
    background: none;
    border-bottom: 1px solid white;
}

.faq .card .card-header {
    padding: 0px;
    border: none;
    background: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.faq .card .card-header:hover {
    background: black;
    padding-left: 10px;
}

.faq .card .card-button:hover {
    color: #fff;
    background: #cdeb0e;
}

.faq .card .card-header .faq-title {
    width: 100%;
    text-align: left;
    padding: 0px;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
    color: white;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    padding-top: 20px;
    padding-bottom: 20px;
}

.faq .card .card-header .faq-title .badge {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 14px;
    float: left;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-align: center;
    background: white;
    color: #fff;
    font-size: 12px;
    margin-right: 20px;
}

.faq .card .card-body {
    padding: 30px;
    padding-left: 35px;
    padding-bottom: 16px;
    font-weight: 400;
    font-size: 16px;
    color: #6F8BA4;
    line-height: 28px;
    letter-spacing: 1px;
    border-top: 1px solid #F3F8FF;
}

.faq .card .card-body p {
    margin-bottom: 14px;
}

@media (max-width: 991px) {
    .faq {
        margin-bottom: 30px;
    }

    .faq .card .card-header .faq-title {
        line-height: 26px;
        margin-top: 10px;
    }
}


/* ---------------------------------------------
        ==Start Footer CSS==
--------------------------------------------- */
.footer_area {
    background: url(images/footer-bg.jpg) no-repeat scroll 0 0/cover;
    text-align: center;
}

.footer_top_area {
    border-bottom: 1px solid #e1e2e2;
}


/* Style for the footer section */
footer {
    background-color: #071036;
    color: #fff;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

/* Style for each column within the footer */
.footer-column {
    flex: 1;
    margin: 10px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
}

/* Style for the logo */
.footer-column img {
    display: block;
    margin: 0 auto;
    object-fit: contain;
    max-width: 100%;
    height: auto;
}

/* Style for column headings (titles) */
.footer-column h4 {
    font-size: 1.4em;
    margin-bottom: 10px;
    font-weight: bold;
}

/* Style for the unordered lists in submenu columns */
.footer-column table.tablefooter {
    width: 90%;
    border: 0px solid #fff;
}

/* Style for submenu list items */
.footer-column table.tablefooter td {
    padding: 2px;
    border: 1px solid #fff;
}

/* Style for links in submenu */
.footer-column table.tablefooter a {
    color: #fff;
    text-decoration: none;
    transition: color 0.2s;
}

.footer-column table.tablefooter a:hover {
    color: #ffd700;
}

/* Style for the subscription form */
.footer-column form {
    margin-top: 10px;
}

.footer-column input[type="email"] {
    width: 100%;
    padding: 5px;
    margin-bottom: 5px;
}

.footer-column button[type="submit"] {
    background-color: #ffd700;
    color: #333;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
}

.footer-column button[type="submit"]:hover {
    background-color: #ffcc00;
}

/* Style for social media links */
.social-links {
    margin-top: 10px;
    display: flex;
}

.social-icon a {
    margin-right: 5px;
    color: #fff;
    text-decoration: none;

}

/* Corrected social-icon last-child selector */
.social-links .social-icon:last-child {
    margin-right: 0; /* Remove right margin for the last social icon */
}

body {
    background-color: #f2f2f2; /* Sayfa arka plan rengi */
    font-family: puppin, sans-serif; /* Metin fontu */
}

/* Tablo stil tanımlamaları */
.tablefooter {
    border-collapse: separate;
    border-spacing: 5px;
    width: 100px; /* Tablo genişliği (1x1 için sabit bir değer) */
    height: 100px; /* Tablo yüksekliği (1x1 için sabit bir değer) */
    margin: 0 auto; /* Tabloyu ortalar */
}

/* Hücre stil tanımlamaları */
.tablefooter td {
    padding: 10px; /* Hücre iç içe boşluğu */
    border: 1px solid black; /* Hücre sınırı stil tanımı */
    border-radius: 6px; /* Köşeleri yuvarlar */
}


/* ---------------------------------------------
        ==End Footer CSS==
--------------------------------------------- */
.moving-item .cryptonatorwidget > div:first-child {
    display: block;
}

.moving-item .cryptonatorwidget > div {
    display: none;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    position: relative;
}

.banner_bottom_area {
    overflow: hidden;
}

.banner_bottom_area {
    overflow: hidden;
    background: #0b0c22;
    padding: 29px 0px;
    height: 203px;
}

.moving-item .cryptonatorwidget {
    border: 1px solid transparent !important;
}

.moving-item {
    display: inline-block;
    padding: 30px 80px 30px 40px;
    border-right: 2px dashed #ddd;
}

/*.moving-item:last-child {
	border-right: 0px;
}*/
.moving-item h3 {
    font-size: 16px;
    color: #d7d7d7;
    font-weight: 400;
    margin-top: 23px;
}

.moving-item h3 span {
    color: #ea0606;
}

.moving-item.overlay .moving-item h3 span {
    color: #eeb81c;
}

.cryptonatorwidget b {
    color: #ea0606;
    font-weight: normal;
}

.cryptonatorwidget b font {
    position: absolute;
    right: 0;
    top: 0;
}

.moving-item .cryptonatorwidget b font::after {
    position: relative;
    position: absolute;
    content: "\f0d7";
    font-family: 'FontAwesome';
    font-size: 30px;
    color: #ea0606;
    vertical-align: middle;
    margin-left: 30px;
    top: -10px;
    left: 100%;
}

.moving-item.overlay .cryptonatorwidget b font::after {
    content: "\f0d8";
    color: #eeb81c;
}

.moving-item .cryptonatorwidget b b {
    color: #ea0606;
    margin-left: 28px;
    display: none;
}

.moving-item.overlay .cryptonatorwidget b b {
    color: #eeb81c;
    display: none;
}

.moving-item.overlay .cryptonatorwidget b {
    color: #eeb81c;
}

.cryptonatorwidget {
    padding: 0px !important;
}

/*===================================================================
                ==End Resset Css==
==================================================================*/

/*===================================================================
                ==Start Team Page Css==
==================================================================*/
/*breadcrumb*/
.ico_breadcrumb_area {
    height: 700px;
    background: url(images/breadcrumb-bg.jpg);
    display: flex;
    align-items: center;
    justify-content: center;

}

.ico_breadcrumb_area h1 {
    font-size: 60px;
    color: #f4f4f4;
    font-weight: 700;
    padding-top: 100px;
}

.ico_breadcrumb_area h1 span {
    color: #eeb81c;
}

/*breadcrumb*/
.ico_market_area.two {
    background: #0c1c2c;
}

/*===================================================================
                ==End Team Page Css==
==================================================================*/
/*===================================================================
                ==Start Contact Page Css==
==================================================================*/

.Contact_area {
    background: #081f36;
}

.contact_address_list li {
    width: 50%;
    float: left;
    margin-bottom: 50px;
}

.contact_add_desc,
.con_add_icon {
    display: inline-block;
    vertical-align: middle;
}

.contact_address_list {
    overflow: hidden;
}

.contact_add_desc {
    font-size: 16px;
    color: #e6e6e6;
    line-height: 26px;
}

.contact_add_desc:hover {
    color: #eeb81c;
}

.contact_add_desc a {
    display: block;
    font-size: 16px;
    color: #e6e6e6;
    margin-top: 0;
    line-height: 26px;
}

.contact_add_desc a:hover {
    color: #eeb81c;
}

.con_add_icon i {
    font-size: 22px;
    color: #fff;
}

.con_add_icon {
    margin-right: 30px;
}

.ico_contact_left {
    padding: 0px 100px;
}



.contact_form input, .contact_form textarea {
    width: 100%;
    padding: 0px 20px;
    background: #04192f;
    border: none;
    color: #8e9296;
    font-weight: 700;
    margin-bottom: 40px;
}

.contact_form input {
    height: 64px;
}

.contact_form textarea {
    height: 150px;
    resize: none;
    padding: 20px;
}

.contact_form button {
    background: transparent;
}

.contact_top {
    margin-bottom: 55px;
}

.contact_top h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 40px;
    line-height: 60px;
}

.contact_top span {
    color: #eeb81c;
}

.contact_top p {
    font-size: 16px;
    color: #e6e6e6;
    line-height: 30px;
}

#contactgoogleMap {
    width: 100%;
    height: 460px;
}

/*===================================================================
                ==End Contact Page Css==
==================================================================*/

/*===================================================================
                ==Start Feature Page Css==
==================================================================*/
.page_feature_area {
    background: url(images/pg-feature-bg.jpg) no-repeat scroll 0 0/cover;
}

.feature .ico_breadcrumb_area {
    border-bottom: 1px;
}

.sn_pg_feature {
    text-align: center;
    position: relative;
    z-index: 1;
    height: 200px;
}

.sn_pg_ftr_inner {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

.sn_pg_feature::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #081f36;
    transform: scale(0);
    z-index: -1;
}

.sn_pg_feature:hover:before {
    transform: scale(1);
}

.sn_pg_feature span {
    font-size: 36px;
    color: #fff;
    padding-bottom: 25px;
    display: inline-block;
}

.sn_pg_feature:hover .sn_pg_ftr_inner span {
    color: #eeb81c;
}

.sn_pg_feature h3:hover {
    color: #eeb81c;
}

.sn_pg_feature h3 {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 16px;
}

.sn_pg_feature p {
    font-size: 16px;
    color: #d7d7d7;
    line-height: 30px;
}

/*progress area*/
.skill .progress {
    background-color: #fff;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    height: 12px;
    margin-bottom: 59px;
    margin-right: 0px;
    overflow: visible;
    position: relative;
    width: 100%;
}

.skill-bar-area {
    padding-right: 79px;
}

.skill .progress .lead {
    color: #e6e6e6;
    font-size: 16px;
    font-weight: 500;
    left: 0;
    position: absolute;
    top: -45px;
    z-index: 99;
    font-family: 'Poppins', sans-serif;
}

.skill .progress-bar {
    background: #eeb81c;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.skill .progress-bar span {
    color: #e6e6e6;
    float: right;
    font-size: 16px;
    font-weight: 600;
    margin-right: 0;
    margin-top: -75px;
    padding: 0 5px;
    position: relative;
    text-align: right;
}

.skill {
    overflow: hidden;
    padding-top: 40px;
}

.progress_area {
    background: #0c2239;
}

.progress_content ul.nav {
    margin-bottom: 120px;
    width: 100%;
    text-align: center;
    display: block;
    border-bottom: 3px solid #b8bfc6;
}

.progress_content ul.nav li {
    display: inline-block;
    width: 19%;
}

.progress_content ul.nav li a {
    font-size: 18px;
    color: #fffefe;
    font-weight: 500;
    display: block;
    padding-bottom: 40px;
    position: relative;
}

.progress_content ul.nav li a.active {
    color: #eeb81c;
}

.progress_content ul.nav li a::after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #b8bfc6;
    margin-left: -8px;
    margin-bottom: -10px;
    background: #0c2239;
}

.progress_content ul.nav li a.active::after {
    border: 2px solid #eeb81c;
}

.progress:last-child {
    margin-bottom: 0px;
}

/*progress area*/
/*===================================================================
                ==End Feature Page Css==
==================================================================*/

/*===================================================================
                ==Start Feature2 Page Css==
==================================================================*/
.currency_slider_area {
    background: url(images/feature-2-bg.jpg) no-repeat scroll 0 0/cover;
}

#price-two-part {
    background: #313131;
}

.owl-carousel {
    display: block;
}

.price-two-item {
    padding: 0 15px;
    text-align: center;
}

.price-two-item .item-img {
    position: relative;
    background: #081f36;
    padding: 100px 0px;
}

.price-two-item .item-img img {
    width: auto;
    height: 300px;
    display: inline-block;
    margin: 0 auto;

    .price-two-item .item-img .rate {
        position: absolute;
        right: 15px;
        top: 15px;
        color: #fff;
        background: #eeb81c;
        padding: 10px 17px;
        border-radius: 3px;
        font-size: 16px;
        font-weight: 700;
    }

    .price-two-des {
        text-align: center;
        background: #06192c;
        padding: 50px 0px;
    }

    .price-two-des h3 {
        color: #eeb81c;
        font-size: 22px;
        font-weight: 700;
    }

    .price-two-des .buy-btn {
        text-align: center;
        padding: 0px 15px 0 15px;
        margin-top: 15px;
    }

    .buy-btn a {
        width: auto;
        padding: 0px 30px;
    }

    .date p {
        font-size: 16px;
        color: #e8e8e8;
        font-weight: 500;
    }

    .date {
        padding: 15px 0px 15px;
    }

    .tavit {
        width: 400px;
        height: 300px;
        background-color: yellow;
        border: dashed;
        border-style: double;
        margin: auto;
        font-size: medium;
        text-align: right;
    }

    /*===================================================================
                    ==End Feature2 Page Css==
    ==================================================================*/

    /*===================================================================
                    ==Start Responsive Css==
    ==================================================================*/
    @media (max-width: 1650px) {
        .custom_container {
            max-width: 1200px;
        }

        /*contact area*/
        .contact_form, .ico_contact_left {
            padding: 0;
        }

        .ico_market_left h1 {
            font-size: 30px;
            margin-bottom: 24px;
            margin-top: 40px;
            line-height: 54px;
        }

        .slider_left h1 {
            font-size: 30px;
        }

        .CountdownContent {
            margin: 0px 25px;
        }

        /*contact area*/
    }
    @media (max-width: 1199px) {
        .custom_container {
            max-width: 960px;
        }

        /*contact area*/
        .contact_form, .ico_contact_left {
            padding: 0;
        }

        .contact_address_list li {
            width: 100%;
            margin-bottom: 22px;
        }

        .mainmenu ul li a {
            font-size: 16px;
            padding: 0px 15px;
        }

        .ico_market_left h1 {
            font-size: 30px;
        }

        .sn_pg_ftr_inner {
            padding: 0px 60px;
        }

        .slider_left h1 {
            font-size: 36px;
        }

        .ico_dis_token_top ul li, .ico_dis_token_bottom ul li {
            width: 138px;
        }

        /*contact area*/
    }
    @media (max-width: 991px) {
        .custom_container {
            max-width: 720px;
        }

        /*header*/
        /*.header_area {*/
        /*    display: none;*/
        /*}*/

        /*.ico_breadcrumb_area h1 {*/
            padding-top: 0px;
        }

        .ico_breadcrumb_area {
            height: 400px;
        }

        /*contact area*/

        .contact_address_list li {
            width: 100%;
            margin-bottom: 22px;
        }

        .ico_market_left h1 {
            font-size: 24px;
            line-height: 40px;
        }

        .skill-bar-area {
            padding-right: 0;
        }

        .progress_content ul.nav li a {
            font-size: 14px;
        }

        /*contact area*/
        .slider_left h1 {
            font-size: 33px;
            margin-bottom: 21px;
        }

        .slider_left h2 {
            font-size: 25px;
            margin-bottom: 10px;
        }

        .swiper_content {
            padding-top: 0;
        }

        .ico_single_ser {
            margin-bottom: 50px;
        }

        .ico_dis_token_top ul li, .ico_dis_token_bottom ul li {
            width: 78px;
        }

        #mobile-nav-wrap {
            display: block;
        }

        .padding_200 {
            padding: 100px 0px 100px;
        }

        .CountdownContent {
            margin: 0px 30px;
        }

        .ico_dis_token_content img {
            width: 90%;
        }

        .ico_dis_token_top li span {
            top: 78px;
        }

        .ico_dis_token_bottom ul li span {
            bottom: 79px;
        }

        .slider_left p {
            width: 100%;
        }
    }
    @media (max-width: 767px) {
        .custom_container {
            max-width: 540px;
        }

        #particles-js {
            height: auto;
            padding: 70px 0;
        }

        .slider_right {
            margin-bottom: 50px;
        }

        .btn_one {
            width: 175px;
            height: 50px;
            line-height: 50px;
        }

        .swiper_content {
            top: 0;
            transform: translateY(0);
            text-align: center;
        }

        .slider_btn {
            margin-top: 30px;
        }

        .slider_left p {
            display: none;
        }

        .ico_breadcrumb_area {
            height: 300px;
        }

        .contact_form {
            padding: 0;
            margin-top: 60px;
        }

        /*contact area*/
        .ico_contact_left {
            padding: 0px 50px;
        }

        .contact_address_list li {
            width: 100%;
        }

        .contact_form {
            padding: 0px 50px;
        }

        /*contact area*/
        .section_title h1 {
            font-size: 25px;
            margin-top: 40px;
        }

        .progress_content ul.nav li {
            width: 100%;
        }

        .progress_content ul.nav li a::after {
            display: none;
        }

        .skill-bar-area {
            padding-right: 0;
            margin-bottom: 50px;
        }

        .sn_pg_ftr_inner {
            transform: translateY(-50%);
            padding: 0px 40px;
        }

        .skill-bar-area {
            padding-right: 0;
        }

        .progress_content ul.nav li a {
            font-size: 13px;
        }

        .sn_pg_ftr_inner {
            padding: 0px 100px;
        }

        .progress_content ul.nav li a {
            font-size: 16px;
            word-wrap: break-word;
        }

        .swiper_content {
            padding-top: 0px;
        }

        .slider_left h1 {
            font-size: 40px;
            margin-bottom: 30px;
        }

        .mobile-menu-inner {
            width: 50% !important;
        }

        .ico_market_right {
            margin-top: 40px;

        }

        .ico_feature_left {
            margin-bottom: 50px;
        }

        .ico_single_ser {
            margin-bottom: 40px;

        }

        .ico_dis_token_top ul li {
            margin: 0px -9px 25px;
        }

        .ico_dis_token_top ul li, .ico_dis_token_bottom ul li {
            margin: 20px 4px;
        }

        .ico_single_team {
            margin-bottom: 40px;
        }

        .sn_pg_ftr_inner {
            padding: 0;
        }

        .padding_200 {
            padding: 100px 0px 100px;
        }

        .CountdownContent {
            margin: 0px 20px;
        }

        .CountdownSeparator {
            vertical-align: top;
        }

        .ico_count_btn a {
            width: 180px;
            height: 48px;
            line-height: 48px;
        }

        .ico_single_ser {
            padding: 0px 0;
        }

        .ico_dis_token_top ul li, .ico_dis_token_bottom ul li {
            width: 116px;
        }

        .ico_dis_token_top li span {
            top: 58px;
        }

        .ico_dis_token_bottom ul li span {
            bottom: 58px;
        }

        .padding_140 {
            padding: 70px 0;
        }

        .padding_top_140 {
            padding-top: 70px;
        }

        .feature .ico_market_right {
            margin-bottom: 47px;
        }
    }
    @media (max-width: 575px) {
        .custom_container {
            max-width: 450px;
        }

        .ico_breadcrumb_area h1 {
            font-size: 35px;
        }

        .countdown {
            font-size: 20px;
        }

        .CountdownContent {
            margin: 0px 20px;
        }

        .CountdownLabel {
            font-size: 14px;
        }

        /*header*/
        .header_area {
            display: none;
        }

        /*header*/
        /*breadcrumb*/
        .ico_breadcrumb_area h1 {
            font-size: 26px;
            padding-top: 0;
        }

        .ico_breadcrumb_area {
            height: 240px;
        }

        /*breadcrumb*/
        /*contact area*/
        .ico_contact_left {
            padding: 0;
        }

        .contact_address_list li {
            width: 100%;
            margin-bottom: 20px;
        }

        .contact_form {
            padding: 0;
        }

        /*contact area*/
        /*footer area*/
        .footer_content button {
            width: 108px;
        }

        .footer_social_list a {
            margin-bottom: 30px;
            width: 32px;
            height: 32px;
        }

        .sn_pg_feature {
            margin-bottom: 48px;
            height: 300px;
        }

        .ico_market_left h1 {
            font-size: 20px;
            line-height: 40px;
        }

        .slider_left h1 {
            font-size: 24px;
            margin-bottom: 19px;
        }

        .slider_left p {
            width: 100%;
        }

        .ico_market_left {
            margin-bottom: 50px;
        }

        .ico_feature_left {
            margin-bottom: 50px;
        }

        .ico_dis_token_top ul li, .ico_dis_token_bottom ul li {
            width: 107px;
            margin: 0px 1px;
        }

        .price-two-item {
            margin: 0px 60px;
        }

        .sn_pg_ftr_inner {
            padding: 0 50px;
        }

        .ico_dis_token_top ul li, .ico_dis_token_bottom ul li {
            width: 106px;
        }

        .ico_dis_token_top li span {
            top: 35px;
        }

        .ico_dis_token_bottom ul li span {
            bottom: 35px;
        }

        .ico_dis_token_content {
            max-width: 450px;
        }

        .slider_left h2 {
            font-size: 22px;
            margin-bottom: 10px;
        }
    }
    @media only screen and (min-width: 300px) and (max-width: 479px) {
        .custom_container {
            max-width: 100%;
        }

        .progress_content ul.nav li a {
            font-size: 16px;
        }

        .ico_dis_token_top ul li, .ico_dis_token_bottom ul li {
            width: auto;
            margin: 0px 1px;
        }

        .mobile-menu-inner {
            width: 100% !important;
        }

        .sn_pg_ftr_inner {
            padding: 0;
        }

        .price-two-item {
            margin: 0px;
        }

        .slider_left h2 {
            font-size: 20px;
            margin-bottom: 10px;
        }

        .CountdownContent {
            margin: 0px 10px;
        }

        .ico_dis_token_top li span {
            font-size: 15px;
        }

        .ico_dis_token_bottom ul li span {
            font-size: 15px;
        }

        .ico_dis_token_top ul li, .ico_dis_token_bottom ul li {
            font-size: 14px;
        }

        .ico_dis_token_top ul li, .ico_dis_token_bottom ul li {
            width: 67px;
        }

        .ico_dis_token_bottom ul li span {
            left: 64%;
        }

        .ico_dis_token_top li span {
            top: 32px;
            left: 63%;
        }

        section, footer {
            margin-top: -1px;
        }
    }
}

/*===================================================================
                ==Start Responsive Css==
==================================================================*/