/*-------------------------------- 01. Settings style --------------------------------*/ /*font family included*/ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Russo+One&display=swap"); /*-------------------------------- 02. Base style --------------------------------*/ html, body { font-size: 16px; color: rgba(255, 255, 255, 0.7); font-family: "Inter", sans-serif; vertical-align: baseline; line-height: 1.6; font-weight: 500; overflow-x: hidden; background-color: #151625; } img { max-width: 100%; height: auto; } p { margin: 0 0 26px; line-height: 1.8; } h1, h2, h3, h4, h5, h6 { font-family: "Russo One", sans-serif; color: #FFFFFF; margin: 0 0 26px; line-height: 1.35; font-weight: 400; } h1 { font-size: 50px; text-transform: uppercase; } h2 { font-size: 36px; text-transform: uppercase; } h3 { font-size: 30px; text-transform: uppercase; } h4 { font-size: 22px; } h5 { font-size: 16px; } h6 { font-size: 14px; } .sec-heading .sub-title { color: #A3FF12; font-size: 16px; font-weight: 400; text-transform: uppercase; font-family: "Russo One", sans-serif; } .sec-heading .heading-left-image { margin-left: 10px; } .sec-heading .heading-right-image { margin-right: 10px; } .uppercase { text-transform: uppercase !important; } a { color: #FFFFFF; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none !important; outline: none !important; } a:active, a:hover { text-decoration: none; outline: 0 none; color: #A3FF12; } ul { list-style: outside none none; margin: 0; padding: 0; } input:focus, select:focus, textarea:focus, button:focus { outline: none !important; text-decoration: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } body i { font-size: 8px; color: #B5B5BA; } button { border: none; } .clear { clear: both; } body .dblock { display: block; } ::-moz-selection { background: #2D65F8; text-shadow: none; color: #FFFFFF; } ::selection { background: #2D65F8; text-shadow: none; color: #FFFFFF; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { margin: 0; } body .search-modal .modal-content { background: transparent; position: initial; border: 0; } body .search-modal .search-block input { height: 60px; line-height: 60px; padding: 0 15px; background: transparent; border-width: 0 0 1px 0; border-radius: 0; border-color: rgba(255, 255, 255, 0.4); -webkit-box-shadow: none; box-shadow: none; color: #FFFFFF; font-weight: 600; font-size: 18px; } body .search-modal .close { color: #FFFFFF; margin-top: 20px; font-size: 14px; background-color: transparent; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; opacity: 1; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; top: 0; right: 15px; font-size: 20px; z-index: -1; } body .search-modal .close:hover { color: #A3FF12 !important; opacity: 1 !important; } body .modal-backdrop { opacity: 1 !important; } .white-color { color: #FFFFFF !important; } .border-none { border: none !important; } /*--- sidebar sticky ---*/ .sidebar__inner { left: auto !important; } /*--- progress style ---*/ .total_rised_progress_sect .progress-line { height: 15px; margin: 10px 0 18px 0; } .gamfi_v2_hero_btns .white-btn { margin-left: 0; } /*-------------------------------- 03. Sections style --------------------------------*/ /*--- home page style ---*/ /*--- Gamfi Banner Section CSS ---*/ .sc-banner { position: relative; z-index: 9; overflow: hidden; padding: 170px 0 225px; background: url("../images/bg/banner-bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; } .sc-banner .video-iconarea { position: relative; } .sc-banner .banner-content { max-width: 700px; margin: 0 auto; } .banner-content .banner-icon { margin: 0 0 24px; } .banner-content .banner-title { margin: 0 0 20px; } .banner-content .sub-title { font-weight: 300; line-height: 1.3; } .banner-content .description { color: #FFFFFF; font-size: 18px; font-weight: 600; margin: 0 0 40px; } /*--- Gamfi About Section CSS ---*/ .gamfi-about-secion { background: #151625; } .game-price-item { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px; position: relative; z-index: 9; } .game-price-item .game-price-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .game-price-item .game-price-inner .price-inner .image-icon { margin-right: 25px; } .game-price-item .game-price-inner .all-raise { color: #FFFFFF; } .game-price-item .allocation-max img { margin-top: 10px; } .game-price-item .allocation-max .allocation { color: #FFFFFF; margin-top: 73px; } .game-price-item .targeted-raise .all-raise { color: rgba(255, 255, 255, 0.7); text-transform: uppercase; } .game-price-item .targeted-raise .targeted-raise { color: #FFFFFF; } .game-price-item .price-details h3, .game-price-item .price-details a { color: #FFFFFF; -webkit-transition: 0.4s; transition: 0.4s; text-transform: capitalize; } .game-price-item .price-details .dsc { text-transform: uppercase; } .game-price-item .more { border: 1px solid #2E2F3C; } .game-price-item .btn-area, .game-price-item .text-content, .game-price-item .social-area { width: 33.333%; } .game-price-item .text-content { text-align: center; } .game-price-item .social-icon-list { text-align: right; } .gamfi-about-secion .text-content, .gamfi-about-secion .allocation, .gamfi-about-secion .targeted-raise { font-family: "Russo One", sans-serif; } .gamfi-about-secion .game-price-inner, .gamfi-about-secion .progress-inner { position: relative; z-index: 3; } .gamfi-about-secion .total-price .all-raise { font-family: "Russo One", sans-serif; } .gamfi-about-secion .targeted-raise .all-raise { font-family: "Inter", sans-serif; } .gamfi-about-secion .total-price, .gamfi-about-secion .targeted-raise { width: 38%; } .gamfi-about-secion .total-price .targeted-raise, .gamfi-about-secion .targeted-raise .targeted-raise { width: 100%; } .gamfi-about-secion .allocation-max { width: 24%; } .banner-slider-inner { margin-top: -156px; z-index: 9; position: relative; } .banner-slider-inner .game-price-inner img { max-width: 100%; width: auto; margin: 0 auto; } .banner-slider-inner .owl-dots { text-align: center; margin-top: 10px; } .banner-slider-inner .owl-dots .owl-dot { width: 11px; height: 9px; -webkit-transform: skew(20deg); transform: skew(20deg); background: rgba(255, 255, 255, 0.2); display: inline-block; margin: 0 5.5px; -webkit-transition: 0.3s; transition: 0.3s; } .banner-slider-inner .owl-dots .owl-dot:hover, .banner-slider-inner .owl-dots .owl-dot.active { background: #FFFFFF; } .price-counter .timer, .banner-slider-inner .timer { margin-bottom: 48px; } .price-counter .timer ul, .banner-slider-inner .timer ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .price-counter .timer ul li, .banner-slider-inner .timer ul li { font-size: 30px; color: #FFFFFF; } .price-counter .timer ul li span, .banner-slider-inner .timer ul li span { font-size: 16px; margin-left: 2px; } .price-counter .timer ul li:last-child, .banner-slider-inner .timer ul li:last-child { margin-right: 0; } .hover-shape-inner { background: radial-gradient(circle, #4a4176 -24%, #1E1F35 40%); } .hover-shape-inner .hover-shape-bg { width: 35px; height: 100%; -webkit-transform: skew(-26deg); transform: skew(-26deg); display: inline-block; margin: 0 5.5px; -webkit-transition: 0.3s; transition: 0.3s; position: absolute; top: 0; z-index: -1; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(150, 136, 217, 0.06)), to(rgba(255, 255, 255, 0))); background: linear-gradient(rgba(255, 255, 255, 0), rgba(150, 136, 217, 0.06) 50%, rgba(255, 255, 255, 0) 100%); } .hover-shape-inner .hover_shape1 { left: 40%; } .hover-shape-inner .hover_shape2 { left: 46.5%; } .hover-shape-inner .hover_shape3 { left: 53%; width: 60px; } .active-shape, .hover-shape-border { position: relative; } .active-shape .border-shadow, .hover-shape-border .border-shadow { content: ""; display: block; position: absolute; z-index: 9; } .active-shape .shadow-1, .active-shape .shadow-3, .hover-shape-border .shadow-1, .hover-shape-border .shadow-3 { width: 5px; height: 200px; } .active-shape .shadow-2, .active-shape .shadow-4, .hover-shape-border .shadow-2, .hover-shape-border .shadow-4 { width: 200px; height: 5px; } .active-shape .shadow-1, .hover-shape-border .shadow-1 { top: 0px; left: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(-100%, #F82552), color-stop(64%, rgba(21, 22, 37, 0))); background: linear-gradient(to bottom, #F82552 -100%, rgba(21, 22, 37, 0) 64%); width: 5px; height: 200px; } .active-shape .shadow-2, .hover-shape-border .shadow-2 { top: 0px; left: 5px; background: -webkit-gradient(linear, left top, right top, color-stop(-100%, #F82552), color-stop(64%, rgba(21, 22, 37, 0))); background: linear-gradient(to right, #F82552 -100%, rgba(21, 22, 37, 0) 64%); width: 200px; height: 5px; } .active-shape .shadow-3, .hover-shape-border .shadow-3 { bottom: 0px; right: 0; width: 5px; height: 200px; background: -webkit-gradient(linear, left bottom, left top, color-stop(-100%, #A3FF12), color-stop(64%, rgba(21, 22, 37, 0))); background: linear-gradient(to top, #A3FF12 -100%, rgba(21, 22, 37, 0) 64%); } .active-shape .shadow-4, .hover-shape-border .shadow-4 { bottom: 0px; right: 5px; width: 200px; height: 5px; background: -webkit-gradient(linear, right top, left top, color-stop(-100%, #A3FF12), color-stop(64%, rgba(21, 22, 37, 0))); background: linear-gradient(to left, #A3FF12 -100%, rgba(21, 22, 37, 0) 64%); } .hover-shape-border .border-shadow { opacity: 0; visibility: hidden; -webkit-transition: 0.4s; transition: 0.4s; } .hover-shape-border:hover .border-shadow { opacity: 1; visibility: visible; } .participate-item .participate-info h4 { margin-top: 30px; } .participate-item .number-image { margin-right: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 21%; flex: 0 0 21%; } /*--- Gamfi Project Section CSS ---*/ .gamfi-project-section { background: url("../images/bg/project-bg.jpg"); padding-top: 115px; padding-bottom: 105px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .project-item { background: rgba(30, 31, 53, 0.8); margin-bottom: 30px; padding: 30px 30px 10px; } .project-item a { color: #FFFFFF; } .project-item a:hover { color: rgba(255, 255, 255, 0.7); } .project-item:hover { background-image: radial-gradient(circle, rgba(137, 120, 211, 0.4) 0%, #1E1F35 100%); } .project-item .project-info { margin-bottom: 28px; } .project-item .project-info img { margin-right: 20px; } .project-item .heading-title { margin-bottom: 40px; } .project-item .heading-title h4 { font-size: 16px; margin-bottom: 0; position: relative; } .project-item .heading-title h4::before { width: 197px; height: 35px; content: ""; background-image: url("../images/bg/shape-bg.png"); position: absolute; left: -30px; top: -7px; } .project-item .project-icon { position: relative; top: -6px; } .project-item .project-media span { color: #FFFFFF; } .project-item .project-media li { display: block; overflow: hidden; padding-bottom: 15px; } .project-item .project-media li:last-child { padding-bottom: 0; } .project-item .project-media li strong { font-weight: 400; color: #FFFFFF; } .project-item .project-media li span { float: right; } .social-icon-list { margin: 0; padding: 0; list-style: none; text-align: right; margin-top: -22px; } .social-icon-list li { padding-bottom: 0 !important; display: inline-block !important; } .social-icon-list li i { padding-left: 10px; } .social-icon-list li a { color: #FFFFFF; -webkit-transition: 0.4s; transition: 0.4s; } .social-icon-list li a i { font-size: 15px; -webkit-transition: 0.4s; transition: 0.4s; } .social-icon-list li a:hover i { color: rgba(255, 255, 255, 0.7); } /* --- Gamfi previous Section CSS ---*/ .gamfi-previous-section { background: #090b1a; } .gamfi-previous-section .project-right-menu .access i { padding-left: 60px; } .gamfi-previous-section .project-right-menu .block i { padding-left: 30px; } .gamfi-previous-section .project-right-menu .chain { padding-left: 80px; } .previous-mainmenu .menu-list { font-family: "Russo One", sans-serif; } .previous-mainmenu .menu-list.date-menu { padding: 0 20px; } .previous-mainmenu .menu-list .date-list { width: 13%; position: relative; } .previous-mainmenu .menu-list .date_2 { left: 20px; } .previous-mainmenu .menu-list .date_3 { left: 30px; } .previous-mainmenu .menu-list .date_4 { left: 50px; } .previous-mainmenu .menu-list .date_5 { left: 65px; } .previous-mainmenu .menu-list .date_6 { left: 85px; } .previous-mainmenu .menu-list .date_7 { left: 100px; } .previous-mainmenu ul { margin: 0; padding: 0; list-style: none; padding: 0 30px; } .previous-mainmenu ul li { display: inline-block; color: rgba(255, 255, 255, 0.7); text-transform: uppercase; -webkit-transition: 0.4s; transition: 0.4s; } .previous-mainmenu ul .list1 { width: 34.5%; } .previous-mainmenu ul .list2 { width: 10.5%; } .previous-mainmenu ul .list3 { width: 17.8%; } .previous-mainmenu ul .list4 { width: 17.4%; } .previous-mainmenu ul .list5 { width: 14%; } .gamfi-previous-section .form-check { padding: 17px 68px; cursor: pointer; } .gamfi-previous-section .form-check input, .gamfi-previous-section .form-check label { cursor: pointer; } .gamfi-previous-section .form-switch { font-family: "Russo One", sans-serif; text-transform: uppercase; -webkit-transition: 0.4s; transition: 0.4s; cursor: pointer; border-right: 0px; padding: 18px 28px; } .gamfi-previous-section .form-switch:hover { color: #FFFFFF; } .gamfi-previous-section .form-switch .switch { position: relative; display: inline-block; width: 45px; height: 24px; } .gamfi-previous-section .form-switch .switch input { opacity: 0; width: 0; height: 0; } .gamfi-previous-section .form-switch .title { margin-left: 6px; } .gamfi-previous-section .form-switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #434350; -webkit-transition: .4s; transition: .4s; } .gamfi-previous-section .form-switch .slider::before { position: absolute; content: ""; height: 14px; width: 14px; left: 6px; bottom: 5px; background-color: #FFFFFF; -webkit-transition: .4s; transition: .4s; } .gamfi-previous-section .form-switch .slider.round { border-radius: 34px; } .gamfi-previous-section .form-switch .slider.round::before { border-radius: 50%; } .gamfi-previous-section .form-switch input:checked + .slider { background-color: #6D4AFE; } .gamfi-previous-section .form-switch input:checked + .slider:before { left: 0; } .gamfi-previous-section .form-switch input:focus + .slider { -webkit-box-shadow: 0 0 1px #6D4AFE; box-shadow: 0 0 1px #6D4AFE; } .gamfi-previous-section .form-switch input:checked + .slider:before { -webkit-transform: translateX(26px); transform: translateX(26px); } .previous-item { background: #1A1B30; margin-bottom: 30px; padding: 30px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.4s; transition: 0.4s; color: #FFFFFF; } .previous-item .previous-gaming { display: -webkit-box; display: -ms-flexbox; display: flex; } .previous-item .previous-gaming img { margin-right: 20px; } .previous-price a { -webkit-transition: 0.4s; transition: 0.4s; } .previous-price a:hover { color: rgba(255, 255, 255, 0.7); } .previous-price .dsc { text-transform: uppercase; color: rgba(255, 255, 255, 0.7); } .previous-chaining { width: 36%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .previous-chaining img { margin-right: 82px; } .previous-chaining li { display: inline-block; padding-right: 5px; text-transform: uppercase; } .previous-chaining li:last-child { padding-right: 0; } .previous-item .previous-gaming { width: 44%; } .previous-raise { width: 45%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .previous-raise span { margin-right: 35px; } .previous-raise .progress-inner { width: 196px; } .previous-item .hover-shape-bg { z-index: 1; opacity: 0; visibility: hidden; width: 14px; } .previous-item .hover_shape1 { left: 46.5%; } .previous-item .hover_shape2 { left: 48.5%; } .previous-item .hover_shape3 { width: 26px; left: 50.5%; } .previous-item:hover { background: radial-gradient(circle, rgba(96, 79, 169, 0.58) -7%, #1E1F35 30%); background-position: center; background-repeat: no-repeat; background-size: cover; } .previous-item:hover .hover-shape-bg { opacity: 1; visibility: visible; } .gamfi-previous-section .progress-inner { padding-bottom: 7px; } .gamfi-previous-section .progress-inner .progress, .gamfi-previous-section .progress-inner .progress-bar { background-size: 10px 20px; height: 6px; } .gamfi-previous-section .project-item { background-image: radial-gradient(circle, rgba(86, 75, 135, 0.85) 0%, #1E1F35 100%); margin-bottom: 30px; padding: 30px 30px 10px; } .gamfi-previous-section .project-item .project-info { margin-bottom: 28px; } .gamfi-previous-section .project-item .project-info img { margin-right: 20px; } .gamfi-previous-section .project-item a { color: #FFFFFF; } .gamfi-previous-section .project-item a:hover { color: #FFFFFF; } .gamfi-previous-section .project-item .heading-title { margin-bottom: 40px; } .gamfi-previous-section .project-item .heading-title h4 { font-size: 16px; margin-bottom: 0; position: relative; } .gamfi-previous-section .project-item .heading-title h4::before { width: 197px; height: 35px; content: ""; background-image: url("../images/bg/shape-bg.png"); position: absolute; left: -30px; top: -7px; } .gamfi-previous-section .project-item .project-icon { position: relative; top: -6px; } .gamfi-previous-section .project-item .project-media li { display: block; overflow: hidden; padding-bottom: 15px; } .gamfi-previous-section .project-item .project-media li:last-child { padding-bottom: 0; } .gamfi-previous-section .project-item .project-media li strong { font-weight: 400; color: #FFFFFF; } .gamfi-previous-section .project-item .project-media li span { float: right; color: #FFFFFF; } .gamfi-previous-section .project-item .project-media .social-icon-list { margin: 0; padding: 0; list-style: none; text-align: right; margin-top: -22px; } .gamfi-previous-section .project-item .project-media .social-icon-list li { display: inline-block; padding-bottom: 0; } .gamfi-previous-section .project-item .project-media .social-icon-list li i { padding-left: 10px; } .gamfi-previous-section .project-item .project-media .social-icon-list li a { color: #FFFFFF; } .gamfi-previous-section .project-item .project-media .social-icon-list li a i { font-size: 15px; -webkit-transition: 0.4s; transition: 0.4s; } .gamfi-previous-section .project-item .project-media .social-icon-list li a i:hover { color: #A3FF12; } .gamfi-previous-section .calender-image-area { position: relative; } .gamfi-previous-section .calender-image-area img { cursor: pointer; } .gamfi-previous-section .calender-image-area .project-item { position: absolute; top: 0; left: 0; width: 370px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: 0.4s; transition: 0.4s; z-index: 10; } .gamfi-previous-section .calender-image-area:hover .project-item { -webkit-transform: scale(1); transform: scale(1); } .gamfi-previous-section .tab-pane .previous-item { margin-bottom: 20px; } /*--- Gamfi Tokenomics Section CSS ---*/ .gamfi-tokenomics-section { position: relative; } .gamfi-tokenomics-section .tokenomics-left-right-shape { position: relative; } .gamfi-tokenomics-section .tokenomics-left-right-shape::before, .gamfi-tokenomics-section .tokenomics-left-right-shape::after { height: 40px; width: 604px; content: " "; position: absolute; background-repeat: no-repeat; } .gamfi-tokenomics-section .tokenomics-left-right-shape::before { background-image: url("../images/banner/left_shape.html"); width: 614px; top: 0; left: 0; } .gamfi-tokenomics-section .tokenomics-left-right-shape::after { background-image: url("../images/banner/right_shape.html"); bottom: 0; right: 0; } .v1_tokenomics_content_list_sect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 73px; } .v1_tokenomics_content_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .v1_tokenomics_content_list_text { margin-bottom: 16px; margin-right: 16px; } .v1_tokenomics_content_list_text h4 { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 0.7); margin-bottom: 0px; } .v1_tokenomics_content_list_text h5 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 0px; } .v1_tokenomics_content_list_1 { width: 7.5%; } .v1_tokenomics_content_list_2 { width: 9.5%; } .v1_tokenomics_content_list_3 { width: 10%; } .v1_tokenomics_content_list_4 { width: 12%; } .v1_tokenomics_content_list_5 { width: 16%; } .v1_tokenomics_content_list_6 { width: 18%; } .v1_tokenomics_content_list_7 { width: 27%; } .v1_tokenomics_content_list_progress { width: 100%; height: 60px; } .v1_tokenomics_content_list_progress1 { background: rgba(109, 74, 254, 0.2); } .v1_tokenomics_content_list_progress2 { background: rgba(109, 74, 254, 0.3); } .v1_tokenomics_content_list_progress3 { background: rgba(109, 74, 254, 0.4); } .v1_tokenomics_content_list_progress4 { background: rgba(109, 74, 254, 0.5); } .v1_tokenomics_content_list_progress5 { background: rgba(109, 74, 254, 0.6); } .v1_tokenomics_content_list_progress6 { background: rgba(109, 74, 254, 0.7); } .v1_tokenomics_content_list_progress7 { background: rgba(109, 74, 254, 0.9); } .gamfi_tokenomics_corner_imgs .gamfi_tokenomics_corner_img1 { position: absolute; top: 0px; left: 0px; } .gamfi_tokenomics_corner_imgs .gamfi_tokenomics_corner_img2 { position: absolute; right: 0px; bottom: 0px; } .tokenomics-counter h5 { margin-bottom: 0; } .tokenomics-counter .counter-number { font-size: 36px; color: #6D4AFE; font-family: "Russo One", sans-serif; display: block; } /*--- Gamfi Team Section CSS ---*/ .gamfi-team-section { background: url("../images/bg/team-bg.jpg"); background-repeat: no-repeat; background-position: center bottom; background-color: #090A1A; } .team-item { background: rgba(26, 27, 47, 0.85); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); margin-bottom: 30px; padding: 35px 0 30px 0; -webkit-transition: 1.4s; transition: 1.4s; } .team-item .border-shadow { opacity: 0; visibility: hidden; -webkit-transition: 0.4s; transition: 0.4s; } .team-item:hover { background-image: radial-gradient(circle, rgba(137, 120, 211, 0.4) 0%, #1E1F35 100%); } .team-item:hover .border-shadow { opacity: 1; visibility: visible; } .team-item img { margin-bottom: 45px; } .team-item a { color: #FFFFFF; -webkit-transition: 0.4s; transition: 0.4s; } .team-item a:hover { color: rgba(255, 255, 255, 0.7); } .team-item .dsc { margin-bottom: 15px; } .team-item .team-icon-list { margin: 0; padding: 0; list-style: none; } .team-item .team-icon-list li { display: inline-block; padding: 0 7px; } .team-item .team-icon-list li a { color: rgba(255, 255, 255, 0.5); -webkit-transition: 0.4s; transition: 0.4s; } .team-item .team-icon-list li a i { font-size: 15px; } /*--- Gamfi Partner Section CSS ---*/ .gamfi-partner-section { background: #0a0b1a; } .gamfi-partner-section img { -webkit-transition: 0.4s; transition: 0.4s; } .gamfi-partner-section img:hover { opacity: 0.7; } .partner-item .partner-image { padding-right: 70px; } .gamfi-partner-section .gamfi-partner-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; } .gamfi-partner-section .gamfi-partner-inner::after, .gamfi-partner-section .gamfi-partner-inner::before { content: ""; display: block; width: 50px; height: 100%; position: absolute; top: 0px; background: -webkit-gradient(linear, left top, right top, from(#0a0b1a), to(rgba(10, 10, 26, 0))); background: linear-gradient(to right, #0a0b1a, rgba(10, 10, 26, 0)); z-index: 1; } .gamfi-partner-section .gamfi-partner-inner::before { left: 0; } .gamfi-partner-section .gamfi-partner-inner::after { right: 0; -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); } .gamfi-partner-section .gamfi-partner-inner .partner-image { -ms-flex-negative: 0; flex-shrink: 0; -webkit-animation: loop_animate 20s linear 0s infinite normal none running; animation: loop_animate 20s linear 0s infinite normal none running; } .gamfi-partner-section .gamfi-partner-inner .partner-image a { margin: 0px 35px; } @-webkit-keyframes loop_animate { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes loop_animate { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } /*--- home two page style ---*/ /*--- Home two style ---*/ .gafi_body { position: relative; z-index: 2; margin-bottom: 200px; background: #090A1A; } .gamfi_header_v2 { min-height: 800px; background: url("../images/bg/bgV2.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; } .gamfi_v2_hero_sect { padding-top: 80px; } .gamfi_v2_hero_left { margin-top: 136px; } .gamfi_v2_hero_left h2 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 50px; line-height: 70px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 0px; } .gamfi_v2_hero_left h2 span { color: #F82552; } .gamfi_v2_hero_left p { font-family: Inter; font-style: normal; font-weight: 600; font-size: 18px; line-height: 30px; color: #FFFFFF; margin-top: 22px; } .gamfi_v2_hero_btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; margin-bottom: 106px; } .buy-token-logos h6 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; text-transform: uppercase; margin-bottom: 26px; color: #FFFFFF; } .buy-token-logos ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .buy-token-logos ul li { margin-right: 32px; } .gamfi_v2_hero_right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 450px; margin-left: auto; height: 100%; width: 100%; } .gamfi_v2_hero_rocket { position: relative; margin-top: 70px; } .gamfi_v2_hero_rocket .RedRocketImg { position: relative; -webkit-animation-name: RocketLaunch; animation-name: RocketLaunch; -webkit-animation: RocketLaunch 5s infinite; animation: RocketLaunch 5s infinite; z-index: 1; } @-webkit-keyframes RocketLaunch { 0%, 100% { bottom: 0; } 50% { bottom: 30px; } } @keyframes RocketLaunch { 0%, 100% { bottom: 0; } 50% { bottom: 30px; } } .gamfi_v2_hero_rocket .rocketshadow1 { position: absolute; top: 15%; left: 40%; z-index: 2; } .gamfi_v2_hero_rocket .rocketshadow1 img { position: relative; -webkit-animation-name: rocketshadow1; animation-name: rocketshadow1; -webkit-animation: rocketshadow1 0.95s infinite; animation: rocketshadow1 0.95s infinite; } .gamfi_v2_hero_rocket .rocketshadow2 { position: absolute; top: 50%; left: 25%; z-index: 2; } .gamfi_v2_hero_rocket .rocketshadow2 img { position: relative; -webkit-animation-name: rocketshadow2; animation-name: rocketshadow2; -webkit-animation: rocketshadow2 0.95s infinite; animation: rocketshadow2 0.95s infinite; } .gamfi_v2_hero_rocket .rocketshadow3 { position: absolute; top: 62%; right: 29%; z-index: 2; } .gamfi_v2_hero_rocket .rocketshadow3 img { position: relative; -webkit-animation-name: rocketshadow3; animation-name: rocketshadow3; -webkit-animation: rocketshadow3 1s infinite; animation: rocketshadow3 1s infinite; } .gamfi_v2_hero_rocket .rocketshadow4 { position: absolute; top: 60%; left: 35%; z-index: 0; } .gamfi_v2_hero_rocket .rocketshadow4 img { position: relative; -webkit-animation-name: rocketshadow4; animation-name: rocketshadow4; -webkit-animation: rocketshadow4 1.05s infinite; animation: rocketshadow4 1.05s infinite; } .gamfi_v2_hero_rocket .rocketshadow5 { position: absolute; top: 40%; right: 33.5%; z-index: 0; } .gamfi_v2_hero_rocket .rocketshadow5 img { position: relative; -webkit-animation-name: rocketshadow5; animation-name: rocketshadow5; -webkit-animation: rocketshadow5 1.05s infinite; animation: rocketshadow5 1.05s infinite; } @-webkit-keyframes rocketshadow1 { from { top: -30px; opacity: 1; } to { top: 80px; opacity: 0; } } @keyframes rocketshadow1 { from { top: -30px; opacity: 1; } to { top: 80px; opacity: 0; } } @-webkit-keyframes rocketshadow2 { from { top: -30px; opacity: 1; } to { top: 80px; opacity: 0; } } @keyframes rocketshadow2 { from { top: -30px; opacity: 1; } to { top: 80px; opacity: 0; } } @-webkit-keyframes rocketshadow3 { from { top: -40px; opacity: 1; } to { top: 50px; opacity: 0; } } @keyframes rocketshadow3 { from { top: -40px; opacity: 1; } to { top: 50px; opacity: 0; } } @-webkit-keyframes rocketshadow4 { from { top: -30px; opacity: 1; } to { top: 80px; opacity: 0; } } @keyframes rocketshadow4 { from { top: -30px; opacity: 1; } to { top: 80px; opacity: 0; } } @-webkit-keyframes rocketshadow5 { from { top: -40px; opacity: 1; } to { top: 50px; opacity: 0; } } @keyframes rocketshadow5 { from { top: -40px; opacity: 1; } to { top: 50px; opacity: 0; } } .market_cap_sect { background: rgba(30, 31, 53, 0.8); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); min-height: 158px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .market_cap_sect .red-border-gradient { position: absolute; top: -248px; left: 248px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(248, 37, 82, 0.5)), to(rgba(21, 22, 37, 0))); background: linear-gradient(180deg, rgba(248, 37, 82, 0.5) 0%, rgba(21, 22, 37, 0) 100%); width: 5px; height: 500px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .market_cap_sect .green-border-gradient { position: absolute; bottom: -248px; right: 248px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(163, 255, 18, 0.5)), to(rgba(21, 22, 37, 0))); background: linear-gradient(180deg, rgba(163, 255, 18, 0.5) 0%, rgba(21, 22, 37, 0) 100%); width: 5px; height: 500px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .market_cap_all_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .market_cap_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 25%; } .market_cap_content h2 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 45px; margin-bottom: 0px; color: rgba(255, 255, 255, 0.7); } .market_cap_content h3 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 22px; line-height: 45px; text-transform: uppercase; color: #6D4AFE; margin-bottom: 0px; } .gamfi-project-section .project-item.project_item_v2 { position: relative; padding-bottom: 89px; } .social_icons_sect { position: absolute; background: rgba(255, 255, 255, 0.05); height: 50px; width: 100%; left: 0px; bottom: 0px; padding: 15px 30px; } .social_icons_sect .social_icon_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .social_icons_sect .social_icon_list li { margin-right: 25px; } .social_icons_sect .social_icon_list a i { font-size: 17px; } .social_icons_sect .social_icon_list li.medium a i { font-size: 15px; } .gamfi-project-section .project-item .heading-title .price-counter { position: relative; margin-bottom: 0px; } .project_pools_sect .project-item .heading-title .price-counter { margin-bottom: 50px; } .gamfi-project-section .project-item .heading-title .price-counter .timer { margin-bottom: 0px; } .gamfi-project-section .project-item .heading-title .price-counter .timer ul li { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #FFFFFF; margin-right: 10px; text-transform: lowercase; } .gamfi-project-section .project-item .heading-title.heading-title-v2 .price-counter:before { width: 241px; height: 35px; content: ""; background-image: url("../images/bg/shapeBgV2.svg"); position: absolute; left: -30px; top: -7px; } .project_v2_tab_btns ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .project_v2_tab_btns ul li { margin-left: 20px; } .project_v2_tab_btns ul li button { width: 170px; height: 50px; border: 1px solid rgba(255, 255, 255, 0.2); background: transparent; outline: none; } .project_v2_tab_btns ul li.project_v2_tab_links.active button { background: rgba(255, 255, 255, 0.15); border: none; } .project_v2_tab_content .heading-title { margin-bottom: 0px !important; } .project_v2_tab_btns ul li.project_v2_tab_links.active button.black-shape .hover-shape1, .project_v2_tab_btns ul li.project_v2_tab_links.active button.hover-shape .hover-shape1 { left: 42%; } .project_v2_tab_btns ul li.project_v2_tab_links.active button.black-shape .hover-shape2, .project_v2_tab_btns ul li.project_v2_tab_links.active button.hover-shape .hover-shape2 { left: 50%; } .project_v2_tab_btns ul li.project_v2_tab_links.active button.black-shape .hover-shape3 { left: 58%; } .project_v2_tab_btns ul li button .btn-text { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; text-align: center; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); } .gamfi-project-section.project_pools_sect { /* background: url(../images/bg/project-bg.jpg); */ background: #090A1A; padding-top: 115px; padding-bottom: 105px; } .gamfi-project-section.project_pools_sect .container { position: relative; z-index: 2; } .key_points_section .key_points_bg { position: absolute; background: url("../images/bg/project-bg.png"); background-repeat: no-repeat; background-size: cover; background-position: center center; height: 1200px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 0; top: -650px; } .key_points_section .container { position: relative; z-index: 2; } .key_points_section .key_points_bg .bg-stone { position: relative; height: 100%; width: 100%; } .key_points_section .key_points_bg span.stone1 { position: absolute; top: 31%; left: 14%; -webkit-animation-name: stoneFly1; animation-name: stoneFly1; -webkit-animation: stoneFly1 7s infinite; animation: stoneFly1 7s infinite; } @-webkit-keyframes stoneFly1 { 0%, 100% { left: 5%; } 25% { top: 32%; } 50% { left: 15%; } } @keyframes stoneFly1 { 0%, 100% { left: 5%; } 25% { top: 32%; } 50% { left: 15%; } } .key_points_section .key_points_bg span.stone2 { position: absolute; bottom: 15%; left: 5%; -webkit-animation-name: stoneFly2; animation-name: stoneFly2; -webkit-animation: stoneFly2 7s infinite; animation: stoneFly2 7s infinite; } @-webkit-keyframes stoneFly2 { 0%, 100% { bottom: 15%; } 50% { bottom: 20%; } } @keyframes stoneFly2 { 0%, 100% { bottom: 15%; } 50% { bottom: 20%; } } .key_points_section .key_points_bg span.stone3 { position: absolute; bottom: 45%; right: 5%; -webkit-animation-name: stoneFly3; animation-name: stoneFly3; -webkit-animation: stoneFly3 4s infinite; animation: stoneFly3 4s infinite; } @-webkit-keyframes stoneFly3 { 0%, 100% { bottom: 42%; } 50% { bottom: 48%; } } @keyframes stoneFly3 { 0%, 100% { bottom: 42%; } 50% { bottom: 48%; } } .key_points_section { background: #090A1A; padding-top: 115px; padding-bottom: 105px; position: relative; } .key_points_item_img { min-height: 50px; } .key_points_item_img img { min-height: 50px; } .key_points_item_text { width: 100%; padding-top: 26px; } .key_points_item_text h3 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 22px; line-height: 27px; margin-bottom: 21px; color: #FFFFFF; text-transform: capitalize; } .key_points_item_text p { max-width: 249px; width: 100%; font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 0.7); } .tier_system_section { background: #090A1A; padding-top: 0px; padding-bottom: 105px; } .tier_system_headings { margin-bottom: 4px; } .tier_system_headings ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0px 26px; } .tier_system_headings ul li { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 14px; line-height: 45px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); } .tier_system_headings ul li.tiers_headings { width: 140px; margin-right: 81px; } .tier_system_headings ul li.staking_headings { width: 158px; margin-right: 46px; } .tier_system_headings ul li.allocation_headings { width: 175px; margin-right: 84px; } .tier_system_headings ul li.requirements_headings { width: 158px; margin-right: 79px; } .tier_system_headings ul li.kyc_headings { width: 41px; margin-right: 73px; } .tier_system_headings ul li.weight_headings { width: 99px; } .tier_system_items { min-height: 92px; width: 100%; background: rgba(30, 31, 53, 0.8); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); margin-bottom: 20px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .tier_system_items:hover { background: radial-gradient(circle, rgba(96, 79, 169, 0.58) -7%, #1E1F35 30%); background-position: center; background-repeat: no-repeat; background-size: cover; } .tier_system_items ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 26px; } .tier_system_items ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 158%; text-transform: none; color: #FFFFFF; } .tier_system_items ul li span { min-width: 40px; margin-right: 11px; } .tier_system_items ul li strong { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 158%; color: #FFFFFF; } .tier_system_items ul li.tiers_item { width: 140px; margin-right: 84px; } .tier_system_items ul li.staking_item { width: 158px; margin-right: 46px; } .tier_system_items ul li.allocation_item { width: 175px; margin-right: 84px; } .tier_system_items ul li.requirements_item { width: 158px; margin-right: 79px; } .tier_system_items ul li.kyc_item { width: 41px; margin-right: 73px; } .tier_system_items ul li.weight_item { width: 99px; } .tier_system_items span.border-shadow-red1 { background: -webkit-gradient(linear, left top, left bottom, from(rgba(248, 37, 82, 0.5)), to(rgba(21, 22, 37, 0))); background: linear-gradient(180deg, rgba(248, 37, 82, 0.5) 0%, rgba(21, 22, 37, 0) 100%); height: 200px; width: 5px; position: absolute; z-index: 4; top: -97.5px; left: 97.5px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: none; } .tier_system_items span.border-shadow-red2 { background: -webkit-gradient(linear, left top, left bottom, from(rgba(248, 37, 82, 0.5)), to(rgba(21, 22, 37, 0))); background: linear-gradient(180deg, rgba(248, 37, 82, 0.5) 0%, rgba(21, 22, 37, 0) 100%); height: 87px; width: 5px; position: absolute; z-index: 4; top: 5px; left: 0px; display: none; } .tier_system_items span.border-shadow-green1 { background: -webkit-gradient(linear, left top, left bottom, from(rgba(163, 255, 18, 0.5)), to(rgba(21, 22, 37, 0))); background: linear-gradient(180deg, rgba(163, 255, 18, 0.5) 0%, rgba(21, 22, 37, 0) 100%); height: 200px; width: 5px; position: absolute; z-index: 4; bottom: -97.5px; right: 97.5px; -webkit-transform: rotate(90deg); transform: rotate(90deg); display: none; } .tier_system_items span.border-shadow-green2 { background: -webkit-gradient(linear, left top, left bottom, from(rgba(163, 255, 18, 0.5)), to(rgba(21, 22, 37, 0))); background: linear-gradient(180deg, rgba(163, 255, 18, 0.5) 0%, rgba(21, 22, 37, 0) 100%); height: 85px; width: 5px; position: absolute; z-index: 4; bottom: 5px; right: 0px; -webkit-transform: rotate(180deg); transform: rotate(180deg); display: none; } .tier_system_items:hover span.border-shadow-red1, .tier_system_items:hover span.border-shadow-red2 { display: block; } .tier_system_items:hover span.border-shadow-green1, .tier_system_items:hover span.border-shadow-green2 { display: block; } .tier_system_items .bg-shape { position: absolute; height: 100%; display: none; left: 45%; } .tier_system_items .bg-shape img { height: 100%; } .tier_system_items:hover .bg-shape { display: block; } .multi_chain_support_sect { background: #090A1A; padding-top: 0px; padding-bottom: 105px; } .multi_chain_support_right_content { margin-top: 32px; } .multi_chain_support_right_content p { font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 0.7); } .multi_chain_support_right_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .multi_chain_support_right_list ul { margin-right: 86px; } .multi_chain_support_right_list ul li { position: relative; margin-bottom: 9px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; color: #FFFFFF; } .multi_chain_support_right_list ul li span { margin-right: 15px; } .roadmap_v2_section { padding-top: 116px; padding-bottom: 123px; background: rgba(30, 31, 53, 0.8); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); position: relative; } .roadmap_v2_section span.farme1 { position: absolute; top: 0px; left: 0px; } .roadmap_v2_section span.farme2 { position: absolute; bottom: 0px; right: 0px; } .gamfi_our_mentor_section { background: #090A1A; padding-top: 0px; padding-bottom: 105px; } .roadmap-tab-btns ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .roadmap-tab-btns ul li { margin-left: 20px; } .roadmap-tab-btns ul li:nth-child(1) { margin-left: 0px; } .roadmap-tab-btns ul li button { width: 140px; height: 50px; border: 1px solid rgba(255, 255, 255, 0.2); background: transparent; outline: none; } .roadmap-tab-btns ul li.tablinks.active button { background: rgba(255, 255, 255, 0.15); border: none; } .roadmap-tab-btns ul li.tablinks.active button.black-shape .hover-shape1, .roadmap-tab-btns ul li.tablinks.active button.hover-shape .hover-shape1 { left: 42%; } .roadmap-tab-btns ul li.tablinks.active button.black-shape .hover-shape2, .roadmap-tab-btns ul li.tablinks.active button.hover-shape .hover-shape2 { left: 50%; } .roadmap-tab-btns ul li.tablinks.active button.black-shape .hover-shape3 { left: 58%; } .roadmap-tab-btns ul li button .btn-text { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; text-align: center; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); } .our_partners_content_sect { position: relative; } .our_partners_content_sect .our_partners_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .our_partners_content_sect .our_partners_list li { width: 18%; text-align: center; margin-bottom: 65px; } .our_partners_content_sect .our_partners_list li.hidden { display: none; } .show-more-btn-sect { width: 100%; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .our_partners_content_sect .overlay { background: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 10, 26, 0)), to(#090A1A)); background: linear-gradient(180deg, rgba(9, 10, 26, 0) 0%, #090A1A 100%); height: 158px; width: 100%; z-index: 2; position: absolute; bottom: 105px; } .roadmap_v2_tab_content_sect { position: relative; } .roadmap_shape { position: absolute; top: 35px; } .faq_content_sect { max-width: 770px; width: 100%; margin: auto; margin-top: 60px; position: relative; } .faq_questions { position: relative; z-index: 2; } .FAQGalaxyImg { position: absolute; top: 160px; left: -190px; z-index: 0; } /* Style the Headings that are used to open and close the accordion panel */ .faq_content_sect .faq_questions .accordion { cursor: pointer; background: rgba(30, 31, 53, 0.5); height: 76px; font-family: Russo One; font-style: normal; font-weight: normal; font-size: 22px; line-height: 27px; color: rgba(255, 255, 255, 0.7); margin-bottom: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 24px 29px; font-family: Russo One; font-style: normal; font-weight: normal; font-size: 22px; line-height: 27px; color: rgba(255, 255, 255, 0.7); border-top: 1px solid rgba(255, 255, 255, 0.1); text-transform: none; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .faq_content_sect .faq_questions .accordion span { min-width: 18px; margin-left: 20px; right: 20px; } .faq_content_sect .faq_questions .accordion.active, .faq_content_sect .faq_questions .accordion:hover { background: rgba(255, 255, 255, 0.05); color: #FFFFFF; } .faq_content_sect .faq_questions .accordion .faq_content_sect .faq_questions .icon-minus { display: none; margin-top: 0px; } .faq_content_sect .faq_questions .active .faq_content_sect .icon-minus { display: block; } .faq_content_sect .faq_questions .active .icon-plus { display: none; } /* Style the accordion panel */ .faq_content_sect .faq_questions .accordion-panel { padding: 0px; overflow: hidden; max-height: 0; -webkit-transition: max-height 0.2s ease-out; transition: max-height 0.2s ease-out; background: rgba(255, 255, 255, 0.05); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .faq_content_sect .faq_questions .accordion-panel p { padding: 0px 48px 24px 29px; font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 0.7); margin-bottom: 0px; max-width: 100%; } .faq_content_sect h6 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; text-align: center; color: #FFFFFF; margin-top: 36px; position: relative; z-index: 2; } .faq_content_sect h6 a { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; text-align: center; color: #A3FF12; } .no-border { border: none !important; } .footer_titleV2 { max-width: 452px; margin: auto; } .gamfisubscriveSect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 570px; width: 100%; margin: auto; } .gamfisubscriveSect input { max-width: 350px; width: 100%; height: 60px; padding: 8px 19px; background: transparent; font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 45px; color: #FFFFFF; border: 1px solid rgba(255, 255, 255, 0.1); outline: none; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .roadmap_contents h3 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 22px; line-height: 27px; color: #6D4AFE; margin-bottom: 75px; } .roadmap_contents.disable h3 { color: rgba(255, 255, 255, 0.7); } .roadmap_list_sect { position: relative; padding-left: 10px; } .roadmap_list_sect .check_icon_bg { height: 21px; width: 21px; background: #A3FF12; border-radius: 50%; position: absolute; top: -30px; left: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .roadmap_contents.disable .roadmap_list_sect .check_icon_bg { background: rgba(255, 255, 255, 0.7); } .roadmap_list_sect ul { border-left: 1px dashed rgba(255, 255, 255, 0.25); padding-left: 21px; } .roadmap_list_sect ul li { font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 36px; color: rgba(255, 255, 255, 0.7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .roadmap_list_sect ul li span { margin-right: 15px; min-width: 15px; min-height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .roadmap_v2_tab_content_2022 .roadmap_list_sect ul li span { margin-right: 15px; min-width: 15px; } /*--- home three page style ---*/ /*--- Home-V3 ---*/ .sc_banner_v3 { position: relative; z-index: 9; overflow: hidden; padding: 170px 0 225px; background: url("../images/bg/V3_Banner_BG.png"); background-size: cover; background-repeat: no-repeat; background-position: center; } .v3_baner_content { padding-top: 60px; } .ufo_img { position: absolute; top: 8%; left: 10%; z-index: 100; } .animetion_avater { position: relative; min-height: 350px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .animetion_avater img { position: absolute; z-index: 100; -webkit-animation-name: jump_avater; animation-name: jump_avater; -webkit-animation: jump_avater 4s infinite; animation: jump_avater 4s infinite; } @-webkit-keyframes jump_avater { 0%, 100% { bottom: 0; } 50% { bottom: 30px; } } @keyframes jump_avater { 0%, 100% { bottom: 0; } 50% { bottom: 30px; } } .sc_banner_v3_left h2 { max-width: 499px; width: 100%; font-family: Russo One; font-style: normal; font-weight: normal; font-size: 50px; line-height: 70px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 30px; } .sc_banner_v3_left p { max-width: 564px; width: 100%; font-family: Inter; font-style: normal; font-weight: 600; font-size: 18px; line-height: 30px; color: #FFFFFF; margin-bottom: 60px; } .animetion_avater { text-align: center; position: relative; } .sc_banner_v3_right ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .sc_banner_v3_right ul li { margin-right: 35px; max-width: 163px; width: 100%; } .sc_banner_v3_right ul li h3 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 40px; color: #FFFFFF; margin-bottom: 0px; } .sc_banner_v3_right ul li h4 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 22px; line-height: 40px; text-transform: uppercase; color: #6D4AFE; margin-bottom: 0px; } .multi_block_chains_sect { background: rgba(30, 31, 53, 0.8); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); min-height: 158px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; bottom: 0px; width: 100%; z-index: 2; } .multi_block_chains_sect .red-border-gradient { position: absolute; top: -248px; left: 248px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(248, 37, 82, 0.5)), to(rgba(21, 22, 37, 0))); background: linear-gradient(180deg, rgba(248, 37, 82, 0.5) 0%, rgba(21, 22, 37, 0) 100%); width: 5px; height: 500px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .multi_block_chains_sect .green-border-gradient { position: absolute; bottom: -248px; right: 248px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(163, 255, 18, 0.5)), to(rgba(21, 22, 37, 0))); background: linear-gradient(180deg, rgba(163, 255, 18, 0.5) 0%, rgba(21, 22, 37, 0) 100%); width: 5px; height: 500px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .Multi_Block_Chains_Content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .multi_block_chains_left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .multi_block_chains_left h3 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 36px; text-transform: uppercase; margin-bottom: 0px; color: #FFFFFF; } .multi_block_chains_left h3 span { margin-left: 10px; } .multi_block_chains_left h3 span img { margin-top: -2px; } .project_pools_v3 { padding-top: 136px; } .key_points_v2_section { background: rgba(30, 31, 53, 0.7); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); position: relative; z-index: 2; } .gamfi_v3_project_pools_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .gamfi_v3_project_pools_btn li { margin-left: 20px; } .gamfi_v3_project_pools_btn li button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: transparent; outline: none; border: 2px solid rgba(255, 255, 255, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; color: rgba(255, 255, 255, 0.7); width: 170px; height: 50px; padding: 0px; } .gamfi_v3_project_pools_btn li.active button { background: rgba(255, 255, 255, 0.15); color: #FFFFFF; border: none; -webkit-box-sizing: content-box; box-sizing: content-box; } .gamfi_v3_project_pools_btn li.active button.black-shape .hover-shape1 { left: 42%; } .gamfi_v3_project_pools_btn li.active button.black-shape .hover-shape1 { left: 50%; } .gamfi_v3_project_pools_btn li.active button.black-shape .hover-shape3 { left: 58%; } .our_partners_v3_sect { padding-top: 136px; position: relative; } .OurPartnat_EathImg { position: absolute; top: -60px; right: 225px; z-index: 0; } .RocketImgBW { position: absolute; top: 232px; left: 0px; z-index: 0; } .animate_opacity { -webkit-animation: opac 1.5s; animation: opac 1.5s; } @-webkit-keyframes opac { from { opacity: 0; } to { opacity: 1; } } @keyframes opac { from { opacity: 0; } to { opacity: 1; } } .how_to_participate_sect { background: #090A1A; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 140px; } .how_to_participate_sect .moon_img_bg { position: absolute; top: 20px; } .how_to_participate_sect .container { position: relative; z-index: 2; } .how_to_participate_sect .locker_img { position: absolute; bottom: -220px; left: 0px; z-index: 0; } .how_to_participate_left_content p { font-family: Inter; font-style: normal; font-weight: normal; font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.7); margin-bottom: 40px; max-width: 450px; width: 100%; padding-right: 12px; } .how_to_participate_left_btn { max-width: 170px; height: 50px; } .how_to_participate_left_btn a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0px; height: 100%; width: 100%; } .how_to_participate_right_card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; min-height: 186px; padding: 35px 50px; background: rgba(30, 31, 53, 0.7); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); margin-bottom: 20px; } .how_to_participate_right_card_number { min-width: 80px; margin-right: 35px; } .how_to_participate_right_card_text { max-width: 334px; width: 100%; } .how_to_participate_right_card_text h4 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 22px; line-height: 27px; color: #FFFFFF; margin-bottom: 10px; } .how_to_participate_right_card_text p { font-family: Inter; font-style: normal; font-weight: normal; font-size: 16px; line-height: 26px; margin-bottom: 0px; color: rgba(255, 255, 255, 0.7); } .multi_block_chains_right_sect { padding: 54px 0px; } .multi_block_chains_right { background: transparent; } .multi_block_chains_right_content .partner-image a { margin: 0px 27px; } .multi_block_chains_right .multi_block_chains_right_content:after, .multi_block_chains_right .multi_block_chains_right_content:before { background: linear-gradient(269.8deg, rgba(26, 27, 48, 0) 0.18%, #1A1B30 99.84%); } .multi_block_chains_right .multi_block_chains_right_content:after { right: 0px; -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); } /*--- home four page style ---*/ /*---------Index-V4---------*/ .home_v4_bg { position: fixed; height: 100vh; width: 100%; top: 0px; left: 0px; z-index: 0; background: url("../images/bg/home4BG.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } .home_v4_body_content { position: relative; z-index: 1; } .sc_banner_v4_right .animetion_avater { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .sc_banner_v3.sc_banner_v4 { background: transparent; padding-bottom: 192px; } .sc_banner_v3.sc_banner_v4 .gamfi_v2_hero_btns { margin-bottom: 0px; } .home_v4_partners_sect { background: rgba(48, 50, 72, 0.5); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); height: 158px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home_v4_partners_sect .home_v4_partners_content { background: transparent; } .gamfi-partner-section.home_v4_partners_content .gamfi-partner-inner:after, .gamfi-partner-section.home_v4_partners_content .gamfi-partner-inner:before { background: linear-gradient(269.8deg, rgba(30, 31, 49, 0) 0.18%, #1E1F31 99.84%); height: 100%; } .home_v4_live_project_sect { margin-top: 136px; } .home_v4_gamfi_tier_v3_sect { background: transparent; } .home_v4_faq_sect { background: transparent; } .gamfi_Home4_footer_section, .gamfi_Home4_footer_section .HomeV4_FooterArea { background: transparent; } .home_v4_participate_sect { padding-bottom: 30px; } .gamfi-project-section.home_v4_our_project_sect { background: transparent; padding-top: 80px; } .gamfi-previous-section.v4_our_project_previous_sect { background: transparent; } .project_clasic_2_container.home_v3_project_clasic_2_container { padding: 0px; background: rgba(255, 255, 255, 0.08); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .home_v4_our_project_sect .gamfi-previous-section .previous-item { background: rgba(255, 255, 255, 0.08); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .v3_project_clasic_2_container_right_sect { padding: 25px 30px 30px 0px; } .v3_project_clasic_2_container_right_sect .access_allocation_participants_sect { margin-top: 30px; } .RodmapConetentbox ul li span.icon-check-custom { position: relative; width: 14px; height: 12px; } .RodmapConetentbox ul li span.icon-check-custom::before { content: ''; position: absolute; left: 5px; top: 2px; width: 9px; height: 15px; border: solid rgba(255, 255, 255, 0.5); border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .RodmapConetentbox ul li span.icon-muines-custom { position: relative; width: 14px; height: 12px; } .RodmapConetentbox ul li span.icon-muines-custom::before { content: ''; position: absolute; left: 0px; top: 11px; width: 14px; border-top: 3px solid rgba(255, 255, 255, 0.5); } .home_v4_body_items { position: relative; z-index: 3; } .home_v4_fire_fly_bg { position: fixed; z-index: 1; top: 0px; left: 0px; width: 100%; } .live_project_headings { position: relative; max-width: 333px; width: 100%; } .live_project_headings::before, .live_project_headings::after { -webkit-box-sizing: border-box; box-sizing: border-box; } .live_project_headings .video__icon { position: absolute; width: 32px; right: 0px; top: 4px; } .live_project_headings .video__icon .circle--outer { border: 1px solid #e50040; width: 32px; height: 32px; border-radius: 50%; margin: 0 auto 5px; position: relative; opacity: .8; -webkit-animation: circle 2s ease-in-out infinite; animation: circle 2s ease-in-out infinite; } .live_project_headings .video__icon .circle--inner { background: #e50040; left: 7px; top: 7px; width: 18px; height: 18px; border-radius: 50%; position: absolute; opacity: .8; } .live_project_headings .video__icon .circle--inner::after { content: ''; display: block; border: 2px solid #e50040; border-radius: 50%; width: 25px; height: 25px; top: -3.2px; left: -3.2px; position: absolute; opacity: .8; -webkit-animation: circle 2s ease-in-out .2s infinite; animation: circle 2s ease-in-out .2s infinite; } .live_project_headings .video__icon p { color: #000; text-align: center; } @-webkit-keyframes circle { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } @keyframes circle { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } .gamfi-previous-section .previous-mainmenu ul .list1.list1_custom { width: 31%; } .gamfi-previous-section .previous-mainmenu ul .list2.list2_custom { width: 14%; } .gamfi-previous-section .previous-mainmenu ul .list3.list3_custom { width: 15%; } .gamfi-previous-section .previous-mainmenu ul .list4.list4_custom { width: 15%; } .gamfi-previous-section .previous-mainmenu ul .list5.list5_custom { width: 21%; } .gamfi-previous-section .previous-item .previous-gaming.list1_custom { width: 31%; } .gamfi-previous-section .previous-item .previous-chaining.list2_custom { width: 14%; } .gamfi-previous-section .previous-item .previous_ends_in.list3_custom { width: 16%; } .gamfi-previous-section .previous-item .previous-raise.list4_custom { width: 17%; } .gamfi-previous-section .previous-item .previous_progress.list5_custom { width: 21%; } .gamfi-previous-section.project_clasic_previous_section .previous-item .previous_ends_in.list3_custom span { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 45px; text-transform: uppercase; color: #FFFFFF; } .gamfi-previous-section .previous-item .previous-raise.list4_custom span { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 45px; text-transform: uppercase; color: #FFFFFF; } .previous_clasic_custom_progress_sect p { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 45px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 0px; } /*--- Project page style ---*/ /*--- Gamfi Project Details Section CSS ---*/ .project-details-conent { background: #090A1A; } .project-details-conent .game-price-item { margin-top: -90px; } .project-details-conent .banner-bottom-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .project-details-conent .banner-bottom-content .social-icon-list { display: inline-block; margin-left: 12px; } .project-details-conent .banner-bottom-content .social-icon-list li { display: inline-block; } .project-details-conent .banner-bottom-content .social-icon-list li:first-child { margin-left: 0; } .project-details-conent .banner-bottom-content .social-icon-list li i { padding-left: 10px; font-size: 20px; -webkit-transition: 0.4s; transition: 0.4s; color: #FFFFFF; } .project-details-conent .banner-bottom-content .social-icon-list li i:hover { color: #B9B9C0; } .project-details-conent .banner-bottom-content .social-icon-list li a { display: block; color: #FFFFFF; font-size: 20px; } .project-details-conent .banner-bottom-content .social-icon-list li a:hover { color: #A3FF12; } .project-details-conent .project-item .date-listing { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .project-details-conent .project-item .date-listing li button { cursor: pointer; border: 2px solid; -webkit-transition: 0.4s; transition: 0.4s; color: #FFFFFF; padding: 12px 20px; border-color: #303244; font-family: "Russo One", sans-serif; text-transform: uppercase; border: 1px solid #303244; outline: none; background: transparent; } .project-details-conent .project-item .date-listing li { display: inline-block; position: relative; overflow: hidden; cursor: pointer; background: transparent; } .project-details-conent .project-item .date-listing li:hover button, .project-details-conent .project-item .date-listing li.active button { background: #303244; color: #A3FF12; } .project-details-conent .project-item .date-listing li a { background: transparent; border-color: #313245; } .project-details-conent .project-item .date-listing li a:hover { background: #313245; border-color: #313245; color: #A3FF12; } .project-details-conent .project-item .date-listing li input { position: absolute; top: -20px; } .project-details-conent .project-item .date-listing li label { cursor: pointer; border: 2px solid; -webkit-transition: 0.4s; transition: 0.4s; color: #FFFFFF; padding: 12px 20px; border-color: #303244; font-family: "Russo One", sans-serif; text-transform: uppercase; } .project-details-conent .project-item .date-listing li.active, .project-details-conent .project-item .date-listing li input:checked + label { background: #303244; color: #A3FF12; } .project-details-conent .project-item .date-listing li + li { margin-left: 5px; } .project-details-conent .banner-bottom-content .btn-area .readon { background: #6D4AFE; border: none; -webkit-transition: 0.4s; transition: 0.4s; padding: 17px 45px; } .project-details-conent .readon { background: #6D4AFE; border-color: #6D4AFE; border: 2px solid #3C3D4F; -webkit-transition: 0.4s; transition: 0.4s; color: #FFFFFF; padding: 12px 20px; } .project-details-conent .readon:hover { border-color: transparent; } .project-details-conent .project-item { background: rgba(30, 31, 53, 0.8); margin-bottom: 30px; padding: 45px 50px; } .project-details-conent .project-item .project-info { margin-bottom: 12px; } .project-details-conent .project-item .project-info img { margin-left: 5px; } .project-details-conent .project-item .heading-title { margin-bottom: 40px; } .project-details-conent .project-item .heading-title h4 { font-size: 16px; margin-bottom: 0; position: relative; } .project-details-conent .project-item .heading-title h4::before { width: 197px; height: 35px; content: ""; background-image: url("../images/bg/shape-bg.png"); position: absolute; left: -30px; top: -7px; } .project-details-conent .project-item .border-bottom-2 { border-bottom: 1px solid #3C3D4F; padding-bottom: 20px; margin-bottom: 25px; } .project-details-conent .project-item .big-text { font-size: 30px; color: #A3FF12; font-family: "Russo One", sans-serif; position: absolute; right: 0; top: -10px; } .project-details-conent .project-item .project-form-list .balance-form-area { position: relative; } .project-details-conent .project-item .project-form-list .balance-form-area .white-shape-small { position: absolute; display: block; right: 0; top: 0; } .project-details-conent .project-item .project-form-list .balance-form-area input { border: 1px solid #313245; background: transparent; padding: 16px 20px; position: relative; color: rgba(255, 255, 255, 0.7); } .project-details-conent .project-item .project-form-list .balance-form-area input[type="text"] { position: relative; z-index: 3; } .project-details-conent .project-item .project-form-list .balance-form-area .max { position: absolute; color: #FFFFFF; margin-top: 17px; margin-left: -60px; } .project-details-conent .project-item .project-form-list .balance-form-area input[type="submit"] { width: 100%; color: #FFFFFF; background: #313245; -webkit-transition: 0.4S; transition: 0.4S; text-transform: uppercase; font-family: "Russo One", sans-serif; padding-left: 30px; padding-right: 30px; width: 170px; } .project-details-conent .project-item .project-form-list .balance-form-area .approve input[type="submit"] { background: #6D4AFE; } .project-details-conent .project-item .hover-shape-inner { background: url("../images/bg/project-details-banner.jpg"); } .project-details-conent .project-value-inner { padding: 40px 50px 50px; } .project-details-conent .project-media span { color: #FFFFFF; } .project-details-conent .project-media img { margin-right: 10px; } .project-details-conent .project-media li { display: block; overflow: hidden; padding-bottom: 15px; position: relative; } .project-details-conent .project-media li:last-child { padding-bottom: 0; } .project-details-conent .project-media li strong { font-weight: 400; color: #FFFFFF; } .project-details-conent .project-media li span { float: right; } .project-details-conent .project-media .social-icon-list { margin: 0; padding: 0; list-style: none; text-align: right; margin-top: -22px; } .project-details-conent .project-media .social-icon-list li { padding-bottom: 0; } .project-details-conent .project-media .social-icon-list li a { color: #FFFFFF; } .project-details-conent .project-media .social-icon-list li a:hover { color: #A3FF12; } .project-video-area { position: relative; margin-bottom: 55px; } .project-video-area .video-icons { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .project-video-area i { background: #FFFFFF; color: #F82552; font-size: 30px; height: 70px; width: 70px; line-height: 70px; border-radius: 70px; display: inline-block; text-align: center; } .project-details-conent table { width: 100%; } .project-details-conent table td { position: relative; padding: 17px 30px; border-bottom: 1px solid #2E2F3C; } .project-details-conent table td:nth-child(2) { left: 16px; } .project-details-conent table .table-header { background: #1E1F35; text-transform: uppercase; font-family: "Russo One", sans-serif; } .project-details-conent table .table-header th { background: #1E1F35; font-weight: 400; padding: 17px 30px; } .project-details-conent table .table-header th:nth-child(2) { padding-left: 45px; } .project-details-conent .project-service { background: #1E1F35; padding: 50px 100px 25px; margin-bottom: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; } .project-details-conent .project-service .project-image { margin-right: 70px; } .project-details-conent .project-service .project-content { display: -webkit-box; display: -ms-flexbox; display: flex; } .project-details-conent .project-service .project-price span { display: block; margin-bottom: 5px; } .project-details-conent .project-service .project-price .project-sale { position: relative; padding-left: 10px; } .project-details-conent .project-service .project-price .project-sale::before { position: absolute; content: ""; width: 10px; height: 10px; border-radius: 10px; background: #FFFFFF; left: -10px; top: 7px; } .project-details-conent .project-content .project-price .darkslateblue::before { background: #6D4AFE; } .project-details-conent .project-content .project-price .cyan::before { background: #3bcbff; } .project-details-conent .project-content .project-price .dodgerBlue::before { background: #0b58fe; } .project-details-conent .project-content .project-price .turquoise::before { background: #01cc9b; background: #3bcbff; } .project-details-conent .project-content .project-price .springGreen::before { background: #A3FF12; } .project-details-conent .project-content .project-price .darkturquoise::before { background: #14a0c0; } .project-summary-menu { padding: 48px 50px 15px; } .project-summary-menu.project_summary_menu_BgGridient { background: -webkit-gradient(linear, left top, left bottom, from(#1E1F35), to(rgba(30, 31, 53, 0))); background: linear-gradient(180deg, #1E1F35 0%, rgba(30, 31, 53, 0) 100%); height: 640px; } .project-summary-menu.bg_gradient_custom { background: -webkit-gradient(linear, left top, left bottom, from(#1E1F35), to(rgba(30, 31, 53, 0))); background: linear-gradient(180deg, #1E1F35 0%, rgba(30, 31, 53, 0) 100%); height: 566px; } .project-summary-menu .nav { display: block; } .project-summary-menu .nav button { display: block; background: transparent; padding: 0; color: rgba(255, 255, 255, 0.7); font-family: "Russo One", sans-serif; margin-bottom: 25px; } .project-summary-menu .nav button img { opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; margin-left: 5px; } .project-summary-menu .nav button.active { color: #A3FF12; } .project-summary-menu .nav button.active img { opacity: 1; visibility: visible; } .project-meta-inner .meta-header { background: #1A1B30; padding: 45px 50px 15px; margin-bottom: 30px; } .project-btn-area .readon { display: block; text-align: center; padding: 17px; } .project-btn-area .active { margin-bottom: 20px; border: none; color: #FFFFFF; } .project-btn-area .next { background: #1E1F35; border: none; color: #FFFFFF; } .project-btn-area .next:hover { color: #FFFFFF; } .project-btn-area .draw { color: #FFFFFF; background: #303244; } .project-meta-item { background: #1A1B30; padding: 43px 50px 50px; } .project-meta-item .meta-counter { padding: 0 50px 50px; } .project-meta-item .meta-counter:first-child { border-bottom: 1px solid #3C3D4F; margin-bottom: 40px; padding: 40px 50px 42px; } .project-details-conent .game-price-item .text-content { color: #FFFFFF; } .project-details-conent .game-price-item .targeted-raise .targeted-raise { position: relative; } .project-menu-area { background: #222231; margin-bottom: 42px; } .project-menu-area ul li { border-right: 1px solid rgba(255, 255, 255, 0.08); } .project-menu-area ul li a, .project-menu-area ul li .tab-link { color: #FFFFFF; padding: 18px 28px; } .project-menu-area .project-left-menu .tab-link { background: transparent; font-family: "Russo One", sans-serif; position: relative; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); } .project-menu-area .project-left-menu .tab-link::before { position: absolute; content: ""; left: 0; width: 0; height: 2px; background: #6D4AFE; bottom: 0; -webkit-transition: 0.3s; transition: 0.3s; } .project-menu-area .project-left-menu .tab-link.active { color: #FFFFFF; } .project-menu-area .project-left-menu .tab-link.active::before { width: 100%; } .project-menu-area .project-left-menu .tab-link.calendar-date-text { color: #FFFFFF; } .project-menu-area .project-right-menu ul li { display: inline-block; } .project-menu-area .project-right-menu ul li:first-child { border-left: 1px solid rgba(255, 255, 255, 0.08); } .project-menu-area .project-right-menu ul li:last-child { border-right: 0 solid rgba(255, 255, 255, 0.08); } .project-menu-area .project-right-menu ul li a { display: block; color: rgba(255, 255, 255, 0.7); } .project-menu-area .al-access-menu > li { padding-right: 50px; } .project-menu-area .al-access-menu > li::before, .project-menu-area .al-access-menu > li::after { content: "\e901"; position: absolute; top: 26px; right: 28px; color: rgba(255, 255, 255, 0.7); font-family: "icomoon"; font-size: 8px; -webkit-transition: 0.4s; transition: 0.4s; } .project-menu-area .al-access-menu > li::after { content: "\e903"; opacity: 0; visibility: hidden; } .project-menu-area .al-access-menu > li:hover::before { opacity: 0; visibility: hidden; } .project-menu-area .al-access-menu > li:hover::after { opacity: 1; visibility: visible; } .project-menu-area .al-access-menu li { position: relative; } .project-menu-area .al-access-menu li img { max-width: 20px; margin-right: 5px; } .project-menu-area .al-access-menu li a:hover { color: #FFFFFF; } .project-menu-area .al-access-menu li:hover ul { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .project-menu-area .al-access-menu li.block ul { width: 102%; left: -4px; } .project-menu-area .al-access-menu li ul { position: absolute; left: 0; top: 100%; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 3; width: 100%; } .project-menu-area .al-access-menu li ul li { display: block; background: #222231; border: none !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; } .project-menu-area .al-access-menu li ul li:last-child { border-bottom: 0px; } .project-menu-area .al-access-menu.right-postion li ul { left: auto; right: 0; } /*--- Gamfi Explore Content Section CSS ---*/ .gamfi-explore-content { background: #090A1A; } .gamfi-explore-content .project-menu-area { margin-bottom: 45px; } .gamfi-explore-content .project-item { background: rgba(30, 31, 53, 0.8); padding: 30px 30px 10px; } .gamfi-explore-content .project-item .project-info { margin-bottom: 28px; } .gamfi-explore-content .project-item .project-info img { margin-right: 20px; } .gamfi-explore-content .project-item .heading-title { margin-bottom: 40px; } .gamfi-explore-content .project-item .heading-title h4 { font-size: 16px; margin-bottom: 0; position: relative; } .gamfi-explore-content .project-item .heading-title h4::before { width: 197px; height: 35px; content: ""; background-image: url("../images/bg/shape-bg.png"); position: absolute; left: -30px; top: -7px; } .gamfi-explore-content .project-info img { margin-bottom: 25px; } .gamfi-explore-content .project-media { margin-bottom: 20px; } .gamfi-explore-content .project-media ul li { display: block; overflow: hidden; padding-bottom: 15px; } .gamfi-explore-content .project-media ul li:last-child { padding-bottom: 0; } .gamfi-explore-content .project-media ul li span { float: right; color: #FFFFFF; } .gamfi-explore-content .icon-listing { background: #25263a; padding: 15px 30px; margin-bottom: 30px; } .gamfi-explore-content .icon-listing .social-icon-list { margin: 0; padding: 0; list-style: none; } .gamfi-explore-content .icon-listing .social-icon-list li { display: inline-block; } .gamfi-explore-content .icon-listing .social-icon-list li i { color: #FFFFFF; padding-right: 19px; font-size: 15px; -webkit-transition: 0.4s; transition: 0.4s; } .gamfi-explore-content .icon-listing .social-icon-list li i:hover { color: #B9B9C0; } body .gamfi-explore-content .project-item { margin-bottom: 0; } /*--- ProjectClasic2 ---*/ .project_clasic_2_container { background: rgba(255, 255, 255, 0.05); padding: 30px; margin-bottom: 30px; position: relative; z-index: 1; } .project_clasic_2_container_left { position: relative; min-height: 400px; } .project_clasic_2_container_left_img { height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; } .project_clasic_2_container_left_img img { height: 100%; width: 100%; } .project_clasic_2_left_content_img { position: absolute; z-index: 2; right: 20px; top: 20px; } .project_clasic_2_timer { width: 241.8px; height: 35px; background-image: url("../images/bg/shape-bg.png"); background-size: cover; background-position: center center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background-repeat: no-repeat; position: absolute; top: 27px; left: 0px; z-index: 1; } .project_clasic_2_timer .price-counter .timer { margin-bottom: 0px; } .project_clasic_2_timer .price-counter .timer ul { max-width: 168px; width: 100%; margin-left: 19px; margin-top: 8px; } .project_clasic_2_timer .price-counter .timer ul li { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color: #FFFFFF; padding: 0px; margin: 0px; } .project_clasic_2_container_right_headings { position: relative; } .project_clasic_2_container_right_headings span { position: absolute; top: 30px; right: 0px; } .project_clasic_2_container_right_headings h2 { margin-bottom: 21px; } .project_clasic_2_container_right_headings h2 a { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 30px; line-height: 36px; color: #FFFFFF; text-transform: capitalize; margin-top: 15px; } .project_clasic_2_container_right_headings p { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); margin-bottom: 33px; } .total_rised_progress_headings { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .total_rised_progress_headings h3 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; text-transform: uppercase; margin-bottom: 0px; color: rgba(255, 255, 255, 0.7); } .total_rised_progress_headings h3 span { color: #FFFFFF; } .total_rised_progress_headings p { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; margin-bottom: 0px; text-align: right; text-transform: uppercase; color: #FFFFFF; } .total_rised_progress_bg { height: 15px; width: 100%; margin-top: 10px; margin-bottom: 18px; } .total_rised_progress_bg .progress-line { height: 15px !important; } .total_rised_progress_bar.progess32 { background: #A3FF12; height: 100%; width: 32%; -webkit-animation-name: Progressing32; animation-name: Progressing32; -webkit-animation-duration: 3s; animation-duration: 3s; } @-webkit-keyframes Progressing32 { 0% { width: 0%; } 100% { width: 32%; } } @keyframes Progressing32 { 0% { width: 0%; } 100% { width: 32%; } } .total_rised_progress_bar.Progress65 { background: #A3FF12; height: 100%; width: 65%; -webkit-animation-name: Progressing65; animation-name: Progressing65; -webkit-animation-duration: 3s; animation-duration: 3s; } @-webkit-keyframes Progressing65 { 0% { width: 0%; } 100% { width: 65%; } } @keyframes Progressing65 { 0% { width: 0%; } 100% { width: 65%; } } .total_rised_progress_bar.Progress89 { background: #A3FF12; height: 100%; width: 89%; -webkit-animation-name: Progressing89; animation-name: Progressing89; -webkit-animation-duration: 3s; animation-duration: 3s; } @-webkit-keyframes Progressing89 { 0% { width: 0%; } 100% { width: 89%; } } @keyframes Progressing89 { 0% { width: 0%; } 100% { width: 89%; } } .total_rised_progress_bar.progress32 { background: #A3FF12; height: 100%; width: 32%; -webkit-animation-name: Progressing32; animation-name: Progressing32; -webkit-animation-duration: 3s; animation-duration: 3s; } @keyframes Progressing32 { 0% { width: 0%; } 100% { width: 32%; } } .total_rised_progress_sale_airdrop_sect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .total_rised_progress_sale_airdrop_sect p { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 30px; color: rgba(255, 255, 255, 0.7); margin-bottom: 0px; position: relative; } .total_rised_progress_sale_airdrop_sect p:after { content: ''; height: 15px; width: 2px; background: rgba(255, 255, 255, 0.2); position: absolute; top: -11px; left: 0px; } .access_allocation_participants_sect { margin-top: 25px; } .access_allocation_participants_sect ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 481px; width: 100%; } .access_allocation_participants_sect ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .access_allocation_participants_sect ul li span { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 30px; color: rgba(255, 255, 255, 0.7); } .access_allocation_participants_sect ul li p { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; color: #FFFFFF; margin-bottom: 0px; } .project_clasic_2_container_social_sect { margin-top: 48px; } .project_clasic_2_container_social_sect ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 243px; } .project_clasic_2_container_social_sect ul li a i { font-size: 20px; color: #FFFFFF; } .project_clasic_slider_sect .my_slides { display: none; } .project_clasic_slider_sect .fade:not(.show) { opacity: 1; } .project_clasic_slider_sect img { vertical-align: middle; } .project_clasic_slider_sect .slideshow-container { position: relative; margin: auto; } .project_clasic_slider_sect .project_clasic_prev, .project_clasic_next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; -webkit-transition: 0.6s ease; transition: 0.6s ease; border-radius: 0 3px 3px 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .project_clasic_slider_sect .prev { left: -6%; } .project_clasic_slider_sect .next { border-radius: 3px 0 0 3px; right: -6%; } .project_clasic_slider_sect .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } .project_clasic_slider_sect .active, .dot:hover { background-color: #717171; } .project_clasic_slider_sect .fade { -webkit-animation-name: fade; animation-name: fade; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } @-webkit-keyframes fade { from { opacity: .4; } to { opacity: 1; } } @keyframes fade { from { opacity: .4; } to { opacity: 1; } } @media only screen and (max-width: 300px) { .prev, .next, .text { font-size: 11px; } } .gamfi-explore-content .project-item .heading-title h4 span { margin-right: 8px; } /*--- project_details_road_map_content ---*/ .project_details_road_map_content { padding-top: 17px; } .project_details_road_map_content h4 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 22px; color: #A3FF12; margin-bottom: 10px; } .project_details_road_map_content h4.disable { color: rgba(255, 255, 255, 0.7); } .project_details_road_map_content ul { margin-bottom: 12px; } .project_details_road_map_content ul li { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 36px; color: rgba(255, 255, 255, 0.7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .project_details_road_map_content ul li span { margin-right: 14px; } /*--- ProjectDetails_TeamMembers_Sect ---*/ .project_details_team_members_sect { padding-top: 22px; } .project_details_team_members_card { min-height: 240px; width: 100%; background: rgba(30, 31, 53, 0.8); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; } .project_details_team_members_card h5 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-align: center; color: #FFFFFF; margin-bottom: 14px; margin-top: 28px; } .project_details_team_members_card h6 { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; text-align: center; color: rgba(255, 255, 255, 0.7); margin-bottom: 0px; } .list_investors_list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list_investors_list ul li { width: 25%; margin: auto; margin-bottom: 58px; } .list_investors_list ul li img { width: 78%; } .list_investors_list ul li.first { text-align: left; } .list_investors_list ul li.second { text-align: center; } .list_investors_list ul li.third { text-align: center; } .list_investors_list ul li.last { text-align: right; } .project_summary_tabs_sect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* .project_summarySectScrllab{ max-height: 630px; overflow-y: scroll; } .project_summarySectScrllab::-webkit-scrollbar{ display: none; } */ .project_summary_tabs_sect .project-summary-tab-btn { background: transparent; outline: none; border: none; } .project_summary_tabs_sect .project-summary-tab-btn a { background: transparent; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 50px; color: rgba(255, 255, 255, 0.7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .project_summary_tabs_sect .project-summary-tab-btn.active a, .project_summary_tabs_sect .project-summary-tab-btn:hover a { color: #A3FF12; } .project_summary_tabs_sect .project-summary-tab-btn img { display: none; margin-left: 10px; } .project_summary_tabs_sect .project-summary-tab-btn.active img, .project_summary_tabs_sect .project-summary-tab-btn:hover img { display: block; } /*--- ProjectClasic ---*/ .project_clasic_custom_progress_sect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 24px; } .project_clasic_custom_progress_sect p { margin: 0; } .project_clasic_custom_progress_sect .progress_bg { background: rgba(255, 255, 255, 0.3); height: 8px; max-width: 190px; width: 100%; margin-right: 24px; position: relative; } .project_clasic_custom_progress_sect .progress_bg .progress_bar.progress_bar82 { height: 100%; background: #A3FF12; -webkit-animation-name: Progressing82; animation-name: Progressing82; -webkit-animation-duration: 3s; animation-duration: 3s; width: 82%; } @-webkit-keyframes Progressing82 { 0% { width: 0%; } 100% { width: 82%; } } @keyframes Progressing82 { 0% { width: 0%; } 100% { width: 82%; } } .project_clasic_custom_progress_sect .progress_bg .progress_bar.progress_bar92 { height: 100%; background: #A3FF12; -webkit-animation-name: Progressing92; animation-name: Progressing92; -webkit-animation-duration: 4s; animation-duration: 4s; width: 92%; } @-webkit-keyframes Progressing92 { 0% { width: 0%; } 100% { width: 92%; } } @keyframes Progressing92 { 0% { width: 0%; } 100% { width: 92%; } } .project_clasic_custom_progress_sect .progress_bg .progress_bar.progress_bar100 { height: 100%; background: #A3FF12; -webkit-animation-name: Progressing100; animation-name: Progressing100; -webkit-animation-duration: 4s; animation-duration: 4s; width: 100%; } @-webkit-keyframes Progressing100 { 0% { width: 0%; } 100% { width: 100%; } } @keyframes Progressing100 { 0% { width: 0%; } 100% { width: 100%; } } .project_clasic_custom_progress_sect .progress_bg .progress_bar.progress_bar36 { height: 100%; background: #A3FF12; -webkit-animation-name: Progressing36; animation-name: Progressing36; -webkit-animation-duration: 4s; animation-duration: 4s; width: 36%; } @-webkit-keyframes Progressing36 { 0% { width: 0%; } 100% { width: 36%; } } @keyframes Progressing36 { 0% { width: 0%; } 100% { width: 36%; } } .project_clasic_custom_progress_sect .progress_bg .progress_bar.progress_bar65 { height: 100%; background: #A3FF12; -webkit-animation-name: Progressing65; animation-name: Progressing65; -webkit-animation-duration: 4s; animation-duration: 4s; width: 65%; } @keyframes Progressing65 { 0% { width: 0%; } 100% { width: 65%; } } .project_clasic_custom_progress_sect .progress_bg .progress_bar.progress_bar93 { height: 100%; background: #A3FF12; -webkit-animation-name: Progressing93; animation-name: Progressing93; -webkit-animation-duration: 4s; animation-duration: 4s; width: 93%; } @-webkit-keyframes Progressing93 { 0% { width: 0%; } 100% { width: 93%; } } @keyframes Progressing93 { 0% { width: 0%; } 100% { width: 93%; } } /*--- project clasic style ---*/ .gamfi_project_clasic_project_sect { background: #090A1A; padding-top: 50px; padding-bottom: 92px; } .project_clasic_slider_bg { background: url("../images/bg/ProjectClasic_sliderBg.png"); min-height: 400px; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 50px; position: relative; } .project_clasic_slider_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .project_clasic_slider_left_sect { max-width: 370px; width: 100%; padding-right: 30px; } .project_clasic_slider_img_and_title_sect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 41px; } .project_clasic_slider_text_sect { margin-left: 24px; } .project_clasic_slider_text_sect h3 { margin-bottom: 21px; } .project_clasic_slider_text_sect h3 a { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 30px; line-height: 36px; color: #FFFFFF; text-transform: capitalize; } .project_clasic_slider_text_sect p { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); margin-bottom: 0px; } .project_clasic_slider_left_rise_sect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .project_clasic_slider_rise_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .project_clasic_slider_rise_content span { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 30px; margin-bottom: 0px; color: rgba(255, 255, 255, 0.7); } .project_clasic_slider_rise_content h2 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; margin-bottom: 0px; color: #FFFFFF; } .project_clasic_slider_claim_btn button { margin-top: 39px; width: 200px; height: 60px; border: none; outline: none; background: #6D4AFE; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-align: center; text-transform: uppercase; color: #FFFFFF; } .project_clasic_slider_center_sect { max-width: 190px; width: 100%; padding: 0px 20px; margin: 0 auto; margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .project_clasic_slider_right_sect { max-width: 370px; width: 100%; } .project_clasic_slider_right_timer { margin-bottom: 74px; } .project_clasic_slider_right_timer h2 { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; text-align: right; text-transform: uppercase; margin-bottom: 22px; color: rgba(255, 255, 255, 0.7); } .project_clasic_slider_right_timer ul li { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 30px; line-height: 26px; color: #FFFFFF; } .project_clasic_slider_right_access_allocatoin_sect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .access_allocation_text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .access_allocation_text span { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 30px; margin-bottom: 0px; color: rgba(255, 255, 255, 0.7); } .access_allocation_text h2 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; margin-bottom: 0px; color: #FFFFFF; text-transform: none; } .project_clasic_slider_social_links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 243px; margin-left: auto; margin-top: 59px; } .project_clasic_slider_social_links li a i { font-size: 22px; color: #FFFFFF; } .project_clasic_slider_progress_sect { margin-top: 50px; } .project_clasic_slider_progress_sect .progress .title { position: relative; z-index: 100; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 30px; line-height: 30px; color: #FFFFFF; margin-bottom: 0px; } .project_clasic_social_icon_list { position: absolute; left: 0px; bottom: 0px; height: 50px; width: 100%; background: rgba(255, 255, 255, 0.05); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .gamfi-project-section .project-item .project-media .project_clasic_social_icon_list .social-icon-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 0px; padding: 0px 30px; } .project_clasic_social_icon_list ul li { margin-right: 25px; } .gamfi-project-section .project-item .project-media .project_clasic_social_icon_list .social-icon-list li a i { padding-left: 0px; font-size: 18px; } /*--- Gamfi Calendar Section CSS ---*/ /*--- calendar style ---*/ .calendar header { background: #222231; margin-bottom: 42px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .calendar header .month { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .calendar header .month, .calendar header .month .year { font-family: "Russo One", sans-serif; font-weight: 400; font-size: 16px; line-height: 19px; text-transform: uppercase; color: #FFFFFF; } @media screen and (max-width: 991px) { .calendar header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 480px) { .calendar header .month { gap: 10px; } } .calendar header .header-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 991px) { .calendar header .header-left { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px; gap: 20px; } } @media screen and (max-width: 480px) { .calendar header .header-left { gap: 10px; } } @media screen and (max-width: 991px) { .calendar header .header-right { width: 100%; } } .calendar header .simple-calendar-btn { position: relative; top: 0; width: 59px; height: 59px; border-radius: 0%; background-color: transparent; border: 1px solid #2E2F3C; color: #FFFFFF; padding: 10px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.4s; transition: 0.4s; } .calendar header .simple-calendar-btn::before, .calendar header .simple-calendar-btn::after { display: none; } .calendar header .simple-calendar-btn i { font-size: 16px; color: #B5B5BA; } .calendar header .simple-calendar-btn:hover { background-color: #2E2F3C; } .calendar header .simple-calendar-btn.btn-prev { -webkit-transform: rotate(0); transform: rotate(0); } @media screen and (max-width: 991px) { .calendar header .simple-calendar-btn { width: 40px; height: 40px; } } @media screen and (max-width: 480px) { .calendar header .simple-calendar-btn { width: 30px; height: 30px; } } .calendar td img { cursor: pointer; width: auto; height: 34px; } .list-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .list-menu > li { border-left: 1px solid rgba(255, 255, 255, 0.08); position: relative; padding-right: 50px; } .list-menu li a { display: block; padding: 20px 28px; font-family: "Inter", sans-serif; font-weight: 500; font-size: 16px; line-height: 20px; color: rgba(255, 255, 255, 0.7); position: relative; } .list-menu li a.toggler::before { content: "\e901"; position: absolute; top: 50%; right: -28px; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: rgba(255, 255, 255, 0.7); font-family: "icomoon"; font-size: 8px; -webkit-transition: 0.4s; transition: 0.4s; } .list-menu li:hover .sub-menu { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; } .list-menu .sub-menu { position: absolute; z-index: 10; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; -webkit-transform: translateY(-5%); transform: translateY(-5%); top: 100%; left: 0; width: 100%; background: #222231; } .list-menu .sub-menu li { border-top: 1px solid rgba(255, 255, 255, 0.08); } .list-menu .sub-menu li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding: 20px; } .list-menu .sub-menu li a img { max-width: 20px; } @media screen and (max-width: 991px) { .list-menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .list-menu > li { border-left: 0; padding-right: 50px; display: block; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.08); } .list-menu li a { width: 100%; text-align: left; } .list-menu li a.toggler::before { right: 0; } } .eventShowImg { margin: 70px 0 0 0; } .eventCard img { margin-bottom: 0 !important; } #eventModal { -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; } #eventModal::-webkit-scrollbar { display: none; /* Safari and Chrome */ } #eventModal .modal-dialog { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #eventModal .modal-content { padding: 0 !important; background-color: transparent !important; } .eventCard { background-color: transparent !important; } .event-item { background-image: radial-gradient(circle, rgba(86, 75, 135, 0.85) 0%, #1e1f35 100%); padding: 30px 35px; position: relative; } .event-item .btn-close { position: absolute; top: 15px; right: 15px; font-size: 20px; color: #FFFFFF; } .event-item .border-shadow { content: ""; display: block; position: absolute; z-index: 9; } .event-item .border-shadow.shadow-1 { top: 0px; left: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(-100%, #f82552), color-stop(64%, rgba(21, 22, 37, 0))); background: linear-gradient(to bottom, #f82552 -100%, rgba(21, 22, 37, 0) 64%); width: 5px; height: 200px; } .event-item .border-shadow.shadow-2 { top: 0px; left: 5px; background: -webkit-gradient(linear, left top, right top, color-stop(-100%, #f82552), color-stop(64%, rgba(21, 22, 37, 0))); background: linear-gradient(to right, #f82552 -100%, rgba(21, 22, 37, 0) 64%); width: 200px; height: 5px; } .event-item .border-shadow.shadow-3 { bottom: 0px; right: 0; width: 5px; height: 200px; background: -webkit-gradient(linear, left bottom, left top, color-stop(-100%, #a3ff12), color-stop(64%, rgba(21, 22, 37, 0))); background: linear-gradient(to top, #a3ff12 -100%, rgba(21, 22, 37, 0) 64%); } .event-item .border-shadow.shadow-4 { bottom: 0px; right: 5px; width: 200px; height: 5px; background: -webkit-gradient(linear, right top, left top, color-stop(-100%, #a3ff12), color-stop(64%, rgba(21, 22, 37, 0))); background: linear-gradient(to left, #a3ff12 -100%, rgba(21, 22, 37, 0) 64%); } .event-top { margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .event-top .event-img { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; } .event-top .event-img img { width: 70px; height: 70px; } .event-top h2 { margin-bottom: 13px; font-family: "Russo One", sans-serif; font-weight: 400; font-size: 22px; line-height: 27px; color: #FFFFFF; } .event-top p { margin-bottom: 0; font-family: "Inter", sans-serif; font-weight: 500; font-size: 16px; line-height: 19px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); } .event-time { margin-left: -35px; } .event-time h2 { padding: 8px 56px 8px 35px; font-family: "Russo One", sans-serif; font-weight: 400; font-size: 16px; line-height: 19px; text-transform: uppercase; color: #FFFFFF; position: relative; } .event-time h2::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../images/bg/shape-bg.png"); background-repeat: no-repeat; } .info-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; } .info-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .info-list li { font-family: "Inter", sans-serif; font-weight: 500; font-size: 16px; line-height: 45px; color: rgba(255, 255, 255, 0.7); } .info-list .social-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } .info-list .social-link li a i { font-size: 18px; } /*--- ProjectDetails2 ---*/ .project_details2_section { background: #090A1A; padding-top: 100px; padding-bottom: 140px; position: relative; } .project_details2_section .container { z-index: 1; position: relative; } .project_details2_bg { position: absolute; top: 0px; left: 0px; z-index: 0; } .project_details2_bg img { max-height: 845px; width: 100%; } .first_survivor_city_left_section { background: rgba(255, 255, 255, 0.08); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 30px; position: relative; } .first_survivor_city_left_section .chain_img { position: absolute; top: 30px; right: 30px; } .first_survivor_city_left_timer { width: 345px; height: 50px; background: url("../images/project/shapeTimerBg.svg"); background-position: center right; background-repeat: no-repeat; background-size: cover; position: absolute; top: 30px; left: 0px; } .first_survivor_city_left_timer .price-counter ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 232px; margin: 0px 30px; padding-top: 12px; } .first_survivor_city_left_timer .price-counter ul li { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 22px; line-height: 27px; color: #FFFFFF; } .first_survivor_city_left_timer .price-counter ul li span { font-size: 15px; } .first_survivor_city_left_section .total_rised_progress_sect { margin-top: 120px; } .first_survivor_city_right_section { padding: 30px 0px 30px 19px; } .first_survivor_city_right_project_name { margin-left: 29px; } .first_survivor_city_right_project_name h2 { margin-bottom: 21px; } .first_survivor_city_right_project_name h2 a { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 30px; line-height: 36px; text-transform: capitalize; color: #FFFFFF; } .first_survivor_city_right_project_name span { margin-bottom: 0px; font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); } .first_survivor_city_right_headings { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .first_survivor_city_right_section p { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 0.7); margin-top: 35px; margin-bottom: 40px; } .first_survivor_city_right_button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .pool_and_token_info_sect { margin-top: 70px; } .pool_and_token_info_card { background: rgba(255, 255, 255, 0.08); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 43px 29px; padding-bottom: 25px; } .pool_and_token_info_card h2 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 22px; line-height: 27px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 0px; } .pool_and_token_info_card h2 span { margin-left: 8px; } .pool_and_token_info_card h2 span img { width: 100px; height: 15px; } .pool_and_token_info_list { margin-top: 16px; } .pool_and_token_info_list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .pool_and_token_info_list ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .pool_and_token_info_list ul li p { margin-bottom: 0px; } .pool_and_token_info_list ul li p.pool_and_token_info_list_left { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 45px; color: rgba(255, 255, 255, 0.7); } .pool_and_token_info_list ul li p.pool_and_token_info_list_right { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 45px; color: #FFFFFF; } .pool_and_token_info_list ul li p.pool_and_token_info_list_right span { margin-right: 29px; } .project_details2_schedule_table_sect { margin-top: 53px; } .project_details2_schedule_table_sect h2 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 22px; line-height: 50px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 12px; } .project_details2_schedule_table_sect h2 span { margin-left: 10px; } .project_details2_schedule_table_sect h2 span img { height: 15px; width: 100px; } .project_details2_schedule_table_headings { height: 60px; background: rgba(255, 255, 255, 0.08); width: 100%; } .project_details2_schedule_table_headings ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; padding: 0px 29px; } .project_details2_schedule_table_headings ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 45px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); } .project_details2_schedule_table_headings ul li.column_1 { width: 30%; } .project_details2_schedule_table_headings ul li.column_2 { width: 30%; } .project_details2_schedule_table_headings ul li.column_3 { width: 30%; } .project_details2_schedule_table_headings ul li.column_4 { width: 10%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .project_details2_schedule_table_body { background: transparent; width: 100%; } .project_details2_schedule_table_body ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 63px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 0px 29px; } .project_details2_schedule_table_body ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 45px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); } .project_details2_schedule_table_body ul li span { margin-right: 13px; } .project_details2_schedule_table_body ul li.column_1 { width: 30%; } .project_details2_schedule_table_body ul li.column_2 { width: 30%; } .project_details2_schedule_table_body ul li.column_3 { width: 30%; } .project_details2_schedule_table_body ul li.column_4 { width: 10%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .project_details2_allocations_table_sect { margin-top: 53px; } .project_details2_allocations_table_sect h2 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 22px; line-height: 50px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 12px; } .project_details2_allocations_table_sect h2 span { margin-left: 10px; } .project_details2_allocations_table_sect h2 span img { height: 15px; width: 100px; } .project_details2_allocations_table_headings { height: 60px; background: rgba(255, 255, 255, 0.08); } .project_details2_allocations_table_headings ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; padding: 0px 29px; padding-right: 0px; } .project_details2_allocations_table_headings ul li { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 45px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .project_details2_allocations_table_headings ul li.column_1 { width: 12%; } .project_details2_allocations_table_headings ul li.column_2 { width: 25%; } .project_details2_allocations_table_headings ul li.column_3 { width: 25%; } .project_details2_allocations_table_headings ul li.column_4 { width: 25%; } .project_details2_allocations_table_headings ul li.column_5 { width: 13%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 29px; } .project_details2_allocations_table_body { background: transparent; } .project_details2_allocations_table_body ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 63px; padding: 0px 29px; padding-right: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .project_details2_allocations_table_body ul li { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 45px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .project_details2_allocations_table_body ul li.column_1 { width: 12%; } .project_details2_allocations_table_body ul li.column_2 { width: 25%; } .project_details2_allocations_table_body ul li.column_3 { width: 25%; } .project_details2_allocations_table_body ul li.column_3 span { margin-right: 12px; } .project_details2_allocations_table_body ul li.column_4 { width: 25%; } .project_details2_allocations_table_body ul li.column_5 { width: 13%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .project_details2_allocations_table_body ul li.column_5 button { outline: none; height: 40px; width: 120px; background: rgba(255, 255, 255, 0.1); font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: #FFFFFF; } /*--- IGO Ranking page style ---*/ /*--- Gamfi Igo-Rankging Section CSS ---*/ .igo-rankging-table-list { background: #090A1A; } .igo-rankging-table-list table { width: 100%; border-collapse: separate; border-spacing: 0 10px; } .igo-rankging-table-list tr th, .igo-rankging-table-list tr td { width: 14.28%; padding: 20px 25px; } .igo-rankging-table-list tr th:nth-child(1), .igo-rankging-table-list tr td:nth-child(1) { width: 10.28%; } .igo-rankging-table-list tr th:nth-child(2), .igo-rankging-table-list tr td:nth-child(2) { width: 24%; } .igo-rankging-table-list tr th:nth-child(3), .igo-rankging-table-list tr td:nth-child(3) { width: 12.28%; } .igo-rankging-table-list tr th:last-child, .igo-rankging-table-list tr td:last-child { width: 10.28%; } .igo-rankging-table-list tr th img, .igo-rankging-table-list tr td img { max-width: 35px; } .igo-rankging-table-list tr th:last-child, .igo-rankging-table-list tr td:last-child { text-align: right; } .igo-rankging-table-list tr .image-row { padding-top: 15.5px; padding-bottom: 15.5px; } .igo-rankging-table-list tr .image-row img { margin-right: 15px; } .igo-rankging-table-list tr th { font-family: "Russo One", sans-serif; color: rgba(255, 255, 255, 0.7); font-weight: 400; text-transform: uppercase; padding-top: 8px; padding-bottom: 5px; } .igo-rankging-table-list tr td { background: #1A1B30; color: #FFFFFF; } @-moz-document url-prefix() { .igo-rankging-table-list tr th:nth-child(2), .igo-rankging-table-list tr td:nth-child(2) { width: 23%; } .igo-rankging-table-list tr th:nth-child(3), .igo-rankging-table-list tr td:nth-child(3) { width: 12%; } .igo-rankging-table-list tr th, .igo-rankging-table-list tr td { width: 14%; } } /*--- Blog page style ---*/ /*--- blog style ---*/ .latest_articles_sect { padding: 71px 0px 100px 0px; background: #090A1A; } .latest_articles_card { background: rgba(30, 31, 53, 0.8); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); width: 100%; height: 100%; min-height: 544px; } .article_img { width: 100%; overflow: hidden; } .article_img img { width: 100%; overflow: hidden; } .article_details { padding: 25px 30px; } .article_details2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative; } .article_details h2 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 30px; margin-bottom: 0px; color: rgba(163, 255, 18, 0.7); cursor: pointer; } .article_details h2:hover { color: #a3ff12; } .article_details h2 span { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 30px; margin-bottom: 0px; color: rgba(255, 255, 255, 0.7); cursor: auto; } .article_details h3 a { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 22px; line-height: 36px; color: #FFFFFF; margin-bottom: 16px; text-transform: none; max-width: 299px; } .article_details p { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; margin-bottom: 18px; color: rgba(255, 255, 255, 0.7); } .article_details a { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 30px; color: rgba(255, 255, 255, 0.7); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .article_details a:hover { color: white; } .article_details a span { margin-right: 9px; margin-bottom: 2px; opacity: 70%; } .article_details a:hover span { opacity: 100%; } .article_details2 h4 a { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 30px; line-height: 50px; text-transform: uppercase; color: #FFFFFF; display: block; margin-bottom: 17px; margin-top: 18px; } .article_details2 h4 a span { color: #6D4AFE; } .article_details2 h4 a strong { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 30px; line-height: 50px; text-transform: uppercase; color: #A3FF12; margin-right: 10px; } .article_details2 h5 a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 0.7); cursor: pointer; } .article_details_bgshape { position: absolute; top: 25%; left: 3px; z-index: 0; } .article_details_top, .article_details_bottom { z-index: 1; position: relative; } /*--- Gamfi Blog detail-conent Section CSS ---*/ .blog-detail-conent { padding-top: 60px; padding-bottom: 140px; background: #090A1A; } .blog-detail-conent .blog-area .blog-description .des { font-size: 18px; line-height: 36px; font-family: Russo One; } .blog-detail-conent .blog-area .blog-description .blockquote { position: relative; } .blog-detail-conent .blog-area .blog-description .blockquote:before { position: absolute; content: ""; height: 86px; width: 20px; background: url("../images/blog/block-code.png"); top: 15px; } .blog-detail-conent .blog-area .blog-description .blockquote .des-active { font-style: italic; font-weight: 500; font-size: 22px; line-height: 36px; padding-left: 65px; color: #FFFFFF; } .blog-detail-conent .blog-area .igo-blog h4 { margin-bottom: 15px; } .blog-detail-conent .blog-area .tokenomics-item .project-service { background: #1E1F35; margin-right: 75px; padding: 45px 0 20px 65px; } .blog-detail-conent .blog-area .tokenomics-item .project-service .project-image img { margin-right: 90px; } .blog-detail-conent .blog-area .tokenomics-item .project-service .project-content .project-sale { position: relative; } .blog-detail-conent .blog-area .tokenomics-item .project-service .project-content .project-sale:before { position: absolute; content: ""; width: 10px; height: 10px; border-radius: 10px; background: #FFFFFF; top: 7px; left: -20px; } .blog-detail-conent .blog-area .tokenomics-item .project-content .project-sale.darkslateblue:before { background: #6D4AFE; } .blog-detail-conent .blog-area .tokenomics-item .project-content .project-sale.cyan:before { background: #3BCBFF; } .blog-detail-conent .blog-area .tokenomics-item .project-content .project-sale.dodgerBlue:before { background: #0B58FE; } .blog-detail-conent .blog-area .tokenomics-item .project-content .project-sale.turquoise:before { background: #01CC9B; } .blog-detail-conent .blog-area .tokenomics-item .project-content .project-sale.springGreen:before { background: #A3FF12; } .blog-detail-conent .blog-area .tokenomics-item .project-content .project-sale.darkturquoise:before { background: #14A0C0; } .blog-detail-conent .blog-area .tokenomics-item .project-content .project-sale.turquoises:before { background: #3BCBFF; } .blog-detail-conent .blog-area .igo-blog ul { margin: 0; padding: 0; list-style: none; } .blog-detail-conent .blog-area .igo-blog ul li { position: relative; } .blog-detail-conent .blog-area .igo-blog ul li::before { position: absolute; content: ""; width: 8px; height: 8px; background: #3A3B48; line-height: 8px; border-radius: 8px; top: 15px; } .blog-detail-conent .blog-area .igo-blog ul li span { line-height: 36px; padding-left: 25px; } .blog-detail-conent .blog-area .about-blog .about-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .about-menu .breadcrumbs-form .about-breadcrumbs a { text-transform: uppercase; } .about-menu .breadcrumbs-form .about-breadcrumbs i { font-size: 15px; margin-right: 5px; } .blog-detail-conent .blog-area .about-blog .about-menu .about-list .about-listing { padding: 0; margin: 0; list-style: none; } .blog-detail-conent .blog-area .about-blog .about-menu .about-list .about-listing li { display: inline-block; padding-right: 8px; } .blog-detail-conent .blog-area .about-blog .about-menu .about-list .about-listing li a { background: #222231; padding: 15px 15px; display: inline-block; font-style: italic; font-size: 14px; } .blog-detail-conent .blog-area .about-blog .about-menu .bolg-share a { text-transform: uppercase; } .blog-detail-conent .blog-area .about-blog .about-menu .bolg-share i { font-size: 15px; margin-right: 10px; } .blog-detail-conent .blog-area .about-blog .blog-contact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; } .blog-detail-conent .blog-area .about-blog .blog-contact .previous-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #1A1B30; padding: 10px 25px 10px 10px; } .blog-detail-conent .blog-area .about-blog .blog-contact .previous-item .previous-text { position: relative; top: 10px; } .blog-detail-conent .blog-area .about-blog .blog-contact .previous-item .previous-image { margin-right: 10px; } .blog-detail-conent .blog-area .about-blog .blog-contact .previous-item .previous-text span { font-size: 14px; text-transform: uppercase; color: #7ABB1B; margin-bottom: 10px; display: block; font-family: Russo One; } .blog-detail-conent .blog-area .about-blog .blog-contact .next-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; background: #1A1B30; padding: 10px 10px 10px 35px; text-align: right; } .blog-detail-conent .blog-area .about-blog .blog-contact .next-item .next-text { padding-right: 10px; position: relative; top: 10px; } .blog-detail-conent .blog-area .about-blog .blog-contact .next-item .next-text span { font-size: 14px; text-transform: uppercase; color: #7ABB1B; margin-bottom: 10px; display: block; font-family: Russo One; } .blog-detail-conent .blog-area .about-blog .blog-contact .next-item .next-text h5 a, .blog-detail-conent .blog-area .about-blog .blog-contact .previous-item .previous-text h5 a { color: #FFFFFF; } .blog-detail-conent .blog-area .comment-item .blog-comment { background: #1D1E2C; margin-bottom: 20px; padding: 30px 30px; } .blog-detail-conent .blog-area .comment-item h4 { text-transform: uppercase; } .blog-detail-conent .blog-area .comment-item .blog-comment .blog-replay { display: -webkit-box; display: -ms-flexbox; display: flex; } .blog-detail-conent .blog-area .comment-item .blog-comment .blog-replay .replay-image img { min-width: 50px; } .blog-detail-conent .blog-area .comment-item .blog-comment .blog-replay .replay-text { padding-left: 15px; } .blog-detail-conent .blog-area .comment-item .blog-comment .blog-replay .replay-text h5 { margin-bottom: 0; } .blog-detail-conent .blog-area .comment-item .blog-comment .blog-replay .replay-text span { font-size: 14px; font-weight: 500; margin-bottom: 15px; display: block; } .blog-detail-conent .blog-area .comment-item .blog-comment .blog-replay .replay-text p { margin-bottom: 15px; } .blog-detail-conent .blog-area .comment-item .blog-comment .blog-replay .replay-text img { margin-right: 10px; } .blog-detail-conent .blog-area .comment-item .blog-comment .blog-replay .replay-text .replay-icon a { text-transform: uppercase; font-size: 14px; } .blog-detail-conent .blog-area .comment-item .blog-comments { padding: 30px 30px; margin-left: 100px; } .blog-detail-conent .blog-area .form-item .form-heading h4 { text-transform: uppercase; } .blog-detail-conent .blog-area .form-item .input-button input { background: transparent; width: 100%; border: 1px solid #2E2F3C; padding: 15px 20px; color: #FFFFFF; } .blog-detail-conent .blog-area .form-item .input-button input.textarea { padding-bottom: 90px; } .blog-detail-conent .blog-area .form-item .input-button { margin-bottom: 40px; position: relative; padding-top: 40px; } .blog-detail-conent .blog-area .form-item .input-button label { position: absolute; left: 0; top: 0; color: rgba(255, 255, 255, 0.7); font-weight: 700; text-transform: uppercase; } .blog-detail-conent .blog-area .form-item .input-submit input { width: 100%; background: #6D4AFE; color: #FFFFFF; border: none; padding: 17px; text-transform: uppercase; -webkit-transition: 0.4s; transition: 0.4s; font-weight: 700; } .blog-detail-conent .blog-area .form-item .input-submit { margin-bottom: 0; } .blog-detail-conent .blog-area .form-item .input-submit:hover .hover-shape1 { left: 47%; } .blog-detail-conent .blog-area .form-item .input-submit:hover .hover-shape3 { left: 51%; } .categories-area { background: #191A2F; padding: 30px 30px 8px; margin-bottom: 30px; } .categories-item .catergories-form { border: 1px solid #3E3F51; position: relative; padding: 10px 20px; } .categories-item .catergories-form input { background: transparent; border: none; color: #FFFFFF; } .categories-item .catergories-form i { top: 15px; position: absolute; right: 20px; font-size: 14px; color: #FFFFFF; -webkit-transition: 0.4s; transition: 0.4s; } .categories-item .catergories-form i:hover { color: rgba(255, 255, 255, 0.7); } .categories-item .categories-summary ul { padding: 0; margin: 0; list-style: none; } .categories-item .categories-summary ul li a { color: rgba(255, 255, 255, 0.7); -webkit-transition: 0.4s; transition: 0.4s; line-height: 36px; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 36px; color: rgba(255, 255, 255, 0.7); } .categories-item .categories-summary ul li a:hover { color: #FFFFFF; } .post-item .post-shade { margin-top: 35px; display: block; } .post-item .post-shade h4 { text-transform: uppercase; } .post-item .post-shade img { padding-left: 10px; } .post-item .recent-content { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .post-item .recent-content .recent-text { padding-left: 15px; position: relative; top: 7px; } .post-item .recent-content .recent-text span { margin-bottom: 10px; display: block; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 30px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); } .post-item .recent-content .recent-text h5 a { color: #FFFFFF; } .tag-menu ul { padding: 0; margin: 0; list-style: none; } .tag-menu ul li { display: inline-block; padding-right: 5px; margin-bottom: 35px; } .tag-menu ul li a { background: #232433; padding: 15px 15px; font-style: italic; } .latest-item.hover-shape-inner .latest-text { overflow: hidden; } .latest-item.hover-shape-inner .latest-text, .latest-item.hover-shape-inner { position: relative; } div.latest-item .hover-shape-bg { z-index: 3; } .news-letter-item.hover-shape-inner { background: radial-gradient(circle, #4a4176 -53%, #1E1F35 0%); position: relative; z-index: 9; padding: 30px 30px; } .news-letter-item.hover-shape-inner .hover_shape1 { left: 22%; } .news-letter-item.hover-shape-inner .hover_shape2 { left: 60.5%; width: 60px; } .news-letter-item.hover-shape-inner .hover_shape3 { left: 41%; width: 40px; } .categories-area h4.blog-title { font-size: 18px; text-transform: uppercase; } .categories-area h4.blog-title img { margin-bottom: 3px; width: 80.29px; height: 12px; } .news-letter-item h4 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; max-width: 240px; width: 100%; color: #FFFFFF; } .news-letter-item .newsletter-link form input[type="email"] { width: 100%; border: 2px solid #494A5C; background: transparent; color: #FFFFFF; padding: 15px 0 15px 20px; margin-bottom: 30px; } .news-letter-item .newsletter-link .newsletter-btn input[type="submit"] { padding: 17px 0; width: 100%; text-transform: uppercase; background: #A3FF12; border: transparent; font-family: "Russo One", sans-serif; } /* --- Gamfi Latest-details-content Section CSS ---*/ .latest-details-content { padding-top: 70px; padding-bottom: 140px; background: #090A1A; } .latest-details-content .latest-content { padding-right: 30px; } .latest-item { margin-bottom: 30px; } .latest-item img { width: 100%; max-height: 450px; } .latest-item .sub-inner { margin-bottom: 10px; display: block; } .latest-item .sub-inner span { position: relative; padding-right: 10px; } .latest-item .sub-inner a { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 30px; color: rgba(255, 255, 255, 0.7); } .latest-item .latest-text { background: #1A1B30; padding: 32px 30px; } .latest-item .latest-text .sec-heading p { padding-top: 15px; } .latest-item .latest-btn a { position: relative; padding-left: 30px; -webkit-transition: 0.4s; transition: 0.4s; text-transform: uppercase; font-family: "Russo One", sans-serif; font-weight: 400; font-size: 14px; line-height: 30px; color: rgba(255, 255, 255, 0.7); } .latest-item .latest-btn a::before { position: absolute; content: ""; width: 20px; height: 3px; background: #BABBC1; top: 7px; left: 0; } .latest-item .latest-btn a:hover { color: #FFFFFF; } .latest-item h4.title { font-size: 30px; } .latest-item h4.title a { color: #FFFFFF; } /*--- Stacking page style ---*/ /*--- Staking V3 ---*/ .staking_bradcome_right { max-width: 554px; width: 100%; margin-left: auto; } .staking_bradcome_right ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .staking_bradcome_right ul li h6 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 158%; margin-bottom: 0px; color: rgba(255, 255, 255, 0.7); margin-bottom: 24px; } .staking_bradcome_right ul li h5 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 30px; line-height: 158%; margin-bottom: 0px; color: #FFFFFF; } .staking_flip_card_sect { background: #090A1A; padding-bottom: 110px; } .staking_flip_card { background-color: transparent; width: 100%; min-height: 580px; height: 100%; -webkit-perspective: 1000px; perspective: 1000px; } .staking_flip_card_inner { position: relative; width: 100%; height: 100%; text-align: center; -webkit-transition: -webkit-transform 0.6s; transition: -webkit-transform 0.6s; transition: transform 0.6s; transition: transform 0.6s, -webkit-transform 0.6s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); } .staking_flip_card.active .staking_flip_card_inner { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .staking_flip_card_front, .staking_flip_card_back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .staking_flip_card_front { background: rgba(30, 31, 53, 0.7); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); padding: 40px; } .staking_flip_card_back { background: rgba(30, 31, 53, 0.7); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .staking_flip_card_front_headings { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 34px; } .staking_flip_card_front_headings h2 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 30px; line-height: 36px; text-align: right; color: #FFFFFF; margin-bottom: 0px; } .staking_flip_card_front_body { position: relative; } .staking_flip_card_front_timebg { height: 35px; width: 196px; background: url("../images/bg/shape-bg.png"); background-size: cover; background-position: right center; background-repeat: no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 40px; position: absolute; left: -40px; top: 0px; } .staking_flip_card_front_timebg span { margin-bottom: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-transform: uppercase; color: #FFFFFF; } .staking_flip_card_front_timebg span::before { content: url("../images/icons/clock.svg"); margin-right: 11px; margin-top: 4px; } .staking_apy h3 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-align: right; text-transform: uppercase; margin-bottom: 0px; color: #33EFB0; margin-bottom: 0px; padding-top: 10px; } .staking_flip_card_front_list { margin-top: 41px; margin-bottom: 20px; } .staking_flip_card_front_list ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 21px; } .staking_flip_card_front_list ul li span { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 30px; color: rgba(255, 255, 255, 0.7); } .staking_flip_card_front_list ul li strong { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; text-align: right; color: #FFFFFF; } .staking_flip_card_front_buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .staking_flip_card_front_buttons button { border: none; outline: none; width: 46.5%; height: 40px; background: rgba(255, 255, 255, 0.2); font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: #FFFFFF; } .staking_flip_card_front_buttons button.btn_purple { background: #6D4AFE; } .staking_flip_card_front_reward { text-align: left; margin-top: 30px; margin-bottom: 15px; } .staking_flip_card_front_reward h6 { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 30px; color: rgba(255, 255, 255, 0.7); margin-bottom: 0px; } .staking_flip_card_front_reward h5 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; margin-bottom: 0px; color: #FFFFFF; } .staking_flip_card_back_content { padding: 40px; height: 100%; width: 100%; position: relative; } .staking_flip_card_back_overlay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background: url("../images/bg/staking_flip_card_blur_img.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 0; } .staking_flip_card_back_headings { position: relative; text-align: left; margin-bottom: 7px; z-index: 1; } .staking_flip_card_back_headings h2 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 30px; line-height: 36px; color: #FFFFFF; margin-bottom: 0px; } .staking_flip_card_back_headings button.staking_flip_card_close_btn { background: transparent; border: none; outline: none; position: absolute; right: -20px; top: -20px; } .staking_flip_card_back_body { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100%; } .staking_flip_card_back_form { text-align: left; margin-top: 47px; } .staking_flip_card_back_form form span { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color: #FFFFFF; text-align: left; } .staking_flip_card_back_form_input { border: 1px solid rgba(255, 255, 255, 0.15); height: 60px; max-width: 290px; width: 100%; padding: 0px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 16px; } .staking_flip_card_back_form_input input { background: transparent; height: 100%; width: 100%; max-width: 215px; border: none; outline: none; font-family: "Inter", sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 19px; color: #FFFFFF; } .staking_flip_card_back_form_input button { width: 60px; height: 30px; background: rgba(255, 255, 255, 0.2); border: none; outline: none; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: #FFFFFF; } .staking_flip_card_back_approve_btn { position: relative; width: 100%; padding-bottom: 40px; } .staking_flip_card_back_approve_btn button { width: 100%; height: 40px; background: #6D4AFE; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: #FFFFFF; } /*--- lp ---*/ .lq_flip_card { background-color: transparent; width: 100%; min-height: 560px; height: 100%; -webkit-perspective: 1000px; perspective: 1000px; } .staking_lq_bradcome_right ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .staking_lq_bradcome_right ul li { text-align: right; } .lq_flip_card_headings { background: rgba(255, 255, 255, 0.1); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); height: 80px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0px 40px; position: relative; } .lq_flip_card_headings h2 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-align: right; color: #FFFFFF; margin-bottom: 0px; } .lq_flip_card_headings h2 span { margin-right: 11px; } .lq_flip_card_headings h3 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-align: right; text-transform: uppercase; color: #33EFB0; margin-bottom: 0px; position: relative; z-index: 1; } .staking_header_shape { position: absolute; right: 28px; z-index: 0; } .lq_flip_card_body { padding: 42px 40px; padding-top: 0px; } .lq_flip_card_front_buttons { padding-top: 22px; } .lq_flip_front_card_bottom { margin-top: 28px; } .lq_flip_front_card_bottom ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 264px; width: 100%; } .lq_flip_front_card_bottom ul li button { padding: 0px; font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; color: rgba(255, 255, 255, 0.7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background: transparent; border: none; outline: none; } .lq_flip_front_card_bottom ul li button:after { content: url("../images/icons/copy_icon_gray.svg"); margin-left: 7px; margin-top: 3px; } .lq_fleep_back_body { position: relative; padding: 40px; } .lp_flip_card_body_headings h2 { text-transform: capitalize; } .staking_flip_card_back_headings.lp_flip_card_body_headings button.staking_flip_card_close_btn { background: transparent; border: none; outline: none; position: absolute; right: 0px; top: 0px; } .lp_flip_card_front_list { margin-top: 30px; } .lp_flip_card_back_approve_btn { padding-bottom: 0px; padding-top: 67px; } .lq_flip_card_back_overlay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; position: absolute; z-index: 0; top: 0px; left: 0px; background: url("../images/bg/lq_fleep_card_blur_img.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; } .lq_flip_card_back_form { margin-top: 37px; } /*--- Staking_4 ---*/ .staking4_time_counter { margin-bottom: 67px; max-width: 379px; margin-right: auto; margin-top: 22px; } .staking4_time_counter .timer ul li { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 30px; line-height: 26px; color: #FFFFFF; } .staking4_time_counter .timer ul li span { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #FFFFFF; } .project-form-list h4 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.7); margin-bottom: 12px; } .project-form-list h6 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.7); } .project-form-list h6 span { color: #FFFFFF; } .project-form-list h6 a { text-transform: uppercase; color: #6D4AFE; margin-left: 15px; } .project-value-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .project-value-image button { background: rgba(255, 255, 255, 0.2); height: 60px; width: 156px; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-align: center; text-transform: uppercase; color: #FFFFFF; border: none; outline: none; } .project-value h6 { color: rgba(255, 255, 255, 0.7); font-size: 16px; font-weight: 400; margin-bottom: 0px; padding-top: 3.5px; } .staking4_table_sect { background: #090A1A; } .table_col1 { width: 8%; } .table_col2 { width: 25%; } .table_col3 { width: 25%; } .table_col4 { width: 14%; } .table_col5 { width: 14%; } .table_col6 { width: 14%; text-align: right; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .table_col6 button { background: rgba(255, 255, 255, 0.1); height: 40px; width: 120px; padding: 0px; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: #FFFFFF; } /*--- farming page style ---*/ /*--- Gamfi farming Section CSS ---*/ .gamfi-farming-content .default-centent { background: #1A1B30; padding: 18px 25px; margin-bottom: 20px; cursor: pointer; } .gamfi-farming-content .list-content { -webkit-box-flex: 0; -ms-flex: 0 0 16.66%; flex: 0 0 16.66%; width: 16.66%; color: #FFFFFF; } .gamfi-farming-content .list-1 { -webkit-box-flex: 0; -ms-flex: 0 0 26.66%; flex: 0 0 26.66%; width: 26.66%; } .gamfi-farming-content .list-6 { -webkit-box-flex: 0; -ms-flex: 0 0 2%; flex: 0 0 2%; width: 2%; } .gamfi-farming-content .expeand-centent { background: #222231; padding: 28px 30px; } .farm-form-list .farm-form-area { border: 1px solid #434350; padding: 10px; margin-bottom: 10px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .farm-form-list:last-child h5 { position: relative; top: -15px; } .farm-form-list input { border: none; background: transparent; padding: 7px 20px; position: relative; } .farm-form-list input[type="text"] { width: 100%; color: rgba(255, 255, 255, 0.7); } .farm-form-list input[type="submit"] { color: #FFFFFF; -webkit-transition: 0.4S; transition: 0.4S; text-transform: uppercase; font-family: "Russo One", sans-serif; position: relative; z-index: 3; } .farm-form-list .max { position: absolute; color: #FFFFFF; right: 45%; top: 19px; } .farm-form-list .black-shape { position: absolute; z-index: 9999; right: 9px; background: #6D4AFE; } .farm-form-list .black-shape span { background: rgba(255, 255, 255, 0.1); } .farm-form-list .black-shape .withdraw { background: rgba(255, 255, 255, 0.1); } .farm-form-list .black-shape .withdraw span { background: rgba(255, 255, 255, 0.1); } .farm-form-list .black-shape input[type="submit"].submit-active { background: #6D4AFE; } .expeand-menu ul { margin: 0; padding: 0; list-style: none; } .expeand-menu ul li { display: inline-block; color: #A3FF12; font-size: 14px; margin-right: 30px; } .expeand-menu ul li i { font-size: 15px; color: #A3FF12; padding-left: 10px; } .expeand-centent .unit { color: #A3FF12; font-size: 22px; font-family: "Russo One", sans-serif; } .expeand-centent .icon-arrow_up { padding: 10px; cursor: pointer; } .gamfi-farming-content .expeand-centent { display: none; } .gamfi-farming-content .border-shadow { opacity: 0; visibility: hidden; -webkit-transition: 0.4s; transition: 0.4s; } .gamfi-farming-content .expeand-arrow { padding: 10px; cursor: pointer; } .gamfi-farming-content .expeand-arrow .expeand-arrow { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .gamfi-farming-content .expeand-bottom-content .expeand-centent { display: block; } .gamfi-farming-content .expeand-bottom-content .border-shadow { opacity: 1; visibility: visible; } .gamfi-farming-content .expeand-bottom-content .expeand-arrow:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .gamfi-farming .gamfi-farming-content .default-centent { margin-bottom: 0; } .gamfi-farming .gamfi-table-inner { margin-bottom: 20px; } .gamfi-farming .farm-form-list { width: 33.33%; margin-right: 30px; } .gamfi-farming .farm-form-list:last-child { margin-right: 0; } .gamfi-farming .farm-form-list .farm-form { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .gamfi-farming .farm-form-list .farm-form input[type="submit"] { position: static; } .gamfi-farming-table { background: #090A1A; } .gamfi-farming-table table { width: 100%; } .gamfi-farming-table tr th { font-family: "Inter", sans-serif; color: rgba(255, 255, 255, 0.7); font-weight: 400; text-transform: uppercase; padding-top: 8px; padding-bottom: 5px; } .gamfi-farming-table tr td { background: #1A1B30; color: #FFFFFF; } .gamfi-farming-table tr th, .gamfi-farming-table tr td { width: 16.666%; padding: 25.5px 25px; margin-bottom: 10px; display: inline-block; } .gamfi-farming-table tr th:first-child, .gamfi-farming-table tr td:first-child { width: 26.666%; } .gamfi-farming-table tr th:nth-child(5) { width: 22.666%; } .gamfi-farming-table tr .image-row { padding-top: 18px; padding-bottom: 18px; } .gamfi-farming-table tr .image-row img { margin-right: 10px; } /*--- leaderboard page style ---*/ /*--- Gamfi Leaderboard Section CSS ---*/ .leaderboard-table-list { background: #090A1A; } .leaderboard-table-list table { width: 100%; border-collapse: separate; border-spacing: 0 10px; } .leaderboard-table-list tr th { font-family: "Russo One", sans-serif; color: rgba(255, 255, 255, 0.7); font-weight: 400; text-transform: uppercase; padding-top: 8px; padding-bottom: 5px; } .leaderboard-table-list tr td { background: #1A1B30; color: #FFFFFF; } .leaderboard-table-list tr th, .leaderboard-table-list tr td { width: 20%; padding: 15px 25px; } .leaderboard-table-list tr th:last-child, .leaderboard-table-list tr td:last-child { text-align: right; } .leaderboard-table-list tr th:nth-child(1), .leaderboard-table-list tr td:nth-child(1) { width: 15%; } .leaderboard-table-list tr th:nth-child(3), .leaderboard-table-list tr td:nth-child(3) { width: 30%; } .leaderboard-table-list tr th:nth-child(4), .leaderboard-table-list tr td:nth-child(4) { width: 15%; } .gamfi-breadcrumbs-section .breadcrumbs-form.mr-0 form { margin-right: 0; } /*--- FAQ page style ---*/ /*--- FAQ screen css ---*/ .faq_screen_sect { padding: 64px 0px 140px 0px; background: #090a1a; } .faq_screen_tab_sect { padding-right: 25px; } .faq_screen_tab { background: -webkit-gradient(linear, left top, left bottom, from(#1e1f35), to(rgba(30, 31, 53, 0))); background: linear-gradient(180deg, #1e1f35 0%, rgba(30, 31, 53, 0) 100%); padding: 34px 49px; min-height: 566px; } .faq_screen_tab ul li { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 50px; color: rgba(255, 255, 255, 0.7); cursor: pointer; } .faq_screen_tab ul li span { margin-left: 10px; display: none; } .faq_screen_tab ul li.active, .faq_screen_tab ul li:hover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 50px; color: #a3ff12; text-transform: none; } .faq_screen_tab ul li.active span, .faq_screen_tab ul li:hover span { display: block; } .faq_screen_tab_content { padding-left: 25px; } .faq_content_sect { width: 100%; margin: auto; position: relative; } .faq_content_sect .accordion { cursor: pointer; background: transparent; width: 100%; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 22px; line-height: 27px; color: rgba(255, 255, 255, 0.7); text-transform: none; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); position: relative; margin-bottom: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 25px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .faq_content_sect .accordion span { position: absolute; right: 0px; min-width: 18px; margin-left: 20px; } .faq_content_sect .accordion.active { background: transparent; color: #FFFFFF; border-bottom: none; } .faq_content_sect .accordion:hover { background: transparent; color: #FFFFFF; } .faq_content_sect .icon-minus { display: none; margin-top: 12px; } .faq_content_sect .active .icon-minus { display: block; } .faq_content_sect .active .icon-plus { display: none; } .faq_content_sect .accordion-panel { padding: 0px; overflow: hidden; max-height: 0; -webkit-transition: max-height 0.2s ease-out; transition: max-height 0.2s ease-out; background: transparent; } .faq_content_sect .accordion-panel p { padding: 0px; font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 0.7); max-width: 639px; width: 100%; margin-bottom: 0px; } /*--- tier pages style ---*/ /*--- Tier ---*/ .gamfi_tier_sect { background: #090A1A; padding-top: 70px; padding-bottom: 110px; position: relative; } .gamfi_tier_sect .container { position: relative; z-index: 1; } .gamfi_tier_sect .tier_earth_img { position: absolute; left: 30%; top: 246px; z-index: 0; } .gamfi_tier_sect .tier_galaxy_img1 { position: absolute; left: 10%; bottom: 241px; z-index: 0; } .gamfi_tier_sect .tier_galaxy_img2 { position: absolute; right: 12%; top: 259px; z-index: 0; } .gamfi_tier_card { max-width: 370px; width: 100%; background: rgba(30, 31, 53, 0.7); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 45px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: auto; margin-bottom: 30px; } .gamfi_tier_card h2 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: normal; font-size: 36px; line-height: 36px; text-align: center; color: #FFFFFF; margin-bottom: 0px; } .gamfi_tier_card h3 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: normal; font-size: 22px; line-height: 36px; text-align: center; color: #FFFFFF; margin-bottom: 0px; } .gamfi_tier_card span { margin-bottom: 4px; margin-top: 24px; } .gamfi_tier_card p { font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 30px; text-align: center; color: rgba(255, 255, 255, 0.7); margin-top: 21px; margin-bottom: 0px; } .gamfi_tier_card h4 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 30px; text-align: center; margin-bottom: 0px; color: #FFFFFF; } /*--- TierV2 ---*/ .tier_v2_col { min-height: 734px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tier_v2_col_headings h2 { margin-top: 30px; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 36px; line-height: 36px; color: #FFFFFF; margin-bottom: 0px; } .tier_v2_col_headings h3 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 22px; line-height: 36px; color: #FFFFFF; margin-bottom: 0px; } .tier_v2_col_body { width: 100%; padding: 0px 19px; padding-right: 0px; position: relative; } .tier_v2_col_body1::after { content: ""; position: absolute; display: block; top: 145px; left: -150px; height: 4px; width: 295.5px; background: #cb5a5e; background: repeating-linear-gradient(-45deg, #FFFFFF, #FFFFFF 5px, transparent 0px, transparent 9px); -webkit-backface-visibility: hidden; backface-visibility: hidden; border-bottom: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .tier_v2_col_body2::after { content: ""; position: absolute; display: block; top: 185px; left: -190px; height: 4px; width: 376.5px; background: #cb5a5e; background: repeating-linear-gradient(-45deg, #E8C63C, #E8C63C 5px, transparent 0px, transparent 9px); -webkit-backface-visibility: hidden; backface-visibility: hidden; border-bottom: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .tier_v2_col_body3::after { content: ""; position: absolute; display: block; top: 217px; left: -217px; height: 4px; width: 430.5px; background: #cb5a5e; background: repeating-linear-gradient(-45deg, #5F3FDB, #5F3FDB 5px, transparent 0px, transparent 9px); -webkit-backface-visibility: hidden; backface-visibility: hidden; border-bottom: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .tier_v2_col_body4::after { content: ""; position: absolute; display: block; top: 250px; left: -245px; height: 4px; width: 485.5px; background: #cb5a5e; background: repeating-linear-gradient(-45deg, #FF3D6C, #FF3D6C 5px, transparent 0px, transparent 9px); -webkit-backface-visibility: hidden; backface-visibility: hidden; border-bottom: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .tier_v2_col_body ul li { margin-bottom: 21px; } .tier_v2_col_body ul li h4 { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 30px; margin-bottom: 0px; color: rgba(255, 255, 255, 0.7); } .tier_v2_col_body ul li h5 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; color: #FFFFFF; margin-bottom: 0px; } .tier_v2_col_body .bottom_shape { height: 50px; width: 100%; background: rgba(30, 31, 53, 0.7); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); margin-bottom: 10px; } /*--- Tier V3 ---*/ .gamfi_tier_v3_sect { background: #090A1A; padding-top: 70px; padding-bottom: 140px; } .tvl_headings { position: relative; } .tvl_headings span { position: absolute; position: absolute; top: -45px; left: -48px; } .tvl_headings h2 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 22px; line-height: 45px; color: #FFFFFF; margin-bottom: 0px; } .tvl_headings h3 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 28px; line-height: 45px; margin-bottom: 46px; text-transform: uppercase; color: #FFFFFF; } .tvl_list ul li { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; margin-bottom: 50px; color: #FFFFFF; } .tvl_right_sect { position: relative; } .tvl_right_sect .row { z-index: 2; position: relative; } .tvl_right_sect .tier_v3_galaxy_img { position: absolute; left: -135px; bottom: 62px; z-index: 0; } .tvl_right_card { max-width: 200px; width: 100%; background: transparent; } .tvl_right_card_headings { height: 184px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tvl_right_card_headings h3 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 22px; line-height: 36px; text-align: center; margin-bottom: 0px; margin-top: 19px; color: #FFFFFF; } .tvl_right_card_headings1 { background: url("../images/bg/TvlBg1.png"); background-repeat: no-repeat; background-size: cover; background-position: left top; } .tvl_right_card_headings2 { background: url("../images/bg/TvlBg2.png"); background-repeat: no-repeat; background-size: cover; background-position: left top; } .tvl_right_card_headings3 { background: url("../images/bg/TvlBg3.png"); background-repeat: no-repeat; background-size: cover; background-position: left top; } .tvl_right_card_headings4 { background: url("../images/bg/TvlBg4.png"); background-repeat: no-repeat; background-size: cover; background-position: left top; } .tvl_right_card_content ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tvl_right_card_content ul li { height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom: 1px solid rgba(255, 255, 255, 0.1); width: 100%; background: rgba(30, 31, 53, 0.7); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; text-align: center; color: #FFFFFF; } /*--- tokenomics pages style ---*/ /*--- Tokenomics Page ---*/ .gamfi_header_content_right_custom h2 { font-size: 28px !important; color: rgba(255, 255, 255, 0.7) !important; } .tokenomics_section { background: #090A1A; padding-top: 0px; padding-bottom: 105px; } .tokenomics_section_custom { padding-top: 59px; } .tokenomics_contents_left_custom { margin-left: 130px; } .leaderboard-table-list tr td { background: rgba(30, 31, 53, 0.8); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .leaderboard-table-list tr.dark td { background: rgba(30, 31, 53, 0.5); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .TokenomicsTable .leaderboard-table-list tr th:nth-child(1), .TokenomicsTable .leaderboard-table-list tr td:nth-child(1), .TokenomicsTable .leaderboard-table-list tr th:nth-child(4), .TokenomicsTable .leaderboard-table-list tr td:nth-child(4) { width: 18%; } .TokenomicsTable .leaderboard-table-list tr th:nth-child(3), .TokenomicsTable .leaderboard-table-list tr td:nth-child(3) { width: 24%; } .tokenomics_contents { margin-top: 48px; } .tokenomics_contents_left { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tokenomics_contents_left h3 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 22px; line-height: 40px; color: #FFFFFF; margin-bottom: 0px; } .tokenomics_list_sect { margin-top: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .tokenomics_list_sect ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 127px; } .tokenomics_list_sect ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 43px; } .tokenomics_list_text h4 { font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 0.7); margin-bottom: 0px; } .tokenomics_list_text h5 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 28px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 0px; } .tokenomics_list_text h5 span.counter { height: 12px; width: 12px; min-width: 12px; margin-right: 0px; margin-top: 0px; } .tokenomics_list_sect ul li span { height: 12px; width: 12px; min-width: 12px; margin-right: 19px; margin-top: 8px; } .tokenomics_list_sect ul li span.farming_pool { background: #A3FF12; } .tokenomics_list_sect ul li span.staking { background: #841183; } .tokenomics_list_sect ul li span.ecosystem { background: #0B58FE; } .tokenomics_list_sect ul li span.advisors { background: #01CC9B; } .tokenomics_list_sect ul li span.private_Sale { background: #6D4AFE; } .tokenomics_list_sect ul li span.liquidity { background: #14A0C0; } .tokenomics_list_sect ul li span.marketing { background: #3BCBFF; } .tokenomics_list_sect ul li span.advisors { background: #F82552; } .tokenomics_contents_right .tokenomics_contents_right_img { background: rgba(30, 31, 53, 0.8); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); max-width: 570px; width: 100%; height: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 50px; } /*--- governance page style ---*/ /*--- Governance ---*/ .governance_breadcrumbs_scetion { padding-bottom: 60px; } .governance_breadcrumbs_scetion .governance_breadcrumbs_content { position: relative; } .gamfi-breadcrumbs-section.governance_breadcrumbs_scetion .breadcrumbs-form form { margin-right: 0px; } .governanc_content_section { background: #090A1A; padding-bottom: 140px; position: relative; z-index: 3; padding-top: 66px; } .governanc_content_section .container { position: relative; z-index: 1; } .governanc_content_right_card { background: rgba(30, 31, 53, 0.8); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); padding: 30px; padding-top: 39px; max-width: 370px; margin: auto; margin-bottom: 30px; } .governanc_content_right_card h2 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 16px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 0px; } .governanc_content_right_card h2 span { margin-left: 5px; } .governanc_content_right_card ul { margin-top: 16px; margin-bottom: 20px; } .governanc_content_right_card ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .governanc_content_right_card ul li span { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 50px; color: rgba(255, 255, 255, 0.7); } .governanc_content_right_card ul li strong { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 50px; text-align: right; color: #FFFFFF; } .governanc_content_right_card_btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .governanc_content_right_card_btns button { height: 60px; width: 100%; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-align: center; text-transform: uppercase; color: #FFFFFF; border: none; outline: none; } .governanc_content_right_card_btns button.claim_rewords_btn { margin-bottom: 30px; background: #6D4AFE; } .governanc_content_right_card_btns button.make_proposal_btn { background: rgba(255, 255, 255, 0.1); } .governanc_content_left_cards_sections { margin-bottom: 40px; } .governanc_content_left_hash_card { min-height: 195px; width: 100%; background: rgba(30, 31, 53, 0.7); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); margin-top: 30px; padding: 28px 30px; } .governanc_content_left_hash_card h2 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 158%; color: #FFFFFF; margin-bottom: 24px; } .governanc_content_left_hash_card h2 a:hover { color: #FFFFFF; } .governanc_content_left_hash_card h2 span { margin-right: 8px; } .governanc_content_left_hash_card h3 { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 12px; line-height: 158%; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); margin-bottom: 8px; } .governanc_content_left_hash_card h3 span { margin-left: 5px; } .governanc_content_left_hash_card_stutas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .governanc_content_left_hash_card_stutas h4 { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 12px; line-height: 158%; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); margin-bottom: 0px; } .governanc_content_left_hash_card_stutas h4 span { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 12px; line-height: 16px; text-transform: uppercase; } .governanc_content_left_hash_card_stutas h4 span.white { color: #FFFFFF; } .governanc_content_left_hash_card_stutas h4 span.green { color: #33EFB0; } .governanc_content_left_hash_card_stutas h4 span.red { color: #F31313; } .governanc_content_left_hash_card_stutas .stutas_upcoming { height: 9px; width: 9px; background: rgba(255, 255, 255, 0.3); margin-left: 6px; border-radius: 50%; } .governanc_content_left_hash_card_stutas .stutas_active { height: 9px; width: 9px; background: #33EFB0; margin-left: 6px; border-radius: 50%; } .stutas_live { margin-left: 6px; position: relative; } .stutas_live .video__icon { position: absolute; width: 9px; height: 9px; right: -8px; top: -8px; } .stutas_live .video__icon p { color: #000; text-align: center; } .stutas_live .video__icon .circle--outer { border: 1px solid #33EFB0; width: 16px; height: 16px; border-radius: 50%; margin: 0 auto 5px; position: relative; opacity: .8; -webkit-animation: circle 2s ease-in-out infinite; animation: circle 2s ease-in-out infinite; } .stutas_live .video__icon .circle--inner { background: #33EFB0; left: 3px; top: 3px; width: 10px; height: 10px; border-radius: 50%; position: absolute; opacity: .8; } .stutas_live .video__icon .circle--inner::after { content: ''; display: block; border: 1px solid #33EFB0; border-radius: 50%; width: 14px; height: 14px; top: -2px; left: -2px; position: absolute; opacity: .8; -webkit-animation: circle 2s ease-in-out .2s infinite; animation: circle 2s ease-in-out .2s infinite; } @-webkit-keyframes circle { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } @keyframes circle { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } .governanc_content_left_hash_card_stutas .stutas_failed { height: 9px; width: 9px; background: #F31313; margin-left: 6px; border-radius: 50%; } .governanc_content_left_hash_card ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 27px; } .governanc_content_left_hash_card ul li { width: 30.5%; } .governanc_content_left_hash_card ul li .progress_bg { width: 100%; height: 8px; background: rgba(255, 255, 255, 0.1); } .governanc_content_left_hash_card ul li .progress_bg .progress_bar.for { height: 100%; background: #33EFB0; } .governanc_content_left_hash_card ul li .progress_bg .progress_bar.against { height: 100%; background: rgba(243, 19, 19, 0.4); } .governanc_content_left_hash_card ul li .progress_bg .progress_bar.abstain { height: 100%; background: rgba(255, 255, 255, 0.3); } .governanc_content_left_hash_card ul li .progress_bg .progress_bar { -webkit-animation-duration: 2s; animation-duration: 2s; } .governanc_content_left_hash_card ul li .progress_bg .progress_bar.progress0 { width: 0%; -webkit-animation-name: progress0; animation-name: progress0; } .governanc_content_left_hash_card ul li .progress_bg .progress_bar.progress1 { width: 1%; -webkit-animation-name: progress1; animation-name: progress1; } .governanc_content_left_hash_card ul li .progress_bg .progress_bar.progress2 { width: 2%; -webkit-animation-name: progress2; animation-name: progress2; } .governanc_content_left_hash_card ul li .progress_bg .progress_bar.progress3 { width: 3%; -webkit-animation-name: progress3; animation-name: progress3; } .governanc_content_left_hash_card ul li .progress_bg .progress_bar.progress8 { width: 8%; -webkit-animation-name: progress8; animation-name: progress8; } .governanc_content_left_hash_card ul li .progress_bg .progress_bar.progress14 { width: 14%; -webkit-animation-name: progress14; animation-name: progress14; } .governanc_content_left_hash_card ul li .progress_bg .progress_bar.progress15 { width: 15%; -webkit-animation-name: progress15; animation-name: progress15; } @-webkit-keyframes progress0 { 0% { width: 0%; } 100% { width: 0%; } } @keyframes progress0 { 0% { width: 0%; } 100% { width: 0%; } } @-webkit-keyframes progress1 { 0% { width: 0%; } 100% { width: 1%; } } @keyframes progress1 { 0% { width: 0%; } 100% { width: 1%; } } @-webkit-keyframes progress2 { 0% { width: 0%; } 100% { width: 2%; } } @keyframes progress2 { 0% { width: 0%; } 100% { width: 2%; } } @-webkit-keyframes progress3 { 0% { width: 0%; } 100% { width: 3%; } } @keyframes progress3 { 0% { width: 0%; } 100% { width: 3%; } } @-webkit-keyframes progress8 { 0% { width: 0%; } 100% { width: 8%; } } @keyframes progress8 { 0% { width: 0%; } 100% { width: 8%; } } @-webkit-keyframes progress14 { 0% { width: 0%; } 100% { width: 14%; } } @keyframes progress14 { 0% { width: 0%; } 100% { width: 14%; } } @-webkit-keyframes progress15 { 0% { width: 0%; } 100% { width: 15%; } } @keyframes progress15 { 0% { width: 0%; } 100% { width: 15%; } } .governanc_content_left_hash_card ul li .progress_bg .progress_bar.progress19 { width: 19%; -webkit-animation-name: progress19; animation-name: progress19; } @-webkit-keyframes progress19 { 0% { width: 0%; } 100% { width: 19%; } } @keyframes progress19 { 0% { width: 0%; } 100% { width: 19%; } } .governanc_content_left_hash_card ul li .progress_bg .progress_bar.progress26 { width: 26%; -webkit-animation-name: progress26; animation-name: progress26; } @-webkit-keyframes progress26 { 0% { width: 0%; } 100% { width: 26%; } } @keyframes progress26 { 0% { width: 0%; } 100% { width: 26%; } } .governanc_content_left_hash_card ul li .progress_bg .progress_bar.progress38 { width: 38%; -webkit-animation-name: progress38; animation-name: progress38; } @-webkit-keyframes progress38 { 0% { width: 0%; } 100% { width: 38%; } } @keyframes progress38 { 0% { width: 0%; } 100% { width: 38%; } } .governanc_content_left_hash_card ul li .progress_bg .progress_bar.progress43 { width: 43%; -webkit-animation-name: progress43; animation-name: progress43; } @-webkit-keyframes progress43 { 0% { width: 0%; } 100% { width: 43%; } } @keyframes progress43 { 0% { width: 0%; } 100% { width: 43%; } } .governanc_content_left_hash_card ul li .progress_bg .progress_bar.progress72 { width: 72%; -webkit-animation-name: progress72; animation-name: progress72; } @-webkit-keyframes progress72 { 0% { width: 0%; } 100% { width: 72%; } } @keyframes progress72 { 0% { width: 0%; } 100% { width: 72%; } } .governanc_content_left_hash_card ul li .progress_bg .progress_bar.progress83 { width: 83%; -webkit-animation-name: progress83; animation-name: progress83; } @-webkit-keyframes progress83 { 0% { width: 0%; } 100% { width: 83%; } } @keyframes progress83 { 0% { width: 0%; } 100% { width: 83%; } } .governanc_content_left_hash_card ul li .progress_bg .progress_bar.progress85 { width: 85%; -webkit-animation-name: progress85; animation-name: progress85; } @-webkit-keyframes progress85 { 0% { width: 0%; } 100% { width: 85%; } } @keyframes progress85 { 0% { width: 0%; } 100% { width: 85%; } } .governanc_content_left_hash_card ul li .progress_bg .progress_bar.progress92 { width: 92%; -webkit-animation-name: progress92; animation-name: progress92; } @-webkit-keyframes progress92 { 0% { width: 0%; } 100% { width: 92%; } } @keyframes progress92 { 0% { width: 0%; } 100% { width: 92%; } } .governanc_content_left_hash_card ul li .progress_bg .progress_bar.progress95 { width: 95%; -webkit-animation-name: progress95; animation-name: progress95; } @-webkit-keyframes progress95 { 0% { width: 0%; } 100% { width: 95%; } } @keyframes progress95 { 0% { width: 0%; } 100% { width: 95%; } } .governanc_content_left_hash_card ul li .progress_bg .progress_bar.progress99 { width: 99%; -webkit-animation-name: progress99; animation-name: progress99; } @-webkit-keyframes progress99 { 0% { width: 0%; } 100% { width: 99%; } } @keyframes progress99 { 0% { width: 0%; } 100% { width: 99%; } } .governanc_content_left_hash_card ul li h5 { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 12px; line-height: 16px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); margin-bottom: 0px; margin-top: 7px; } .governancdetaile_content_left { padding-right: 20px; } .governanc_details_back_btn { margin-bottom: 35px; } .governanc_details_back_btn a { background: none; outline: none; border: none; padding: 0px; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); } .governanc_details_back_btn a span { font-family: "Inter", sans-serif; margin-right: 10px; font-size: 18px; } .governanc_details_heading h2 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 36px; line-height: 158%; margin-bottom: 0px; color: #FFFFFF; } .governanc_details_heading h3 { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 16px; color: #FFFFFF; margin-bottom: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-right: 18px; } .governanc_details_heading h3::before { content: url("../images/icons/user-octagon.svg"); margin-right: 10px; } .governanc_details_heading h3 span { color: rgba(255, 255, 255, 0.7); margin-right: 5px; } .governanc_details_heading h4 { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 16px; color: #FFFFFF; margin-bottom: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .governanc_details_heading h4::before { content: ''; height: 9px; width: 9px; border-radius: 50%; background: #33EFB0; margin-right: 10px; } .governanc_details_heading h4 span { color: #33EFB0; margin-right: 5px; } .governanc_details_heading p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 693px; width: 100%; } .governanc_details_heading p a { color: rgba(51, 239, 176, 0.7); word-break: break-all; } .governanc_details_subtitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 23px; margin-top: 30px; } .cast_your_vote_card { background: rgba(30, 31, 53, 0.8); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); margin-bottom: 20px; } .cast_your_vote_card h3 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 16px; text-transform: uppercase; color: #FFFFFF; padding: 30px; margin-bottom: 0px; } .cast_your_vote_radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cast_your_vote_radio li { width: 50%; background: rgba(255, 255, 255, 0.05); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0px 30px; border-right: 1px solid rgba(255, 255, 255, 0.1); cursor: pointer; } .cast_your_vote_radio .radio_container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 158%; color: #FFFFFF; margin-bottom: 0px; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .cast_your_vote_radio .radio_container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .cast_your_vote_radio .checkmark { position: absolute; top: 18px; left: 0; height: 24px; width: 24px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; } .cast_your_vote_radio .radio_container input:checked ~ .checkmark { background: #33EFB0; } .cast_your_vote_radio .checkmark:after { content: ""; position: absolute; display: none; } .cast_your_vote_radio .radio_container input:checked ~ .checkmark:after { display: block; } .cast_your_vote_radio .radio_container .checkmark:after { left: 9.5px; top: 6px; width: 5px; height: 10px; border: solid #000000; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .cast_your_vote_card button { background: #6D4AFE; height: 60px; width: 170px; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-align: center; text-transform: uppercase; color: #FFFFFF; border: none; outline: none; margin: 30px; } .governanc_details_text { padding-top: 45px; } .governanc_details_text h4 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 24px; line-height: 28px; color: #FFFFFF; margin-bottom: 21px; } .governanc_details_text p { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 0.7); margin-bottom: 21px; } .governce_vote_table ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 67px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .governce_vote_table ul li h2 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 24px; line-height: 28px; color: #FFFFFF; margin-bottom: 0px; } .governce_vote_table ul li h3 { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; text-align: right; color: #FFFFFF; margin-bottom: 0px; } .governce_vote_table ul li h4 { margin-bottom: 0px; font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; color: #FFFFFF; width: 240px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .governce_vote_table ul li h4::after { content: url("../images/icons/governance_copy.svg"); margin-left: 7px; margin-top: 4px; } .governce_vote_table ul li h4 span { margin-right: 9px; } .governce_vote_table ul li h5 { margin-bottom: 0px; font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; color: #FFFFFF; text-align: left; max-width: 150px; width: 100%; } .governce_vote_table ul li h6 { margin-bottom: 0px; font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; color: #FFFFFF; width: 87px; text-align: right; } .governance_vote_modal_content { border-radius: 0px; } .governance_vote_modal_form h4 { margin-bottom: 0px; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 36px; color: rgba(255, 255, 255, 0.7); } .governance_vote_modal_form h3 { margin-bottom: 0px; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 22px; line-height: 36px; color: #FFFFFF; } .governance_vote_modal_form form { margin-top: 24px; } .governance_vote_modal_form form span { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.7); } .governance_vote_modal_form form input { border: 2px solid rgba(255, 255, 255, 0.12); width: 100%; height: 60px; outline: none; background: transparent; font-family: "Inter", sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 19px; color: #FFFFFF; margin-top: 15px; padding: 0px 21px; } .governance_vote_modal_form form button { width: 100%; height: 60px; border: none; outline: none; background: #6D4AFE; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-align: center; text-transform: uppercase; color: #FFFFFF; margin-top: 30px; margin-bottom: 30px; } .current_results_progress_content { margin-top: 30px; } .current_results_progress_content p { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 16px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); margin-bottom: 10px; } .current_results_progress_content .current_results_progress_bg { height: 8px; background: rgba(255, 255, 255, 0.1); width: 100%; } .current_results_progress_content .current_results_progress_bar { height: 100%; -webkit-animation-name: progress_bar; animation-name: progress_bar; } .current_results_progress_content .current_results_progress_bar.for { width: 85%; background: #33EFB0; } .current_results_progress_content .current_results_progress_bar.against { width: 3%; background: rgba(243, 19, 19, 0.4); } .current_results_progress_content .current_results_progress_bar.abstain { width: 12%; background: rgba(255, 255, 255, 0.3); } /* @keyframes progress_bar { 0% { width: 0%; } 100% { width: 50% } } */ .governanc_content_right_card ul li p { margin-bottom: 0px; font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 50px; text-align: right; color: #FFFFFF; } .governanc_content_right_card ul li p span { margin-right: 10px; } .governanc_content_right_card ul li p a { color: #33EFB0; } .governanc_content_right_card ul li p a img { margin-left: 8px; } /*--- connect wallet pages style ---*/ /*--- Connect Wallet CSS ---*/ .connect_wallet_section { background: #090A1A; padding-top: 96px; padding-bottom: 140px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .connect_wallet_card { max-width: 690px; width: 100%; margin: auto; background: rgba(30, 31, 53, 0.8); padding: 63px 60px 50px 60px; } .connect_wallet_card_headings { text-align: center; max-width: 356px; margin: auto; } .connect_wallet_card_headings h2 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 36px; line-height: 43px; text-align: center; text-transform: uppercase; margin-bottom: 23px; color: #FFFFFF; } .connect_wallet_card_headings p { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; text-align: center; color: rgba(255, 255, 255, 0.7); margin-bottom: 29px; } .choose_network_sect h2 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 45px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); margin-bottom: 0px; } .choose_network_sect ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-top: 0px; } .choose_network_sect ul li { height: 60px; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .choose_network_sect ul li button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; outline: none; background: transparent; width: 100%; height: 100%; padding: 15px 20px; border: 2px solid rgba(255, 255, 255, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 45px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); } .choose_network_sect ul li button span { margin-right: 11px; } .choose_network_sect ul li.active button { border: 2px solid rgba(163, 255, 18, 0.5); color: #FFFFFF; } .connect_wallet_content { margin-top: 29px; } .connect_wallet_content h2 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 45px; margin-bottom: 0px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); } .connect_wallet_content p { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 0.7); max-width: 470px; width: 100%; } .connect_wallet_btn { background: rgba(255, 255, 255, 0.05); height: 60px; width: 100%; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 30px; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color: #FFFFFF; position: relative; } .connect_wallet_btn span { margin-right: 24px; } .connect_wallet_btn::before { content: "\e902"; top: 22px; right: 30px; font-size: 10px; color: rgba(255, 255, 255, 0.7); font-family: "icomoon"; position: absolute; } /*--- kyc pages style ---*/ /*--- Kyc Sereen ---*/ .gamfi_header_content_right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; } .gamfi_header_content_right h2 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; text-transform: uppercase; margin-bottom: 0px; color: #FFFFFF; } .gamfi_header_progress_bar .progress-bar-striped { background-image: linear-gradient(72deg, rgba(0, 0, 0, 0.2) 50%, transparent 56%, transparent 84%, rgba(0, 0, 0, 0.2) 2%, rgba(0, 0, 0, 0.2) 90%, transparent 121%, transparent); background-size: 1rem 1rem; width: 33.33333%; } .gamfi_header_progress_bar .progress { background: rgba(255, 255, 255, 0.15); height: 12px; border-radius: 0px; width: 470px; margin-left: 19px; overflow: hidden; } .gamfi_header_progress_bar .progress-bar { background-color: #A3FF12; } .kyc_form_sect { padding-top: 56px; background: #090A1A; padding-bottom: 140px; } .kyc_form h3 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 22px; line-height: 45px; margin-bottom: 0px; text-transform: uppercase; color: #FFFFFF; } .kyc_form p { font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 45px; color: rgba(255, 255, 255, 0.7); margin-bottom: 18px; } .kyc_country_dropbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 60px; max-width: 570px; width: 100%; border: 2px solid rgba(255, 255, 255, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 17px 20px; margin-bottom: 35px; position: relative; cursor: pointer; margin-top: 17px; } .kyc_country_dropbox::after { content: "\e901"; position: absolute; top: 24px; right: 20px; color: rgba(255, 255, 255, 0.7); font-family: "icomoon"; font-size: 7px; } .kyc_country_dropbox h4 { font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 45px; margin-left: 14px; margin-bottom: 0px; color: rgba(255, 255, 255, 0.7); } .Gamfi_Container { max-width: 1210px; padding: 0px 20px; width: 100%; margin: 0px auto; } .kyc_radio_sect { padding-bottom: 10px; } .kyc_radio_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: rgba(30, 31, 53, 0.8); height: 60px; max-width: 570px; width: 100%; padding: 8px 20px; margin-bottom: 25px; } .kyc_radio_btn .kyc_icon { opacity: 0.3; } .kyc_radio_btn.active .kyc_icon, .kyc_radio_btn:hover .kyc_icon { opacity: 1; } .kyc_radio_btn .container { display: block; position: relative; padding-left: 32px; margin-bottom: 0px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 45px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); } .kyc_radio_btn.active .container, .kyc_radio_btn:hover .container { color: #FFFFFF; } .kyc_radio_btn .container input { position: absolute; opacity: 0; cursor: pointer; } .kyc_radio_btn .checkmark { position: absolute; top: 13px; left: 0; height: 18px; width: 18px; background-color: transparent; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; } .kyc_radio_btn .container:hover input ~ .checkmark { opacity: 0.8; } .kyc_radio_btn .container input:checked ~ .checkmark { background-color: #6D4AFE; border: none; } .kyc_radio_btn .checkmark:after { content: ""; position: absolute; display: none; } .kyc_radio_btn .container input:checked ~ .checkmark:after { display: block; } .kyc_radio_btn .container .checkmark:after { left: 7px; top: 3px; width: 4px; height: 9px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .kyc_form .btn_custom { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; text-align: right; text-transform: uppercase; color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 570px; width: 100%; background: #6D4AFE; height: 60px; border: none; outline: none; } .kyc_qrcode_sect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .kyc_qrcode_content { max-width: 300px; width: 100%; } .kyc_qrcode_content h2 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 22px; line-height: 40px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 18px; } .kyc_qrcode_img { height: 300px; width: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px; border: 2px solid rgba(255, 255, 255, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; } .kyc_country_dropdown_sect { position: relative; } .kyc_country_drop_list { position: absolute; width: 100%; top: 60px; left: 0px; z-index: 1; display: none; } .kyc_country_drop_list ul { background: #1e1f35; max-width: 570px; width: 100%; } .kyc_country_drop_list ul li { font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 45px; color: rgba(255, 255, 255, 0.7); height: 42px; padding: 0px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; cursor: pointer; } .kyc_country_drop_list ul li:hover { color: #FFFFFF; } /*--- Kyc Upload Docs ---*/ .kyc_form .upload_docs_sect ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 24px; width: 100%; max-width: 570px; } .kyc_form .upload_docs_sect ul li { text-align: center; width: 32%; } .kyc_form .upload_docs_sect ul li h4 { font-family: Inter; font-style: normal; font-weight: 500; font-size: 14px; line-height: 45px; text-align: center; color: rgba(255, 255, 255, 0.7); max-width: 175px; margin: auto; margin-bottom: 0px; width: 100%; margin-left: 0px; } @media screen and (max-width: 991px) { .kyc_form .upload_docs_sect ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .kyc_form .upload_docs_sect ul li { width: 100%; } } .kyc_form .upload_docs_sect h3 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 22px; line-height: 45px; margin-bottom: 17px; text-transform: uppercase; color: #FFFFFF; } .kyc_form .upload_btn_bg { height: 175px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(30, 31, 53, 0.8); } .kyc_form .upload_docs_sect .upload-btn-wrapper { position: relative; overflow: hidden; display: inline-block; } .kyc_form .upload_docs_sect .upload-btn-wrapper span { background: transparent; border: 2px dashed rgba(255, 255, 255, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 75px; width: 75px; } .kyc_form .upload_docs_sect .upload-btn-wrapper input[type=file] { font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0; } .upload_doc_check_list { border: 2px solid rgba(255, 255, 255, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 570px; padding: 16px 30px; margin-bottom: 35px; } .upload_doc_check_list ul li { font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 158%; color: rgba(255, 255, 255, 0.7); margin-bottom: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .upload_doc_check_list ul li span { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.7; margin-right: 14px; min-width: 14px; } .upload_doc_check_list ul li.active { color: #FFFFFF; } .upload_doc_check_list ul li.active span { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } .nid_number_sect { margin-bottom: 40px; } .nid_number_sect h3 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 22px; line-height: 45px; margin-bottom: 17px; text-transform: uppercase; color: #FFFFFF; } .nid_number_sect form input { width: 100%; max-width: 570px; border: 2px solid rgba(255, 255, 255, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; height: 60px; font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 45px; color: rgba(255, 255, 255, 0.7); padding: 8px 21px; background: transparent; outline: none; } .kyc_persoanl_info_form form { width: 100%; max-width: 571px; margin-top: 20px; } .kyc_persoanl_info_form form .InputAddressSect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .kyc_persoanl_info_form form .InputAddressSect .Address1Fild { width: 48%; } .kyc_persoanl_info_form form .InputAddressSect .Address2Fild { width: 48%; } .kyc_persoanl_info_form form .InputCitySect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .kyc_persoanl_info_form form .InputCitySect .CityFild { width: 48%; } .kyc_persoanl_info_form form .InputCitySect .PostCodeFild { width: 48%; } .kyc_term_and_condtion_sect { position: relative; margin-bottom: 28px; margin-top: 7px; padding-left: 15px; } .kyc_term_and_condtion_sect lable { font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 158%; color: rgba(255, 255, 255, 0.7); margin-left: 14px; } .kyc_term_and_condtion_sect lable a { font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 158%; color: #6D4AFE; } .kyc_term_and_condtion_sect .container input { position: absolute; opacity: 0; cursor: pointer; display: none; } .kyc_term_and_condtion_sect .checkmark { position: absolute; top: 4px; left: 0; height: 18px; width: 18px; background-color: transparent; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; } .kyc_term_and_condtion_sect .container:hover input ~ .checkmark { opacity: 0.8; } .kyc_term_and_condtion_sect .container input:checked ~ .checkmark { background-color: #6D4AFE; border: none; } .kyc_term_and_condtion_sect .checkmark:after { content: ""; position: absolute; display: none; } .kyc_term_and_condtion_sect .container input:checked ~ .checkmark:after { display: block; } .kyc_term_and_condtion_sect .container .checkmark:after { left: 7px; top: 3px; width: 4px; height: 9px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .kyc_your_documents_sect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .kyc_your_documents_content { text-align: left; max-width: 300px; width: 100%; } .kyc_your_documents_content h3 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 22px; line-height: 158%; text-transform: uppercase; color: #FFFFFF; } .kyc_your_documents_content ul { background: rgba(30, 31, 53, 0.8); padding: 16px 30px; } .kyc_your_documents_content ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .kyc_your_documents_content ul li p { font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 45px; color: rgba(255, 255, 255, 0.7); margin-bottom: 0px; } .kyc_your_documents_content ul li p span { margin-right: 14px; } /*--- team details pages style ---*/ /*--- Team Details css ---*/ .team_details_sect { background: #090B1A; width: 100%; padding-top: 70px; padding-bottom: 140px; } .team_details_container { max-width: 1210px; padding: 0px 20px; width: 100%; margin: 0px auto; } .team_details_img { max-width: 470px; width: 100%; height: 578px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(30, 31, 53, 0.7); } .team_members_info { padding-left: 20px; } .team_members_info h2 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 30px; line-height: 1.4; margin-bottom: 5px; color: #FFFFFF; } .team_members_info h3 { font-size: 18px; color: rgba(255, 255, 255, 0.7); margin-bottom: 21px; } .team_members_info p { font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; margin-bottom: 17px; color: rgba(255, 255, 255, 0.7); } .team_members_contact ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .team_members_contact ul li strong { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 40px; color: rgba(255, 255, 255, 0.7); width: 150px; } .team_members_contact ul li span { font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 40px; color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .team_members_contact ul li .social_link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .team_members_contact ul li .social_link a { -webkit-transition: 0.4s; transition: 0.4s; padding: 0 7px; } .team_members_contact ul li .social_link a i { font-size: 15px; color: #FFFFFF; } .team_members_contact ul li .social_link a:hover i { opacity: 70%; } /*--- road map pages style ---*/ /*---- RoadMap ----*/ .roadmap_duration h6 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 28px; line-height: 55px; text-align: right; color: rgba(255, 255, 255, 0.7); } .gamfi_roadmap { padding-bottom: 120px; background: #090A1A; position: relative; } .roadmap_sect { background: #090A1A; padding-top: 40px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: url("../images/kycimg/roadmapScreenbg.svg"); background-repeat: no-repeat; background-size: cover; background-position: center center; height: 1584px; } .roadmap_container { position: relative; z-index: 1; } .roadMapDivider { position: absolute; top: 0px; z-index: 0; background: transparent; } .roadmap_sect .roadMapDivider img { height: 100%; } .roadmap_left_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 30px; } .roadmap_right_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 30px; } .roadmap_content_box { max-width: 470px; width: 100%; height: 100%; padding: 35px 39px 26px 39px; } .roadmap_content_box1 { background: url("../images/kycimg/roadMapcpntentBg1.svg"); min-height: 253px; margin-top: 60px; background-repeat: no-repeat; background-size: cover; background-position: center center; } .roadmap_content_box2 { background: url("../images/kycimg/roadMapcpntentBg5.html"); min-height: 216px; margin-top: 190px; background-repeat: no-repeat; background-size: cover; background-position: center center; } .roadmap_content_box3 { background: url("../images/kycimg/roadMapcpntentBg2.svg"); min-height: 216px; background-repeat: no-repeat; background-size: cover; background-position: center center; } .roadmap_content_box4 { background: url("../images/kycimg/roadMapcpntentBg6.svg"); min-height: 253px; margin-top: 100px; background-repeat: no-repeat; background-position: center center; } .roadmap_content_box5 { background: url("../images/kycimg/roadMapcpntentBg3.svg"); min-height: 290px; margin-top: 123px; background-repeat: no-repeat; background-size: cover; background-position: center center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .roadmap_content_box6 { background: url("../images/kycimg/roadMapcpntentBg7.svg"); min-height: 290px; margin-top: 253px; background-repeat: no-repeat; background-position: center center; padding-top: 47px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .roadmap_content_box7 { background: url("../images/kycimg/roadMapcpntentBg4.svg"); min-height: 216px; background-repeat: no-repeat; background-size: cover; background-position: center center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .roadmap_content_box h3 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 22px; line-height: 158%; color: #A3FF12; margin-bottom: 10px; } .roadmap_content_box.disable h3 { color: rgba(255, 255, 255, 0.7); } .roadmap_content_box ul li { font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 158%; margin-bottom: 10px; color: rgba(255, 255, 255, 0.7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .roadmap_content_box ul li span { margin-right: 20px; } .roadmap_content_box ul li i { font-size: 16px; } .roadmap_2021, .Roadmap2022 { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .roadmap_2021_divider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; min-height: 825px; top: 0px; width: 50px; background: url("../images/kycimg/Roadmap2021.svg"); background-position: center center; background-repeat: no-repeat; background-size: contain; } .roadmap_2021_divider span { -webkit-transform: rotate(270deg); transform: rotate(270deg); font-family: Russo One; font-style: normal; font-weight: normal; font-size: 22px; line-height: 36px; text-align: center; color: rgba(255, 255, 255, 0.2); } .roadmap_2022_divider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; min-height: 752px; bottom: -65px; width: 50px; background: url("../images/kycimg/Roadmap2022.svg"); background-position: center center; background-repeat: no-repeat; background-size: contain; } .roadmap_2022_divider span { -webkit-transform: rotate(270deg); transform: rotate(270deg); font-family: Russo One; font-style: normal; font-weight: normal; font-size: 22px; line-height: 36px; text-align: center; color: rgba(255, 255, 255, 0.2); } /*--- contact page style ---*/ .get_in_touch_form form { width: 100%; max-width: 571px; margin-top: 20px; } .get_in_touch_form form .input_name_sect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .get_in_touch_form form .input_name_sect .first_name_field { width: 48%; } .get_in_touch_form form .input_name_sect .last_name_field { width: 48%; } .get_in_touch_form form span { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 45px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); } .get_in_touch_form form input { height: 60px; width: 100%; padding: 8px 21px; border: 2px solid rgba(255, 255, 255, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; background: Transparent; font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 45px; color: rgba(255, 255, 255, 0.5); margin-bottom: 23px; } .get_in_touch_form form textarea { height: 130px; width: 100%; padding: 8px 21px; border: 2px solid rgba(255, 255, 255, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; background: Transparent; font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 45px; color: rgba(255, 255, 255, 0.5); margin-bottom: 40px; resize: none; } .get_in_touch_contact_sect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; max-width: 363px; width: 100%; margin-left: auto; padding-left: 30px; } .get_in_touch_contact_content { text-align: left; } .get_in_touch_contact_content h2 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 22px; line-height: 40px; text-transform: uppercase; color: #FFFFFF; } .contact_info_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 15px; } .contact_info_content .contact_info_symbol { margin-top: 9px; margin-left: 22px; } .contact_info_content .contact_info_symbol h5 { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 45px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 0px; } .contact_info_content .contact_info_symbol h6 { font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 0.7); margin-bottom: 0px; } .contact_info_content .contact_info_symbol a { font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 45px; color: #6D4AFE; } /*-------------------------------- 04. Components style --------------------------------*/ /*--- Preloader CSS ---*/ .loader_first { background-color: #151625; position: fixed; z-index: 9999; width: 100%; height: 100%; z-index: 99; } .loader_first .circular-spinner { width: 60px; height: 60px; border: 10px solid rgba(255, 255, 255, 0.1); border-top: 10px solid #A3FF12; border-radius: 50%; -webkit-animation: pre_rotate 1.5s linear infinite; animation: pre_rotate 1.5s linear infinite; position: absolute; left: 49%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @-webkit-keyframes pre_rotate { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pre_rotate { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*--- custom buttons style ---*/ .white-shape-small, .white-shape-big, .black-shape-big, .black-shape, .hover-shape { position: relative; overflow: hidden; } .white-shape-small img, .white-shape-small .btn-text, .white-shape-big img, .white-shape-big .btn-text, .black-shape-big img, .black-shape-big .btn-text, .black-shape img, .black-shape .btn-text, .hover-shape img, .hover-shape .btn-text { position: relative; z-index: 9; } .white-shape-small .hover-shape1, .white-shape-small .hover-shape2, .white-shape-small .hover-shape3, .white-shape-big .hover-shape1, .white-shape-big .hover-shape2, .white-shape-big .hover-shape3, .black-shape-big .hover-shape1, .black-shape-big .hover-shape2, .black-shape-big .hover-shape3, .black-shape .hover-shape1, .black-shape .hover-shape2, .black-shape .hover-shape3, .hover-shape .hover-shape1, .hover-shape .hover-shape2, .hover-shape .hover-shape3 { position: absolute; width: 5px; background: rgba(0, 0, 0, 0.1); height: 124%; left: -42%; top: -5px; -webkit-transform: rotate(22deg); transform: rotate(22deg); -webkit-transition: 0.8s; transition: 0.8s; } .white-shape-small:hover .hover-shape1, .white-shape-big:hover .hover-shape1, .black-shape-big:hover .hover-shape1, .black-shape:hover .hover-shape1, .hover-shape:hover .hover-shape1 { left: 42%; } .white-shape-small:hover .hover-shape2, .white-shape-big:hover .hover-shape2, .black-shape-big:hover .hover-shape2, .black-shape:hover .hover-shape2, .hover-shape:hover .hover-shape2 { left: 50%; } .white-shape-small:hover .hover-shape3, .white-shape-big:hover .hover-shape3, .black-shape-big:hover .hover-shape3, .black-shape:hover .hover-shape3, .hover-shape:hover .hover-shape3 { width: 11px; left: 58%; } .white-shape-small .hover-shape1, .white-shape-small .hover-shape2, .white-shape-small .hover-shape3, .white-shape-big .hover-shape1, .white-shape-big .hover-shape2, .white-shape-big .hover-shape3, .black-shape .hover-shape1, .black-shape .hover-shape2, .black-shape .hover-shape3 { background: rgba(255, 255, 255, 0.1); } .white-shape-big:hover .hover-shape1, .black-shape-big:hover .hover-shape1 { left: 46%; } .white-shape-big:hover .hover-shape2, .black-shape-big:hover .hover-shape2 { left: 49%; } .white-shape-big:hover .hover-shape3, .black-shape-big:hover .hover-shape3 { left: 52.5%; } .black-shape-big-custom { position: relative; overflow: hidden; } .black-shape-big-custom img, .black-shape-big-custom .btn-text { position: relative; z-index: 9; } .black-shape-big-custom .hover-shape1, .black-shape-big-custom .hover-shape2, .black-shape-big-custom .hover-shape3 { position: absolute; width: 5px; background: rgba(0, 0, 0, 0.1); height: 124%; left: -42%; top: -5px; -webkit-transform: rotate(22deg); transform: rotate(22deg); -webkit-transition: 0.8s; transition: 0.8s; } .black-shape-big-custom .hover-shape3 { width: 11px; } .black-shape-big-custom:hover .hover-shape1 { left: 44.8%; } .black-shape-big-custom:hover .hover-shape2 { left: 46.8%; } .black-shape-big-custom:hover .hover-shape3 { left: 48.8%; } .readon, .white-bg-btn { display: inline-block; font-size: 16px; text-transform: uppercase; position: relative; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-family: "Russo One", sans-serif; } .readon { padding: 11px 20px 9px; color: #FFFFFF; border: 2px solid #393941; overflow: hidden; } .readon i { position: relative; top: -2px; font-size: 8px; line-height: 0; color: rgba(255, 255, 255, 0.7); padding-left: 16px; } .readon .fa-calendar-alt { font-size: 20px; } .readon2 { display: inline-block; font-size: 16px; text-transform: uppercase; position: relative; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-family: "Russo One", sans-serif; color: #FFFFFF; border: 2px solid #2E2F3B; padding: 12px 25px 9px; -webkit-transition: 0.4s; transition: 0.4s; } .readon2:hover { color: #FFFFFF; } .readon2 i { font-size: 15px; margin-right: 10px; color: #FFFFFF; position: relative; z-index: 3; } .buy-token a.readon:hover { color: #ffffff; } .white-bg-btn { background: #FFFFFF; color: #090a1a; border: 2px solid #FFFFFF; padding: 10px 20px; } .white-bg-btn i { margin-right: 8px; color: #000000; } .white-bg-btn:hover { background: transparent; color: #FFFFFF; border-color: #393941; } .white-bg-btn:hover i { color: #FFFFFF; } .white-btn { background: #FFFFFF; color: #090A1A; margin-left: 25px; padding: 13px 32px 11px; border: none; } .white-btn img { position: relative; top: -1px; margin-right: 8px; } .banner-btn { display: inline-block; font-size: 16px; text-transform: uppercase; position: relative; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-family: "Russo One", sans-serif; background: #A3FF12; color: #090A1A; padding: 19px 50px; } .banner-btn .hover-shape1, .banner-btn .hover-shape2, .banner-btn .hover-shape3 { background: rgba(0, 0, 0, 0.1); } .banner-btn:hover { color: #090A1A; } .banner-btn:hover .hover-shape1 { left: 44%; } .banner-btn:hover .hover-shape3 { left: 54%; } .view-more { border: 2px solid #2E2F3C; color: #FFFFFF; padding: 12px 25px 8px; text-transform: uppercase; font-family: "Russo One", sans-serif; overflow: hidden; display: block; -webkit-transition: 0.4s; transition: 0.4s; } .view-more i { font-size: 15px; padding-left: 15px; } .view-more:hover { color: #FFFFFF; } .view-project-btn { width: 200px; height: 60px; background: #A3FF12; outline: none; margin-right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .view-project-btn .btn-text { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; text-align: center; text-transform: uppercase; color: #090A1A; } .apply-project-btn { width: 200px; height: 60px; margin-left: 15px; background: transparent; border: 2px solid rgba(255, 255, 255, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .apply-project-btn .btn-text { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; text-align: center; text-transform: uppercase; color: #FFFFFF; } .show-more-logo-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 50px; width: 180px; position: relative; background: transparent; margin: auto; padding: 16px 21px; border: 2px solid rgba(255, 255, 255, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; } .show-more-logo-btn .btn-text { font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; text-transform: uppercase; color: #FFFFFF; } .show-more-logo-btn .btn-text2 { display: none; } .show-more-logo-btn::before { content: "\e902"; position: absolute; top: 13px; right: 24px; color: rgba(255, 255, 255, 0.7); font-family: "icomoon"; font-size: 12px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .show-more-logo-btn.active .btn-text-1 { display: none; } .show-more-logo-btn.active .btn-text2 { display: block; } .show-more-logo-btn.active::before { content: "\e902"; position: absolute; top: 13px; right: 24px; color: rgba(255, 255, 255, 0.7); font-family: "icomoon"; font-size: 12px; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .participate-btn, .whitelist-btn { height: 60px; width: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; outline: none; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-align: center; text-transform: uppercase; color: #FFFFFF; } .participate-btn { background: #6D4AFE; border: none; } .whitelist-btn { background: transparent; border: 2px solid rgba(255, 255, 255, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 30px; } .connect-wallet-btn-for-mobile { width: 100%; background: #6D4AFE; margin-top: 20px; } .connect-wallet-btn-for-mobile .btn-text { color: #FFFFFF; padding-left: 10px; } .HelpCenterBtn a { width: 170px; height: 50px; background: rgba(255, 255, 255, 0.1); font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; text-align: center; text-transform: uppercase; color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /*--- buttons style ---*/ .theme-btn { padding: 20px 50px; background-color: #A3FF12; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; font-family: "Russo One", sans-serif; font-size: 16px; font-weight: 400; color: #090a1a; position: relative; overflow: hidden; -webkit-transition: 0.3s; transition: 0.3s; } .theme-btn img, .theme-btn span { z-index: 1; } .theme-btn .hover-shape1, .theme-btn .hover-shape2, .theme-btn .hover-shape3 { position: absolute; z-index: 0; top: -5px; left: -20%; width: 5px; height: 124%; background: rgba(0, 0, 0, 0.1); -webkit-transition: 0.8s; transition: 0.8s; -webkit-transform: rotate(22deg); transform: rotate(22deg); } .theme-btn .hover-shape3 { width: 11px; } .theme-btn:hover { color: #090a1a; } .theme-btn:hover .hover-shape1 { left: 44%; } .theme-btn:hover .hover-shape2 { left: 50%; } .theme-btn:hover .hover-shape3 { left: 56%; } .theme-btn.blue { background-color: #6D4AFE; color: #FFFFFF; } .theme-btn.blue:hover { color: #FFFFFF; } .theme-btn.blue:hover .hover-shape1 { left: 44.8%; } .theme-btn.blue:hover .hover-shape2 { left: 46.8%; } .theme-btn.blue:hover .hover-shape3 { left: 48.8%; } /*--- Gamfi Header Section CSS ---*/ .gamfi-header-section { background-color: #090A1A; padding: 25px 0; } .gamfi-header-section.transparent-header { background: transparent; position: absolute; width: 100%; z-index: 12; } .gamfi-header-section.default-header { background: #090A1A; position: relative; z-index: 11; } .gamfi-header-section.default-header::after, .gamfi-header-section.default-header::before { width: 252px; height: 100%; content: ""; background-image: url("../images/bg/header-shape1.png"); position: absolute; top: 0; background-repeat: no-repeat; z-index: 0; } .gamfi-header-section.default-header::after { background-image: url("../images/bg/header-shape1.png"); left: 0; } .gamfi-header-section.default-header::before { background-image: url("../images/bg/header-shape2.png"); right: 0; } .gamfi-header-section .logo { margin-right: 60px; } .menu-area { position: relative; z-index: 1; } .gamfi-header-section .heaader-inner-area ul li { display: inline-block; position: relative; } .gamfi-header-section .heaader-inner-area ul li img { margin-right: 10px; } .gamfi-header-section .heaader-inner-area ul li:hover ul { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .gamfi-header-section .heaader-inner-area ul li ul { position: absolute; left: 0px; top: 100%; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 10; } .gamfi-header-section .heaader-inner-area ul li ul li { display: block; width: 240px; } .gamfi-header-section .heaader-inner-area ul li ul li + li { border-top: 1px solid #343441; margin-bottom: -1px; } .gamfi-header-section .heaader-inner-area ul li ul li a { display: block; background: #222231; font-size: 16px; font-family: "Russo One", sans-serif; background: rgba(19, 20, 44, 0.98); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); padding: 15px 24px; -webkit-transition: 0.4s; transition: 0.4s; color: rgba(255, 255, 255, 0.7); } .gamfi-header-section .heaader-inner-area ul li ul li a i { font-size: 20px; color: #FFFFFF; margin-right: 10px; position: relative; top: 2px; } .gamfi-header-section .heaader-inner-area ul li ul li a:hover { color: #FFFFFF; } .gamfi-header-section .header-menu ul li { display: inline-block; overflow: visible; } .gamfi-header-section .header-menu ul li + li { margin-left: 40px; } .gamfi-header-section .header-menu ul li.menu-item-has-children { position: relative; } .gamfi-header-section .header-menu ul li.menu-item-has-children::before { content: "\e901"; position: absolute; top: 18px; right: -18px; color: rgba(255, 255, 255, 0.7); font-family: "icomoon"; font-size: 7px; } .gamfi-header-section .header-menu ul li a { display: block; color: #FFFFFF; font-family: "Russo One", sans-serif; font-weight: 400; padding-top: 10px; padding-bottom: 10px; } .gamfi-header-section .header-menu ul li ul.sub-menu li { margin-left: 0; margin-bottom: -1px; } .gamfi-header-section .header-menu ul li ul.sub-menu li .sub-menu { position: absolute; left: 100%; top: 0; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .gamfi-header-section .header-menu ul li ul.sub-menu li:hover .sub-menu { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .gamfi-header-section .header-menu ul li ul.sub-menu li.menu-item-has-children { position: relative; } .gamfi-header-section .header-menu ul li ul.sub-menu li.menu-item-has-children::before { content: "\e902"; top: 22px; right: 30px; font-size: 10px; } .gamfi-header-section .gamfi-btn-area ul li ul li a { color: rgba(255, 255, 255, 0.7); } .gamfi-header-section .gamfi-btn-area ul li ul li a:hover { color: #FFFFFF; } .gamfi-header-section .gamfi-btn-area ul .nav-expander { margin-top: 15px; } .gamfi-header-section .gamfi-btn-area ul .nav-expander .bar { overflow: hidden; } .gamfi-header-section .gamfi-btn-area ul .nav-expander .bar span { height: 2px; display: block; background: rgba(255, 255, 255, 0.7); -webkit-transition: all .5s ease; transition: all .5s ease; cursor: pointer; list-style: none; } .gamfi-header-section .gamfi-btn-area ul .nav-expander .bar span.dot1 { width: 20px; margin-bottom: 6px; } .gamfi-header-section .gamfi-btn-area ul .nav-expander .bar span.dot2 { width: 30px; margin-bottom: 6px; } .gamfi-header-section .gamfi-btn-area ul .nav-expander .bar span.dot3 { width: 25px; } .gamfi-header-section .gamfi-btn-area ul .nav-expander .bar:hover span.dot1, .gamfi-header-section .gamfi-btn-area ul .nav-expander .bar:hover span.dot3 { width: 30px; } .gamfi-header-section .gamfi-btn-area > ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .gamfi-header-section .right_menu_togle { background: #FFFFFF; padding: 66px 60px 50px 50px; max-width: 400px; width: 100%; right: -500px; z-index: 999; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: fixed; overflow-y: auto; } .gamfi-header-section .right_menu_togle .close-btn { overflow: visible; position: absolute; top: 10px; display: block; z-index: 99; right: 57px; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; } .gamfi-header-section .right_menu_togle .close-btn:hover .nav-close .line span { opacity: 0.85; } .gamfi-header-section .right_menu_togle .close-btn .nav-close .line { width: 40px; height: 40px; line-height: 40px; } .gamfi-header-section .right_menu_togle .close-btn .nav-close .line span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); width: 3px !important; height: 28px !important; background: #151625; border: none !important; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .gamfi-header-section .right_menu_togle .close-btn .nav-close .line span.line2 { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .gamfi-header-section .right_menu_togle .canvas-logo { padding-left: 0; padding-bottom: 35px; } .gamfi-header-section .right_menu_togle .canvas-logo img { max-height: 25px; } .gamfi-header-section .mobile-navbar-menu .sub-menu { display: none; position: relative; left: 0; width: 100%; margin: 0; text-align: left; } .gamfi-header-section .mobile-navbar-menu .nav-menu li { position: relative; } .gamfi-header-section .mobile-navbar-menu .nav-menu li a { border-bottom: 1px solid rgba(0, 0, 0, 0.06); display: block; color: #090b1a; padding: 10px 0; line-height: 30px; width: 100%; font-family: "Russo One", sans-serif; } .gamfi-header-section .mobile-navbar-menu .nav-menu li li a { padding-left: 25px; } .gamfi-header-section .mobile-navbar-menu .nav-menu li li li a { padding-left: 50px; } .gamfi-header-section .mobile-navbar-menu span.submenu-button { position: absolute; z-index: 99; right: 0; top: 5px; display: block; height: 40px; width: 40px; cursor: pointer; width: 100%; cursor: pointer; top: 0; height: 50px; } .gamfi-header-section .mobile-navbar-menu span.submenu-button::before, .gamfi-header-section .mobile-navbar-menu span.submenu-button::after { position: absolute; top: 24px; right: 10px; width: 20px; height: 1px; display: block; background: #151625; z-index: 2; content: ''; right: 12px; width: 12px; } .gamfi-header-section .mobile-navbar-menu span.submenu-button::before { width: 1px; height: 12px; right: 17px; top: 18px; } .gamfi-header-section .mobile-navbar-menu span.submenu-button em { display: block; position: absolute; right: 0; border-radius: 4px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .gamfi-header-section .mobile-navbar-menu .submenu-button.submenu-opened::before { display: none; } .gamfi-header-section .mobile-navbar-menu ul ul li, .gamfi-header-section .mobile-navbar-menu li:hover > ul > li { height: auto; } .nav-expanded nav { right: 0 !important; } .progress-inner { background: rgba(255, 255, 255, 0.1); padding: 8px; } .progress-inner .progress, .progress-inner .progress-bar { background-color: rgba(255, 255, 255, 0); background-size: 14px 32px; background-image: linear-gradient(60deg, rgba(255, 255, 255, 0.15) 26%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 54%, rgba(255, 255, 255, 0.15) 82%, transparent 75%, transparent); height: 12px; } .progress-inner .progress { border-radius: 0; } .progress-inner .progress-bar { background-image: linear-gradient(60deg, #a3ff12 26%, transparent 25%, transparent 50%, #a3ff12 54%, #a3ff12 82%, transparent 75%, transparent); } .canvas-menu ul li { display: block; } .canvas-menu ul li + li { padding-top: 15px; } .canvas-menu ul li a { display: block; color: #FFFFFF; font-weight: 600; } .canvas-menu ul li a:hover { color: #636363; } /*--- Mega Menu ---*/ .gamfi_mega_menu { background: rgba(19, 20, 44, 0.98); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); padding-top: 0px; min-height: 600px; position: relative; width: 100%; z-index: 111; border-top: 3px solid rgba(255, 255, 255, 0.08); display: block; } .mega_menu_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .home_menu_list_headings { position: relative; height: 33px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .home_menu_list_headings h2 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 15px; line-height: 19px; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; margin-bottom: 0px; } .mega_menu_left_sect .mega_menu_left_bg_sect { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; background: transparent; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); z-index: 0; min-height: 600px; } .mega_menu_left_bg { position: relative; z-index: 1; height: 100%; } .mega_menu_left_bg_color { background: rgba(255, 255, 255, 0.05); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); height: 100%; width: 32%; z-index: 1; } .home_menu_list { position: relative; z-index: 11; height: 600px; } .home_menu_list ul { margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 0% !important; } .home_menu_list ul li { margin-left: 0px !important; width: auto !important; border: none !important; padding-bottom: 20px !important; height: auto !important; } .home_menu_list ul li a { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; font-family: "Russo One", sans-serif !important; font-style: normal; font-weight: 400 !important; font-size: 16px !important; line-height: 19px !important; text-transform: uppercase !important; color: rgba(255, 255, 255, 0.7) !important; background: transparent !important; padding: 0px !important; border: none !important; } .home_menu_list ul li a span { margin-left: 6px; } .home_menu_list ul li a span img { margin-right: 0px; } .mega_menu_left_sect { padding-right: 30px; height: 600px; padding-top: 36px; } .home_menu_right_sect { padding-left: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 880px; width: 100%; position: relative; z-index: 11111; padding-top: 36px; height: 600px; background: rgba(19, 20, 44, 0.98); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } .menu_headings { position: relative; height: 33px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .menu_headings h2 { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 15px; line-height: 19px; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; margin-bottom: 0px; } .menu_column ul { margin-top: 8px; margin-bottom: 28px; } .menu_column ul li span { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 10px; line-height: 24px; text-transform: uppercase; color: #FFFFFF; padding: 0px 4px; border-radius: 23px; margin-left: 10px; height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .menu_column ul li span.new { background: #6D4AFE; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .menu_column ul li span.soon { color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.1); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .menu_column ul li span.hot { background: #F82552; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .menu_column ul li a { font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 15px; line-height: 36px; color: rgba(255, 255, 255, 0.7); } .menu_column ul li a:hover { color: #FFFFFF !important; } .gamfi-header-section .heaader-inner-area ul li.mega_menu_hov { position: inherit; } .gamfi-header-section .heaader-inner-area ul li .gamfi_mega_menu ul { position: inherit; } .gamfi-header-section .heaader-inner-area ul li .gamfi_mega_menu ul { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .gamfi-header-section .heaader-inner-area ul li .menu_column ul li a { display: block; background: none; padding: 0px; -webkit-transition: 0.4s; transition: 0.4s; } .gamfi-header-section .heaader-inner-area ul li .menu_column ul li { border: none; margin: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .gamfi-header-section .header-menu ul li .menu_column ul { display: block !important; } .gamfi-header-section .header-menu ul li .menu_column ul li a { display: block; font-family: "Russo One", sans-serif; font-style: normal; font-weight: 400; font-size: 15px; line-height: 36px; color: rgba(255, 255, 255, 0.7); padding: 0px; } .gamfi_mega_menu_sect { padding-top: 40px; position: absolute; height: 100%; left: 0px; width: 100%; top: 42px; z-index: 10000; opacity: 0; visibility: hidden; -webkit-transition: 0.2s; transition: 0.2s; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mega_menu_hov:hover .gamfi_mega_menu_sect { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .v2_MenuLogoArea { max-width: 980px; width: 100%; padding-right: 28px; } .v2_white_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gamfi-header-section .header-menu.header-menuV2 ul li ul.sub-menu li .sub-menu { left: -100%; } .gamfi-header-section .header-menu.header-menuV2 ul li ul.sub-menu li.menu-item-has-children:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .gamfi-header-section .header-menu.header-menuV2 ul li ul.sub-menu li.menu-item-has-children:hover:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /*--- Gamfi Breadcrumbs Section CSS ---*/ .gamfi-breadcrumbs-section { background: url("../images/bg/breadcrumbs-bg.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 80px 0 70px; } .gamfi-breadcrumbs-section.breadcrumbs-style2 { padding-top: 130px; padding-bottom: 115px; background: url("../images/bg/breadcrumbs-bg2.jpg"); position: relative; background-position: bottom center; z-index: 2; } .breadcrumbs-link { color: rgba(255, 255, 255, 0.7); text-transform: uppercase; margin-right: 24px; position: relative; font-family: "Russo One", sans-serif; } .breadcrumbs-link::before { content: ""; width: 6px; height: 6px; background: rgba(255, 255, 255, 0.7); position: absolute; bottom: 4px; right: -15px; } .breadcrumbs-link:hover { color: #A3FF12; } .breadcrumbs-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .breadcrumbs-social a { color: #B8B8BD; text-transform: uppercase; font-family: "Russo One", sans-serif; } .breadcrumbs-social a i { font-size: 15px; } .breadcrumbs-form form { position: relative; margin-right: 30px; top: -3px; } .breadcrumbs-form input { background: transparent; } .breadcrumbs-form input[type="text"] { border: 1px solid rgba(255, 255, 255, 0.3); padding: 11px 20px; width: 380px; color: rgba(255, 255, 255, 0.7); } .breadcrumbs-form input[type="submit"] { font-size: 0; border: none; } .breadcrumbs-form .submit { position: absolute; right: -6px; top: 11px; } .breadcrumbs-form .submit i { font-size: 15px; cursor: pointer; padding: 0; color: rgba(255, 255, 255, 0.7); position: relative; -webkit-transition: 0.4s; transition: 0.4s; top: 2px; right: 10px; } .breadcrumbs-form .submit i:hover { color: #B9B9C0; } .breadcrumbs-form .btn-area .readon { background: rgba(255, 255, 255, 0.1); border: none; padding: 12px 26px 10px; color: #FFFFFF; } .breadcrumbs-form .btn-area .readon i { font-size: 15px; top: 1px; margin-right: 10px; color: #FFFFFF; position: relative; z-index: 3; } .breadcrumbs-form .btn-area .readon:hover { color: #FFFFFF; } /*--- project breadcrumb style ---*/ .project-clasic-breadcum-sect { height: auto; background: #090A1A; position: relative; } .project-clasic-breadcum-bg .project-clasic-breadcum-img { position: absolute; top: -110px; left: 0px; width: 100%; z-index: 0; } .project-clasic-breadcum-bg .project-clasic-breadcum-img img { width: 100%; } /*--- blog breadcrumb style ---*/ .gamfi-breadcrumbs-section.blog-breadcrumbs { background: url("../images/blog/blog-bg.jpg"); background-size: cover; padding-top: 410px; padding-bottom: 45px; } .gamfi-breadcrumbs-section.blog-breadcrumbs .sec-heading h1 { font-size: 60px; text-transform: none; margin-bottom: 45px; } .gamfi-breadcrumbs-section.blog-breadcrumbs .sub-menu img { margin-right: 10px; } .gamfi-breadcrumbs-section.blog-breadcrumbs .sub-menu ul { margin: 0; padding: 0; list-style: none; } .gamfi-breadcrumbs-section.blog-breadcrumbs .sub-menu ul li { display: inline-block; margin-right: 35px; } .gamfi-breadcrumbs-section.blog-breadcrumbs .sub-menu ul li a { font-size: 16px; text-transform: uppercase; } .gamfi-breadcrumbs-section.blog-breadcrumbs .sub-menu ul li i { margin-right: 10px; font-size: 15px; } /*--- account style ---*/ .account__area { background: #090A1A; position: relative; padding: 96px 0px 0px 0px; } .account-bg { background: url("../images/kycimg/signUpBgimage.svg"); background-position: center center; background-size: cover; height: 340px; background-repeat: no-repeat; width: 100%; position: absolute; z-index: 0; top: 0px; } .account__content { position: relative; z-index: 2; width: 100%; padding-bottom: 150px; max-width: 690px; margin: auto; } .account__form { background: rgba(30, 31, 53, 0.8); max-width: 690px; width: 100%; margin: auto; padding: 63px 60px 56px 60px; position: relative; z-index: 2; } @media screen and (max-width: 767px) { .account__form { padding: 30px; } } .account-shadow { background: url("../images/kycimg/BlurShadow.svg"); background-position: center center; background-size: cover; height: 340px; background-repeat: no-repeat; width: 100%; position: absolute; z-index: 0; bottom: 5px; z-index: 1; } .account__title h2 { font-family: "Russo One", sans-serif; font-weight: 400; font-size: 36px; line-height: 43px; text-align: center; text-transform: uppercase; margin-bottom: 23px; color: #FFFFFF; } .account__title h3 { font-family: "Inter", sans-serif; font-weight: 500; font-size: 16px; line-height: 28px; text-align: center; color: rgba(255, 255, 255, 0.7); text-transform: none; max-width: 430px; margin: auto; } @media screen and (max-width: 480px) { .account__title h2 { font-size: 24px; line-height: 30px; margin-bottom: 15px; } } .account__form.signInForm h3 { font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; text-align: center; color: rgba(255, 255, 255, 0.7); text-transform: none; max-width: 356px; margin: auto; margin-bottom: 29px; } .account__form.ForgotPassForm h3 { font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; text-align: center; color: rgba(255, 255, 255, 0.7); text-transform: none; max-width: 356px; margin: auto; margin-bottom: 29px; } .account__form form .btn_custom { width: 100%; height: 60px; background: #6D4AFE; border: none; outline: none; font-family: Russo One; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; text-align: center; text-transform: uppercase; color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .item-bottom h4 { font-family: "Inter", sans-serif; font-weight: 500; font-size: 16px; line-height: 28px; text-align: center; color: rgba(255, 255, 255, 0.7); } .item-bottom h4 a { font-family: "Inter", sans-serif; font-weight: 500; font-size: 16px; line-height: 28px; text-align: center; color: #6D4AFE; -webkit-transition: 0.3s; transition: 0.3s; } .item-bottom h4 a:hover { color: #FFFFFF; } .input__group__between { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .input__group__between .input__group { width: 48%; } @media screen and (max-width: 991px) { .input__group__between { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .input__group__between .input__group { width: 100%; } } .input__group label { margin-bottom: 5px; font-family: "Russo One", sans-serif; font-weight: 400; font-size: 16px; line-height: 45px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); } .input__group input, .input__group textarea { width: 100%; border: 2px solid rgba(255, 255, 255, 0.15); background-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; font-family: "Inter", sans-serif; font-weight: 500; font-size: 16px; line-height: 40px; color: #FFFFFF; padding: 8px 21px; } .input__group textarea { resize: none; } .input__group--v2 input, .input__group--v2 textarea { padding: 8px 19px; } .input-overlay { position: relative; } .input-overlay input { padding-left: 77px; } .input-overlay .overlay { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: calc(100% - 4px); border-right: 2px solid rgba(255, 255, 255, 0.15); padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .input-overlay .overlay i { font-size: 18px; } .account__form .item-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px; } .account__form .item-text input { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; width: 20px; height: 20px; } .account__form .item-text input::before { position: absolute; content: ""; top: 0; left: 0; width: 20px; height: 20px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.2); } .account__form .item-text input::after { position: absolute; content: "\f00c"; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: "FontAwesome"; color: #FFFFFF; opacity: 0; } .account__form .item-text input:checked::before { background-color: #6D4AFE; } .account__form .item-text input:checked::after { opacity: 1; } .account__form .item-text label { font-family: "Inter", sans-serif; font-weight: 500; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.7); } .account__form .item-text label a { color: #6D4AFE; -webkit-transition: 0.3s; transition: 0.3s; } .account__form .item-text label a:hover { color: #FFFFFF; } .account__form .item-text a { font-family: "Inter", sans-serif; font-weight: 500; font-size: 16px; line-height: 45px; color: rgba(255, 255, 255, 0.7); -webkit-transition: 0.3s; transition: 0.3s; } .account__form .item-text a:hover { color: #FFFFFF; } /*--- Gamfi Form Content Section CSS ---*/ .apply-section { background-color: #090A1A; } .input-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .input-list label { cursor: pointer; } .input-list input { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #3a3b48; position: relative; -webkit-transition: 0.3s; transition: 0.3s; } .input-list input::before { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 8px; height: 8px; border-radius: 50%; background-color: #a3ff12; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .input-list input:checked { border: 2px solid #568416; } .input-list input:checked::before { opacity: 1; } /* --- Gamfi footer Section CSS ---*/ .gamfi-footer-section { background-color: #090A1A; position: relative; } .gamfi-footer-section .footer-cta-area { background: radial-gradient(circle, #4a4176 -24%, #1E1F35 40%); padding: 70px 0 80px 0; position: relative; z-index: 9; } .gamfi-footer-section .footer-area { background: url("../images/bg/footer-bg.jpg"); background-repeat: no-repeat; background-position: center bottom; background-size: cover; position: relative; padding-top: 250px; margin-top: -150px; } .footer-bg-transparent { background: transparent !important; } .footer-cta-area .footer-link input[type="email"] { border: none; background: transparent; border: 2px solid #4C4764; padding: 15px 15px; width: 350px; color: #FFFFFF; margin-right: 15px; } .footer-cta-area .footer-link .subscribe { background: #A3FF12; } .footer-cta-area .footer-link .subscribe span { z-index: 9; } .footer-cta-area .footer-link input[type="submit"] { border: none; text-transform: uppercase; font-family: "Russo One", sans-serif; padding: 17px 50px; position: relative; z-index: 3; background: transparent; } .footer-cta-area .black-shape .hover-shape1, .footer-cta-area .black-shape .hover-shape2, .footer-cta-area .black-shape .hover-shape3 { background: rgba(0, 0, 0, 0.1); } .footer-cta-area .black-shape:hover .hover-shape1 { left: 44%; } .footer-cta-area .black-shape:hover .hover-shape3 { left: 56%; } .footer-cta-form .title { max-width: 550px; margin: 0 auto 18px; } .footer-cta-form .title img { position: relative; top: -5px; } .footer-cta-form form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 570px; margin: 0 auto; } .footer-icon-list { margin: 0; padding: 0; list-style: none; } .footer-icon-list li { display: inline-block; } .footer-icon-list i { color: #FFFFFF; background: url("../images/icons/icon-image.png"); width: 60px; height: 60px; line-height: 60px; display: inline-block; margin: 0 12px; -webkit-transition: 0.4s; transition: 0.4s; font-size: 20px; } .footer-icon-list i:hover { color: rgba(255, 255, 255, 0.7); } .footer-mainmenu ul { margin: 0; padding: 0; list-style: none; } .footer-mainmenu ul li { display: inline-block; padding: 0 10px; } .footer-mainmenu ul li a { color: rgba(255, 255, 255, 0.7); -webkit-transition: 0.4s; transition: 0.4s; } .footer-mainmenu ul li a:hover { color: #FFFFFF; } .copyright-area .gafi { color: rgba(255, 255, 255, 0.7); } .copyright-area .gafi:hover { color: #FFFFFF; } .scrollup { padding-top: 10px; padding-bottom: 35px; } .scrollup i { font-weight: 700; font-size: 12px; color: rgba(255, 255, 255, 0.7); -webkit-transition: 0.4s; transition: 0.4s; } .scrollup i:hover { color: #FFFFFF; } /*--- home 2 footer ---*/ .gamfi_footer_btn_sect { height: 200px; background: #6D4AFE; position: fixed; left: 0; top: auto; right: 0; bottom: 0; z-index: 1; } .gamfi_footer_btn_content { height: 200px; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gamfi_footer_btn_content span.frame_left { position: absolute; left: 0px; bottom: 0px; z-index: 1; } .gamfi_footer_btn_content span.frame_right { position: absolute; right: 0px; bottom: 0px; z-index: 1; } .gamfi_footer_btn_content span img { height: 200px; -webkit-filter: contrast(100); filter: contrast(100); } .gamfi_footer_btn_content a { position: absolute; font-family: Russo One; font-style: normal; font-weight: normal; font-size: 22px; line-height: 55px; text-align: center; text-transform: uppercase; color: #FFFFFF; border: none; outline: none; background: transparent; } /*--- Modal Section CSS ---*/ .modal .modal-dialog { max-width: 440px; margin: auto; margin-top: 50px; } .modal-content { background: #1E1F35; padding: 30px 35px 5px; } .modal-content p { font-size: 14px; } .modal-content .modal-header { border: none; padding-bottom: 8px; } .modal-content .modal-header i { font-size: 15px; color: #FFFFFF; } .modal-content .heading-list { margin: 0; padding: 0; list-style: none; } .modal-content .heading-list li { display: block; background: #292A3F; padding: 15px 30px; margin-bottom: 20px; position: relative; cursor: pointer; } .modal-content .heading-list li span { width: 35px; display: inline-block; margin-right: 20px; } .modal-content .heading-list li::before { content: "\e902"; position: absolute; top: 22px; right: 30px; color: rgba(255, 255, 255, 0.7); font-family: "icomoon"; font-size: 10px; } .modal-content .heading-list li a { color: #FFFFFF; font-family: "Russo One", sans-serif; } .modal-content .modal-title { color: #FFFFFF; -webkit-transition: 0.4s; transition: 0.4s; font-weight: 600; } .modal-content .modal-title:hover { color: rgba(255, 255, 255, 0.7); } #shareIocns .modal-content { padding-right: 10px; } #shareIocns .modal-content .modal-header { padding-bottom: 15px; } #shareIocns .modal-content .btn-close { position: relative; right: 26px; top: -7px; } #shareIocns .popup-share-icons { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -14px; } #shareIocns .popup-share-icons li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 21%; margin-left: 14px; } #shareIocns .popup-share-icons li i { color: #FFFFFF; background: url("../images/icons/icon-image.png"); width: 60px; height: 60px; line-height: 60px; display: inline-block; margin: 0 0 25px; -webkit-transition: 0.4s; transition: 0.4s; font-size: 20px; text-align: center; } #shareIocns .popup-share-icons li i:hover { color: rgba(255, 255, 255, 0.7); } #shareIocns .popup-share-icons li a { display: block; } /*--- modal-backdrop ---*/ .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1050; width: 100vw; height: 100vh; -webkit-filter: blur(1px); filter: blur(1px); -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); background: rgba(0, 0, 12, 0.8); } .modal-backdrop.in { opacity: 1 !important; } /*--- gamfi navigation section CSS ---*/ .gamfi-navigation ul li { display: inline-block; position: relative; } .gamfi-navigation ul li + li { margin-left: 4px; } .gamfi-navigation ul li:first-child { top: 2px; } .gamfi-navigation ul li:first-child a { padding: 11px 19px 8px; position: relative; top: -1px; } .gamfi-navigation ul li a { display: block; border: 1px solid #2E2F3C; color: #FFFFFF; padding: 10px 20px; font-family: "Russo One", sans-serif; text-transform: uppercase; -webkit-transition: 0.4s; transition: 0.4s; } .gamfi-navigation ul li a .icon-Vector { font-size: 13px; } .gamfi-navigation ul li a .icon-arrow_right { font-size: 13px; } .gamfi-navigation ul li a.active:not(.black-shape), .gamfi-navigation ul li a:hover:not(.black-shape) { background: #2E2F3C; color: #A3FF12; } /*--- breadcrumb gamfi navigation section CSS ---*/ .breadcrumbs-form .gamfi-navigation { position: relative; top: -3px; } .breadcrumbs-form .gamfi-navigation ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .breadcrumbs-form .gamfi-navigation ul li:first-child { top: 0; } .breadcrumbs-form .gamfi-navigation ul li:first-child a { padding-top: 11px; padding-bottom: 8px; } /*--- Progress bar style ---*/ .progress-line { border-radius: 0px; position: relative; height: 8px; width: 100%; background-color: rgba(255, 255, 255, 0.1); } .progress-line .progress-done { border-radius: 0px; height: 100%; width: 0%; opacity: 0; background-color: red; -webkit-transition: 0.3s; transition: 0.3s; } .progress-line .progress-done.bg-theme { background-color: #A3FF12; } .progress-line .progress-done.bg-green { background-color: #33EFB0; } .progress-line .progress-done.bg-red { background-color: rgba(243, 19, 19, 0.4); } .progress-line .progress-done.bg-gray { background-color: rgba(255, 255, 255, 0.3); } .project_clasic_slider_progress_sect .progress { width: 150px; height: auto; --bs-progress-bg: transparent; } .project_clasic_slider_progress_sect .progress svg { width: 150px; height: 150px; } .circle-progress-value { stroke-width: 6px; stroke: #A3FF12; } .circle-progress-circle { stroke-width: 6px; stroke: #534A7C; } .circle-progress-text { fill: #FFFFFF; font-family: "Russo One", sans-serif; font-weight: 400; font-size: 30px; line-height: 30px; } .circle-progress-text-max { display: none; } /*-------------------------------- 05. Utilities style --------------------------------*/ .mb-23 { margin-bottom: 23px; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }