ol,
ul {
    padding-left: 20px
}

blockquote,
cite,
dfn,
em,
i {
    font-style: italic
}

a,
button {
    color: inherit
}

a,
a:hover {
    text-decoration: none
}

body,
html,
pre,
table th {
    color: var(--body-color)
}

.cs_btn.cs_style_1.cs_type_1 span,
.cs_btn.cs_style_1:hover span,
.cs_preloader,
body,
html {
    background-color: var(--web-wash)
}

.cs_btn.cs_style_1 span,
.cs_center,
.cs_list.cs_style_1 .cs_list_item {
    display: -webkit-box;
    display: -ms-flexbox
}

:root {
    --web-wash: #0a0909;
    --heading-color: #fff;
    --body-color: rgba(255, 255, 255, 0.7);
    --ternary: #88a5ad;
    --accent-color: #e018ff;
    --gray: #f7f7f7;
    --border: #dddddd;
    --heading-font: "Mazzard Soft";
    --body-font: "Mazzard Soft"
}

@font-face {
    font-family: Conthrax;
    src: url("../fonts/conthrax/conthrax-sb.ttf") format("truetype");
    font-weight: 600;
    font-style: normal
}

body,
html {
    font-family: var(--body-font);
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 500;
    overflow-x: clip
}

.cs_primary_font,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--heading-font)
}

.cs_preloader span,
.cs_semibold,
dl dt,
h1,
h2,
h3,
h4,
h5,
h6,
table th {
    font-weight: 600
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: var(--heading-color);
    padding: 0;
    margin: 0 0 20px;
    line-height: 1.2em
}

.cs_footer_widget_title,
.cs_secondary_font {
    font-family: var(--body-font)
}

h1 {
    font-size: 56px
}

h2 {
    font-size: 42px
}

h3 {
    font-size: 30px
}

h4 {
    font-size: 24px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 16px
}

.cs_list.cs_style_1 .cs_list_item:not(:last-child),
p {
    margin-bottom: 15px
}

dl,
ol,
table {
    margin-bottom: 25px
}

ul {
    margin: 0 0 25px;
    list-style: square
}

blockquote {
    margin: 0;
    font-size: 20px;
    line-height: 1.6em
}

address {
    margin: 0 0 15px
}

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

a {
    -webkit-transition: .3s;
    transition: .3s
}

button {
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer
}

a:hover {
    color: var(--accent-color)
}

table {
    width: 100%
}

table td,
table th {
    border-top: 1px solid var(--border);
    padding: 11px 10px
}

.cs_bold,
b,
strong {
    font-weight: 700
}

pre {
    border: 1px solid var(--border);
    font-size: 18px;
    padding: 25px;
    border-radius: 5px
}

.cs_btn.cs_style_1 span,
.cs_btn.cs_style_1:hover span,
.cs_primary_color,
input,
textarea {
    color: var(--heading-color)
}

kbd {
    font-size: 100%;
    background-color: var(--body-color);
    border-radius: 5px
}

input,
textarea {
    -webkit-transition: .4s;
    transition: .4s
}

.cs_preloader {
    position: fixed;
    z-index: 99999;
    top: 0;
    width: 100%;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cs_preloader::after,
.cs_preloader::before {
    content: "";
    width: 514px;
    height: 514px;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(224, 24, 255, .5)), to(rgba(134, 14, 153, .5)));
    background: linear-gradient(180deg, rgba(224, 24, 255, .5) 0, rgba(134, 14, 153, .5) 100%);
    -webkit-filter: blur(250px);
    filter: blur(250px);
    position: absolute;
    pointer-events: none
}

.cs_hero_shapes_1 .cs_shape_position_1,
.cs_preloader::before {
    top: -95px;
    left: -121px
}

.cs_hero_shapes_1 .cs_shape_position_2,
.cs_preloader::after {
    right: -80px;
    top: 190px
}

.cs_preloader_in {
    background: linear-gradient(116.85deg, #e018ff 0, #823fff 100%);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    left: calc(50% - 15px);
    top: calc(50% - 25px);
    position: absolute;
    -webkit-animation: .5s ease-in-out infinite spin;
    animation: .5s ease-in-out infinite spin
}

.cs_preloader span {
    left: 50%;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-top: 12px
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spinbox {
    from {
        transform: translate(-50%, -50%) rotate(0)
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes spinbox {
    from {
        transform: translate(-50%, -50%) rotate(0)
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@media screen and (min-width:992px) {
    .cs_height_1 {
        height: 1px
    }
    .cs_height_2 {
        height: 2px
    }
    .cs_height_3 {
        height: 3px
    }
    .cs_height_4 {
        height: 4px
    }
    .cs_height_5 {
        height: 5px
    }
    .cs_height_6 {
        height: 6px
    }
    .cs_height_7 {
        height: 7px
    }
    .cs_height_8 {
        height: 8px
    }
    .cs_height_9 {
        height: 9px
    }
    .cs_height_10 {
        height: 10px
    }
    .cs_height_11 {
        height: 11px
    }
    .cs_height_12 {
        height: 12px
    }
    .cs_height_13 {
        height: 13px
    }
    .cs_height_14 {
        height: 14px
    }
    .cs_height_15 {
        height: 15px
    }
    .cs_height_16 {
        height: 16px
    }
    .cs_height_17 {
        height: 17px
    }
    .cs_height_18 {
        height: 18px
    }
    .cs_height_19 {
        height: 19px
    }
    .cs_height_20 {
        height: 20px
    }
    .cs_height_21 {
        height: 21px
    }
    .cs_height_22 {
        height: 22px
    }
    .cs_height_23 {
        height: 23px
    }
    .cs_height_24 {
        height: 24px
    }
    .cs_height_25 {
        height: 25px
    }
    .cs_height_26 {
        height: 26px
    }
    .cs_height_27 {
        height: 27px
    }
    .cs_height_28 {
        height: 28px
    }
    .cs_height_29 {
        height: 29px
    }
    .cs_height_30 {
        height: 30px
    }
    .cs_height_31 {
        height: 31px
    }
    .cs_height_32 {
        height: 32px
    }
    .cs_height_33 {
        height: 33px
    }
    .cs_height_34 {
        height: 34px
    }
    .cs_height_35 {
        height: 35px
    }
    .cs_height_36 {
        height: 36px
    }
    .cs_height_37 {
        height: 37px
    }
    .cs_height_38 {
        height: 38px
    }
    .cs_height_39 {
        height: 39px
    }
    .cs_height_40 {
        height: 40px
    }
    .cs_height_41 {
        height: 41px
    }
    .cs_height_42 {
        height: 42px
    }
    .cs_height_43 {
        height: 43px
    }
    .cs_height_44 {
        height: 44px
    }
    .cs_height_45 {
        height: 45px
    }
    .cs_height_46 {
        height: 46px
    }
    .cs_height_47 {
        height: 47px
    }
    .cs_height_48 {
        height: 48px
    }
    .cs_height_49 {
        height: 49px
    }
    .cs_height_50 {
        height: 50px
    }
    .cs_height_51 {
        height: 51px
    }
    .cs_height_52 {
        height: 52px
    }
    .cs_height_53 {
        height: 53px
    }
    .cs_height_54 {
        height: 54px
    }
    .cs_height_55 {
        height: 55px
    }
    .cs_height_56 {
        height: 56px
    }
    .cs_height_57 {
        height: 57px
    }
    .cs_height_58 {
        height: 58px
    }
    .cs_height_59 {
        height: 59px
    }
    .cs_height_60 {
        height: 60px
    }
    .cs_height_61 {
        height: 61px
    }
    .cs_height_62 {
        height: 62px
    }
    .cs_height_63 {
        height: 63px
    }
    .cs_height_64 {
        height: 64px
    }
    .cs_height_65 {
        height: 65px
    }
    .cs_height_66 {
        height: 66px
    }
    .cs_height_67 {
        height: 67px
    }
    .cs_height_68 {
        height: 68px
    }
    .cs_height_69 {
        height: 69px
    }
    .cs_height_70 {
        height: 70px
    }
    .cs_height_71 {
        height: 71px
    }
    .cs_height_72 {
        height: 72px
    }
    .cs_height_73 {
        height: 73px
    }
    .cs_height_74 {
        height: 74px
    }
    .cs_height_75 {
        height: 75px
    }
    .cs_height_76 {
        height: 76px
    }
    .cs_height_77 {
        height: 77px
    }
    .cs_height_78 {
        height: 78px
    }
    .cs_height_79 {
        height: 79px
    }
    .cs_height_80 {
        height: 80px
    }
    .cs_height_81 {
        height: 81px
    }
    .cs_height_82 {
        height: 82px
    }
    .cs_height_83 {
        height: 83px
    }
    .cs_height_84 {
        height: 84px
    }
    .cs_height_85 {
        height: 85px
    }
    .cs_height_86 {
        height: 86px
    }
    .cs_height_87 {
        height: 87px
    }
    .cs_height_88 {
        height: 88px
    }
    .cs_height_89 {
        height: 89px
    }
    .cs_height_90 {
        height: 90px
    }
    .cs_height_91 {
        height: 91px
    }
    .cs_height_92 {
        height: 92px
    }
    .cs_height_93 {
        height: 93px
    }
    .cs_height_94 {
        height: 94px
    }
    .cs_height_95 {
        height: 95px
    }
    .cs_height_96 {
        height: 96px
    }
    .cs_height_97 {
        height: 97px
    }
    .cs_height_98 {
        height: 98px
    }
    .cs_height_99 {
        height: 99px
    }
    .cs_height_100 {
        height: 100px
    }
    .cs_height_101 {
        height: 101px
    }
    .cs_height_102 {
        height: 102px
    }
    .cs_height_103 {
        height: 103px
    }
    .cs_height_104 {
        height: 104px
    }
    .cs_height_105 {
        height: 105px
    }
    .cs_height_106 {
        height: 106px
    }
    .cs_height_107 {
        height: 107px
    }
    .cs_height_108 {
        height: 108px
    }
    .cs_height_109 {
        height: 109px
    }
    .cs_height_110 {
        height: 110px
    }
    .cs_height_111 {
        height: 111px
    }
    .cs_height_112 {
        height: 112px
    }
    .cs_height_113 {
        height: 113px
    }
    .cs_height_114 {
        height: 114px
    }
    .cs_height_115 {
        height: 115px
    }
    .cs_height_116 {
        height: 116px
    }
    .cs_height_117 {
        height: 117px
    }
    .cs_height_118 {
        height: 118px
    }
    .cs_height_119 {
        height: 119px
    }
    .cs_height_120 {
        height: 120px
    }
    .cs_height_121 {
        height: 121px
    }
    .cs_height_122 {
        height: 122px
    }
    .cs_height_123 {
        height: 123px
    }
    .cs_height_124 {
        height: 124px
    }
    .cs_height_125 {
        height: 125px
    }
    .cs_height_126 {
        height: 126px
    }
    .cs_height_127 {
        height: 127px
    }
    .cs_height_128 {
        height: 128px
    }
    .cs_height_129 {
        height: 129px
    }
    .cs_height_130 {
        height: 130px
    }
    .cs_height_131 {
        height: 131px
    }
    .cs_height_132 {
        height: 132px
    }
    .cs_height_133 {
        height: 133px
    }
    .cs_height_134 {
        height: 134px
    }
    .cs_height_135 {
        height: 135px
    }
    .cs_height_136 {
        height: 136px
    }
    .cs_height_137 {
        height: 137px
    }
    .cs_height_138 {
        height: 138px
    }
    .cs_height_139 {
        height: 139px
    }
    .cs_height_140 {
        height: 140px
    }
    .cs_height_141 {
        height: 141px
    }
    .cs_height_142 {
        height: 142px
    }
    .cs_height_143 {
        height: 143px
    }
    .cs_height_144 {
        height: 144px
    }
    .cs_height_145 {
        height: 145px
    }
    .cs_height_146 {
        height: 146px
    }
    .cs_height_147 {
        height: 147px
    }
    .cs_height_148 {
        height: 148px
    }
    .cs_height_149 {
        height: 149px
    }
    .cs_height_150 {
        height: 150px
    }
    .cs_height_151 {
        height: 151px
    }
    .cs_height_152 {
        height: 152px
    }
    .cs_height_153 {
        height: 153px
    }
    .cs_height_154 {
        height: 154px
    }
    .cs_height_155 {
        height: 155px
    }
    .cs_height_156 {
        height: 156px
    }
    .cs_height_157 {
        height: 157px
    }
    .cs_height_158 {
        height: 158px
    }
    .cs_height_159 {
        height: 159px
    }
    .cs_height_160 {
        height: 160px
    }
    .cs_height_161 {
        height: 161px
    }
    .cs_height_162 {
        height: 162px
    }
    .cs_height_163 {
        height: 163px
    }
    .cs_height_164 {
        height: 164px
    }
    .cs_height_165 {
        height: 165px
    }
    .cs_height_166 {
        height: 166px
    }
    .cs_height_167 {
        height: 167px
    }
    .cs_height_168 {
        height: 168px
    }
    .cs_height_169 {
        height: 169px
    }
    .cs_height_170 {
        height: 170px
    }
    .cs_height_171 {
        height: 171px
    }
    .cs_height_172 {
        height: 172px
    }
    .cs_height_173 {
        height: 173px
    }
    .cs_height_174 {
        height: 174px
    }
    .cs_height_175 {
        height: 175px
    }
    .cs_height_176 {
        height: 176px
    }
    .cs_height_177 {
        height: 177px
    }
    .cs_height_178 {
        height: 178px
    }
    .cs_height_179 {
        height: 179px
    }
    .cs_height_180 {
        height: 180px
    }
}

.cs_light {
    font-weight: 300
}

.cs_normal {
    font-weight: 400
}

.cs_medium {
    font-weight: 500
}

.cs_extra_bold {
    font-weight: 800
}

.cs_black {
    font-weight: 900
}

.cs_radius_3 {
    border-radius: 3px
}

.cs_radius_5 {
    border-radius: 5px
}

.cs_radius_7 {
    border-radius: 7px
}

.cs_radius_10 {
    border-radius: 10px
}

.cs_radius_15 {
    border-radius: 15px
}

.cs_radius_20 {
    border-radius: 20px
}

.cs_mp0,
.cs_mp_0 {
    list-style: none;
    margin: 0;
    padding: 0
}

.cs_row_gap_60 {
    margin-left: -30px;
    margin-right: -30px
}

.cs_row_gap_60>* {
    padding-left: 30px;
    padding-right: 30px
}

.cs_gap_y_24 {
    gap: 24px 0
}

.cs_gap_y_30 {
    gap: 30px 0
}

.cs_gap_y_35 {
    gap: 35px 0
}

.cs_gap_y_40 {
    gap: 40px 0
}

.cs_gap_y_45 {
    gap: 45px 0
}

.cs_gap_y_50 {
    gap: 50px 0
}

.cs_gap_y_60 {
    gap: 60px 0
}

.cs_gap_y_65 {
    gap: 65px 0
}

.cs_gap_y_80 {
    gap: 80px 0
}

.cs_gap_y_100 {
    gap: 100px 0
}

hr {
    margin: 0;
    padding: 0;
    border: none;
    border-top: 1px solid #f2f1ff
}

.cs_bg_filed {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.cs_bg_fixed {
    background-attachment: fixed
}

@media (max-width:1370px) {
    .cs_bg_fixed {
        background-attachment: initial
    }
}

.cs_center {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cs_secondary_color {
    color: var(--body-color)
}

.cs_ternary_color {
    color: var(--ternary)
}

.cs_accent_color,
.cs_post.cs_style_1 .cs_post_btn:hover {
    color: var(--accent-color)
}

.cs_gradient_color {
    background: linear-gradient(108.18deg, #823fff 40%, #e018ff 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.cs_primary_bg {
    background-color: var(--heading-color)
}

.cs_secondary_bg {
    background-color: var(--body-color)
}

.cs_ternary_bg {
    background-color: var(--ternary)
}

.cs_gray_bg {
    background-color: var(--gray)
}

.cs_accent_bg {
    background-color: var(--accent-color)
}

label {
    display: inline-block;
    margin-bottom: 7px
}

.cs_btn.cs_style_1 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    line-height: 1.5em;
    padding: 1px;
    border-radius: 8px;
    background: -webkit-gradient(linear, left top, right top, from(#55abff), to(#b928f2));
    background: linear-gradient(90deg, #55abff 0, #b928f2 100%)
}

.cs_btn.cs_style_1 span {
    padding: 15px 32px 10px;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: inherit;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.cs_btn.cs_style_1.cs_type_1:hover span {
    background-color: transparent
}

.container-fluid {
    width: 100%;
    max-width: 1920px;
    padding: 0 12px;
    margin: 0 auto
}

@media (min-width:1600px) {
    .cs_about_thumbnail {
        margin-right: -60px
    }
}

.cs_hostory_thumbnail {
    padding-right: 50px;
    position: relative;
    z-index: 1
}

.cs_hostory_thumbnail.cs_type_1 {
    padding-right: 0
}

.cs_history_content {
    max-width: 560px
}

.cs_history_content .cs_section_heading.cs_style_1 {
    margin-bottom: 23px
}

.cs_history_content .cs_list.cs_style_1 {
    margin-bottom: 38px
}

.cs_blog_details img,
.cs_history_content .cs_history_subtitle {
    margin-bottom: 30px
}

.cs_nav ul,
.cs_pagination.cs_style_1 ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.cs_list.cs_style_1 .cs_list_item {
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 10px
}

.cs_list.cs_style_1 .cs_list_icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.cs_list.cs_style_1 .cs_list_text {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5em;
    color: var(--heading-color);
    font-family: var(--heading-font)
}

.cs_hero.cs_style_2 .container,
.cs_main_header,
.cs_newsletter,
.cs_shape_wrap,
.cs_slider,
.cs_timeline_list.cs_style_2 .cs_timeline_item {
    position: relative
}

.cs_shape_wrap .cs_shape {
    width: 514px;
    height: 514px;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(224, 24, 255, .5)), to(rgba(134, 14, 153, .5)));
    background: linear-gradient(180deg, rgba(224, 24, 255, .5) 0, rgba(134, 14, 153, .5) 100%);
    -webkit-filter: blur(250px);
    filter: blur(250px);
    position: absolute;
    pointer-events: none;
    opacity: .5 !important
}

.cs_hero {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.cs_about_shapes_1 .cs_shape_position_1,
.cs_blog_shapes_1 .cs_shape_position_3 {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cs_history_shapes_1 .cs_shape_position_1 {
    bottom: 50px;
    right: 20%;
    opacity: .7
}

.cs_history_shapes_1 .cs_shape_position_2 {
    left: 4%;
    bottom: 50px;
    opacity: .7
}

.cs_history_shapes_1 .cs_shape_position_3 {
    bottom: 50px;
    right: -30px;
    opacity: .7
}

.cs_collection_shapes_1 .cs_shape_position_1 {
    width: 682px;
    height: 682px;
    left: 50%;
    top: 32px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: .5
}

.cs_timeline_shapes_1 .cs_shape_position_1 {
    top: 220px;
    left: -300px
}

.cs_timeline_shapes_1 .cs_shape_position_2 {
    bottom: 0;
    right: -300px
}

.cs_timeline_shapes_1 .cs_shape_position_3 {
    width: 610px;
    height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: .5;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cs_timeline_shapes_1 .cs_shape_position_3 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.cs_team_shapes_1 .cs_shape_position_1 {
    top: 230px;
    left: -75px;
    z-index: 3
}

.cs_team_shapes_1 .cs_shape_position_2 {
    top: 230px;
    right: -76px;
    z-index: 3
}

.cs_team_shapes_1 .cs_shape_position_3 {
    top: -76px;
    right: -76px
}

.cs_faq_shapes_1 .cs_shape_position_1 {
    left: 50%;
    bottom: 24px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: .9
}

.cs_blog_shapes_1 .cs_shape_position_2,
.cs_faq_shapes_1 .cs_shape_position_2 {
    top: 0;
    left: -76px
}

.cs_faq_shapes_1 .cs_shape_position_3 {
    top: 0;
    right: -76px
}

.cs_blog_shapes_1 .cs_shape_position_1 {
    bottom: 0;
    right: -100px
}

.cs_footer_shapes_1 .cs_shape_position_1 {
    top: -290px;
    left: -76px
}

.cs_section_heading.cs_style_1 .cs_section_subtitle {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 1.143em;
    text-transform: uppercase;
    opacity: .7;
    background: var(--linear, linear-gradient(90deg, #e018ff 0, #823fff 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 14px
}

.cs_section_heading.cs_style_1 .cs_section_subtitle_type_2 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: var(--linear, linear-gradient(90deg, #e018ff 0, #823fff 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -text-stroke: 1px transparent;
    -webkit-text-stroke: 1px transparent;
    font-size: 32px;
    line-height: 1.31em;
    color: var(--web-wash);
    letter-spacing: 9px;
    text-transform: capitalize;
    margin-bottom: 32px
}

.cs_section_heading.cs_style_1 .cs_section_title {
    font-size: 48px
}

.cs_zoom {
    overflow: hidden
}

.cs_zoom .cs_zoom_in {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 1s;
    transition: 1s
}

.cs_zoom:hover .cs_zoom_in {
    -webkit-transform: translateX(-10px) scale(1.06);
    transform: translateX(-10px) scale(1.06)
}

.cs_accordian.cs_style_1 {
    background-color: rgba(217, 217, 217, .06);
    position: relative;
    z-index: 1
}

.cs_accordian.cs_style_1:not(:last-child) {
    margin-bottom: 24px
}

.cs_accordian.cs_style_1 .cs_accordian_body {
    padding: 0 20px 30px 54px
}

.cs_accordian.cs_style_1 .cs_accordian_head {
    padding: 30px 54px;
    position: relative;
    font-size: 16px;
    line-height: 1.5em;
    -webkit-transition: .4s;
    transition: .4s;
    cursor: pointer
}

.cs_accordian.cs_style_1 .cs_accordian_head::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 3.5px solid transparent;
    border-left: 14px solid var(--heading-color);
    border-bottom: 3.5px solid transparent;
    position: absolute;
    top: 40px;
    left: 20px;
    -webkit-transition: .2s;
    transition: .2s
}

.cs_accordian.cs_style_1 .cs_accordian_head::before {
    content: "";
    width: 14px;
    height: 2px;
    background-color: var(--heading-color);
    position: absolute;
    top: 40px;
    left: 20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.cs_accordian.cs_style_1 .cs_accordian_toggle {
    font-size: 14px;
    position: absolute;
    top: 30px;
    right: 20px;
    -webkit-transition: .4s;
    transition: .4s
}

.cs_accordian.cs_style_1.active {
    grid-row: span 2
}

.cs_accordian.cs_style_1.active .cs_accordian_head,
spline-viewer {
    pointer-events: none
}

.cs_accordian.cs_style_1.active .cs_accordian_head::after {
    visibility: hidden;
    opacity: 0
}

.cs_accordian.cs_style_1.active .cs_accordian_head::before,
.cs_remove_overflow .slick-slide.slick-active,
.cs_team.cs_style_1:hover .cs_social_btns.cs_style_1 a {
    visibility: visible;
    opacity: 1
}

.cs_accordian.cs_style_1.active .cs_accordian_toggle {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cs_timeline_wrapper {
    width: 100%;
    max-width: 900px;
    margin: 0 auto
}

.cs_timeline_wrapper_2 {
    width: 100%;
    max-width: 1440px;
    height: 600px;
    margin: 0 auto
}

@media (max-width:1347px) {
    .cs_timeline_wrapper_2 {
        height: 650px
    }
}

.cs_timeline_list.cs_style_2 {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cs_timeline_list.cs_style_2 .cs_timeline_item:nth-child(2n) {
    margin-bottom: auto;
    margin-left: -130px;
    margin-right: -130px
}

.cs_timeline_list.cs_style_2 .cs_timeline_item:nth-child(2n)::after {
    bottom: -95px;
    top: initial;
    left: 50%
}

@media (max-width:1199px) {
    .cs_lg_reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .cs_timeline_wrapper_2 {
        max-width: 780px;
        height: auto;
        margin: 0 auto
    }
    .cs_timeline_list.cs_style_2 {
        -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: start
    }
    .cs_timeline_list.cs_style_2 .cs_timeline_item {
        width: 50%;
        max-width: 310px
    }
    .cs_timeline_list.cs_style_2 .cs_timeline_item:nth-child(2n)::after {
        bottom: initial;
        top: 50%;
        left: -100px
    }
    .cs_timeline_list.cs_style_2 .cs_timeline_item:nth-child(2n) {
        margin-left: auto;
        margin-right: 0
    }
}

.cs_timeline_list .cs_timeline_item:nth-child(2n) .cs_iconbox_progress,
.cs_timeline_list.cs_style_2 .cs_timeline_item:nth-child(2n) .cs_iconbox_progress {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.cs_timeline_list.cs_style_2 .cs_timeline_item::after {
    content: "\f00c";
    width: 40px;
    height: 40px;
    background-color: var(--accent-color);
    color: var(--heading-color);
    border-radius: 50%;
    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;
    left: 50%;
    top: -100px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    font-size: 20px;
    font-family: "Font Awesome 6 Free"
}

@media (max-width:1199px) {
    .cs_timeline_list.cs_style_2 .cs_timeline_item::after {
        top: 50%;
        right: -100px;
        left: initial;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media (max-width:800px) {
    .cs_timeline_list.cs_style_2 .cs_timeline_item:nth-child(2n)::after {
        left: -82px
    }
    .cs_timeline_list.cs_style_2 .cs_timeline_item::after {
        right: -82px
    }
}

.cs_timeline_list.cs_style_2::after {
    content: "";
    background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, currentColor), color-stop(0, rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to right, currentColor 33%, rgba(255, 255, 255, 0) 0);
    background-position: bottom;
    background-size: 31px 1px;
    background-repeat: repeat-x;
    height: 1px;
    width: calc(100% - 270px);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cs_timeline_list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.cs_timeline_list .cs_timeline_heading {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: var(--linear, linear-gradient(90deg, #e018ff 10%, #823fff 90%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px;
    font-size: 24px
}

.cs_timeline_list .cs_timeline_item {
    width: 50%;
    max-width: 370px;
    position: relative
}

.cs_timeline_list .cs_timeline_item:nth-child(2n) {
    margin-left: auto
}

.cs_timeline_list .cs_timeline_item:nth-child(2n)::after {
    right: initial;
    left: -100px
}

.cs_timeline_list .cs_timeline_item::after {
    content: "\f00c";
    width: 40px;
    height: 40px;
    background-color: var(--accent-color);
    color: var(--heading-color);
    border-radius: 50%;
    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;
    top: 50%;
    right: -100px;
    z-index: 1;
    font-size: 20px;
    font-family: "Font Awesome 6 Free";
    font-weight: 700
}

.cs_timeline_list::after {
    content: "";
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, currentColor), color-stop(0, rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to bottom, currentColor 40%, rgba(255, 255, 255, 0) 0);
    background-position: left;
    background-size: 1px 23px;
    background-repeat: repeat-y;
    width: 1px;
    height: calc(100% - 230px);
    position: absolute;
    left: 50%;
    top: 53%;
    -webkit-transform: translate(-50%, -53%);
    transform: translate(-50%, -53%)
}

.cs_cursor_lg,
.cs_cursor_sm {
    position: fixed;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    mix-blend-mode: difference;
    z-index: 9999
}

.cs_cursor_lg {
    width: 40px;
    height: 40px;
    border: 1px solid var(--accent-color);
    left: 0;
    top: 0;
    pointer-events: none;
    -webkit-transition: .15s;
    transition: .15s
}

.cs_cursor_sm {
    width: 8px;
    height: 8px;
    background-color: var(--accent-color);
    left: 0;
    top: 0;
    pointer-events: none;
    -webkit-transition: .2s;
    transition: .2s
}

.slick-arrow {
    cursor: pointer
}

.draggable {
    cursor: url(../img/drag.png) 16 9, ew-resize !important
}

.cs_counter.cs_style_1,
.slick-slide>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cs_remove_overflow .slick-list {
    overflow: visible
}

.cs_remove_overflow .slick-slide {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s linear;
    transition: .3s linear
}

.cs_slider_gap_24 .slick-slide {
    padding-left: 12px;
    padding-right: 12px
}

.cs_slider_gap_24 .slick-list {
    margin-left: -12px;
    margin-right: -12px
}

.cs_slider_gap_90 .slick-slide {
    padding-left: 45px;
    padding-right: 45px
}

.cs_slider_gap_90 .slick-list {
    margin-left: -45px;
    margin-right: -45px
}

.cs_slider_arrows.cs_style_1 {
    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;
    gap: 24px
}

.cs_slider_arrows.cs_style_1 .cs_left_arrow::after {
    right: 100%
}

.cs_slider_arrows.cs_style_1 .cs_right_arrow::after {
    left: 100%
}

.cs_slider_arrows.cs_style_1 .cs_left_arrow,
.cs_slider_arrows.cs_style_1 .cs_right_arrow {
    height: 40px;
    width: 40px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-color: rgba(217, 217, 217, .1);
    border-radius: 50%;
    color: var(--heading-color);
    position: relative;
    -webkit-transition: .4s;
    transition: .4s
}

.cs_pagination.cs_style_1 button,
.cs_slider_arrows.cs_style_1 .cs_left_arrow.cs_after_hide::after,
.cs_slider_arrows.cs_style_1 .cs_right_arrow.cs_after_hide::after {
    display: none
}

.cs_slider_arrows.cs_style_1 .cs_left_arrow::after,
.cs_slider_arrows.cs_style_1 .cs_right_arrow::after {
    content: "";
    width: 469px;
    height: 2px;
    background-color: var(--border);
    opacity: .15;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width:1399px) {
    .cs_slider_arrows.cs_style_1 .cs_left_arrow::after,
    .cs_slider_arrows.cs_style_1 .cs_right_arrow::after {
        width: 350px
    }
}

.cs_pagination.cs_style_1 li.slick-active,
.cs_post.cs_style_1:hover,
.cs_slider_arrows.cs_style_1 .cs_left_arrow:hover,
.cs_slider_arrows.cs_style_1 .cs_right_arrow:hover,
.cs_team.cs_style_1 .cs_social_btns.cs_style_1 a:not(:first-child):hover {
    background: var(--linear, linear-gradient(90deg, #e018ff 0, #823fff 100%))
}

.cs_pagination.cs_style_1 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cs_pagination.cs_style_1 ul {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    gap: 15px
}

.cs_pagination.cs_style_1 li {
    height: 10px;
    width: 10px;
    background: 0 0;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

.cs_pagination.cs_style_1 li::before {
    content: "";
    position: absolute;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: var(--heading-color);
    opacity: .6;
    -webkit-transition: .3s;
    transition: .3s
}

.cs_pagination.cs_style_1 li.slick-active::before {
    background-color: var(--web-wash);
    opacity: 1
}

@media (min-width:992px) {
    .cs_mobile_show {
        display: none !important
    }
}

.cs_site_header {
    z-index: 101;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transition: .4s;
    transition: .4s
}

.cs_site_header.cs_style_1 .cs_main_header_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    height: 80px
}

.cs_site_header.cs_style_1 .cs_main_header_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.cs_site_header.cs_style_1.cs_type_1 {
    background-color: #130a13;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .2)
}

.cs_site_header.cs_style_1.cs_sticky_active {
    background-color: rgba(0, 0, 0, .2);
    backdrop-filter: blur(15px)
}

.cs_site_header_full_width .container {
    max-width: 100%;
    padding: 0 100px
}

.cs_site_header_spacing_100 {
    height: 100px
}

.cs_sticky_header {
    position: fixed !important;
    width: 100%;
    z-index: 999
}

.cs_gescout_sticky {
    position: fixed !important;
    top: -110px;
    opacity: 0;
    -webkit-transition: .4s;
    transition: .4s;
    background-color: #130a13
}

.cs_gescout_sticky.cs_fixed_sticky {
    top: 0;
    opacity: 1;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .2)
}

.cs_gescout_show {
    top: 0 !important;
    opacity: 1;
    -webkit-box-shadow: 0 1px 2px 0 rgba(2, 0, 181, .1);
    box-shadow: 0 1px 2px 0 rgba(2, 0, 181, .1)
}

.cs_site_branding {
    display: inline-block;
    margin-top: -5px
}

.cs_site_branding .logo {
    width: 100%;
    max-width: 250px
}

@media (max-width:767px) {
    .cs_btn.cs_style_1 {
        font-size: 16px
    }
    .cs_section_heading.cs_style_1 .cs_section_title {
        font-size: 40px
    }
    .cs_section_heading.cs_style_1 .cs_section_title br,
    .cs_slider_arrows.cs_style_1 .cs_left_arrow::after,
    .cs_slider_arrows.cs_style_1 .cs_right_arrow::after,
    .cs_timeline_list::after {
        display: none
    }
    .cs_timeline_list {
        gap: 30px
    }
    .cs_timeline_list .cs_timeline_item {
        min-width: 100%;
        padding-left: 20px
    }
    .cs_timeline_list .cs_timeline_item::after {
        left: 0 !important
    }
    .cs_site_branding .logo {
        max-width: 200px
    }
}

.cs_site_branding+.cs_nav {
    margin-left: 80px
}

@media (max-width:1600px) {
    .cs_site_branding+.cs_nav {
        margin-left: 40px
    }
}

@media (max-width:1540px) {
    .cs_site_branding+.cs_nav {
        margin-left: 30px
    }
}

.cs_main_header .container-fluid {
    padding-right: 120px;
    padding-left: 120px
}

@media screen and (min-width:1200px) {
    .cs_main_header_center {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .cs_site_header.cs_style_1 .cs_main_header_center {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        width: 100%;
        max-width: calc(100% - 300px)
    }
    .cs_site_header.cs_style_1 .cs_main_header_left {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .cs_nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        line-height: 1.6em
    }
    .cs_nav .cs_nav_list {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: inherit
    }
    .cs_nav .cs_nav_list>li {
        margin-right: 40px;
        height: inherit;
        position: relative
    }
    .cs_nav .cs_nav_list>li:last-child {
        margin-right: 0
    }
    .cs_nav .cs_nav_list>li>a {
        padding: 10px 0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: relative;
        height: inherit;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .cs_nav .cs_nav_list>li>ul {
        left: 0;
        top: calc(100% + 15px);
        pointer-events: none
    }
    .cs_nav .cs_nav_list>li:hover>ul {
        top: 100%;
        opacity: 1;
        visibility: visible;
        pointer-events: auto
    }
    .cs_nav .cs_nav_list>li.menu-item-has-children>a {
        position: relative
    }
    .cs_nav .cs_nav_list>li.menu-item-has-children>a::after {
        content: "";
        display: inline-block;
        height: 6px;
        width: 6px;
        border: 2px solid currentColor;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-left: 0;
        border-top: 0;
        margin-left: 6px;
        position: relative;
        top: -1px;
        border-radius: 0 0 2px
    }
    .cs_nav .cs_nav_list ul {
        width: 260px;
        background-color: #130a13;
        position: absolute;
        border-top: 2px solid var(--accent-color);
        -webkit-box-shadow: 0 1px 2px 0 rgba(2, 0, 181, .1);
        box-shadow: 0 1px 2px 0 rgba(2, 0, 181, .1);
        padding: 10px 0;
        z-index: 100;
        opacity: 0;
        visibility: hidden;
        display: block !important;
        border-radius: 0 0 5px 5px;
        -webkit-transition: .4s;
        transition: .4s
    }
    .cs_nav .cs_nav_list ul li:hover ul {
        top: 0
    }
    .cs_nav .cs_nav_list ul li:hover>ul {
        opacity: 1;
        visibility: visible;
        -webkit-transition: .4s;
        transition: .4s
    }
    .cs_nav .cs_nav_list ul a {
        display: block;
        line-height: inherit;
        padding: 10px 20px
    }
    .cs_nav .cs_nav_list ul ul {
        top: 15px;
        left: 100%
    }
    .cs_nav+.cs_toolbox {
        margin-left: 40px
    }
    .cs_menu_toggle,
    .cs_munu_dropdown_toggle {
        display: none
    }
}

@media screen and (max-width:1600px) {
    .cs_main_header .container-fluid {
        padding-right: 25px;
        padding-left: 25px
    }
}

@media screen and (max-width:1400px) {
    .cs_site_header_full_width .container {
        max-width: 100%
    }
}

@media screen and (max-width:1199px) {
    .cs_site_header_spacing_100 {
        height: 80px
    }
    .cs_main_header .container {
        max-width: 100%
    }
    .cs_site_header.cs_style_1 .cs_nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .cs_main_header .container-fluid {
        padding-right: 8px;
        padding-left: 8px
    }
    .cs_site_header_full_width .container {
        padding: 0 15px
    }
    .cs_munu_dropdown_toggle {
        position: absolute;
        height: 40px;
        width: 100%;
        top: 0;
        left: 0;
        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;
        padding: 23px 18px;
        cursor: pointer;
        z-index: 3
    }
    .cs_munu_dropdown_toggle span {
        display: block;
        position: relative;
        height: 10px;
        width: 10px
    }
    .cs_munu_dropdown_toggle span:after,
    .cs_munu_dropdown_toggle span:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 2px;
        width: 10px;
        background-color: currentColor;
        -webkit-transition: .3s;
        transition: .3s
    }
    .cs_munu_dropdown_toggle span:before {
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg)
    }
    .cs_munu_dropdown_toggle.active span:before {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }
    .menu-item-has-children .menu-item-has-children .cs_munu_dropdown_toggle {
        padding: 20px 18px
    }
    .cs_site_branding {
        position: relative;
        z-index: 101
    }
    .cs_nav .cs_nav_list {
        position: fixed;
        width: 100vw;
        left: -100vw;
        background-color: var(--web-wash);
        color: var(--heading-color);
        padding: 80px 0 10px;
        top: 0;
        overflow: auto;
        min-height: 100vh;
        line-height: 1.6em;
        -webkit-transition: .4s;
        transition: .4s
    }
    .cs_nav .cs_nav_list.cs_active {
        left: 0
    }
    .cs_nav .cs_nav_list ul {
        padding-left: 15px;
        display: none
    }
    .cs_nav .cs_nav_list>li>a {
        font-size: 18px;
        line-height: 22px
    }
    .cs_nav .menu-item-has-children {
        position: relative
    }
    .cs_menu_toggle {
        display: inline-block;
        width: 30px;
        height: 27px;
        cursor: pointer;
        position: absolute;
        top: 27px;
        right: 30px
    }
    .cs_menu_toggle span,
    .cs_menu_toggle span:after,
    .cs_menu_toggle span:before {
        width: 100%;
        height: 2px;
        background-color: currentColor;
        display: block
    }
    .cs_menu_toggle span {
        margin: 0 auto;
        position: relative;
        top: 12px;
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }
    .cs_menu_toggle span:before {
        content: "";
        position: absolute;
        margin-top: -9px;
        -webkit-transition-property: margin, -webkit-transform;
        transition-property: margin, transform, -webkit-transform;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-delay: 0.2s, 0s;
        transition-delay: 0.2s, 0s
    }
    .cs_menu_toggle span:after {
        content: "";
        position: absolute;
        margin-top: 9px;
        -webkit-transition-property: margin, -webkit-transform;
        transition-property: margin, transform, -webkit-transform;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-delay: 0.2s, 0s;
        transition-delay: 0.2s, 0s
    }
    .cs_site_header.cs_style_1 .cs_menu_toggle {
        top: 50%;
        right: 0;
        margin-top: -13px
    }
    .cs_nav .cs_nav_list a {
        display: block;
        padding: 12px 15px;
        line-height: 16px;
        position: relative
    }
    .cs_has_main_nav,
    .cs_nav .cs_nav_list img,
    .cs_site_header .current-menu-item>a:before {
        display: none
    }
    .cs_site_header.cs_style_1 .cs_main_header_center .cs_site_branding {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .cs_site_header.cs_style_1 {
        top: 0
    }
}

.cs_footer_row,
.cs_social_btns {
    display: -webkit-box;
    display: -ms-flexbox
}

@media screen and (max-width:991px) {
    .cs_height_lg_1 {
        height: 1px
    }
    .cs_height_lg_2 {
        height: 2px
    }
    .cs_height_lg_3 {
        height: 3px
    }
    .cs_height_lg_4 {
        height: 4px
    }
    .cs_height_lg_5 {
        height: 5px
    }
    .cs_height_lg_6 {
        height: 6px
    }
    .cs_height_lg_7 {
        height: 7px
    }
    .cs_height_lg_8 {
        height: 8px
    }
    .cs_height_lg_9 {
        height: 9px
    }
    .cs_height_lg_10 {
        height: 10px
    }
    .cs_height_lg_11 {
        height: 11px
    }
    .cs_height_lg_12 {
        height: 12px
    }
    .cs_height_lg_13 {
        height: 13px
    }
    .cs_height_lg_14 {
        height: 14px
    }
    .cs_height_lg_15 {
        height: 15px
    }
    .cs_height_lg_16 {
        height: 16px
    }
    .cs_height_lg_17 {
        height: 17px
    }
    .cs_height_lg_18 {
        height: 18px
    }
    .cs_height_lg_19 {
        height: 19px
    }
    .cs_height_lg_20 {
        height: 20px
    }
    .cs_height_lg_21 {
        height: 21px
    }
    .cs_height_lg_22 {
        height: 22px
    }
    .cs_height_lg_23 {
        height: 23px
    }
    .cs_height_lg_24 {
        height: 24px
    }
    .cs_height_lg_25 {
        height: 25px
    }
    .cs_height_lg_26 {
        height: 26px
    }
    .cs_height_lg_27 {
        height: 27px
    }
    .cs_height_lg_28 {
        height: 28px
    }
    .cs_height_lg_29 {
        height: 29px
    }
    .cs_height_lg_30 {
        height: 30px
    }
    .cs_height_lg_31 {
        height: 31px
    }
    .cs_height_lg_32 {
        height: 32px
    }
    .cs_height_lg_33 {
        height: 33px
    }
    .cs_height_lg_34 {
        height: 34px
    }
    .cs_height_lg_35 {
        height: 35px
    }
    .cs_height_lg_36 {
        height: 36px
    }
    .cs_height_lg_37 {
        height: 37px
    }
    .cs_height_lg_38 {
        height: 38px
    }
    .cs_height_lg_39 {
        height: 39px
    }
    .cs_height_lg_40 {
        height: 40px
    }
    .cs_height_lg_41 {
        height: 41px
    }
    .cs_height_lg_42 {
        height: 42px
    }
    .cs_height_lg_43 {
        height: 43px
    }
    .cs_height_lg_44 {
        height: 44px
    }
    .cs_height_lg_45 {
        height: 45px
    }
    .cs_height_lg_46 {
        height: 46px
    }
    .cs_height_lg_47 {
        height: 47px
    }
    .cs_height_lg_48 {
        height: 48px
    }
    .cs_height_lg_49 {
        height: 49px
    }
    .cs_height_lg_50 {
        height: 50px
    }
    .cs_height_lg_51 {
        height: 51px
    }
    .cs_height_lg_52 {
        height: 52px
    }
    .cs_height_lg_53 {
        height: 53px
    }
    .cs_height_lg_54 {
        height: 54px
    }
    .cs_height_lg_55 {
        height: 55px
    }
    .cs_height_lg_56 {
        height: 56px
    }
    .cs_height_lg_57 {
        height: 57px
    }
    .cs_height_lg_58 {
        height: 58px
    }
    .cs_height_lg_59 {
        height: 59px
    }
    .cs_height_lg_60 {
        height: 60px
    }
    .cs_height_lg_61 {
        height: 61px
    }
    .cs_height_lg_62 {
        height: 62px
    }
    .cs_height_lg_63 {
        height: 63px
    }
    .cs_height_lg_64 {
        height: 64px
    }
    .cs_height_lg_65 {
        height: 65px
    }
    .cs_height_lg_66 {
        height: 66px
    }
    .cs_height_lg_67 {
        height: 67px
    }
    .cs_height_lg_68 {
        height: 68px
    }
    .cs_height_lg_69 {
        height: 69px
    }
    .cs_height_lg_70 {
        height: 70px
    }
    .cs_height_lg_71 {
        height: 71px
    }
    .cs_height_lg_72 {
        height: 72px
    }
    .cs_height_lg_73 {
        height: 73px
    }
    .cs_height_lg_74 {
        height: 74px
    }
    .cs_height_lg_75 {
        height: 75px
    }
    .cs_height_lg_76 {
        height: 76px
    }
    .cs_height_lg_77 {
        height: 77px
    }
    .cs_height_lg_78 {
        height: 78px
    }
    .cs_height_lg_79 {
        height: 79px
    }
    .cs_height_lg_80 {
        height: 80px
    }
    .cs_height_lg_81 {
        height: 81px
    }
    .cs_height_lg_82 {
        height: 82px
    }
    .cs_height_lg_83 {
        height: 83px
    }
    .cs_height_lg_84 {
        height: 84px
    }
    .cs_height_lg_85 {
        height: 85px
    }
    .cs_height_lg_86 {
        height: 86px
    }
    .cs_height_lg_87 {
        height: 87px
    }
    .cs_height_lg_88 {
        height: 88px
    }
    .cs_height_lg_89 {
        height: 89px
    }
    .cs_height_lg_90 {
        height: 90px
    }
    .cs_height_lg_91 {
        height: 91px
    }
    .cs_height_lg_92 {
        height: 92px
    }
    .cs_height_lg_93 {
        height: 93px
    }
    .cs_height_lg_94 {
        height: 94px
    }
    .cs_height_lg_95 {
        height: 95px
    }
    .cs_height_lg_96 {
        height: 96px
    }
    .cs_height_lg_97 {
        height: 97px
    }
    .cs_height_lg_98 {
        height: 98px
    }
    .cs_height_lg_99 {
        height: 99px
    }
    .cs_height_lg_100 {
        height: 100px
    }
    .cs_height_lg_101 {
        height: 101px
    }
    .cs_height_lg_102 {
        height: 102px
    }
    .cs_height_lg_103 {
        height: 103px
    }
    .cs_height_lg_104 {
        height: 104px
    }
    .cs_height_lg_105 {
        height: 105px
    }
    .cs_height_lg_106 {
        height: 106px
    }
    .cs_height_lg_107 {
        height: 107px
    }
    .cs_height_lg_108 {
        height: 108px
    }
    .cs_height_lg_109 {
        height: 109px
    }
    .cs_height_lg_110 {
        height: 110px
    }
    .cs_height_lg_111 {
        height: 111px
    }
    .cs_height_lg_112 {
        height: 112px
    }
    .cs_height_lg_113 {
        height: 113px
    }
    .cs_height_lg_114 {
        height: 114px
    }
    .cs_height_lg_115 {
        height: 115px
    }
    .cs_height_lg_116 {
        height: 116px
    }
    .cs_height_lg_117 {
        height: 117px
    }
    .cs_height_lg_118 {
        height: 118px
    }
    .cs_height_lg_119 {
        height: 119px
    }
    .cs_height_lg_120 {
        height: 120px
    }
    .cs_height_lg_121 {
        height: 121px
    }
    .cs_height_lg_122 {
        height: 122px
    }
    .cs_height_lg_123 {
        height: 123px
    }
    .cs_height_lg_124 {
        height: 124px
    }
    .cs_height_lg_125 {
        height: 125px
    }
    .cs_height_lg_126 {
        height: 126px
    }
    .cs_height_lg_127 {
        height: 127px
    }
    .cs_height_lg_128 {
        height: 128px
    }
    .cs_height_lg_129 {
        height: 129px
    }
    .cs_height_lg_130 {
        height: 130px
    }
    .cs_height_lg_131 {
        height: 131px
    }
    .cs_height_lg_132 {
        height: 132px
    }
    .cs_height_lg_133 {
        height: 133px
    }
    .cs_height_lg_134 {
        height: 134px
    }
    .cs_height_lg_135 {
        height: 135px
    }
    .cs_height_lg_136 {
        height: 136px
    }
    .cs_height_lg_137 {
        height: 137px
    }
    .cs_height_lg_138 {
        height: 138px
    }
    .cs_height_lg_139 {
        height: 139px
    }
    .cs_height_lg_140 {
        height: 140px
    }
    .cs_height_lg_141 {
        height: 141px
    }
    .cs_height_lg_142 {
        height: 142px
    }
    .cs_height_lg_143 {
        height: 143px
    }
    .cs_height_lg_144 {
        height: 144px
    }
    .cs_height_lg_145 {
        height: 145px
    }
    .cs_height_lg_146 {
        height: 146px
    }
    .cs_height_lg_147 {
        height: 147px
    }
    .cs_height_lg_148 {
        height: 148px
    }
    .cs_height_lg_149 {
        height: 149px
    }
    .cs_height_lg_150 {
        height: 150px
    }
    .cs_height_lg_151 {
        height: 151px
    }
    .cs_height_lg_152 {
        height: 152px
    }
    .cs_height_lg_153 {
        height: 153px
    }
    .cs_height_lg_154 {
        height: 154px
    }
    .cs_height_lg_155 {
        height: 155px
    }
    .cs_height_lg_156 {
        height: 156px
    }
    .cs_height_lg_157 {
        height: 157px
    }
    .cs_height_lg_158 {
        height: 158px
    }
    .cs_height_lg_159 {
        height: 159px
    }
    .cs_height_lg_160 {
        height: 160px
    }
    .cs_height_lg_161 {
        height: 161px
    }
    .cs_height_lg_162 {
        height: 162px
    }
    .cs_height_lg_163 {
        height: 163px
    }
    .cs_height_lg_164 {
        height: 164px
    }
    .cs_height_lg_165 {
        height: 165px
    }
    .cs_height_lg_166 {
        height: 166px
    }
    .cs_height_lg_167 {
        height: 167px
    }
    .cs_height_lg_168 {
        height: 168px
    }
    .cs_height_lg_169 {
        height: 169px
    }
    .cs_height_lg_170 {
        height: 170px
    }
    .cs_height_lg_171 {
        height: 171px
    }
    .cs_height_lg_172 {
        height: 172px
    }
    .cs_height_lg_173 {
        height: 173px
    }
    .cs_height_lg_174 {
        height: 174px
    }
    .cs_height_lg_175 {
        height: 175px
    }
    .cs_height_lg_176 {
        height: 176px
    }
    .cs_height_lg_177 {
        height: 177px
    }
    .cs_height_lg_178 {
        height: 178px
    }
    .cs_height_lg_179 {
        height: 179px
    }
    .cs_height_lg_180 {
        height: 180px
    }
    .cs_site_header .container {
        max-width: 100%
    }
}

@media screen and (max-width:450px) {
    .cs_site_branding .logo {
        max-width: 175px
    }
    .cs_site_header .cs_btn.cs_style_1 svg {
        display: none
    }
    .cs_site_header .cs_btn.cs_style_1 span {
        padding: 7px 15px;
        font-size: 14px
    }
}

.cs_footer {
    padding-top: 1px;
    background-position: top center
}

.cs_footer .cs_cta.cs_style_1 {
    margin-top: -195px
}

.cs_footer_widget_title {
    font-size: 20px;
    margin-bottom: 30px
}

.cs_footer_menu li:not(:last-child),
.cs_text_widget img,
.roadmap__item:nth-child(odd) .roadmap__head {
    margin-bottom: 20px
}

.cs_text_widget p {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 1.55em
}

.cs_footer_menu,
.token-legend {
    list-style: none;
    padding: 0;
    margin: 0
}

.cs_social_btns {
    display: flex;
    gap: 15px
}

.cs_social_btns a {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 0px solid rgba(255, 255, 255, .5);
    color: var(--heading-color);
    font-size: 14px;
    mix-blend-mode: luminosity;
}

.cs_social_btns a:hover {
    background-color: var(--heading-color);
    border-color: var(--heading-color);
    color: var(--web-wash);
    mix-blend-mode: normal;
}

.cs_newsletter .cs_newsletter_input {
    display: block;
    width: 100%;
    border: 1px solid #e018ff;
    height: 40px;
    background-color: transparent;
    border-radius: 8px;
    padding: 5px 15px;
    outline: 0
}

.cs_hero.cs_style_1 .cs_hero_circle_in,
.cs_newsletter .cs_newsletter_btn {
    background: -webkit-gradient(linear, left top, right top, from(#e018ff), to(#823fff))
}

.cs_newsletter .cs_newsletter_btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 40px;
    border: none;
    background: linear-gradient(90deg, #e018ff 0, #823fff 100%);
    border-radius: 0 8px 8px 0;
    color: #fff
}

.cs_newsletter .cs_newsletter_btn i {
    -webkit-transition: .3s;
    transition: .3s
}

.cs_newsletter .cs_newsletter_btn:hover i {
    -webkit-transform: rotate(8deg) scale(1.05);
    transform: rotate(8deg) scale(1.05)
}

.cs_footer_row {
    display: flex;
    gap: 50px 70px;
    padding: 80px 0 60px
}

.cs_footer_row .cs_footer_col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cs_footer_row .cs_footer_col:first-child,
.cs_footer_row .cs_footer_col:last-child {
    -webkit-box-flex: 1.7;
    -ms-flex: 1.7;
    flex: 1.7
}

@media (max-width:991px) {
    label {
        margin-bottom: 2px
    }
    .cs_md_reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .cs_hostory_thumbnail {
        padding-right: 0
    }
    .cs_history_content {
        max-width: 100%
    }
    .cs_timeline_list .cs_timeline_item {
        max-width: 310px
    }
    .cs_timeline_list .cs_timeline_item:nth-child(2n)::after {
        left: -58px
    }
    .cs_timeline_list .cs_timeline_item::after {
        right: -58px
    }
    .cs_slider_arrows.cs_style_1 .cs_left_arrow::after,
    .cs_slider_arrows.cs_style_1 .cs_right_arrow::after {
        width: 235px
    }
    .cs_mobile_hide {
        display: none !important
    }
    .cs_footer_row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .cs_footer_row .cs_footer_col {
        width: calc(50% - 15px);
        -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
        flex: none !important
    }
}

.cs_footer_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 23px 0;
    border-top: 1px solid rgba(255, 255, 255, .3)
}

.cs_footer_bottom .cs_footer_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cs_footer_bottom .cs_footer_menu li {
    margin: 0
}

.cs_footer_bottom .cs_footer_menu li:not(:last-child)::after {
    content: "/";
    margin: 7px
}

.cs_hero.cs_style_1 {
    padding: 80px 0 146px;
    min-height: 800px
}

.cs_hero.cs_style_1 .cs_hero_title {
    font-size: 60px;
    line-height: 1.26em;
    max-width: 1000px;
    margin: auto auto 40px
}

.cs_cta.cs_style_1.cs_type_1 .cs_cta_title,
.cs_hero.cs_style_2 .cs_hero_in,
.cs_hero.cs_style_2 .cs_hero_subtitle {
    margin-left: auto;
    margin-right: auto
}

.cs_hero.cs_style_1 .cs_hero_subtitle {
    color: var(--heading-color);
    max-width: 580px;
    text-transform: capitalize;
    margin-bottom: 30px
}

.cs_blog_details ol li:not(:last-child),
.roadmap__info li:not(:last-child) {
    margin-bottom: 10px
}

.cs_hero.cs_style_1 .cs_hero_btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 20px;
    justify-content: center
}

.cs_hero.cs_style_1 .container,
.cs_hero.cs_style_1 .cs_hero_in {
    position: relative;
    z-index: 6
}

.cs_hero.cs_style_1 .cs_hero_thumb {
    position: absolute;
    right: 80px;
    top: 52%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cs_hero.cs_style_1 .cs_hero_shape {
    position: absolute;
    top: 120px;
    left: 24%
}

.cs_hero.cs_style_1 .cs_hero_circle {
    height: 160px;
    width: 160px;
    border-radius: 50%;
    position: absolute;
    bottom: -70px;
    left: 43%;
    -webkit-box-shadow: 7px 7px 0 #150a16;
    box-shadow: 7px 7px 0 #150a16;
    border: 1px solid rgba(255, 255, 255, .26)
}

.cs_hero.cs_style_1 .cs_hero_circle>img {
    -webkit-animation: 30s linear infinite rotate360;
    animation: 30s linear infinite rotate360
}

.cs_hero.cs_style_1 .cs_hero_circle_in {
    background: linear-gradient(90deg, #e018ff 0, #823fff 100%);
    height: 80px;
    width: 80px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cs_hero.cs_style_1 .cs_hero_circle_in::before {
    content: "";
    position: absolute;
    height: calc(100% - 16px);
    width: calc(100% - 16px);
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 50%
}

@-webkit-keyframes rotate360 {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate360 {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.cs_hero.cs_style_2 {
    height: 680px;
    position: relative
}

.cs_hero.cs_style_2 .cs_hero_title_up {
    font-size: 20px;
    line-height: 1.5em;
    margin-bottom: 10px;
    text-transform: uppercase
}

.cs_hero.cs_style_2 .cs_hero_title {
    font-size: 40px;
    line-height: 1.5em;
    margin-bottom: 30px;
    text-transform: uppercase
}

.cs_hero.cs_style_2 .cs_hero_subtitle {
    font-weight: 400;
    max-width: 600px;
    margin-bottom: 30px;
    text-transform: capitalize
}

.cs_hero.cs_style_2 .cs_hero_in {
    max-width: 680px;
    position: relative;
    z-index: 2
}

.cs_hero.cs_style_2 .cs_hero_btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cs_hero.cs_style_2 .cs_hero_img_1 {
    position: absolute;
    left: 0;
    top: 0
}

.cs_hero.cs_style_2 .cs_hero_img_2 {
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width:1400px) {
    .cs_hero.cs_style_1 .cs_hero_thumb {
        right: -9%
    }
    .cs_hero.cs_style_2 .cs_hero_img_1 {
        left: -5%
    }
    .cs_hero.cs_style_2 .cs_hero_img_2 {
        right: -5%
    }
}

.cs_hero.cs_style_2 .cs_hero_shape_1 {
    position: absolute;
    bottom: 60px;
    left: 42%
}

.cs_hero.cs_style_2 .cs_hero_shape_2 {
    position: absolute;
    bottom: 95px;
    left: 57%
}

.cs_hero.cs_style_2 .cs_shape {
    height: 780px;
    width: 780px;
    opacity: .5
}

.cs_iconbox.cs_style_1 {
    height: 100%;
    padding: 3px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(217, 26, 255, .2)), to(rgba(135, 61, 255, .2)));
    background: linear-gradient(270deg, rgba(217, 26, 255, .2) 0, rgba(135, 61, 255, .2) 100%);
    -webkit-transition: .4s;
    transition: .4s;
    overflow: hidden;
    position: relative
}

.cs_iconbox.cs_style_1:before {
    content: '';
    display: block;
    background: linear-gradient(90deg, #d91aff 0, rgba(135, 61, 255, .2) 50%);
    width: calc(100% * 1.41421356237);
    padding-bottom: calc(100% * 1.41421356237);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    z-index: 0;
    opacity: 0
}

.cs_iconbox.cs_style_1:focus-visible::before,
.cs_iconbox.cs_style_1:focus-within:before,
.cs_iconbox.cs_style_1:focus:before,
.cs_iconbox.cs_style_1:hover:before {
    -webkit-animation: 1s linear infinite spinbox;
    animation: 1s linear infinite spinbox;
    opacity: 1
}

.cs_iconbox.cs_style_1 .cs_iconbox_inner {
    width: 100%;
    height: 100%;
    padding: 29px;
    border-radius: 20px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(217, 26, 255, .01)), to(rgba(135, 61, 255, .01)));
    background: linear-gradient(270deg, rgba(217, 26, 255, .01) 0, rgba(135, 61, 255, .01) 100%);
    background-color: var(--web-wash);
    position: relative;
    z-index: 1
}

.cs_iconbox.cs_style_1.cs_type_1 {
    background: -webkit-gradient(linear, right top, left top, from(rgba(217, 26, 255, .4)), to(rgba(135, 61, 255, .4)));
    background: linear-gradient(270deg, rgba(217, 26, 255, .4) 0, rgba(135, 61, 255, .4) 100%);
    border-radius: 40px
}

.cs_iconbox.cs_style_2 .cs_iconbox_index,
.cs_iconbox.cs_style_2 .cs_iconbox_progress {
    background: var(--linear, linear-gradient(90deg, #e018ff 0, #823fff 100%));
    font-weight: 600
}

.cs_iconbox.cs_style_1.cs_type_1 .cs_iconbox_inner {
    border-radius: 40px
}

.cs_iconbox.cs_style_1.cs_type_1 .cs_iconbox_icon {
    width: 60px;
    height: 60px;
    margin-bottom: 23px
}

.cs_iconbox.cs_style_1.cs_type_1 .cs_iconbox_title {
    font-size: 20px;
    line-height: 1.7em;
    margin-bottom: 20px
}

.cs_iconbox.cs_style_1 .cs_iconbox_header {
    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: 20px;
    margin-bottom: 25px
}

.cs_iconbox.cs_style_1 .cs_iconbox_icon {
    width: 100px;
    height: 100px
}

.cs_iconbox.cs_style_1 .cs_iconbox_icon img {
    mix-blend-mode: lighten
}

.cs_iconbox.cs_style_1 .cs_iconbox_index {
    font-size: 48px;
    font-weight: 600;
    line-height: 64px;
    font-family: Conthrax;
    color: rgba(255, 255, 255, .22)
}

.cs_iconbox.cs_style_1 .cs_iconbox_title {
    font-size: 30px;
    margin-bottom: 18px
}

.cs_iconbox.cs_style_1:focus .cs_iconbox_index,
.cs_iconbox.cs_style_1:focus-visible .cs_iconbox_index,
.cs_iconbox.cs_style_1:focus-within .cs_iconbox_index,
.cs_iconbox.cs_style_1:hover .cs_iconbox_index {
    background: linear-gradient(270deg, #d91aff 0, #873dff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.cs_iconbox_wrapper.cs_style_1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px
}

.cs_iconbox.cs_style_2 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    border-radius: 8px;
    background: #151515;
    -webkit-box-shadow: 0 0 50px 0 #0f0f0f;
    box-shadow: 0 0 50px 0 #0f0f0f;
    padding: 20px 20px 20px 40px;
    position: relative;
    z-index: 1
}

.cs_iconbox.cs_style_2 .cs_iconbox_index {
    width: 30px;
    height: 28px;
    border-radius: 8px 0 16px;
    font-size: 12px;
    font-family: var(--heading-font);
    color: var(--heading-color);
    position: absolute;
    left: 0;
    top: 0
}

.cs_iconbox.cs_style_2 .cs_iconbox_header {
    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: 20px
}

.cs_iconbox.cs_style_2 .cs_iconbox_title {
    font-size: 20px;
    font-family: var(--heading-font);
    line-height: 1.3em
}

.cs_iconbox.cs_style_2 .cs_iconbox_progress {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    text-align: center;
    word-wrap: break-word;
    width: 40px;
    height: 40px;
    font-size: 14px;
    font-family: var(--heading-font);
    line-height: 1em;
    color: var(--heading-color);
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cs_post.cs_style_1 {
    background: var(--linear, linear-gradient(90deg, rgba(224, 24, 255, .2) 0, rgba(130, 63, 255, .2) 100%));
    padding: 1px;
    border-radius: 8px;
    -webkit-transition: .4s;
    transition: .4s
}

.cs_post.cs_style_1 .cs_post_inner {
    background-color: var(--web-wash);
    padding: 15px 15px 30px;
    border-radius: 8px
}

.cs_post.cs_style_1 .cs_post_thumbnail {
    display: inline-block;
    width: 100%;
    border-radius: 8px
}

.cs_post.cs_style_1 .cs_post_thumbnail img,
.cs_team.cs_style_1 .cs_team_thumbnail img {
    border-radius: inherit
}

.cs_post.cs_style_1 .cs_post_content {
    padding: 20px 0 0 16px
}

@media (max-width:575px) {
    .cs_accordian.cs_style_1 .cs_accordian_body {
        padding: 0 20px 30px
    }
    .cs_accordian.cs_style_1 .cs_accordian_head {
        padding: 30px 50px 30px 20px
    }
    .cs_accordian.cs_style_1 .cs_accordian_head::after,
    .cs_accordian.cs_style_1 .cs_accordian_head::before,
    .cs_iconbox.cs_style_1 br {
        display: none
    }
    .cs_footer_row .cs_footer_col {
        width: 100%;
        max-width: 400px
    }
    .cs_iconbox.cs_style_1 .cs_iconbox_inner {
        padding: 29px 15px;
        border-radius: 20px
    }
    .cs_iconbox.cs_style_1.cs_type_1,
    .cs_iconbox.cs_style_1.cs_type_1 .cs_iconbox_inner {
        border-radius: 20px
    }
    .cs_iconbox.cs_style_2 {
        min-width: 100%
    }
    .cs_post.cs_style_1 .cs_post_content {
        padding: 20px 0 0
    }
}

.cs_post.cs_style_1 .cs_post_meta_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 1.5em;
    color: var(--heading-color);
    text-transform: uppercase;
    margin-bottom: 16px
}

.cs_post.cs_style_1 .cs_post_meta_separator {
    width: 24px;
    height: 1px;
    background: var(--linear, linear-gradient(90deg, #e018ff 0, #823fff 100%))
}

.page-item,
.page-item.active .page-link,
.page-link:hover {
    background: -webkit-gradient(linear, left top, right top, from(#e018ff), to(#823fff))
}

.cs_post.cs_style_1 .cs_post_title {
    font-size: 24px;
    line-height: 1.41em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.cs_post.cs_style_1 .cs_post_subtitle {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 15px
}

.cs_post.cs_style_1 .cs_post_btn {
    margin-top: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 5px;
    font-size: 16px;
    font-weight: 400;
    color: var(--heading-color);
    font-family: var(--heading-font);
    -webkit-transition: .4s;
    transition: .4s
}

.cs_post.cs_style_1:hover .cs_post_btn,
.cs_team.cs_style_1:hover .cs_social_btns.cs_style_1 {
    gap: 15px
}

.cs_blog_details h1 {
    font-size: 48px;
    margin-bottom: 20px
}

.cs_blog_details h2 {
    font-size: 36px;
    margin-bottom: 15px
}

.cs_blog_details p {
    font-weight: 400;
    margin-bottom: 20px
}

.cs_blog_details .cs_posted_by {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-weight: 400
}

.cs_blog_details blockquote {
    font-size: 22px;
    line-height: 1.5em;
    font-weight: 600;
    margin-bottom: 30px;
    color: var(--heading-color)
}

.cs_blog_details ol {
    margin-bottom: 20px;
    font-weight: 400
}

.breadcrumb .breadcrumb-item {
    font-weight: 400;
    color: var(--heading-color)
}

.breadcrumb .breadcrumb-item.active,
.breadcrumb .breadcrumb-item::before {
    color: rgba(255, 255, 255, .5)
}

.pagination {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px
}

.page-item {
    background: linear-gradient(90deg, #e018ff 0, #823fff 100%);
    padding: 1px;
    border-radius: 1px
}

.page-item:not(:first-child) .page-link {
    margin-left: 0
}

.page-link {
    display: inline-block;
    padding: 14px 24px;
    background-color: var(--web-wash);
    border: 0;
    border-radius: 0 !important;
    color: var(--heading-color)
}

.page-link:hover {
    background: linear-gradient(90deg, #e018ff 0, #823fff 100%);
    color: var(--heading-color)
}

.page-item.active .page-link {
    pointer-events: none;
    background: linear-gradient(90deg, #e018ff 0, #823fff 100%)
}

.cs_cta.cs_style_1 {
    border-radius: 8px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(224, 24, 255, .1)), to(rgba(130, 63, 255, .1)));
    background: linear-gradient(90deg, rgba(224, 24, 255, .1) 0, rgba(130, 63, 255, .1) 100%);
    padding: 60px;
    position: relative
}

.cs_cta.cs_style_1 .cs_cta_title {
    font-size: 36px;
    line-height: 1.44em;
    margin-bottom: 20px;
    max-width: 600px
}

.cs_cta.cs_style_1 .cs_cta_subtitle {
    font-size: 20px;
    line-height: 1.33em;
    max-width: 490px;
    margin-bottom: 30px
}

.cs_cta.cs_style_1 .cs_cta_in {
    position: relative;
    z-index: 2
}

.cs_cta.cs_style_1 .cs_cta_img {
    position: absolute;
    bottom: 0;
    right: 0
}

.cs_cta.cs_style_1.cs_type_1 {
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.cs_cta.cs_style_1.cs_type_1 .cs_cta_subtitle {
    font-weight: 500;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto
}

.cs_counter.cs_style_1 .cs_counter_number {
    font-size: 48px;
    color: var(--heading-color);
    font-family: var(--heading-font);
    line-height: 1.2em;
    margin-bottom: 4px
}

.cs_counter.cs_style_1 .cs_counter_title {
    font-size: 24px;
    line-height: 1.41em
}

.cs_counter_1_wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px
}

.cs_team.cs_style_1 {
    background: var(--linear, linear-gradient(90deg, #e018ff 0, #823fff 100%));
    border-radius: 8px;
    padding: 1px
}

.cs_team.cs_style_1.cs_type_1 {
    width: 100%;
    border-radius: 160px;
    margin: 0 auto
}

.cs_team.cs_style_1.cs_type_1 .cs_team_inner {
    background-color: var(--web-wash);
    border-radius: inherit
}

.cs_team.cs_style_1.cs_type_1 .cs_team_thumbnail_wrapper {
    background: var(--linear, linear-gradient(90deg, #e018ff 0, #823fff 100%));
    border-radius: 50%;
    padding-bottom: 1px
}

.cs_team.cs_style_1.cs_type_1 .cs_team_thumbnail {
    width: 100%;
    height: 300px;
    border-radius: 50%;
    margin-bottom: 0
}

@media (max-width:1399px) {
    .cs_team.cs_style_1.cs_type_1 .cs_team_thumbnail {
        height: 263px
    }
}

@media (max-width:1199px) {
    .cs_timeline_list.cs_style_2::after {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, currentColor), color-stop(0, rgba(255, 255, 255, 0)));
        background-image: linear-gradient(to bottom, currentColor 40%, rgba(255, 255, 255, 0) 0);
        background-position: left;
        background-size: 1px 23px;
        background-repeat: repeat-y;
        width: 1px;
        height: calc(100% - 230px);
        position: absolute;
        left: 50%;
        top: 53%;
        -webkit-transform: translate(-50%, -53%);
        transform: translate(-50%, -53%)
    }
    .cs_site_header.cs_style_1 .cs_main_header_right {
        padding-right: 50px
    }
    .cs_footer_row {
        gap: 50px 30px
    }
    .cs_hero.cs_style_1 .cs_hero_title {
        font-size: 54px
    }
    .cs_hero.cs_style_1 .cs_hero_subtitle {
        max-width: 430px
    }
    .cs_hero.cs_style_1 .cs_hero_thumb {
        right: -14%
    }
    .cs_hero.cs_style_1 .cs_hero_circle {
        left: 50%
    }
    .cs_hero.cs_style_2 .cs_hero_img_1 {
        left: -18%
    }
    .cs_hero.cs_style_2 .cs_hero_img_2 {
        right: -18%
    }
    .cs_counter_1_wrap {
        grid-template-columns: repeat(2, 1fr)
    }
    .cs_team.cs_style_1.cs_type_1 .cs_team_thumbnail {
        height: 300px
    }
    .roadmap__shape {
        display: none
    }
}

@media (max-width:991px) {
    .cs_hero.cs_style_1 {
        padding: 100px 0 100px;
        min-height: initial
    }
    .cs_hero.cs_style_1 .cs_hero_circle,
    .cs_hero.cs_style_1 .cs_hero_thumb {
        display: none
    }
    .cs_hero.cs_style_2 .cs_hero_img_1 {
        left: -40%
    }
    .cs_hero.cs_style_2 .cs_hero_img_2 {
        right: -40%
    }
    .cs_iconbox_wrapper.cs_style_1 {
        grid-template-columns: repeat(1, 1fr)
    }
    .cs_team.cs_style_1.cs_type_1 .cs_team_thumbnail {
        height: 330px
    }
    .roadmap__item {
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
        margin-bottom: 30px
    }
}

.cs_team.cs_style_1.cs_type_1 .cs_team_bio {
    text-align: center;
    border-radius: 0 0 140px 140px;
    padding: 20px 0 37px;
    background-color: transparent
}

.cs_team.cs_style_1.cs_type_1 .cs_team_title {
    font-size: 20px;
    line-height: 1.3em;
    margin-bottom: 7px
}

.cs_team.cs_style_1.cs_type_1 .cs_social_btns.cs_style_1 {
    top: 140px
}

.cs_team.cs_style_1 .cs_team_thumbnail {
    width: 100%;
    height: 283px;
    background: var(--linear, linear-gradient(90deg, rgba(224, 24, 255, .11) 0, rgba(130, 63, 255, .11) 100%));
    background-color: var(--web-wash);
    border-radius: 8px 8px 0 0;
    position: relative;
    margin-bottom: 1px
}

.cs_team.cs_style_1 .cs_team_bio {
    background-color: var(--web-wash);
    padding: 30px;
    border-radius: 0 0 8px 8px;
    position: relative;
    z-index: 1
}

.cs_team.cs_style_1 .cs_team_title {
    font-size: 24px;
    margin-bottom: 2px;
    line-height: 1.25em
}

.cs_team.cs_style_1 .cs_team_subtitle {
    line-height: 1.31em
}

.cs_team.cs_style_1 .cs_social_btns.cs_style_1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    top: 20px;
    right: 30px;
    z-index: 5;
    -webkit-transition: .4s;
    transition: .4s
}

.cs_team.cs_style_1 .cs_social_btns.cs_style_1 a {
    border-color: rgba(255, 255, 255, .1);
    color: var(--heading-color);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.cs_team.cs_style_1 .cs_social_btns.cs_style_1 a:first-child {
    background-color: var(--heading-color);
    color: var(--web-wash);
    visibility: visible;
    opacity: 1
}

.cs_card.cs_style_1 {
    background: rgba(255, 255, 255, .05);
    border-radius: 8px;
    padding: 20px;
    position: relative;
    z-index: 1
}

.cs_card.cs_style_1 .cs_card_thumbnail {
    width: 100%;
    height: 100%;
    border-radius: 8px 8px 0 0;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.cs_card.cs_style_1 .cs_card_thumbnail.cs_type_1 {
    border-radius: 50%
}

.cs_card.cs_style_1 .cs_card_thumbnail img {
    border-radius: inherit;
    -webkit-transition: .7s;
    transition: .7s
}

.cs_card.cs_style_1 .cs_card_thumbnail:hover img {
    -webkit-transform: scale(1.03);
    transform: scale(1.03)
}

.cs_card.cs_style_1 .cs_card_text {
    padding: 0 1px 1px;
    background: var(--linear, linear-gradient(90deg, rgba(224, 24, 255, .8) 0, rgba(130, 63, 255, .8) 100%));
    border-radius: 0 0 8px 8px;
    position: relative;
    z-index: 1
}

.cs_card.cs_style_1 .cs_card_text.cs_type_1 {
    border-radius: 40px;
    text-align: center
}

.cs_card.cs_style_1 .cs_card_text_inner {
    background: #191618;
    border-radius: 0 0 8px 8px;
    padding: 12px;
    border-radius: inherit
}

.cs_card.cs_style_1 .cs_card_title {
    font-size: 20px;
    line-height: 1.5em
}

.ul_li_between {
    justify-content: space-between
}

.ul_li,
.ul_li_between,
.ul_li_center,
.ul_li_right {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.roadmap__wrap {
    position: relative;
    padding: 0 72px;
    margin-bottom: -30px
}

.roadmap__shape {
    position: absolute;
    top: 89%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -11px;
    right: -11px
}

.roadmap__item::before {
    position: absolute;
    top: 74px;
    left: 24px;
    width: 1px;
    height: calc(100% - 120px);
    background: #823efe;
    content: ""
}

.roadmap__item:nth-child(2n) {
    -webkit-transform: translateY(154px);
    -ms-transform: translateY(154px);
    transform: translateY(154px);
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column-reverse
}

.roadmap__item:nth-child(2n) .roadmap__head {
    margin-top: 20px
}

.roadmap__item:nth-child(2n) .roadmap__info {
    margin-top: 91px
}

.roadmap__item:nth-child(2n)::before {
    top: auto;
    bottom: 74px
}

.roadmap__item:nth-child(odd) .roadmap__info {
    margin-bottom: 91px
}

.roadmap__item:nth-child(2) .number {
    color: #ff9b5c
}

.roadmap__item:nth-child(3) {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
}

.roadmap__item:nth-child(3) .number {
    color: #fc3352
}

.roadmap__item:nth-child(4) {
    -webkit-transform: translateY(260px);
    -ms-transform: translateY(260px);
    transform: translateY(260px)
}

.roadmap__item:nth-child(4) .number {
    color: #acdf35
}

.roadmap__item:nth-child(5) {
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform: translateY(70px)
}

.roadmap__item:nth-child(5) .number {
    color: #3d88fb
}

.roadmap__item .number {
    text-align: center;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #00d89e;
    line-height: 18px;
    margin-left: 21px
}

.roadmap__head .icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    margin-bottom: 15px
}

.roadmap__head h3 {
    font-size: 20px;
    font-weight: 600
}

.roadmap__info {
    font-size: 16px;
    color: #b3b3c0;
    padding-left: 54px
}

.roadmap__info li {
    line-height: 24px
}

.roadmap__year .year {
    position: absolute;
    top: 84%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 600;
    color: var(--color-white);
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1f1f48;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.roadmap__year .year--start {
    left: -36px
}

.roadmap__year .year--end {
    right: -36px
}

@media only screen and (min-width:1200px) and (max-width:1500px) {
    .roadmap__head h3 {
        font-size: 18px
    }
    .roadmap__year .year--start {
        left: -10px
    }
    .roadmap__year .year--end {
        right: -10px
    }
}

.roadmap__sec-shape .shape {
    position: absolute;
    z-index: -1
}

.roadmap__sec-shape .shape--1 {
    left: 0;
    top: 0
}

.roadmap__sec-shape .shape--2 {
    right: 0;
    top: 9%
}

.roadmap__list {
    padding: 0 70px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media (max-width:1199px) {
    .roadmap__item:nth-child(4) {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .roadmap__year {
        display: none
    }
    .roadmap__list {
        padding: 0
    }
}

.roadmap__list::before {
    position: absolute;
    top: 13px;
    left: 52%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    background-image: url(../img/shape/rmm_shape.png);
    height: 100%;
    width: 118px;
    background-size: contain;
    background-repeat: no-repeat
}

.roadmap__list-box {
    top: 0;
    position: relative;
    width: 50%
}

.roadmap__list-box:not(:last-child) .roadmap__list-inner {
    margin-bottom: 120px
}

.roadmap__list-box:nth-child(2n) {
    text-align: right
}

.roadmap__list-box:nth-child(2n) .roadmap__list-inner {
    margin-left: auto;
    top: 68px;
    position: relative;
    margin-bottom: 0;
    padding-right: 133px;
    background-image: url(../img/bg/rm_bg2.png);
    margin-right: -50px
}

.roadmap__list-box:nth-child(2n) .roadmap__list-inner ul li::before {
    left: auto;
    right: -20px
}

.roadmap__list-box:nth-child(2n) .roadmap__list-inner .icon {
    right: auto;
    left: -58px;
    top: auto;
    bottom: 45px
}

.roadmap__list-box:nth-child(2n) .roadmap__list-inner .icon::before {
    right: auto;
    left: -82px
}

.roadmap__list-box:nth-child(2n) .roadmap__list-inner::after,
.roadmap__list-box:nth-child(2n) .roadmap__list-inner::before {
    top: auto;
    left: auto;
    right: 50px;
    bottom: 4px;
    clip-path: polygon(100% 0, 0 100%, 100% 100%)
}

.roadmap__list-box:nth-child(3) .roadmap__list-inner .icon::before {
    right: -87px
}

.roadmap__list-box:nth-child(4) .roadmap__list-inner .icon::before {
    left: -54px
}

.roadmap__list-box:nth-child(5) .roadmap__list-inner .icon::before {
    right: -71px
}

.roadmap__list-box:nth-child(6) .roadmap__list-inner .icon::before {
    left: -69px
}

@media (max-width:1200px) {
    .roadmap__list-box:nth-child(2) .roadmap__list-inner .icon::before {
        left: -27px
    }
    .roadmap__list-box:nth-child(4) .roadmap__list-inner .icon::before {
        left: 0
    }
    .roadmap__list-box:nth-child(6) .roadmap__list-inner .icon::before {
        left: -16px
    }
}

.roadmap__list-box:last-child .roadmap__list-inner {
    margin-bottom: 0
}

.roadmap__list-inner {
    max-width: 500px;
    min-height: 350px;
    background-image: url(../img/bg/rm_bg1.png);
    background-repeat: no-repeat;
    padding: 44px 70px
}

@media (max-width:991px) {
    .roadmap__list::before {
        display: none
    }
    .roadmap__list-box:nth-child(2n) .roadmap__list-inner {
        padding-right: 50px;
        margin-right: 0;
        background-image: none
    }
    .roadmap__list-inner {
        max-width: 330px;
        min-height: 360px;
        background: #0b0e13;
        padding: 44px 54px
    }
    .roadmap__list-inner::after,
    .roadmap__list-inner::before {
        display: none
    }
}

.cs_hero,
.cs_hero.cs_hero_extra {
    min-height: inherit !important
}

@media (max-width:767px) {
    .cs_hero.cs_style_1 .cs_hero_title {
        font-size: 44px;
        margin-bottom: 22px
    }
    .cs_hero.cs_style_2 {
        height: initial;
        padding: 170px 0 160px
    }
    .cs_hero.cs_style_2 .cs_hero_title {
        font-size: 32px;
        margin-bottom: 20px
    }
    .cs_hero.cs_style_2 .cs_hero_img_1,
    .cs_hero.cs_style_2 .cs_hero_img_2,
    .cs_hero.cs_style_2 .cs_hero_title br {
        display: none
    }
    .cs_counter_1_wrap {
        grid-template-columns: repeat(1, 1fr)
    }
    .cs_team.cs_style_1.cs_type_1 {
        max-width: 306px
    }
    .cs_team.cs_style_1.cs_type_1 .cs_team_thumbnail {
        height: 302px
    }
    .cs_team.cs_style_1 .cs_team_bio {
        padding: 24px 20px
    }
    .roadmap__wrap {
        padding: 0 20px
    }
    .roadmap__list-box {
        width: 100%
    }
    .roadmap__list-box:not(:last-child) .roadmap__list-inner {
        margin-bottom: 30px
    }
    .roadmap__list-box:nth-child(2n) .roadmap__list-inner {
        top: 0;
        margin-bottom: 30px
    }
    .roadmap__list-inner {
        max-width: 100%
    }
}

.roadmap__list-inner::after,
.roadmap__list-inner::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 54px;
    height: 65px;
    content: "";
    background-color: #fff;
    clip-path: polygon(0 0, 0 100%, 100% 0);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.roadmap__list-inner::after {
    opacity: 0
}

.roadmap__list-inner:hover::after {
    opacity: 1
}

.roadmap__list-inner h3 {
    font-size: 22px;
    line-height: 35px;
    letter-spacing: -.22px;
    margin-bottom: 25px;
    font-weight: 600
}

.cs_list li,
.token-legend li {
    display: flex;
    margin-bottom: 8px
}

.roadmap__list-inner ul li {
    color: #b3b3c0;
    position: relative
}

.roadmap__list-inner ul li::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50);
    -ms-transform: translateY(-50);
    transform: translateY(-50);
    left: -20px;
    width: 10px;
    height: 2px;
    content: "";
    background-color: #fff
}

.roadmap__list-inner ul li:not(:last-child) {
    margin-bottom: 5px
}

.roadmap__list-inner .icon {
    position: absolute;
    top: 45px;
    right: 68px
}

@media (max-width:991px) {
    .roadmap__list-inner .icon {
        display: none
    }
}

.roadmap__list-inner .icon::before {
    position: absolute;
    top: 11px;
    right: -75px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    content: "";
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.roadmap__item {
    position: relative;
    flex: 1
}

.roadmap__head {
    flex-wrap: nowrap
}

.cs_list {
    list-style: none;
    padding-left: 0
}

.cs_list li {
    align-items: flex-start;
    gap: 10px
}

.cs_list li img {
    margin-top: 3px;
    display: block
}

.cs_hero.cs_style_1 {
    padding-bottom: 0
}

.cs_hero spline-viewer {
    position: absolute;
    width: 100%;
    bottom: 0
}

.cs_hero.cs_hero_extra {
    padding: 0 0 80px
}

.cs_hero_logo {
    margin: 0 auto 30px
}

.token-legend li {
    align-items: center;
    font-size: 16px;
    color: #fff
}

.token-legend .legend-color {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    border-radius: 3px
}

.privacy-policy {
    padding: 2rem 0
}

.privacy-policy .header {
    text-align: center;
    margin-bottom: 2rem
}

.privacy-policy .header h1 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: .5rem
}

.privacy-policy .header .date {
    font-size: .875rem;
    color: #6b7280
}

.privacy-policy .header .intro {
    margin-top: .5rem;
    font-size: 1rem
}

.content-box {
    border-radius: .5rem;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05)
}

.content-box div+div {
    margin-top: 2rem
}

.content-box h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: .5rem
}

.content-box p {
    font-size: 1rem;
    margin-bottom: .5rem
}

.content-box ul {
    padding-left: 1.25rem;
    list-style-type: disc;
    margin: 0
}

.content-box li {
    margin-bottom: .5rem;
    font-size: 1rem
}