/**
 *
 ***
 *
 * Template Name : Crikto
 * Version : 1.0.0 
 * Author : Softivus
 * Author URI : https://www.templatemonster.com/authors/softivus/
 * Description : Predict, Trade and Invest cryptocurrency
 * 
 ***
 *
 * table of css content
 *
 ***
 * 
 * header style
 * registration modal style
 * home banner style
 * home overview style
 * home work style
 * predict win slider style
 * first prediction style
 * banner style
 * about crikto style
 * winner style
 * contact style
 * refer earn style
 * invite style
 * faq two style
 * faq style
 * future style
 * bonus section styles
 * team section styles
 * testimonial section styles
 * newsletter section styles
 * predict token details section styles
 * contact section styles
 * blog post section styles
 * error section styles
 * predict pricing section styles
 * trade banner section styles
 * wallet section styles
 * coin section styles
 * trader section styles
 * anywhere section styles
 * why crikto section styles
 * trade pricing section styles
 * pricing overview section styles
 * trade pricing details section styles
 * trade token details section styles
 * choose crikto section styles
 * invest work section styles
 * invest video modal section styles
 * grow together section styles
 * currency platform section styles
 * boost slider section styles
 * invest pricing token style
 * services section styles
 * whole market section styles
 * footer section styles
 *
 ***
 *
 */
 @import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap");
 :root {
   --ubuntu: 'Ubuntu', sans-serif;
   --theme-bg: #131128;
   --primary-bg: #171531;
   --alternate-bg: #152775;
   --accent-bg: #25204d;
   --accent-primary-bg: #007BFF ;
   --accent-secondary-bg: #242151;
   --accent-tertiary-bg: #2b255a;
   --accent-fourier-bg: #171531;
   --btn-bg: #007BFF;
   --btn-primary-bg: #282454;
   --btn-secondary-bg: #2d2565;
   --btn-transparent: transparent;
   --btn-alternate-bg: #ffffff;
   --btn-hover-bg: #ffffff;
   --theme-font: 18px;
   --primary-font: 66px;
   --secondary-font: 42px;
   --tertiary-font: 28px;
   --fourier-font: 22px;
   --fiver-font: 18px;
   --accent-font: 18px;
   --theme-color: #e0dff1;
   --primary-color: #ffffff;
   --secondary-color: #54cc60;
   --tertiary-color: #e7ad27;
   --fourier-color: #00f0ff;
   --alternate-color: #e0dff1;
   --title-color: #FFD700;
   --title-primary-color: #54cc60;
   --title-secondary-color: #e7ad27;
   --title-alternate-color: #ffffff;
   --btn-color: #ffffff;
   --btn-primary-color: #adb5ff;
   --focus-color: #ffffff;
   --btn-alternate-color: #ffffff;
   --btn-hover-color: #ffffff;
   --btn-primary-hover-color: #131128;
   --gradient: 90deg, rgb(204,24,188) 0%, rgb(255,131,64) 100%;
   --primary-gradient: 90deg, rgb(204,24,188) 0%, rgb(255,131,64) 100%;
   --secondary-gradient: 90deg, rgb(204,24,188) 0%, rgb(255,131,64) 100%;
   --hover-gradient: 90deg, rgb(204,24,188) 0%, rgb(255,131,64) 100%;
   --border: 1px solid #2d295e;
   --primary-border: 1px solid rgba(255, 255, 255, 0.2);
   --secondary-border: 1px solid #6654e2;
   --tertiary-border: 1px solid #010202;
   --fourier-border: 1px solid rgba(23, 21, 49, 0.2);
   --border-none: 0px solid transparent;
   --radius: 5px;
   --primary-radius: 10px;
   --secondary-radius: 15px;
   --tertiary-radius: 20px;
   --fourier-radius: 25px;
   --fiver-radius: 30px;
   --radius-none: 0px;
   --shadow: 0px 2px 10px inherit;
   --primary-shadow: 0px 0px 0px transparent;
   --secondary-shadow: 0px 0px 0px transparent;
   --tertiary-shadow: 0px 0px 0px transparent;
   --shadow-none: 0px 0px 0px transparent;
   --transition: all 0.2s ease-in;
   --primary-transition: all 0.3s ease-in;
   --secondary-transition: all 0.4s ease-in;
   --tertiary-transition: all 0.6s ease-in;
   --transition-none: all 0s ease-in;
   --bs-breadcrumb-divider: none;
 }
 
 /* Document
    ========================================================================== */
 /**
  * 1. Correct the line height in all browsers.
  * 2. Prevent adjustments of font size after orientation changes in iOS.
  */
 html {
   line-height: 1.15;
   /* 1 */
   -webkit-text-size-adjust: 100%;
   /* 2 */
 }
 
 /* Sections
      ========================================================================== */
 /**
    * Remove the margin in all browsers.
    */
 body {
   margin: 0;
 }
 
 /**
    * Render the `main` element consistently in IE.
    */
 main {
   display: block;
 }
 
 /**
    * Correct the font size and margin on `h1` elements within `section` and
    * `article` contexts in Chrome, Firefox, and Safari.
    */
 h1 {
   font-size: 2em;
   margin: 0.67em 0;
 }
 
 /* Grouping content
      ========================================================================== */
 /**
    * 1. Add the correct box sizing in Firefox.
    * 2. Show the overflow in Edge and IE.
    */
 hr {
   -webkit-box-sizing: content-box;
           box-sizing: content-box;
   /* 1 */
   height: 0;
   /* 1 */
   overflow: visible;
   /* 2 */
 }
 
 /**
    * 1. Correct the inheritance and scaling of font size in all browsers.
    * 2. Correct the odd `em` font sizing in all browsers.
    */
 pre {
   font-family: monospace, monospace;
   /* 1 */
   font-size: 1em;
   /* 2 */
 }
 
 /* Text-level semantics
      ========================================================================== */
 /**
    * Remove the gray background on active links in IE 10.
    */
 a {
   background-color: transparent;
 }
 
 /**
    * 1. Remove the bottom border in Chrome 57-
    * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
    */
 abbr[title] {
   border-bottom: none;
   /* 1 */
   text-decoration: underline;
   /* 2 */
   -webkit-text-decoration: underline dotted;
           text-decoration: underline dotted;
   /* 2 */
 }
 
 /**
    * Add the correct font weight in Chrome, Edge, and Safari.
    */
 b,
 strong {
   font-weight: bolder;
 }
 
 /**
    * 1. Correct the inheritance and scaling of font size in all browsers.
    * 2. Correct the odd `em` font sizing in all browsers.
    */
 code,
 kbd,
 samp {
   font-family: monospace, monospace;
   /* 1 */
   font-size: 1em;
   /* 2 */
 }
 
 /**
    * Add the correct font size in all browsers.
    */
 small {
   font-size: 80%;
 }
 
 /**
    * Prevent `sub` and `sup` elements from affecting the line height in
    * all browsers.
    */
 sub,
 sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
 sub {
   bottom: -0.25em;
 }
 
 sup {
   top: -0.5em;
 }
 
 /* Embedded content
      ========================================================================== */
 /**
    * Remove the border on images inside links in IE 10.
    */
 img {
   border-style: none;
 }
 
 /* Forms
      ========================================================================== */
 /**
    * 1. Change the font styles in all browsers.
    * 2. Remove the margin in Firefox and Safari.
    */
 button,
 input,
 optgroup,
 select,
 textarea {
   font-family: inherit;
   /* 1 */
   font-size: 100%;
   /* 1 */
   line-height: 1.15;
   /* 1 */
   margin: 0;
   /* 2 */
 }
 
 /**
    * Show the overflow in IE.
    * 1. Show the overflow in Edge.
    */
 button,
 input {
   /* 1 */
   overflow: visible;
 }
 
 /**
    * Remove the inheritance of text transform in Edge, Firefox, and IE.
    * 1. Remove the inheritance of text transform in Firefox.
    */
 button,
 select {
   /* 1 */
   text-transform: none;
 }
 
 /**
    * Correct the inability to style clickable types in iOS and Safari.
    */
 button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
   -webkit-appearance: button;
 }
 
 /**
    * Remove the inner border and padding in Firefox.
    */
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
 /**
    * Restore the focus styles unset by the previous rule.
    */
 button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
 /**
    * Correct the padding in Firefox.
    */
 fieldset {
   padding: 0.35em 0.75em 0.625em;
 }
 
 /**
    * 1. Correct the text wrapping in Edge and IE.
    * 2. Correct the color inheritance from `fieldset` elements in IE.
    * 3. Remove the padding so developers are not caught out when they zero out
    *    `fieldset` elements in all browsers.
    */
 legend {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   /* 1 */
   color: inherit;
   /* 2 */
   display: table;
   /* 1 */
   max-width: 100%;
   /* 1 */
   padding: 0;
   /* 3 */
   white-space: normal;
   /* 1 */
 }
 
 /**
    * Add the correct vertical alignment in Chrome, Firefox, and Opera.
    */
 progress {
   vertical-align: baseline;
 }
 
 /**
    * Remove the default vertical scrollbar in IE 10+.
    */
 textarea {
   overflow: auto;
 }
 
 /**
    * 1. Add the correct box sizing in IE 10.
    * 2. Remove the padding in IE 10.
    */
 [type="checkbox"],
 [type="radio"] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   /* 1 */
   padding: 0;
   /* 2 */
 }
 
 /**
    * Correct the cursor style of increment and decrement buttons in Chrome.
    */
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
 /**
    * 1. Correct the odd appearance in Chrome and Safari.
    * 2. Correct the outline style in Safari.
    */
 [type="search"] {
   -webkit-appearance: textfield;
   /* 1 */
   outline-offset: -2px;
   /* 2 */
 }
 
 /**
    * Remove the inner padding in Chrome and Safari on macOS.
    */
 [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
 /**
    * 1. Correct the inability to style clickable types in iOS and Safari.
    * 2. Change font properties to `inherit` in Safari.
    */
 ::-webkit-file-upload-button {
   -webkit-appearance: button;
   /* 1 */
   font: inherit;
   /* 2 */
 }
 
 /* Interactive
      ========================================================================== */
 /*
    * Add the correct display in Edge, IE 10+, and Firefox.
    */
 details {
   display: block;
 }
 
 /*
    * Add the correct display in all browsers.
    */
 summary {
   display: list-item;
 }
 
 /* Misc
      ========================================================================== */
 /**
    * Add the correct display in IE 10+.
    */
 template {
   display: none;
 }
 
 /**
    * Add the correct display in IE 10.
    */
 [hidden] {
   display: none;
 }
 
 *, *::before, *::after {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   margin: 0px;
   padding: 0px;
 }
 
 *:focus {
   outline: none;
   border: none;
 }
 
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 article, aside, canvas, details, embed,
 figure, figcaption, footer, header, hgroup,
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   vertical-align: baseline;
   font-family: var(--ubuntu);
   font-size: 100%;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }
 
 html::-moz-selection, body::-moz-selection, div::-moz-selection, span::-moz-selection, applet::-moz-selection, object::-moz-selection, iframe::-moz-selection,
 h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, h6::-moz-selection, p::-moz-selection, blockquote::-moz-selection, pre::-moz-selection,
 a::-moz-selection, abbr::-moz-selection, acronym::-moz-selection, address::-moz-selection, big::-moz-selection, cite::-moz-selection, code::-moz-selection,
 del::-moz-selection, dfn::-moz-selection, em::-moz-selection, img::-moz-selection, ins::-moz-selection, kbd::-moz-selection, q::-moz-selection, s::-moz-selection, samp::-moz-selection,
 small::-moz-selection, strike::-moz-selection, strong::-moz-selection, sub::-moz-selection, sup::-moz-selection, tt::-moz-selection, var::-moz-selection,
 b::-moz-selection, u::-moz-selection, i::-moz-selection, center::-moz-selection,
 dl::-moz-selection, dt::-moz-selection, dd::-moz-selection, ol::-moz-selection, ul::-moz-selection, li::-moz-selection,
 fieldset::-moz-selection, form::-moz-selection, label::-moz-selection, legend::-moz-selection,
 table::-moz-selection, caption::-moz-selection, tbody::-moz-selection, tfoot::-moz-selection, thead::-moz-selection, tr::-moz-selection, th::-moz-selection, td::-moz-selection,
 article::-moz-selection, aside::-moz-selection, canvas::-moz-selection, details::-moz-selection, embed::-moz-selection,
 figure::-moz-selection, figcaption::-moz-selection, footer::-moz-selection, header::-moz-selection, hgroup::-moz-selection,
 menu::-moz-selection, nav::-moz-selection, output::-moz-selection, ruby::-moz-selection, section::-moz-selection, summary::-moz-selection,
 time::-moz-selection, mark::-moz-selection, audio::-moz-selection, video::-moz-selection {
   color: var(--theme-bg);
   background: var(--theme-color);
 }
 
 html::selection, body::selection, div::selection, span::selection, applet::selection, object::selection, iframe::selection,
 h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, p::selection, blockquote::selection, pre::selection,
 a::selection, abbr::selection, acronym::selection, address::selection, big::selection, cite::selection, code::selection,
 del::selection, dfn::selection, em::selection, img::selection, ins::selection, kbd::selection, q::selection, s::selection, samp::selection,
 small::selection, strike::selection, strong::selection, sub::selection, sup::selection, tt::selection, var::selection,
 b::selection, u::selection, i::selection, center::selection,
 dl::selection, dt::selection, dd::selection, ol::selection, ul::selection, li::selection,
 fieldset::selection, form::selection, label::selection, legend::selection,
 table::selection, caption::selection, tbody::selection, tfoot::selection, thead::selection, tr::selection, th::selection, td::selection,
 article::selection, aside::selection, canvas::selection, details::selection, embed::selection,
 figure::selection, figcaption::selection, footer::selection, header::selection, hgroup::selection,
 menu::selection, nav::selection, output::selection, ruby::selection, section::selection, summary::selection,
 time::selection, mark::selection, audio::selection, video::selection {
   color: var(--theme-bg);
   background: var(--theme-color);
 }
 
 html {
   position: relative;
   width: 100%;
   min-height: 100%;
   scroll-behavior: smooth;
 }
 
 body {
   font-family: var(--ubuntu);
   font-size: var(--theme-font);
   font-weight: 400;
   font-style: normal;
   background-color: var(--theme-bg);
   color: var(--theme-color);
   margin: 0px !important;
   padding: 0px !important;
   overflow-x: hidden !important;
 }
 
 body::-webkit-scrollbar {
   width: 8px;
 }
 
 body::-webkit-scrollbar-track {
   background-color: var(--accent-primary-bg);
   border-radius: 0px;
 }
 
 body::-webkit-scrollbar-thumb {
   background-color: var(--btn-bg);
   border-radius: 0px;
 }
 
 main {
   display: block;
 }
 
 audio,
 canvas,
 iframe,
 img,
 svg,
 video {
   vertical-align: middle;
 }
 
 span {
   display: inline-block;
 }
 
 ul, ol {
   list-style-type: none;
 }
 
 button {
   cursor: pointer;
   border: none;
 }
 
 button:focus {
   outline: none;
   border: none;
 }
 
 blockquote, q {
   quotes: none;
 }
 
 blockquote:before, blockquote:after {
   content: '';
   content: none;
 }
 
 q:before, q:after {
   content: '';
   content: none;
 }
 
 table {
   border-collapse: collapse;
   border-spacing: 0;
 }
 
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
   display: block;
 }
 
 .bg-img {
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
 }
 
 @media only screen and (min-width: 1200px) {
   .container {
     max-width: 1140px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   body {
     font-size: 16px;
     line-height: 26px;
   }
 }
 
 .primary-effect {
   position: relative;
   z-index: 3;
 }
 
 
 .primary-effect::before {
   content: '';
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   width: 100%;
   height: 100%;
   background-color: var(--btn-bg);
   -webkit-transition: inherit;
   transition: inherit;
   border-radius: inherit;
   z-index: -1;
 }
 
 .nav-bg-active .primary-effect::before{
   background-color: #FFD700;
 }
 .nav-bg-active .primary-btn{
   color: #000;
 }
 
 .primary-effect:hover {
   background-color: var(--btn-hover-bg);
   color: var(--theme-bg);
 }
 
 .primary-effect:hover::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 0%;
   height: 0%;
 }
 
 .secondary-effect {
   position: relative;
   z-index: 3;
 }
 
 .secondary-effect::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 0%;
   height: 0%;
   background-color: var(--btn-bg);
   -webkit-transition: inherit;
   transition: inherit;
   border-radius: inherit;
   z-index: -1;
 }
 
 .secondary-effect:hover {
   color: var(--btn-hover-color);
 }
 
 /* .secondary-effect:hover::before {
   content: '';
   position: absolute;
   top: 0%;
   left: 0%;
   right: 0%;
   bottom: 0%;
   width: 100%;
   height: 100%;
 } */
 
 .card-hover-effect {
   position: relative;
   z-index: 3;
 }
 
 .card-hover-effect::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 0%;
   height: 0%;
   background-color: var(--btn-bg);
   -webkit-transition: var(--transition);
   transition: var(--transition);
   border-radius: inherit;
   z-index: -1;
 }
 
 .card-hover-effect:hover::before {
   content: '';
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   width: 100%;
   height: 100%;
 }
 
 .card-effect:hover {
   -webkit-transform: translateY(-10px);
   transform: translateY(-10px);
   background-color: var(--btn-bg);
 }
 
 @-webkit-keyframes fadeIn {
   from {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px);
   }
   to {
     opacity: 1;
     -webkit-transform: translateY(0px);
     transform: translateY(0px);
   }
 }
 
 @keyframes fadeIn {
   from {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px);
   }
   to {
     opacity: 1;
     -webkit-transform: translateY(0px);
     transform: translateY(0px);
   }
 }
 
 .dropdown-menu.show {
   -webkit-animation: fadeIn 0.6s ease-in-out;
   /* Safari 4.0 - 8.0 */
   animation: fadeIn 0.6s ease-in-out;
 }
 
 .title-wrapper {
   text-align: center;
   max-width: 420px;
   margin-left: auto;
   margin-right: auto;
 }
 
 /**
 ------- breadcrumb style start -------
 */
 .breadcrumb {
   margin: 0px;
   padding: 0px;
 }
 
 .breadcrumb .active {
   position: relative;
   color: var(--btn-color);
   padding-left: 44px;
   padding-right: 0px;
 }
 
 .breadcrumb-item {
   padding-right: 20px;
 }
 
 .breadcrumb-item::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: 0px;
 }
 
 .breadcrumb-item i::before {
   position: absolute;
   font-size: 24px;
   left: 0px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
 }
 
 /**
 ------- breadcrumb style end -------
 */
 .text-u {
   text-transform: uppercase;
 }
 
 .pt-120 {
   padding-top: 120px;
 }
 
 .pb-120 {
   padding-bottom: 120px;
 }
 
 .pt-90 {
   padding-top: 90px;
 }
 
 .pb-90 {
   padding-bottom: 90px;
 }
 
 .mt-10 {
   margin-top: 10px;
 }
 
 @media only screen and (max-width: 991px) {
   .pt-120 {
     padding-top: 100px;
   }
   .pb-120 {
     padding-bottom: 100px;
   }
   .pb-90 {
     padding-bottom: 70px;
   }
   .pt-90 {
     padding-top: 70px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .pt-120 {
     padding-top: 80px;
   }
   .pb-120 {
     padding-bottom: 80px;
   }
   .pb-90 {
     padding-bottom: 50px;
   }
   .pt-90 {
     padding-top: 50px;
   }
 }
 
 h1, h1 > a {
   font-family: var(--ubuntu);
   font-size: var(--primary-font);
   line-height: 80px;
   font-weight: 700;
   color: var(--title-alternate-color);
   font-style: normal;
   text-align: left;
 }
 
 h2, h2 > a {
   font-family: var(--ubuntu);
   font-size: var(--secondary-font);
   line-height: 54px;
   font-weight: 700;
   color: var(--title-color);
   font-style: normal;
   text-align: left;
 }
 
 h3, h3 > a {
   font-family: var(--ubuntu);
   font-size: var(--tertiary-font);
   line-height: 40px;
   font-weight: 700;
   color: var(--title-color);
   font-style: normal;
   text-align: left;
 }
 
 h4, h4 > a {
   font-family: var(--ubuntu);
   font-size: var(--fourier-font);
   line-height: 32px;
   font-weight: 700;
   color: var(--title-color);
   font-style: normal;
   text-align: left;
 }
 
 h5, h5 > a {
   font-family: var(--ubuntu);
   font-size: var(--fiver-font);
   line-height: 28px;
   font-weight: 700;
   color: var(--title-color);
   font-style: normal;
   text-align: left;
 }
 
 h6, h6 > a {
   font-family: var(--ubuntu);
   font-size: 16px;
   line-height: 26px;
   font-weight: 700;
   color: var(--title-color);
   font-style: normal;
   text-align: left;
 }
 
 p, th, td, li, span, label, option, blockquote {
   font-family: var(--ubuntu);
   font-size: var(--theme-font);
   line-height: 30px;
   font-weight: 400;
   color: var(--theme-color);
   font-style: normal;
   text-align: left;
 }
 
 p.primary, th.primary, td.primary, li.primary, span.primary, label.primary, option.primary, blockquote.primary {
   font-family: var(--ubuntu);
   font-size: 14px;
   line-height: 22px;
   font-weight: 500;
   color: var(--theme-color);
   font-style: normal;
   text-align: left;
 }
 
 p.secondary, th.secondary, td.secondary, li.secondary, span.secondary, label.secondary, option.secondary, blockquote.secondary {
   font-family: var(--ubuntu);
   font-size: 16px;
   line-height: 26px;
   font-weight: 400;
   color: var(--primary-color);
   font-style: normal;
   text-align: left;
 }
 
 p.tertiary, th.tertiary, td.tertiary, li.tertiary, span.tertiary, label.tertiary, option.tertiary, blockquote.tertiary {
   font-family: var(--ubuntu);
   font-size: 22px;
   line-height: 34px;
   font-weight: 500;
   color: var(--alternate-color);
   font-style: normal;
   text-align: left;
 }
 
 a, button {
   text-decoration: none;
   display: inline-block;
   color: var(--btn-color);
   background-color: var(--btn-transparent);
   font-family: var(--ubuntu);
   font-size: var(--accent-font);
   line-height: 30px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 a:hover, button:hover {
   text-decoration: none;
   color: var(--btn-hover-color);
 }
 
 a:active, button:active {
   color: var(--btn-color);
 }
 
 a.primary, button.primary {
   font-family: var(--ubuntu);
   font-size: 22px;
   line-height: 32px;
   font-weight: 700;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 a:active {
   color: var(--btn-color);
 }
 
 @media only screen and (max-width: 991px) {
   h1, h1 > a {
     font-size: 48px;
     line-height: 60px;
   }
   h2, h2 > a {
     font-size: 36px;
     line-height: 46px;
   }
   h3, h3 > a {
     font-size: 24px;
     line-height: 32px;
   }
   h4, h4 > a {
     font-size: 20px;
     line-height: 28px;
   }
   h5, h5 > a {
     font-size: 16px;
     line-height: 24px;
   }
   p, th, td, li, span, label, option, blockquote {
     font-size: 16px;
     line-height: 26px;
   }
   p.tertiary, th.tertiary, td.tertiary, li.tertiary, span.tertiary, label.tertiary, option.tertiary, blockquote.tertiary {
     font-size: 20px;
     line-height: 32px;
   }
   a, button {
     font-size: 16px;
     line-height: 26px;
   }
   a.primary, button.primary {
     font-size: 20px;
     line-height: 30px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   h1, h1 > a {
     font-size: 36px;
     line-height: 46px;
   }
   h2, h2 > a {
     font-size: 30px;
     line-height: 40px;
   }
   p.tertiary, th.tertiary, td.tertiary, li.tertiary, span.tertiary, label.tertiary, option.tertiary, blockquote.tertiary {
     font-size: 18px;
     line-height: 30px;
   }
   a.primary, button.primary {
     font-size: 18px;
     line-height: 28px;
   }
 }
 
 .primary-btn {
   background-color: var(--btn-bg);
   padding: 10px 30px 12px;
   border-radius: var(--fiver-radius);
   -webkit-transition: Var(--primary-transition);
   transition: Var(--primary-transition);
   text-align: center;
 }
 
 .nav-link {
   background-color: var(--btn-transparent);
   padding: 7px 7px 7px !important;
   border-radius: var(--tertiary-radius);
   -webkit-transition: Var(--primary-transition);
   transition: Var(--primary-transition);
   text-align: center;
   color: var(--btn-color);
 }
 
 .nav-link:hover {
   color: var(--btn-color);
 }
 
 .link-active {
   background-color: var(--btn-bg);
   color: var(--btn-color) !important;
 }
 
 .secondary-btn {
   background-color: var(--btn-primary-bg);
   padding: 11px 60px 12px;
   border-radius: var(--fiver-radius);
   -webkit-transition: Var(--secondary-transition);
   transition: Var(--secondary-transition);
   text-align: center;
 }
 
 .fourier-btn {
   background-color: var(--btn-bg);
   padding: 11px 60px 12px;
   border-radius: var(--fiver-radius);
   -webkit-transition: Var(--secondary-transition);
   transition: Var(--secondary-transition);
   text-align: center;
 }
 
 .tertiary-btn {
   background-color: var(--btn-transparent);
   padding: 5px 30px 7px;
   border-radius: var(--fiver-radius);
   -webkit-transition: Var(--secondary-transition);
   transition: Var(--secondary-transition);
   text-align: center;
 }
 
 .primary-submit {
   border: 0px;
   font-family: var(--ubuntu);
   font-size: 16px;
   line-height: 24px;
   font-weight: 700;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
   padding: 12px 36px 13px;
   border-radius: var(--fiver-radius);
   background-color: var(--btn-bg);
   -webkit-transition: var(--primary-transition);
   transition: var(--primary-transition);
 }
 
 @media only screen and (max-width: 991px) {
   .secondary-btn {
     padding: 11px 40px 12px;
   }
   .fourier-btn {
     padding: 11px 40px 12px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .secondary-btn {
     padding: 11px 30px 12px;
   }
   .fourier-btn {
     padding: 11px 30px 12px;
   }
 }
 
 /*
 =============================================
 blog post search form style start
 =============================================
 */
 #blogPostSearch {
   border: none;
   outline: none;
   padding: 12px 30px 15px;
   background-color: var(--btn-secondary-bg);
   font-family: var(--ubuntu);
   font-size: 16px;
   line-height: 26px;
   font-weight: 400;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
   border-radius: var(--primary-radius);
   border: var(--secondary-border);
   width: 100%;
 }
 
 #blogPostSearch:focus {
   border: none;
   outline: none;
   -webkit-box-shadow: 0px 0px 0px transparent;
   box-shadow: 0px 0px 0px transparent;
   border: var(--secondary-border);
 }
 
 #blogPostSearch::-webkit-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 16px;
   line-height: 26px;
   font-weight: 400;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 #blogPostSearch:-ms-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 16px;
   line-height: 26px;
   font-weight: 400;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 #blogPostSearch::-ms-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 16px;
   line-height: 26px;
   font-weight: 400;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 #blogPostSearch::placeholder {
   font-family: var(--ubuntu);
   font-size: 16px;
   line-height: 26px;
   font-weight: 400;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 #newsletter {
   width: 100%;
   margin-top: 25px;
 }
 
 #newsletter input {
   border: none;
   outline: none;
   padding: 13px 30px 15px;
   background-color: var(--btn-secondary-bg);
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
   border-radius: var(--primary-radius);
   border: var(--secondary-border);
   width: 70%;
 }
 
 #newsletter input:focus {
   border: none;
   outline: none;
   -webkit-box-shadow: 0px 0px 0px transparent;
   box-shadow: 0px 0px 0px transparent;
   border: var(--secondary-border);
   background-color: var(--btn-secondary-bg) !important;
 }
 
 #newsletter input::-webkit-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 #newsletter input:-ms-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 #newsletter input::-ms-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 #newsletter input::placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 #newsletter button {
   border: none;
   outline: none;
   padding: 15px 30px;
   border-radius: var(--primary-radius);
   font-size: 18px;
   font-weight: 500;
   line-height: 28px;
   margin-left: 5px;
 }
 
 .form-control {
   background-color: transparent;
 }
 
 input::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder {
   opacity: 0.5 !important;
 }
 
 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
   opacity: 0.5 !important;
 }
 
 input::-ms-input-placeholder,
 textarea::-ms-input-placeholder {
   opacity: 0.5 !important;
 }
 
 input::placeholder,
 textarea::placeholder {
   opacity: 0.5 !important;
 }
 
 .contact-status {
   background-color: #2d2565;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 20px;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   padding: 40px 20px;
   border-radius: 10px;
   margin-top: 40px;
   display: none;
 }
 
 .contact-status h4 {
   color: white;
   font-weight: 400;
 }
 
 .contact-status .close-status {
   color: white;
   font-size: 24px;
 }
 
 .contact-status-active {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 
 /*
 =============================================
 blog post search form style end
 =============================================
 */
 /**
 * header style start
 */
 .navbar {
   padding: 15px 0px;
   background-color: transparent;
 }
 
 .nav-bg-active {
   background-color: var(--accent-primary-bg);
 }
 
 .navbar-brand {
   margin: 0px;
   padding: 0px;
 }
 
 .logo {
   width: 150px;
   height: 50px;
 }
 
 .out-link {
   margin-left: 40px;
 }
 
 .out-link .primary-btn {
   padding: 9px 30px 11px;
 }
 
 .navbar-toggler {
   border: none;
   padding: 0px;
   margin: 0px 0px 0px 30px;
   line-height: 0px;
 }
 
 .navbar-toggler:focus {
   -webkit-box-shadow: none;
   box-shadow: none;
   outline: none;
 }
 
 .navbar-toggler .icon-bar {
   width: 35px;
   height: 2px;
   background-color: var(--primary-color);
   margin: 0px;
   display: block;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
 }
 
 .navbar-toggler .middle-bar {
   margin: 6px 0px;
   opacity: 1;
 }
 
 .active .top-bar {
   -webkit-transform: rotate(-45deg) translate(-7px, 4px);
   transform: rotate(-45deg) translate(-7px, 4px);
 }
 
 .active .middle-bar {
   opacity: 0;
 }
 
 .active .bottom-bar {
   -webkit-transform: rotate(45deg) translate(-7px, -4px);
   transform: rotate(45deg) translate(-7px, -4px);
 }
 
 .dropdown-toggle::after {
   content: '';
   margin-left: 10px;
 }
 
 .dropdown-menu {
   background-color: var(--accent-bg);
   padding: 0px;
   -webkit-box-shadow: 0  5px 10px , 0 15px 40px;
           box-shadow: 0  5px 10px , 0 15px 40px;
   min-width: 220px;
   border-radius: 0px;
   margin-top: 20px !important;
 }
 
 .dropdown-menu .dropdown-item {
   background-color: var(--accent-tertiary-bg);
   margin: 4px 0px;
   color: var(--btn-color);
   font-size: 16px;
   font-weight: 500 !important;
   padding: 8px 16px;
   -webkit-transition: var(--transition);
   transition: var(--transition);
 }
 
 .dropdown-menu .dropdown-item:nth-child(1) {
   margin-top: 0px;
 }
 
 .dropdown-menu .dropdown-toggle::after {
   content: '';
   margin-left: 10px;
 }
 
 .dropdown-menu .link-active {
   background-color: var(--btn-bg);
   color: var(--btn-color);
 }
 
 .dropdown-menu .dropend .dropdown-menu {
   background-color: var(--accent-tertiary-bg);
 }
 
 .dropdown-menu .dropend .dropdown-menu .dropdown-item {
   background-color: var(--accent-bg);
 }
 
 .dropdown-menu .dropend .dropdown-menu .link-activee {
   background-color: var(--btn-bg);
   color: var(--btn-hover-color);
 }
 
 @media only screen and (max-width: 1199px) {
   .nav-link {
     padding: 4px 14px 4px !important;
     font-size: 16px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   header {
     margin-bottom: 75px;
   }
   .navbar {
     background-color: var(--accent-primary-bg);
     -webkit-box-shadow: var(--shadow);
     box-shadow: var(--shadow);
   }
   .nav-link {
     text-align: left;
     padding: 7px 15px 7px !important;
     background-color: #0d045f;
     border-radius: 0px;
     margin: 2px 0px;
   }
   .nav-item .secondary-effect::before {
     content: none;
   }
   .nav-item:first-child {
     margin-top: 2px;
   }
   .nav-item:last-child {
     margin-bottom: 2px;
   }
   .nav-item:last-child .nav-link {
     background-color: var(--btn-bg);
     color: var(--btn-color);
   }
   .logo {
     width: 130px;
     height: 45px;
   }
   .out-link .primary-btn {
     padding: 9px 30px 10px;
   }
   .navbar-collapse {
     margin: 15px 0px 15px;
     border: 2px solid rgba(255, 255, 255, 0.2);
     border-left: none;
     border-right: none;
     max-height: 230px;
     overflow: auto;
   }
   .navbar-collapse::-webkit-scrollbar {
     width: 5px;
   }
   .navbar-collapse::-webkit-scrollbar-track {
     background-color: var(--accent-primary-bg);
     border-radius: 0px;
   }
   .navbar-collapse::-webkit-scrollbar-thumb {
     background-color: var(--btn-bg);
     border-radius: 0px;
   }
   .dropdown-menu {
     margin: 10px 0px !important;
   }
 }
 
 @media only screen and (max-width: 575px) {
   header {
     margin-bottom: 70px;
   }
   .logo {
     width: 130px;
     height: 40px;
   }
 }
 
 /**
 * header style end
 */
 .registration-popup {
   overflow: hidden !important;
 }
 
 .login-modal-container {
   max-width: 992px;
   margin: auto;
   background-color: var(--accent-bg);
   position: relative;
   border-radius: 20px;
   overflow-x: hidden !important;
 }
 
 .registration-left-column {
   padding: 30px 30px 27px;
   background-color: var(--accent-primary-bg);
   border-radius: var(--tertiary-radius);
 }
 
 .registration-right-column {
   padding: 30px;
   background-color: var(--accent-bg);
   border-radius: 20px;
 }
 
 .registration-button-wrapper {
   text-align: center;
 }
 
 .registration-button-wrapper .registration-tab-btn {
   background-color: transparent;
   border: none;
   outline: none;
   padding: 15px 30px;
   text-transform: uppercase;
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 700;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
   margin-right: 10px;
   -webkit-transition: var(--primary-transition);
   transition: var(--primary-transition);
   border-bottom: 2px solid #4e4399;
 }
 
 .registration-button-wrapper .registration-tab-btn:hover {
   color: #ffc94b;
   background-color: transparent;
   border-bottom: 2px solid #ffc94b;
 }
 
 .registration-button-wrapper .registration-tab-btn:nth-of-type(2) {
   margin-right: 0px;
 }
 
 .registration-button-wrapper .registration-tab-active {
   color: #ffc94b;
   background-color: transparent;
   border-bottom: 2px solid #ffc94b;
 }
 
 .registration-social-wrapper {
   padding: 34px 15px;
   border-bottom: 1px solid #424a92;
 }
 
 .registration-social-wrapper .social-wrapper {
   margin-top: 15px;
   text-align: left;
 }
 
 .registration-social-wrapper .social-wrapper a {
   text-decoration: none;
   display: inline-block;
   text-align: left;
   padding: 0px 5px;
 }
 
 .registration-social-wrapper .social-wrapper a img {
   border: 0px;
   width: 40px;
   height: 40px;
   display: inline-block;
 }
 
 .registration-social-wrapper .social-wrapper a:first-of-type {
   padding-left: 0px;
 }
 
 .registration-social-wrapper .social-wrapper a:last-of-type {
   padding-right: 0px;
 }
 
 .registration-tab {
   margin-top: 52px;
 }
 
 .registration-tab-content .form-group {
   margin-bottom: 20px;
 }
 
 .registration-tab-content .form-group label {
   margin-bottom: 15px;
 }
 
 .registration-tab-content .checkf {
   margin-top: -10px;
 }
 
 .registration-tab-content .checkf a {
   font-family: var(--ubuntu);
   font-size: 14px;
   line-height: 22px;
   font-weight: 400;
   color: var(--primary-color);
   font-style: normal;
   text-align: left;
   -webkit-transition: var(--primary-transition);
   transition: var(--primary-transition);
   text-transform: capitalize;
 }
 
 .registration-tab-content .checkf a:hover {
   color: #ffc94b;
 }
 
 .registration-tab-content .form-check {
   margin-bottom: 0px;
 }
 
 .registration-tab-content .form-check label {
   line-height: 0px;
 }
 
 .registration-tab-content .icon-wrapper-input input {
   -webkit-box-shadow: 0px 0px 0px transparent;
   box-shadow: 0px 0px 0px transparent;
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
   border-radius: var(--primary-radius);
 }
 
 .registration-tab-content .icon-wrapper-input input:focus {
   background-color: var(--btn-secondary-bg);
 }
 
 .registration-tab-content .icon-wrapper-input input::-webkit-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 .registration-tab-content .icon-wrapper-input input:-ms-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 .registration-tab-content .icon-wrapper-input input::-ms-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 .registration-tab-content .icon-wrapper-input input::placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 .registration-tab-content form .nice-select {
   width: 100%;
   display: block;
   background-color: var(--btn-secondary-bg);
   border: var(--secondary-border);
   margin-bottom: 60px;
   height: auto !important;
   padding-top: 10px;
   padding-bottom: 8px;
   border-radius: var(--primary-radius);
 }
 
 .registration-tab-content form .nice-select .current {
   color: var(--primary-color) !important;
 }
 
 .registration-tab-content form .nice-select .list {
   padding: 0px;
   background-color: var(--btn-bg);
 }
 
 .registration-tab-content form .nice-select .list .option {
   background-color: var(--btn-bg);
   color: var(--btn-color);
   -webkit-transition: var(--transition);
   transition: var(--transition);
   font-weight: 500;
 }
 
 .registration-tab-content form .nice-select .list .option:hover {
   background-color: var(--btn-color);
   color: var(--theme-bg);
 }
 
 .registration-tab-content form .nice-select::after {
   width: 10px;
   height: 10px;
   margin-top: -7px;
   border-color: var(--btn-color);
 }
 
 .registration-tab-content button {
   border: none;
   outline: none;
   padding: 15px 30px;
   display: block;
   text-transform: uppercase;
   background-color: var(--btn-bg);
   color: var(--btn-color);
   -webkit-transition: var(--primary-transition);
   transition: var(--primary-transition);
   width: 100%;
   border-radius: var(--primary-radius);
   margin-top: 60px;
   margin-bottom: 16px;
   text-align: center;
 }
 
 .registration-tab-content .nm {
   text-align: center;
   margin-top: 16px;
 }
 
 .registration-tab-content .nm a {
   color: #ffc94b;
   text-transform: capitalize;
   font-size: 14px;
   line-height: inherit;
 }
 
 .mfp-close-btn-in .mfp-close {
   font-size: 35px;
   color: #fff;
   top: 35px;
   right: 40px;
   background-color: var(--btn-bg);
   border-radius: var(--primary-radius);
 }
 
 .registration-right-column {
   position: relative;
 }
 
 .registration-right-column h5 {
   color: #ffc94b;
   margin-top: 55px;
 }
 
 .registration-right-column h2 {
   margin-top: 19px;
 }
 
 .registration-single-item {
   margin: 20px 0px;
 }
 
 .registration-item-thumb {
   margin-right: 15px;
 }
 
 .registration-item-thumb img {
   width: 40px;
   height: 40px;
 }
 
 .registration-illustration {
   text-align: center;
 }
 
 .registration-illustration img {
   max-width: 100%;
   height: auto;
 }
 
 @media only screen and (max-width: 767px) {
   .registration-left-column {
     padding: 30px 15px 27px;
   }
   .registration-right-column {
     padding: 30px 15px;
   }
   .registration-tab-content form .nice-select {
     margin-bottom: 40px;
   }
   .registration-tab-content button {
     margin-top: 40px;
   }
   .registration-tab {
     margin-top: 32px;
   }
   .registration-right-column h5 {
     margin-top: 30px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .registration-button-wrapper {
     margin-top: 50px;
   }
   .mfp-close-btn-in .mfp-close {
     font-size: 35px;
     color: #fff;
     top: 30px;
     right: 30px;
     background-color: var(--btn-bg);
     border-radius: var(--primary-radius);
   }
 }
 
 .mfp-wrap {
   position: fixed;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 40px;
   width: 100%;
   height: 100vh;
   overflow-y: auto;
 }
 
 .mfp-wrap .mfp-container {
   padding: 100px 12px;
 }
 
 /**
 * home banner style start
 */
 .home-banner-container {
   background-color: var(--alternate-bg);
   padding-top: 360px;
   padding-bottom: 295px;
   background-position: top center;
   background-size: cover;
   position: relative;
   overflow: hidden;
 }
 
 .home-banner-left-col {
   text-align: left;
 }
 
 .home-banner-left-col::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -14px;
 }
 
 .home-banner-left-col p.tertiary {
   margin-top: 8px;
 }
 
 .home-banner-left-col .fourier-btn {
   margin-top: 35px;
 }
 
 .home-banner-thumb {
   position: absolute;
   bottom: -70px;
   direction: ltr;
 }
 
 .home-banner-thumb img {
   -webkit-transform: translateX(220px);
   transform: translateX(220px);
 }
 
 @media only screen and (max-width: 991px) {
   .home-banner-container {
     padding-top: 150px;
     padding-bottom: 219px;
   }
   .home-banner-left-col::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -11px;
   }
   .home-banner-left-col p.tertiary {
     margin-top: 11px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .home-banner-container {
     padding-top: 100px;
     padding-bottom: 167px;
   }
   .home-banner-left-col::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -8px;
   }
   .home-banner-left-col p.tertiary {
     margin-top: 7px;
   }
   .home-banner-left-col .fourier-btn {
     margin-top: 25px;
   }
 }
 
 /**
 * home banner style end
 */
 /**
 * home overview style start
 */
 .home-overview-container {
   position: relative;
   top: -75px;
   margin-bottom: -75px;
 }
 
 .home-overview-single-item {
   padding: 30px;
   background-color: var(--accent-bg);
   -webkit-box-shadow: var(--shadow-none);
   box-shadow: var(--shadow-none);
   border-radius: var(--primary-radius);
   margin-bottom: 30px;
   -webkit-transition: Var(--transition);
   transition: Var(--transition);
 }
 
 .home-overview-single-item:hover p {
   color: var(--btn-hover-color);
 }
 
 .home-overview-thumb {
   margin-right: 30px;
 }
 
 .home-overview-thumb img {
   min-width: 74px;
   height: 74px;
 }
 
 .home-overview-content p {
   color: var(--secondary-color);
   margin-top: 6px;
   -webkit-transition: var(--transition);
   transition: var(--transition);
 }
 
 @media (min-width: 992px) and (max-width: 1199px) {
   .home-overview-single-item {
     padding: 30px 15px;
   }
   .home-overview-thumb {
     margin-right: 15px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .home-overview-container {
     position: relative;
     top: -69px;
     margin-bottom: -69px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .home-overview-container {
     position: relative;
     top: -67px;
     margin-bottom: -67px;
   }
   .home-overview-single-item {
     max-width: 350px;
     margin-left: auto;
     margin-right: auto;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
   }
 }
 
 /**
 * home overview style end
 */
 /**
 * home work section style start
 */
 .home-work-container {
   margin-top: -50px;
 }
 
 .predict-work {
   margin-top: 0px;
   background-color: var(--primary-bg);
 }
 
 .home-work-wrapper .title-wrapper {
   padding-top: 10px;
   margin-bottom: 55px;
 }
 
 .home-work-wrapper .title-wrapper::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -19px;
 }
 
 .home-work-wrapper .title-wrapper p {
   margin-top: 11px;
 }
 
 .home-work-single-item {
   padding: 30px 30px 24px;
   background-color: var(--accent-fourier-bg);
   border-radius: var(--primary-radius);
   -webkit-box-shadow: var(--shadow-none);
   box-shadow: var(--shadow-none);
   margin-bottom: 30px;
   -webkit-transition: var(--transition);
   transition: var(--transition);
   border: var(--border);
 }
 
 .home-work-single-item img {
   max-width: 160px;
   height: 160px;
 }
 
 .home-work-single-item h3 {
   margin-top: 33px;
 }
 
 .home-work-single-item p {
   margin-top: 12px;
 }
 
 @media (min-width: 992px) and (max-width: 1200px) {
   .home-work-single-item {
     padding: 30px 15px 24px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .home-work-wrapper .title-wrapper {
     margin-bottom: 58px;
   }
   .home-work-wrapper .title-wrapper::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -18px;
   }
   .home-work-wrapper .title-wrapper p {
     margin-top: 13px;
   }
   .home-work-single-item h3 {
     margin-top: 35px;
   }
   .home-work-single-item p {
     margin-top: 14px;
     margin-bottom: 2px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .home-work-wrapper .title-wrapper {
     margin-bottom: 38px;
   }
   .home-work-wrapper .title-wrapper p {
     margin-top: 9px;
   }
   .home-work-single-item {
     max-width: 350px;
     margin-left: auto;
     margin-right: auto;
     padding: 30px 15px 24px;
   }
   .home-work-single-item img {
     width: 130px;
     height: 130px;
   }
   .home-work-single-item h3 {
     margin-top: 35px;
   }
   .home-work-single-item p {
     margin-top: 15px;
   }
 }
 
 /**
 * home work section style end
 */
 /**
 * predict and win slider style start
 */
 .predict-win-slider-container {
   background-color: var(--primary-bg);
 }
 
 .title-content-left::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -10px;
 }
 
 .title-content-left p {
   margin-top: 10px;
 }
 
 .slider-wrapper {
   margin-top: 55px;
 }
 
 .predict-card-single-item {
   padding: 20px;
   background-color: vaR(--accent-bg);
   margin-left: auto;
   margin-right: auto;
   border-radius: var(--tertiary-radius);
   -webkit-box-shadow: var(--shadow-none);
   box-shadow: var(--shadow-none);
 }
 
 .predict-card-header {
   padding: 15px;
   background-color: var(--accent-primary-bg);
   border-radius: var(--primary-radius);
 }
 
 .predict-card-thumb {
   margin-right: 20px;
 }
 
 .predict-card-thumb img {
   width: 80px;
   height: 80px;
 }
 
 .predict-card-thumb-details p {
   margin-top: 3px;
 }
 
 .predict-card-header-right-content h4 {
   margin-top: 7px;
 }
 
 .predict-card-content {
   padding: 60px 20px 52px;
   position: relative;
 }
 
 .predict-card-content::after {
   content: '';
   position: absolute;
   right: 50%;
   top: 50%;
   -webkit-transform: translateY(-50%) translateX(-50%);
   transform: translateY(-50%) translateX(-50%);
   bottom: 0px;
   height: 60%;
   margin-top: 4px;
   border: var(--primary-border);
 }
 
 .predict-item-price {
   text-align: center;
 }
 
 .predict-item-price h3 {
   text-align: center;
   color: var(--title-primary-color);
 }
 
 .predict-item-price p {
   margin-top: 6px;
   text-align: center;
 }
 
 .predict-item-overview {
   text-align: center;
 }
 
 .predict-item-overview h3 {
   text-align: center;
   color: var(--title-secondary-color);
 }
 
 .predict-item-overview h3 span {
   color: var(--title-secondary-color);
 }
 
 .predict-item-overview p {
   margin-top: 8px;
   text-align: center;
 }
 
 .timer-block {
   max-width: 100%;
   display: block;
   position: relative;
   background-color: transparent;
   padding: 0px;
   margin: 0 auto 0px auto;
   -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
           box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
 }
 
 .timer-block .timer-numbers {
   color: var(--primary-color);
   margin-bottom: 9px;
   font-size: 16px;
   font-weight: 400;
 }
 
 .timer-block .timer-numbers span {
   color: var(--primary-color);
   font-size: 16px;
   font-weight: 400;
 }
 
 .timer-block .timer-line {
   height: 10px;
   background-color: var(--accent-primary-bg);
   position: relative;
   overflow: hidden;
   border-radius: var(--radius);
 }
 
 .timer-block .timer-line span {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   background-color: var(--btn-bg);
   -webkit-transition: var(--transition);
   transition: var(--transition);
 }
 
 .predict-card-footer .primary-btn {
   margin-top: 40px;
 }
 
 @media only screen and (max-width: 991px) {
   .title-content-left::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -9px;
   }
   .title-content-left p {
     margin-top: 13px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .title-content-left p {
     margin-top: 9px;
   }
   .predict-card-footer .primary-btn {
     margin-top: 30px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .title-content-right {
     margin-top: 26px;
   }
   .predict-card-single-item {
     padding: 20px 12px;
   }
   .predict-card-thumb img {
     width: 60px;
     height: 60px;
   }
   .predict-card-header-right-content {
     margin-top: 18px;
   }
   .predict-card-header-right-content p {
     text-align: center;
   }
   .predict-card-header-right-content h4 {
     text-align: center;
   }
   .predict-card-content {
     padding: 35px 0px 27px;
   }
   .predict-card-content::after {
     content: none;
   }
 }
 
 /**
 * predict and win slider style end
 */
 /**
 * first prediction section style start
 */
 .first-prediction-content::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -7px;
 }
 
 .first-prediction-content h4 {
   color: var(--secondary-color);
 }
 
 .first-prediction-content h2 {
   margin-top: 10px;
 }
 
 .first-prediction-content p {
   margin-top: 11px;
 }
 
 .first-prediction-content .fourier-btn {
   margin-top: 35px;
 }
 
 .first-prediction-thumb img {
   max-width: 100%;
   height: auto;
 }
 
 @media only screen and (max-width: 1199px) {
   .first-prediction-content .fourier-btn {
     padding: 11px 40px 12px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .first-prediction-content h2 {
     margin-top: 12px;
   }
   .first-prediction-content p {
     margin-top: 13px;
   }
   .first-prediction-content .fourier-btn {
     margin-top: 36px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .first-prediction-content h2 {
     margin-top: 7px;
   }
   .first-prediction-content p {
     margin-top: 8px;
   }
   .first-prediction-content .fourier-btn {
     margin-top: 26px;
     padding: 11px 30px 12px;
   }
 }
 
 /**
 * first prediction section style end
 */
 /**
 ------- about one banner style start -------
 */
 .banner-container {
   padding-top: 215px;
   padding-bottom: 150px;
   background-color: var(--alternate-bg);
   background-size: contain;
   background-position: left top;
   position: relative;
   overflow: hidden;
 }
 
 .main-home-banner .home-banner-thumb {
   position: absolute;
   bottom: 30px;
 }
 
 .main-home-banner .home-banner-thumb img {
   -webkit-transform: translateX(50px);
   transform: translateX(50px);
 }
 
 @media only screen and (max-width: 991px) {
   .main-home-banner {
     padding-bottom: 150px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .main-home-banner {
     padding-bottom: 100px;
   }
 }
 
 .invest-banner {
   padding-bottom: 500px;
 }
 
 .banner-wrapper h1::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -15px;
 }
 
 .banner-wrapper .breadcrumb {
   margin-top: 13px;
 }
 
 .banner-wrapper .breadcrumb-item {
   margin-bottom: -7px;
 }
 
 .banner-thumb {
   position: absolute;
   top: 80px;
   bottom: 0px;
   right: 0px;
   direction: ltr;
 }
 
 .banner-thumb img {
   max-width: 100%;
   height: auto;
 }
 
 .contact-banner-thumb {
   position: absolute;
   top: 0px !important;
 }
 
 @media only screen and (min-width: 1200px) {
   .lend-two-banner {
     padding-bottom: 240px;
   }
   .coin-calculator-container .coin-calculator-wrapper {
     position: relative;
     top: -210px;
     margin-bottom: -210px;
   }
 }
 
 @media only screen and (max-width: 1199px) {
   .banner-thumb img {
     max-width: 600px;
     height: auto;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .banner-container {
     padding-top: 100px;
     padding-bottom: 100px;
     background-size: cover;
   }
   .invest-banner {
     padding-bottom: 450px;
   }
   .banner-wrapper h1::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -12px;
   }
   .banner-wrapper .breadcrumb-item {
     margin-bottom: -3px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .banner-container {
     padding-top: 80px;
     padding-bottom: 80px;
   }
   .invest-banner {
     padding-bottom: 430px;
   }
   .banner-wrapper h1::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -9px;
   }
 }
 
 /**
 ------- about one banner style end -------
 */
 /**
 ------- predict banner style start -------
 */
 .predict-banner-thumb {
   position: absolute;
   top: 10px;
 }
 
 /**
 ------- predict banner style end -------
 */
 /*
 ----------- affiliate banner style start ----------
 */
 .affiliate-banner-container {
   padding-top: 325px;
   padding-bottom: 260px;
   background-color: var(--secondary-bg);
   background-position: center center;
   position: relative;
   overflow: hidden;
 }
 
 .affiliate-banner-left-item::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -12px;
 }
 
 .affiliate-banner-left-item p {
   margin-top: 22px;
 }
 
 .affiliate-banner-left-item a {
   margin-top: 33px;
 }
 
 .affiliate-banner-thumb {
   position: absolute;
   bottom: 0px;
   direction: ltr;
 }
 
 .affiliate-banner-thumb img {
   -webkit-transform: translateX(-85px);
   transform: translateX(-85px);
 }
 
 @media only screen and (max-width: 991px) {
   .affiliate-banner-container {
     padding-top: 120px;
     padding-bottom: 120px;
   }
   .affiliate-banner-left-item::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -10px;
   }
   .affiliate-banner-left-item p {
     margin-top: 20px;
   }
   .affiliate-banner-left-item a {
     margin-top: 36px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .affiliate-banner-container {
     padding-top: 100px;
     padding-bottom: 100px;
   }
   .affiliate-banner-left-item::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -8px;
   }
   .affiliate-banner-left-item p {
     margin-top: 15px;
   }
   .affiliate-banner-left-item a {
     margin-top: 26px;
   }
 }
 
 /*
 ----------- affiliate banner style end ----------
 */
 .predict-banner-two {
   padding-bottom: 450px;
 }
 
 @media only screen and (max-width: 991px) {
   .predict-banner-two {
     padding-bottom: 400px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .predict-banner-two {
     padding-bottom: 380px;
   }
 }
 
 /**
 * about crikto section style start
 */
 .about-crikto-contianer {
   padding-top: 110px;
   padding-bottom: 110px;
 }
 
 .about-crikto-left-thumb {
   direction: rtl;
 }
 
 .about-crikto-right-content .immidiate {
   margin-top: 18px;
 }
 
 .about-crikto-right-inner-area {
   margin-top: 26px;
 }
 
 .about-crikto-single-item {
   padding: 21px 30px 25px;
   background-color: var(--accent-bg);
   border-radius: var(--primary-radius);
   -webkit-transition: var(--primary-transition);
   transition: var(--primary-transition);
   margin-top: 30px;
 }
 
 .about-crikto-single-item:hover p {
   color: var(--btn-hover-color);
 }
 
 .about-crikto-single-item-thumb {
   margin-right: 30px;
   text-align: left;
 }
 
 .about-crikto-single-item-thumb img {
   width: 80px;
   height: 80px;
 }
 
 .about-crikto-single-item-content {
   text-align: left;
 }
 
 .about-crikto-single-item-content p {
   margin-top: 11px;
   color: var(--secondary-color);
   -webkit-transition: var(--primary-transition);
   transition: var(--primary-transition);
 }
 
 @media (min-width: 992px) and (max-width: 1200px) {
   .about-crikto-single-item {
     padding: 21px 15px 25px;
   }
   .about-crikto-single-item-thumb {
     margin-right: 15px;
   }
   .about-crikto-single-item-content p {
     font-size: 16px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .about-crikto-contianer {
     padding-top: 100px;
     padding-bottom: 100px;
   }
   .about-crikto-right-content::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -8px;
   }
   .about-crikto-right-content .immidiate {
     margin-top: 21px;
   }
   .about-crikto-single-item {
     padding: 27px 30px 28px;
   }
   .about-crikto-single-item-content p {
     margin-top: 14px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .about-crikto-contianer {
     padding-top: 80px;
     padding-bottom: 80px;
   }
   .about-crikto-right-inner-area {
     margin-top: 6px;
   }
   .about-crikto-right-content .immidiate {
     margin-top: 16px;
   }
   .about-crikto-single-item {
     padding: 30px 15px;
   }
   .about-crikto-single-item-thumb {
     margin-right: 15px;
   }
   .about-crikto-single-item-content p {
     margin-top: 9px;
   }
 }
 
 /**
 * about crikto section style end
 */
 .winner-title-wrapper {
   text-align: center;
   max-width: 425px;
   margin: auto;
 }
 
 .winner-title-wrapper img {
   max-width: 100%;
   height: auto;
 }
 
 .winner-title-wrapper h2 {
   margin-top: 22px;
 }
 
 .winner-title-wrapper span {
   display: inline-block;
   margin-top: 18px;
   background-color: var(--accent-bg);
   padding: 10px 20px;
   border-radius: var(--fiver-radius);
 }
 
 .winner-table-wrapper {
   margin-top: 60px;
 }
 
 .winner-table-wrapper .table {
   margin: 0px;
   width: 100%;
 }
 
 .winner-table-wrapper .table thead tr {
   background-color: var(--accent-primary-bg);
 }
 
 .winner-table-wrapper .table thead tr th {
   text-align: center !important;
   width: 20%;
   padding: 8px 20px 8px;
   font-family: var(--ubuntu);
   font-size: 16px;
   line-height: 26px;
   font-weight: 400;
   color: var(--primary-color);
   font-style: normal;
   text-align: left;
 }
 
 .winner-table-wrapper .table thead tr th:first-of-type {
   text-align: left !important;
 }
 
 .winner-table-wrapper .table tbody tr {
   background-color: var(--accent-bg);
   border-bottom: var(--primary-border);
 }
 
 .winner-table-wrapper .table tbody tr td {
   text-align: center !important;
   width: 20%;
   padding: 10px 20px;
   font-family: var(--ubuntu);
   font-size: 16px;
   line-height: 26px;
   font-weight: 400;
   color: var(--primary-color);
   font-style: normal;
   text-align: left;
 }
 
 .winner-table-wrapper .table tbody tr td:first-of-type {
   text-align: left !important;
 }
 
 .winner-table-wrapper .table tbody tr td img {
   width: 30px;
   height: 30px;
 }
 
 .winner-table-wrapper .table tbody tr td span {
   display: inline-block;
   width: 30px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   background-color: var(--accent-primary-bg);
   border-radius: 50%;
 }
 
 .center-btn {
   margin-top: 40px;
 }
 
 @media only screen and (max-width: 991px) {
   .winner-table-wrapper {
     margin: 40px auto 0px;
     overflow: auto;
   }
   .winner-table-wrapper::-webkit-scrollbar {
     height: 5px;
   }
   .winner-table-wrapper::-webkit-scrollbar-track {
     background-color: var(--accent-primary-bg);
     border-radius: 0px;
   }
   .winner-table-wrapper::-webkit-scrollbar-thumb {
     background-color: var(--btn-bg);
     border-radius: 0px;
   }
   .winner-table-wrapper .table {
     width: 992px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .center-btn {
     margin-top: 40px;
   }
   .winner-title-wrapper span {
     font-size: 14px;
   }
 }
 
 .contact-form-left-column {
   background-color: var(--accent-primary-bg);
   padding: 18px 30px 30px;
   border-radius: var(--primary-radius);
 }
 
 .contact-form-left-column .pri {
   margin-top: 11px;
 }
 
 .contact-form-left-column .pri::after {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-bottom: -5px;
 }
 
 .contact-form-left-column hr {
   margin-bottom: 23px;
 }
 
 .contact-form-left-column .social-wrapper {
   margin-top: 23px;
   text-align: left;
 }
 
 .contact-form-left-column .social-wrapper a {
   text-decoration: none;
   display: inline-block;
   text-align: left;
   padding: 0px 5px;
 }
 
 .contact-form-left-column .social-wrapper a img {
   border: 0px;
   width: 40px;
   height: 40px;
   display: inline-block;
 }
 
 .contact-form-left-column .social-wrapper a:first-of-type {
   padding-left: 0px;
 }
 
 .contact-form-left-column .social-wrapper a:last-of-type {
   padding-right: 0px;
 }
 
 .contact-left-single-item {
   margin: 30px 0px;
 }
 
 .contact-item-thumb {
   margin-right: 20px;
 }
 
 .contact-item-thumb img {
   max-width: 100%;
   height: auto;
 }
 
 .contact-form-right-column h3::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -9px;
 }
 
 .contact-form-right-column p {
   margin-top: 13px;
 }
 
 .contact-form-right-column p::after {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-bottom: -3px;
 }
 
 #contactForm .flex-md-row {
   margin-top: 30px;
 }
 
 #contactForm label {
   margin-bottom: 12px;
 }
 
 #contactForm .text-area-wrapper {
   margin-top: 30px;
 }
 
 #contactForm textarea {
   border: none;
   outline: none;
   display: block;
   width: 100%;
   background-color: var(--btn-secondary-bg);
   border: var(--secondary-border);
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
   border-radius: var(--primary-radius);
   padding: 15px 30px;
 }
 
 #contactForm textarea::-webkit-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 #contactForm textarea:-ms-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 #contactForm textarea::-ms-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 #contactForm textarea::placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 #contactForm .primary-submit {
   margin-top: 40px;
 }
 
 @media only screen and (max-width: 991px) {
   .contact-form-right-column {
     margin-top: 60px;
   }
   .contact-form-left-column {
     padding: 34px 30px 40px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .contact-form-left-column {
     padding: 34px 15px 40px;
   }
   #contactForm .email-address {
     margin: 20px 0px 0px 0px !important;
   }
   #contactForm textarea {
     padding: 15px;
   }
 }
 
 /*
 ----------- refer and earn section style start ----------
 */
 .refer-wrapper .title-wrapper {
   margin-bottom: 26px;
 }
 
 .refer-wrapper .title-wrapper::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -8px;
 }
 
 .refer-wrapper .title-wrapper p {
   margin-top: 12px;
 }
 
 .refer-single-item {
   padding: 30px;
   background-color: var(--accent-fourier-bg);
   border-radius: var(--tertiary-radius);
   border: var(--border);
   margin-top: 30px;
   -webkit-transition: var(--transition);
   transition: var(--transition);
   -webkit-box-shadow: var(--shadow-none);
   box-shadow: var(--shadow-none);
 }
 
 .refer-single-item h3 {
   margin-top: 33px;
 }
 
 .refer-single-item p {
   margin-top: 15px;
 }
 
 .refer-single-item p::after {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-bottom: -5px;
 }
 
 .refer-img-wrapper {
   width: 200px;
   height: 200px;
   margin: auto;
   text-align: center;
   position: relative;
   -webkit-transition: var(--transition);
   transition: var(--transition);
 }
 
 .refer-img-wrapper img {
   display: inline-block;
   max-width: 100%;
 }
 
 .refer-img-wrapper span {
   display: inline-block;
   width: 50px;
   height: 50px;
   background-color: var(--btn-bg);
   font-family: var(--ubuntu);
   font-size: 28px;
   line-height: 50px;
   font-weight: 700;
   color: var(--primary-color);
   font-style: normal;
   text-align: left;
   text-align: center;
   border-radius: 50%;
   position: absolute;
   right: -10px;
   top: 80%;
   -webkit-transform: translateY(-80%);
   transform: translateY(-80%);
 }
 
 @media only screen and (max-width: 1199px) {
   .refer-single-item {
     padding: 30px 15px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .refer-single-item {
     max-width: 350px;
     margin-left: auto;
     margin-right: auto;
     padding: 30px 15px;
   }
   .refer-img-wrapper {
     width: 150px;
     height: 150px;
   }
   .refer-img-wrapper span {
     width: 40px;
     height: 40px;
     line-height: 40px;
     font-size: 24px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .refer-wrapper .title-wrapper {
     margin-bottom: 20px;
   }
   .refer-wrapper .title-wrapper p {
     margin-top: 9px;
   }
   .refer-single-item {
     margin-top: 25px;
   }
   .refer-single-item h3 {
     margin-top: 23px;
   }
   .refer-single-item p {
     margin-top: 5px;
   }
 }
 
 /*
 ----------- refer and earn section style end ----------
 */
 /*
 ----------- invite section style start ----------
 */
 .invite-container {
   position: relative;
   overflow: hidden;
 }
 
 .invite-thumb {
   direction: rtl;
 }
 
 .invite-thumb img {
   -webkit-transform: translateX(-90px);
   transform: translateX(-90px);
 }
 
 .invite-right-item::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -8px;
 }
 
 .invite-right-item p {
   margin-top: 13px;
 }
 
 .invite-right-item a {
   margin-top: 36px;
 }
 
 @media only screen and (max-width: 767px) {
   .invite-right-item p {
     margin-top: 9px;
   }
   .invite-right-item a {
     margin-top: 26px;
   }
 }
 
 /*
 ----------- invite section style end ----------
 */
 /*
 ----------- faq section style start ----------
 */
 .faq-wrapper .title-wrapper {
   max-width: 768px;
   margin-bottom: 57px;
 }
 
 .faq-wrapper .title-wrapper::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -8px;
 }
 
 .faq-wrapper .title-wrapper p {
   margin-top: 21px;
 }
 
 .accordion {
   max-width: 768px;
   margin-left: auto;
   margin-right: auto;
 }
 
 .accordion-flush .accordion-collapse {
   border-top: var(--primary-border);
 }
 
 .accordion-flush .accordion-item {
   background-color: var(--accent-bg);
   margin-top: 20px;
   -webkit-box-shadow: var(--shadow-none);
   box-shadow: var(--shadow-none);
   border-radius: var(--primary-radius);
 }
 
 .accordion-flush .accordion-item .accordion-button {
   font-family: var(--ubuntu);
   font-size: 22px;
   line-height: 32px;
   font-weight: 500;
   color: var(--primary-color);
   font-style: normal;
   text-align: left;
   background-color: var(--accent-bg);
   position: relative;
   padding: 12px 40px 16px 20px;
   border-radius: var(--primary-radius);
 }
 
 .accordion-flush .accordion-item .accordion-button i {
   width: 18px;
   height: 18px;
   line-height: 0px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%) rotate(0deg);
   transform: translateY(-50%) rotate(0deg);
   right: 20px;
   -webkit-transition: var(--transition);
   transition: var(--transition);
 }
 
 .accordion-flush .accordion-item .accordion-button i::before {
   font-size: 18px;
   line-height: 0px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   right: 0px;
 }
 
 .accordion-flush .accordion-item .accordion-button:focus {
   -webkit-box-shadow: none;
   box-shadow: none;
   background-color: var(--accent-bg);
 }
 
 .accordion-flush .accordion-item .accordion-button::after {
   content: none;
 }
 
 .accordion-flush .accordion-item .accordion-button:nth-last-of-type(1) {
   border-radius: var(--primary-radius);
 }
 
 .accordion-flush .accordion-item .active i {
   -webkit-transform: translateY(-50%) rotate(180deg);
   transform: translateY(-50%) rotate(180deg);
 }
 
 .accordion-flush .accordion-body {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 400;
   color: var(--theme-color);
   font-style: normal;
   text-align: left;
   padding: 12px 20px 16px;
 }
 
 @media only screen and (max-width: 991px) {
   .accordion-flush .accordion-item .accordion-button {
     font-size: 20px;
     line-height: 30px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .accordion-flush .accordion-item .accordion-button {
     font-size: 18px;
     line-height: 28px;
     padding: 15px 40px 15px 12px;
   }
   .accordion-flush .accordion-item .accordion-button i {
     position: absolute;
     right: 10px;
   }
   .accordion-flush .accordion-body {
     font-size: 16px;
     line-height: 26px;
   }
   .faq-wrapper .title-wrapper {
     margin-bottom: 37px;
   }
 }
 
 /*
 ----------- faq section style end ----------
 */
 /**
 * home faq section style start
 */
 .home-faq-container {
   background-color: var(--primary-bg);
 }
 
 .invest-faq {
   background-color: var(--theme-bg);
 }
 
 .faq-title-wrapper {
   margin-bottom: 55px;
 }
 
 .faq-title-wrapper::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -9px;
 }
 
 .faq-title-wrapper p {
   margin-top: 19px;
 }
 
 .accordion {
   max-width: 768px;
   margin-left: auto;
   margin-right: auto;
 }
 
 .accordion-flush .accordion-collapse {
   border-top: var(--primary-border);
 }
 
 .accordion-flush .accordion-item {
   background-color: var(--accent-bg);
   margin-top: 20px;
   -webkit-box-shadow: var(--shadow-none);
   box-shadow: var(--shadow-none);
   border-radius: var(--primary-radius);
 }
 
 .accordion-flush .accordion-item .accordion-button {
   font-family: var(--ubuntu);
   font-size: 22px;
   line-height: 32px;
   font-weight: 500;
   color: var(--primary-color);
   font-style: normal;
   text-align: left;
   background-color: var(--accent-bg);
   position: relative;
   padding: 12px 40px 16px 20px;
   border-radius: var(--primary-radius);
 }
 
 .accordion-flush .accordion-item .accordion-button i {
   width: 18px;
   height: 18px;
   line-height: 0px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%) rotate(0deg);
   transform: translateY(-50%) rotate(0deg);
   right: 20px;
   -webkit-transition: var(--transition);
   transition: var(--transition);
 }
 
 .accordion-flush .accordion-item .accordion-button i::before {
   font-size: 18px;
   line-height: 0px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   right: 0px;
 }
 
 .accordion-flush .accordion-item .accordion-button:focus {
   -webkit-box-shadow: none;
   box-shadow: none;
   background-color: var(--accent-bg);
 }
 
 .accordion-flush .accordion-item .accordion-button::after {
   content: none;
 }
 
 .accordion-flush .accordion-item .accordion-button:nth-last-of-type(1) {
   border-radius: var(--primary-radius);
 }
 
 .accordion-flush .accordion-item .active i {
   -webkit-transform: translateY(-50%) rotate(180deg);
   transform: translateY(-50%) rotate(180deg);
 }
 
 .accordion-flush .accordion-body {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 400;
   color: var(--theme-color);
   font-style: normal;
   text-align: left;
   padding: 12px 20px 16px;
 }
 
 .faq-right-content img {
   max-width: 100%;
   height: auto;
 }
 
 @media only screen and (max-width: 991px) {
   .faq-right-content img {
     max-width: 250px;
     height: auto;
     margin-bottom: 10px;
   }
   .accordion-flush .accordion-item .accordion-button {
     font-size: 20px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .faq-title-wrapper {
     margin-bottom: 35px;
   }
   .faq-title-wrapper p {
     margin-top: 14px;
   }
   .accordion-flush .accordion-item .accordion-button {
     font-size: 18px;
     padding: 12px 50px 16px 20px;
   }
   .faq-right-content img {
     max-width: 200px;
   }
 }
 
 /**
 * home faq section style end
 */
 .future-container {
   background-color: var(--primary-bg);
 }
 
 .future-left-content {
   margin-top: 30px;
 }
 
 .future-left-content h2 {
   margin-top: 19px;
 }
 
 .future-left-content p {
   margin-top: 19px;
 }
 
 .future-left-content .secondary-btn {
   margin-top: 35px;
 }
 
 .future-thumb {
   margin-top: 30px;
 }
 
 .future-thumb img {
   max-width: 100%;
   height: auto;
 }
 
 @media only screen and (max-width: 991px) {
   .future-left-content::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -6px;
   }
   .future-thumb img {
     max-width: 300px;
     height: auto;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .future-left-content h2 {
     margin-top: 14px;
   }
   .future-left-content p {
     margin-top: 14px;
   }
   .future-left-content .secondary-btn {
     margin-top: 25px;
   }
 }
 
 .bonus-thumb {
   margin-top: 30px;
 }
 
 .bonus-thumb img {
   max-width: 100%;
   height: auto;
 }
 
 .bonus-content {
   margin-top: 30px;
 }
 
 .bonus-content p {
   margin-top: 10px;
 }
 
 .bonus-content .fourier-btn {
   margin-top: 35px;
 }
 
 @media only screen and (max-width: 991px) {
   .bonus-thumb img {
     width: 300px;
     height: auto;
   }
   .bonus-content::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -8px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .bonus-content .fourier-btn {
     margin-top: 25px;
   }
 }
 
 .team-container {
   background-color: var(--primary-bg);
 }
 
 .team-wrapper .title-wrapper {
   margin-bottom: 25px;
 }
 
 .team-wrapper .title-wrapper::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -11px;
 }
 
 .team-wrapper .title-wrapper p {
   margin-top: 10px;
 }
 
 .team-single-item {
   margin-top: 30px;
   -webkit-transition: var(--transition);
   transition: var(--transition);
   position: relative;
   overflow: hidden;
 }
 
 .team-single-item img {
   max-width: 100%;
   height: auto;
   border-radius: var(--primary-radius);
 }
 
 .team-single-item .team-info {
   position: absolute;
   bottom: -30%;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   background-color: var(--btn-bg);
   width: 90%;
   margin: auto;
   padding: 14px 30px 15px;
   border-radius: 50px;
   -webkit-transition: var(--transition);
   transition: var(--transition);
 }
 
 .team-single-item:hover .team-info {
   position: absolute;
   bottom: 10%;
 }
 
 .owl-team-carousel .owl-stage-outer .owl-stage .center .team-info {
   position: absolute;
   bottom: 10%;
 }
 
 .team-wrapper .owl-team-carousel .owl-nav {
   margin-top: 56px;
   margin-bottom: -6px;
 }
 
 .team-wrapper .owl-team-carousel .owl-nav .owl-prev, .team-wrapper .owl-team-carousel .owl-nav .owl-next {
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   background-color: var(--btn-secondary-bg);
   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: center;
       -ms-flex-pack: center;
           justify-content: center;
   border-radius: var(--radius);
   -webkit-transition: var(--transition);
   transition: var(--transition);
 }
 
 .team-wrapper .owl-team-carousel .owl-nav .owl-prev .flaticon-left-arrow, .team-wrapper .owl-team-carousel .owl-nav .owl-prev .flaticon-next, .team-wrapper .owl-team-carousel .owl-nav .owl-next .flaticon-left-arrow, .team-wrapper .owl-team-carousel .owl-nav .owl-next .flaticon-next {
   margin-bottom: -5px !important;
 }
 
 .team-wrapper .owl-team-carousel .owl-nav .owl-prev .flaticon-left-arrow::before, .team-wrapper .owl-team-carousel .owl-nav .owl-prev .flaticon-next::before, .team-wrapper .owl-team-carousel .owl-nav .owl-next .flaticon-left-arrow::before, .team-wrapper .owl-team-carousel .owl-nav .owl-next .flaticon-next::before {
   line-height: 0px !important;
   font-weight: 700;
   color: var(--btn-color);
 }
 
 .team-wrapper .owl-team-carousel .owl-nav .owl-prev:first-of-type, .team-wrapper .owl-team-carousel .owl-nav .owl-next:first-of-type {
   margin-right: 10px;
 }
 
 .team-wrapper .owl-team-carousel .owl-nav .owl-prev:hover, .team-wrapper .owl-team-carousel .owl-nav .owl-next:hover {
   background-color: var(--btn-bg);
 }
 
 .team-wrapper .owl-team-carousel .owl-nav .owl-prev:hover i::before, .team-wrapper .owl-team-carousel .owl-nav .owl-next:hover i::before {
   color: var(--btn-hover-color);
 }
 
 @media only screen and (max-width: 991px) {
   .team-single-item {
     width: 343px !important;
     margin-left: auto;
     margin-right: auto;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .team-single-item {
     width: 300px !important;
     margin-left: auto;
     margin-right: auto;
   }
   .team-single-item .team-info {
     width: 80%;
   }
   .team-wrapper .owl-team-carousel .owl-nav {
     margin-top: 36px;
   }
 }
 
 /*
 ------ testimonial section style start ------
 */
 .trade-testimonial {
   background-color: var(--primary-bg);
 }
 
 .testimonial-wrapper .title-content-right button {
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   background-color: var(--btn-secondary-bg);
   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: center;
       -ms-flex-pack: center;
           justify-content: center;
   border-radius: var(--radius);
   -webkit-transition: var(--transition);
   transition: var(--transition);
 }
 
 .testimonial-wrapper .title-content-right button .flaticon-left-arrow, .testimonial-wrapper .title-content-right button .flaticon-next {
   margin-bottom: -5px !important;
 }
 
 .testimonial-wrapper .title-content-right button .flaticon-left-arrow::before, .testimonial-wrapper .title-content-right button .flaticon-next::before {
   line-height: 0px !important;
   font-weight: 700;
   color: var(--btn-color);
 }
 
 .testimonial-wrapper .title-content-right button:first-of-type {
   margin-right: 10px;
 }
 
 .testimonial-wrapper .title-content-right button:hover {
   background-color: var(--btn-bg);
 }
 
 .testimonial-wrapper .title-content-right button:hover i::before {
   color: var(--btn-hover-color);
 }
 
 .testimonial-slider-wrapper {
   margin-top: 60px;
   position: relative;
 }
 
 .testimonial-slider-wrapper .testimonial-slider-single-item {
   padding: 60px 30px;
   background-color: var(--accent-bg);
   border-radius: var(--tertiary-radius);
   -webkit-transition: var(--transition);
   transition: var(--transition);
 }
 
 .testimonial-slider-wrapper .testimonial-slider-single-item blockquote {
   font-weight: 500;
 }
 
 .testimonial-slider-wrapper .testimonial-slider-single-item blockquote::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -8px;
 }
 
 .testimonial-slider-wrapper .testimonial-slider-single-item .testimonial-author {
   margin-top: 37px;
 }
 
 .testimonial-slider-wrapper .testimonial-slider-single-item .testimonial-author .avatar-thumb {
   margin-right: 30px;
 }
 
 .testimonial-slider-wrapper .testimonial-slider-single-item .testimonial-author .avatar-thumb img {
   width: 80px;
   height: 80px;
   border-radius: 50%;
 }
 
 .testimonial-slider-wrapper .testimonial-slider-single-item .testimonial-author h4 a {
   color: var(--primary-color);
   text-transform: uppercase;
 }
 
 .testimonial-slider-wrapper .testimonial-slider-single-item .testimonial-author p {
   margin-top: 4px;
 }
 
 .testimonial-slider-wrapper .testimonial-slider-single-item:hover blockquote {
   color: var(--btn-hover-color);
 }
 
 .testimonial-slider-wrapper .testimonial-slider-single-item:hover p {
   color: var(--btn-hover-color);
 }
 
 .testimonial-slider-wrapper .owl-stage-outer .owl-stage .center .testimonial-slider-single-item::before {
   content: '';
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   width: 100%;
   height: 100%;
 }
 
 .testimonial-slider-wrapper .owl-stage-outer .owl-stage .center .testimonial-slider-single-item blockquote {
   color: var(--primary-color);
 }
 
 .testimonial-slider-wrapper .owl-dots {
   display: none;
 }
 
 .testimonial-slider-wrapper .owl-nav {
   position: absolute;
   top: 0px;
   right: 0px;
 }
 
 @media only screen and (max-width: 1599px) {
   .testimonial-slider-wrapper .testimonial-slider-single-item {
     padding: 60px 30px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .testimonial-slider-wrapper .testimonial-slider-single-item {
     padding: 40px 20px;
     margin: auto;
   }
   .testimonial-slider-wrapper .testimonial-slider-single-item blockquote::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -10px;
   }
   .testimonial-slider-wrapper .testimonial-slider-single-item .testimonial-author p {
     margin-top: 7px;
   }
   .slider-title-wrapper::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -8px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .testimonial-slider-wrapper {
     padding: 0px 12px;
     margin-top: 30px;
   }
   .testimonial-slider-wrapper .testimonial-slider-single-item {
     padding: 40px 20px 30px;
     max-width: 500px;
   }
   .testimonial-slider-wrapper .testimonial-slider-single-item blockquote::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -8px;
   }
   .testimonial-slider-wrapper .testimonial-slider-single-item .testimonial-author {
     margin-top: 27px;
   }
   .testimonial-slider-wrapper .testimonial-slider-single-item .testimonial-author .avatar-thumb {
     margin-right: 15px;
   }
   .slider-title-wrapper {
     margin-top: 9px;
   }
 }
 
 /*
 ------ testimonial section style end ------
 */
 /**
 *
 newsletter section style start
 */
 .newsletter-wrapper {
   background-color: var(--accent-bg);
   -webkit-box-shadow: var(--shadow-none);
   box-shadow: var(--shadow-none);
   border-radius: var(--tertiary-radius);
   padding: 40px 60px;
   position: relative;
   bottom: -212px;
   margin-top: -212px;
 }
 
 .newsletter-content h2::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -12px;
 }
 
 @media only screen and (min-width: 1200px) {
   .newsletter-thumb img {
     margin-bottom: -10px;
   }
 }
 
 @media only screen and (max-width: 1199px) {
   .newsletter-wrapper {
     position: relative;
     bottom: -220px;
     margin-top: -220px;
     padding: 80px 60px;
   }
   .newsletter-thumb img {
     width: 100%;
     height: 100%;
   }
   .newsletter-content h2::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -10px;
   }
   #newsletter input {
     width: 100%;
   }
   #newsletter button {
     margin-top: 30px;
     margin-left: 0px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .newsletter-wrapper {
     padding: 100px 40px;
     bottom: -204px;
     margin-top: -204px;
   }
   .newsletter-content h2::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -10px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .newsletter-wrapper {
     padding: 60px 15px;
     bottom: -179px;
     margin-top: -179px;
     border-radius: 10px;
   }
   .newsletter-content h2::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -9px;
   }
   #newsletter form {
     margin-top: 15px;
   }
   #newsletter button {
     margin-top: 25px;
   }
 }
 
 /**
 *
 newsletter section style end
 */
 /**
  predict token details start
 */
 .predict-token-details-wrapper {
   padding: 40px 20px;
   background-color: var(--accent-bg);
   border-radius: var(--tertiary-radius);
   position: relative;
   top: -420px;
   margin-bottom: -420px;
 }
 
 .predict-token-details-header {
   background-color: var(--accent-primary-bg);
   border-radius: var(--primary-radius);
   padding: 30px;
   width: 100%;
 }
 
 .predict-token-details-header .item-left {
   width: 50%;
 }
 
 .predict-token-details-header .item-left img {
   width: 80px;
   height: 80px;
   margin-right: 15px;
 }
 
 .predict-token-details-header .item-right {
   width: 50%;
 }
 
 .predict-token-details-header .item-right h4 {
   text-align: center;
   margin-top: 7px;
 }
 
 .predict-token-details-header .item-right p {
   text-align: center;
 }
 
 .token-details-price {
   margin: 31px 0px 32px;
 }
 
 .token-details-price .tickets {
   border-right: var(--primary-border);
 }
 
 .token-details-price .tickets h3 {
   color: var(--title-primary-color);
 }
 
 .token-details-price .tickets p {
   margin-top: 3px;
 }
 
 .token-details-price .tickets-sold {
   border-right: var(--primary-border);
 }
 
 .token-details-price .tickets-sold h3, .token-details-price .tickets-sold span {
   color: var(--title-secondary-color);
 }
 
 .token-details-price .tickets-sold p {
   margin-top: 3px;
 }
 
 .token-details-price .estimated-value h3 {
   color: var(--fourier-color);
 }
 
 .token-details-price .estimated-value p {
   margin-top: 3px;
 }
 
 .my-prediction {
   padding: 32px 20px 40px;
   border-top: var(--primary-border);
   text-align: center;
 }
 
 .my-prediction .prediction-value {
   margin-top: 15px;
   text-align: left;
 }
 
 .my-prediction .prediction-value .single-character {
   display: inline-block !important;
   max-width: 70px;
   text-align: center;
   border: none;
   outline: none;
   background-color: var(--accent-tertiary-bg);
   color: var(--primary-color);
   padding: 10px;
   font-size: 66px;
   font-weight: 700;
   border-bottom: var(--primary-border);
   margin: 10px 5px;
 }
 
 .my-prediction .prediction-value .single-character::-webkit-input-placeholder {
   font-size: 66px;
   font-weight: 700;
   color: var(--primary-color);
 }
 
 .my-prediction .prediction-value .single-character:-ms-input-placeholder {
   font-size: 66px;
   font-weight: 700;
   color: var(--primary-color);
 }
 
 .my-prediction .prediction-value .single-character::-ms-input-placeholder {
   font-size: 66px;
   font-weight: 700;
   color: var(--primary-color);
 }
 
 .my-prediction .prediction-value .single-character::placeholder {
   font-size: 66px;
   font-weight: 700;
   color: var(--primary-color);
 }
 
 .my-prediction .prediction-value .dot {
   background-color: transparent;
   border: transparent;
   font-size: 66px;
   font-weight: 700;
   margin: 10px 5px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: end;
       -ms-flex-align: end;
           align-items: end;
 }
 
 .my-prediction .prediction-value .currency {
   font-size: 66px;
   color: var(--primary-color);
   font-weight: 700;
   margin: 10px 5px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: end;
       -ms-flex-align: end;
           align-items: end;
 }
 
 .my-prediction .primary-btn {
   margin-top: 30px;
 }
 
 @media only screen and (max-width: 1199px) {
   .my-prediction .prediction-value .single-character {
     max-width: 50px;
     font-size: 42px;
   }
   .my-prediction .prediction-value .single-character::-webkit-input-placeholder {
     font-size: 42px;
   }
   .my-prediction .prediction-value .single-character:-ms-input-placeholder {
     font-size: 42px;
   }
   .my-prediction .prediction-value .single-character::-ms-input-placeholder {
     font-size: 42px;
   }
   .my-prediction .prediction-value .single-character::placeholder {
     font-size: 42px;
   }
   .my-prediction .prediction-value .dot {
     font-size: 42px;
   }
   .my-prediction .prediction-value .currency {
     font-size: 42px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .my-prediction .prediction-value .single-character {
     width: 40px;
     font-size: 28px;
     padding: 10px 5px;
   }
   .my-prediction .prediction-value .single-character::-webkit-input-placeholder {
     font-size: 28px;
   }
   .my-prediction .prediction-value .single-character:-ms-input-placeholder {
     font-size: 28px;
   }
   .my-prediction .prediction-value .single-character::-ms-input-placeholder {
     font-size: 28px;
   }
   .my-prediction .prediction-value .single-character::placeholder {
     font-size: 28px;
   }
   .my-prediction .prediction-value .dot {
     font-size: 28px;
   }
   .my-prediction .prediction-value .currency {
     font-size: 28px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .my-prediction .prediction-value .single-character {
     width: 30px;
     font-size: 20px;
     padding: 5px 0px;
     margin: 5px 0px;
   }
   .my-prediction .prediction-value .single-character::-webkit-input-placeholder {
     font-size: 20px;
   }
   .my-prediction .prediction-value .single-character:-ms-input-placeholder {
     font-size: 20px;
   }
   .my-prediction .prediction-value .single-character::-ms-input-placeholder {
     font-size: 20px;
   }
   .my-prediction .prediction-value .single-character::placeholder {
     font-size: 20px;
   }
   .my-prediction .prediction-value .dot {
     font-size: 20px;
   }
   .my-prediction .prediction-value .currency {
     font-size: 20px;
   }
 }
 
 .recent-left .winner-table-wrapper {
   padding: 40px 20px;
   background-color: var(--accent-bg);
   border-radius: var(--secondary-radius);
   margin-top: 30px;
 }
 
 .recent-left .winner-table-wrapper .table thead tr th {
   padding: 15px;
 }
 
 .recent-left .winner-table-wrapper .table thead tr th:first-of-type {
   border-radius: 10px 0px 0px 10px;
 }
 
 .recent-left .winner-table-wrapper .table thead tr th:last-of-type {
   border-radius: 0px 10px 10px 0px;
 }
 
 .recent-left .winner-table-wrapper .table tbody td {
   padding: 15px;
 }
 
 .recent-right img {
   display: inline-block;
   width: 53px;
   height: 53px;
   margin-right: 15px;
 }
 
 .recent-right .prize-wrapper {
   padding: 40px 20px 20px;
   background-color: var(--accent-bg);
   border-radius: var(--secondary-radius);
   margin-top: 30px;
 }
 
 .recent-right .prize-wrapper .prize-inner {
   max-height: 475px !important;
   overflow-y: scroll;
 }
 
 .recent-right .prize-wrapper .prize-inner .table thead tr th {
   text-align: center;
   color: var(--primary-color);
   padding: 13px 15px 13px;
   background-color: var(--accent-primary-bg);
 }
 
 .recent-right .prize-wrapper .prize-inner .table thead tr th:first-of-type {
   text-align: left;
   border-radius: 10px 0px 0px 10px;
 }
 
 .recent-right .prize-wrapper .prize-inner .table thead tr th:last-of-type {
   border-radius: 0px 10px 10px 0px;
 }
 
 .recent-right .prize-wrapper .prize-inner .table tbody tr {
   border-bottom: var(--primary-border);
 }
 
 .recent-right .prize-wrapper .prize-inner .table tbody tr td {
   padding: 12px 15px 14px;
   color: var(--primary-color);
   text-align: center;
 }
 
 .recent-right .prize-wrapper .prize-inner .table tbody tr td:first-of-type {
   text-align: left;
 }
 
 .recent-right .prize-wrapper .prize-inner::-webkit-scrollbar {
   width: 5px;
 }
 
 .recent-right .prize-wrapper .prize-inner::-webkit-scrollbar-track {
   background-color: var(--accent-primary-bg);
   border-radius: 0px;
 }
 
 .recent-right .prize-wrapper .prize-inner::-webkit-scrollbar-thumb {
   background-color: var(--btn-bg);
   border-radius: 0px;
 }
 
 @media only screen and (max-width: 991px) {
   .token-details-price .tickets-sold {
     border-right: transparent;
   }
   .token-details-price .estimated-value {
     margin-top: 24px;
   }
   .my-prediction .prediction-value h1 span {
     font-size: 48px;
     line-height: 58px;
   }
   .predict-token-details-wrapper {
     position: relative;
     top: -400px;
     margin-bottom: -400px;
   }
   .recent-left .winner-table-wrapper .table {
     width: 100% !important;
   }
   .recent-right {
     margin-top: 30px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .predict-token-details-wrapper {
     padding: 30px 12px;
     position: relative;
     top: -380px;
     margin-bottom: -380px;
   }
   .my-prediction {
     padding: 22px 0px 30px;
   }
   .my-prediction .prediction-value h1 span {
     font-size: 36px;
     line-height: 46px;
   }
   .recent-left .winner-table-wrapper {
     padding: 40px 12px;
   }
   .recent-right .prize-wrapper {
     padding-left: 12px;
     padding-right: 12px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .predict-token-details-header .item-left {
     width: 100%;
   }
   .predict-token-details-header .item-left img {
     width: 60px;
     height: 60px;
   }
   .predict-token-details-header .item-right {
     width: 100%;
     margin-top: 20px;
   }
   .token-details-price .tickets {
     border-right: transparent;
   }
   .token-details-price .tickets-sold {
     margin-top: 24px;
   }
   .recent-left .winner-table-wrapper .table {
     width: 576px !important;
   }
   .recent-left .secondary-btn {
     margin-top: 20px;
   }
 }
 
 /**
  predict token details end
 */
 .contact-form-left-column {
   background-color: var(--accent-primary-bg);
   padding: 18px 30px 30px;
   border-radius: var(--primary-radius);
 }
 
 .contact-form-left-column .pri {
   margin-top: 11px;
 }
 
 .contact-form-left-column .pri::after {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-bottom: -5px;
 }
 
 .contact-form-left-column hr {
   margin-bottom: 23px;
 }
 
 .contact-form-left-column .social-wrapper {
   margin-top: 23px;
   text-align: left;
 }
 
 .contact-form-left-column .social-wrapper a {
   text-decoration: none;
   display: inline-block;
   text-align: left;
   padding: 0px 5px;
 }
 
 .contact-form-left-column .social-wrapper a img {
   border: 0px;
   width: 40px;
   height: 40px;
   display: inline-block;
 }
 
 .contact-form-left-column .social-wrapper a:first-of-type {
   padding-left: 0px;
 }
 
 .contact-form-left-column .social-wrapper a:last-of-type {
   padding-right: 0px;
 }
 
 .contact-left-single-item {
   margin: 30px 0px;
 }
 
 .contact-item-thumb {
   margin-right: 20px;
 }
 
 .contact-item-thumb img {
   max-width: 100%;
   height: auto;
 }
 
 .contact-form-right-column h3::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -9px;
 }
 
 .contact-form-right-column p {
   margin-top: 13px;
 }
 
 .contact-form-right-column p::after {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-bottom: -3px;
 }
 
 #contactForm .flex-md-row {
   margin-top: 30px;
 }
 
 #contactForm label {
   margin-bottom: 12px;
 }
 
 #contactForm .text-area-wrapper {
   margin-top: 30px;
 }
 
 #contactForm textarea {
   border: none;
   outline: none;
   display: block;
   width: 100%;
   background-color: var(--btn-secondary-bg);
   border: var(--secondary-border);
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
   border-radius: var(--primary-radius);
   padding: 15px 30px;
 }
 
 #contactForm textarea::-webkit-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 #contactForm textarea:-ms-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 #contactForm textarea::-ms-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 #contactForm textarea::placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 #contactForm .primary-submit {
   margin-top: 40px;
 }
 
 @media only screen and (max-width: 991px) {
   .contact-form-right-column {
     margin-top: 60px;
   }
   .contact-form-left-column {
     padding: 34px 30px 40px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .contact-form-left-column {
     padding: 34px 15px 40px;
   }
   #contactForm .email-address {
     margin: 20px 0px 0px 0px !important;
   }
   #contactForm textarea {
     padding: 15px;
   }
 }
 
 /*
 =============================================
 blog post style start
 =============================================
 */
 .blog-post-item-container {
   margin-bottom: 30px;
 }
 
 .blog-sidebar {
   margin-bottom: 30px;
 }
 
 .blog-post-single-item {
   margin-bottom: 30px;
 }
 
 .blog-post-single-item:nth-last-of-type(1) {
   margin-bottom: 0px !important;
 }
 
 .blog-post-image {
   overflow: hidden;
   border-radius: 10px 10px 0px 0px;
 }
 
 .blog-post-image img {
   width: 100%;
   border: 0px;
   border-radius: 10px 10px 0px 0px;
   -webkit-transition: var(--transition);
   transition: var(--transition);
 }
 
 .blog-post-image:hover img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
 }
 
 .blog-post-meta {
   padding: 22px 30px 22px;
   background-color: var(--accent-primary-bg);
   border-radius: 0px 0px 10px 10px;
 }
 
 .blog-post-meta h3 {
   margin-bottom: 17px;
 }
 
 .blog-post-meta h3 a {
   text-transform: none;
   -webkit-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
 }
 
 .blog-post-meta hr {
   margin: 25px 0px 22px;
 }
 
 .blog-sidebar {
   position: -webkit-sticky;
   position: sticky;
   top: 80px;
 }
 
 .search-wrapper {
   padding: 30px;
   background-color: var(--accent-bg);
   border-radius: var(--primary-radius);
 }
 
 .search-wrapper #blogPostSearch {
   margin-top: 18px;
 }
 
 .search-wrapper h2::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -10px;
 }
 
 .search-wrapper .primary-submit {
   margin-top: 30px;
 }
 
 .sidebar-social-media {
   padding: 30px;
   background-color: var(--accent-bg);
   border-radius: var(--primary-radius);
   margin-top: 30px;
 }
 
 .sidebar-social-media h2::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -10px;
 }
 
 .sidebar-social-media .social-wrapper {
   margin-top: 20px;
   text-align: left;
 }
 
 .sidebar-social-media .social-wrapper a {
   text-decoration: none;
   display: inline-block;
   text-align: left;
   padding: 0px 5px;
 }
 
 .sidebar-social-media .social-wrapper a img {
   border: 0px;
   width: 40px;
   height: 40px;
   display: inline-block;
 }
 
 .sidebar-social-media .social-wrapper a:first-of-type {
   padding-left: 0px;
 }
 
 .sidebar-social-media .social-wrapper a:last-of-type {
   padding-right: 0px;
 }
 
 .pagination-wrapper {
   margin-top: 60px;
 }
 
 .pagination .page-item:first-of-type .page-link {
   margin-right: 50px;
 }
 
 .pagination .page-item:last-of-type .page-link {
   margin-left: 50px;
 }
 
 .pagination .page-item .page-link {
   width: 40px;
   height: 40px;
   background-color: var(--accent-bg);
   border: 0px;
   margin: 0px 5px;
   text-align: center;
   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;
   border-radius: var(--primary-radius);
   -webkit-transition: var(--primary-transition);
   transition: var(--primary-transition);
 }
 
 .pagination .page-item .page-link i {
   height: 16px;
   width: 16px;
   line-height: 0px;
 }
 
 .pagination .page-item .page-link i::before {
   color: var(--btn-color);
 }
 
 .post-deatils-wrapper {
   padding: 30px 40px;
   background-color: var(--accent-bg);
   border-radius: var(--fourier-radius);
 }
 
 .post-deatils-wrapper h2 {
   margin-top: 17px;
 }
 
 .post {
   margin-top: 48px;
   padding-bottom: 51px;
   border-bottom: var(--primary-border);
 }
 
 .post-date {
   display: inline-block;
   margin-right: 30px;
 }
 
 .post-information {
   padding-right: 30px;
 }
 
 .post-information a {
   text-decoration: none;
   display: inline-block;
   margin-top: 22px;
   text-align: center;
 }
 
 .post-information a img {
   border: 0px;
   max-width: 100%;
   height: auto;
 }
 
 .post-information a:nth-of-type(1) {
   margin-top: 0px;
 }
 
 .post-information a:nth-of-type(2) {
   margin-top: 30px;
 }
 
 .post-information a span {
   display: inline-block;
 }
 
 .post-content p {
   margin-top: 20px;
   text-align: left;
 }
 
 .post-content p:nth-of-type(1) {
   margin-top: 0px;
 }
 
 .post-content p:nth-of-type(1)::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -6px;
 }
 
 .post-content img {
   margin-top: 25px;
   max-width: 100%;
   height: auto;
 }
 
 .post-tags {
   padding: 40px 30px 10px;
 }
 
 .post-tags p {
   color: var(--primary-color);
 }
 
 .post-tags p a {
   font-size: 18px;
   font-weight: 400;
   text-transform: capitalize;
 }
 
 .post-tags .social-wrapper {
   text-align: left;
 }
 
 .post-tags .social-wrapper a {
   text-decoration: none;
   display: inline-block;
   text-align: left;
   padding: 0px 5px;
 }
 
 .post-tags .social-wrapper a img {
   border: 0px;
   width: 40px;
   height: 40px;
   display: inline-block;
 }
 
 .post-tags .social-wrapper a:first-of-type {
   padding-left: 0px;
 }
 
 .post-tags .social-wrapper a:last-of-type {
   padding-right: 0px;
 }
 
 .comment-area {
   margin-top: 48px;
   margin-bottom: 30px;
 }
 
 .comment-area hr {
   margin: 30px 0px;
   background-color: #6c63b5;
 }
 
 .comment {
   border-bottom: var(--primary-border);
   padding: 26px 30px;
 }
 
 .reply {
   margin-left: 80px;
 }
 
 .comment-avatar {
   margin-right: 30px;
   text-align: left;
 }
 
 .comment-avatar img {
   max-width: 100%;
   height: auto;
 }
 
 .comment-author-info p {
   color: var(--primary-color);
   text-align: left;
 }
 
 .comment-author-info h4 {
   margin-top: 8px;
   text-align: left;
 }
 
 .comment-form {
   padding: 20px 30px 30px;
   background-color: var(--accent-bg);
   margin-top: 60px;
 }
 
 .full-name {
   width: 100%;
   margin: 0px 15px 0px 0px;
 }
 
 .email-address {
   width: 100%;
   margin: 0px 0px 0px 15px;
 }
 
 .comment-form {
   border-radius: var(--tertiary-radius);
 }
 
 .comment-form form {
   margin-top: 23px;
 }
 
 .comment-form label {
   margin-bottom: 18px;
 }
 
 .comment-form .d-flex {
   margin-bottom: 20px;
 }
 
 .comment-form textarea {
   border: none;
   outline: none;
   display: block;
   width: 100%;
   background-color: var(--btn-secondary-bg);
   border: var(--secondary-border);
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
   border-radius: var(--primary-radius);
   padding: 15px 30px;
 }
 
 .comment-form textarea::-webkit-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 .comment-form textarea:-ms-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 .comment-form textarea::-ms-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 .comment-form textarea::placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 .comment-form .primary-submit {
   margin-top: 40px;
 }
 
 .latest-post-slider-wrapper {
   margin-top: 30px;
   background-color: var(--accent-bg);
   padding: 30px;
   border-radius: var(--primary-radius);
 }
 
 .latest-post-slider {
   position: relative;
 }
 
 .latest-post-slider .owl-nav {
   position: absolute;
   top: -50px;
   right: 0px;
   margin-top: 5px;
 }
 
 .latest-post-slider .owl-nav .owl-prev, .latest-post-slider .owl-nav .owl-next {
   width: 40px;
   height: 40px;
   background-color: var(--btn-secondary-bg) !important;
   -webkit-transition: var(--transition);
   transition: var(--transition);
   border-radius: var(--radius);
 }
 
 .latest-post-slider .owl-nav .owl-prev span, .latest-post-slider .owl-nav .owl-next span {
   width: 40px;
   height: 40px;
   line-height: 40px !important;
   font-size: 30px;
   text-align: center;
   color: var(--btn-color);
 }
 
 .latest-post-slider .owl-nav .owl-prev span::before, .latest-post-slider .owl-nav .owl-next span::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -3px;
 }
 
 .latest-post-slider .owl-nav .owl-prev:hover, .latest-post-slider .owl-nav .owl-next:hover {
   background-color: var(--btn-bg) !important;
 }
 
 .latest-post-slider .owl-nav .owl-prev:hover span, .latest-post-slider .owl-nav .owl-next:hover span {
   color: var(--btn-hover-color);
 }
 
 .latest-slider-item {
   margin-top: 50px;
 }
 
 .latest-slider-item img {
   max-width: 100%;
   max-height: 300px;
   border-radius: var(--tertiary-radius);
 }
 
 .latest-slider-item h5 {
   margin-top: 22px;
 }
 
 .latest-slider-item h5 a {
   font-weight: 500;
   text-transform: capitalize;
 }
 
 .latest-slider-item .info {
   margin-top: 27px;
 }
 
 .latest-slider-item .info img {
   width: 30px;
   height: 30px;
   margin-right: 10px;
 }
 
 .latest-slider-item .info h6 a {
   font-weight: 400;
   text-transform: capitalize;
 }
 
 @media only screen and (max-width: 767px) {
   .latest-post-slider-wrapper {
     padding: 30px 15px;
   }
   .latest-slider-item img {
     width: 100%;
     height: 200px;
   }
 }
 
 .icon-wrapper-input {
   width: 100%;
   height: 60px;
   position: relative;
 }
 
 .icon-wrapper-input input {
   width: 100%;
   height: 100%;
   border: none;
   outline: none;
   background-color: var(--btn-secondary-bg);
   border: var(--secondary-border);
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
   border-radius: var(--primary-radius);
   padding: 15px 50px 15px 30px;
 }
 
 .icon-wrapper-input input::-webkit-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 .icon-wrapper-input input:-ms-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 .icon-wrapper-input input::-ms-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 .icon-wrapper-input input::placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 .icon-wrapper-input img {
   display: inline-block;
   width: 20px;
   height: 20px;
   border: none;
   position: absolute;
   right: 20px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
 }
 
 @media only screen and (min-width: 1200px) {
   .blog-post-image img {
     min-width: 736px;
     border: 0px;
     border-radius: 10px 10px 0px 0px;
   }
 }
 
 @media (min-width: 992px) and (max-width: 1200px) {
   .search-wrapper {
     padding: 30px 15px;
   }
   .latest-post-slider-wrapper {
     padding: 30px 15px;
   }
   .sidebar-social-media {
     padding: 30px 15px;
   }
 }
 
 @media only screen and (max-width: 1199px) {
   .comment {
     padding: 26px 15px;
   }
   .reply {
     margin-left: 40px;
   }
   .comment-avatar {
     margin-right: 15px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .blog-post-item-container {
     margin-bottom: 60px;
   }
   .blog-post-meta {
     padding: 25px 30px 22px;
   }
   .blog-post-meta h3 {
     margin-bottom: 19px;
   }
   .blog-post-meta hr {
     margin: 26px 0px 23px;
   }
   .search-wrapper #blogPostSearch {
     margin-top: 20px;
   }
   .search-wrapper h2::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -20px;
   }
   .sidebar-social-media h2::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -20px;
   }
   .pagination-wrapper {
     margin-top: 30px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .blog-post-meta {
     padding: 20px 12px 19px;
   }
   .blog-post-meta h3 {
     margin-bottom: 11px;
   }
   .blog-post-meta h3 a {
     font-size: 20px;
     font-weight: 500;
   }
   .blog-post-meta hr {
     margin: 21px 0px 18px;
   }
   .search-wrapper {
     padding: 30px 15px;
   }
   .search-wrapper #blogPostSearch {
     margin-top: 15px;
   }
   .search-wrapper h2::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -15px;
   }
   .search-wrapper .primary-submit {
     margin-top: 25px;
   }
   .sidebar-social-media {
     padding: 30px 15px;
   }
   .sidebar-social-media .social-wrapper {
     margin-top: 16px;
   }
   .pagination-wrapper {
     margin-top: 30px;
   }
   .pagination .page-item .page-link {
     width: 30px;
     height: 30px;
     margin: 0px 5px;
   }
   .pagination .page-item:first-of-type .page-link {
     margin-right: 30px;
     padding: 0px;
   }
   .pagination .page-item:last-of-type .page-link {
     margin-left: 30px;
     margin-right: 0px;
   }
   .pagination .page-item:nth-last-child(2) {
     display: none;
   }
   .pagination .page-item:nth-last-child(3) {
     display: none;
   }
   .post-deatils-wrapper {
     padding: 30px 15px;
     background-color: var(--accent-bg);
     border-radius: var(--fourier-radius);
   }
   .post-deatils-wrapper h2 {
     margin-top: 17px;
   }
   .post-information {
     text-align: left !important;
     margin-bottom: 30px;
   }
   .post-information a {
     text-decoration: none;
     display: inline-block;
     text-align: left;
     margin-top: 0px;
     margin-right: 15px;
   }
   .post-information a img {
     width: 30px;
     height: 30px;
   }
   .post-information a:nth-of-type(1) {
     margin-top: 0px;
   }
   .post-information a:nth-of-type(1) img {
     width: 50px;
     height: 50px;
   }
   .post-information a:nth-of-type(2) {
     margin-top: 0px;
   }
   .post-information a span {
     margin-left: 5px;
   }
   .post {
     margin-top: 32px;
   }
   .post-tags {
     padding: 14px 15px 10px;
   }
   .post-tags p a {
     font-size: 16px;
     font-weight: 400;
     text-transform: capitalize;
   }
   .post-tags .social-wrapper {
     text-align: left;
     margin-top: 26px;
   }
   .post-tags .social-wrapper a {
     text-decoration: none;
     display: inline-block;
     text-align: left;
     padding: 0px 5px;
   }
   .post-tags .social-wrapper a img {
     border: 0px;
     width: 40px;
     height: 40px;
     display: inline-block;
   }
   .post-tags .social-wrapper a:first-of-type {
     padding-left: 0px;
   }
   .post-tags .social-wrapper a:last-of-type {
     padding-right: 0px;
   }
   .comment-area hr {
     margin-bottom: 0px;
   }
   .comment {
     padding: 26px 0px;
   }
   .comment-author {
     margin-bottom: 15px;
   }
   .comment-avatar img {
     width: 60px;
     height: 60px;
   }
   .reply {
     margin-left: 10px;
   }
   .icon-wrapper-input input {
     font-size: 16px;
   }
   .comment-form {
     padding: 20px 15px 30px;
     margin-top: 40px;
   }
   .comment-form textarea {
     padding: 15px;
   }
   .icon-wrapper-input input {
     padding: 15px 50px 15px 15px;
   }
   .full-name {
     margin: 0px;
   }
   .email-address {
     margin: 20px 0px 0px;
   }
 }
 
 /*
 =============================================
 blog post style end
 =============================================
 */
 /* error section start*/
 .error-container {
   position: fixed;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   width: 100%;
   height: 100%;
   background-position: bottom center;
 }
 
 .error-wrapper {
   position: absolute;
   left: 0px;
   right: 0px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
 }
 
 .error-thumb {
   direction: rtl;
 }
 
 .error-thumb img {
   -webkit-transform: translateX(-50px);
   transform: translateX(-50px);
 }
 
 .error-right-column .tertiary {
   margin-top: 5px;
 }
 
 .error-right-column .primary-btn {
   margin-top: 35px;
 }
 
 @media only screen and (max-width: 991px) {
   .error-thumb {
     direction: unset;
     text-align: center;
     padding: 0px 10px;
     margin: auto;
   }
   .error-thumb img {
     width: 100%;
     height: auto;
     -webkit-transform: translateX(0px);
     transform: translateX(0px);
   }
   .error-right-column {
     margin-top: 30px;
   }
   .error-right-column .tertiary {
     margin-top: 0px;
   }
   .error-right-column .primary-btn {
     margin-top: 20px;
   }
 }
 
 /* error section end */
 .predict-pricing-wrapper .title-wrapper {
   margin-bottom: 26px;
 }
 
 .predict-pricing-wrapper .title-wrapper h2::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -11px;
 }
 
 .predict-pricing-wrapper .title-wrapper p {
   margin-top: 11px;
 }
 
 .predict-two {
   background-color: var(--theme-bg);
 }
 
 .predict-two .title-wrapper h2::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -10px;
 }
 
 .predict-two .title-wrapper p {
   margin-top: 20px;
 }
 
 .predict-pricing-tokens .predict-card-single-item {
   margin-top: 30px;
 }
 
 .predict-win-slider-container .slider-wrapper .owl-nav {
   margin-top: 56px;
   margin-bottom: -6px;
 }
 
 .predict-win-slider-container .slider-wrapper .owl-nav .owl-prev, .predict-win-slider-container .slider-wrapper .owl-nav .owl-next {
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   background-color: var(--btn-secondary-bg);
   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: center;
       -ms-flex-pack: center;
           justify-content: center;
   border-radius: var(--radius);
   -webkit-transition: var(--transition);
   transition: var(--transition);
 }
 
 .predict-win-slider-container .slider-wrapper .owl-nav .owl-prev .flaticon-left-arrow, .predict-win-slider-container .slider-wrapper .owl-nav .owl-prev .flaticon-next, .predict-win-slider-container .slider-wrapper .owl-nav .owl-next .flaticon-left-arrow, .predict-win-slider-container .slider-wrapper .owl-nav .owl-next .flaticon-next {
   margin-bottom: -5px !important;
 }
 
 .predict-win-slider-container .slider-wrapper .owl-nav .owl-prev .flaticon-left-arrow::before, .predict-win-slider-container .slider-wrapper .owl-nav .owl-prev .flaticon-next::before, .predict-win-slider-container .slider-wrapper .owl-nav .owl-next .flaticon-left-arrow::before, .predict-win-slider-container .slider-wrapper .owl-nav .owl-next .flaticon-next::before {
   line-height: 0px !important;
   font-weight: 700;
   color: var(--btn-color);
 }
 
 .predict-win-slider-container .slider-wrapper .owl-nav .owl-prev:first-of-type, .predict-win-slider-container .slider-wrapper .owl-nav .owl-next:first-of-type {
   margin-right: 10px;
 }
 
 .predict-win-slider-container .slider-wrapper .owl-nav .owl-prev:hover, .predict-win-slider-container .slider-wrapper .owl-nav .owl-next:hover {
   background-color: var(--btn-bg);
 }
 
 .predict-win-slider-container .slider-wrapper .owl-nav .owl-prev:hover i::before, .predict-win-slider-container .slider-wrapper .owl-nav .owl-next:hover i::before {
   color: var(--btn-hover-color);
 }
 
 .csd .predict-card-single-item .primary-btn {
   margin-top: 10px;
 }
 
 @media only screen and (max-width: 767px) {
   .slider-wrapper {
     margin-top: 40px;
   }
   .predict-win-slider-container .slider-wrapper .owl-nav {
     margin-top: 36px;
   }
   .predict-two .title-wrapper h2::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -6px;
   }
   .predict-two .title-wrapper p {
     margin-top: 15px;
   }
 }
 
 .trade-banner-container {
   background-color: var(--alternate-bg);
   /* padding-top: 365px;
   padding-bottom: 300px; */
   padding-top: 150px;
   padding-bottom: 150px;
   background-position: top center;
   background-size: cover;
   position: relative;
   overflow: hidden;
 }
 .form-cover{
   /* background-color: rgba(23,21,49, 0.4); */
   background-color:#fff;
   padding: 20px;
   border-radius: 20px;
 }
 .input::placeholder{
   color: #000 !important;
 }
 .title-borsa{
   display: block;
   text-align: center;
   font-size: 30px;
   color: #000;
   line-height: normal;
   margin-bottom: 20px;
 }
 .register-btn{
   display: block;
   background-color: #FFD700;
   font-size: 20px;
   font-weight: 700;
   border-radius: 10px;
   color: #000;
 }
 .trade-banner-content{
   display: flex;
   align-items: center;
   height: 100%;
 }
 .trade-banner-content h1::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -12px;
 }
 
 .trade-banner-content p {
   margin-top: 7px;
 }
 
 .trade-banner-content .group-link {
   margin-top: 34px;
 }
 
 .trade-banner-content .group-link a {
   margin-right: 30px;
 }
 
 .trade-banner-content .group-link a:last-of-type {
   background-color: transparent;
   border: var(--primary-border);
   margin-right: 0px;
 }
 
 .trade-banner-content .group-link a:last-of-type:hover {
   border-color: transparent;
 }
 
 .lend-banner .trade-banner-content p {
   margin-top: 19px;
 }
 
 .lend-banner .trade-banner-content a {
   margin-top: 34px;
 }
 
 /* .trade-banner-thumb {
   position: absolute;
   bottom: 0px;
   direction: rtl;
 } */
 
 @media only screen and (min-width: 992px) {
   /* .trade-banner-container {
     padding-bottom: 390px;
   } */
 }
 
 @media only screen and (max-width: 991px) {
   .trade-banner-container {
     padding-top: 150px;
     padding-bottom: 150px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .trade-banner-container {
     padding-top: 100px;
     padding-bottom: 100px;
   }
   .trade-banner-content h1::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -8px;
   }
   .lend-banner .trade-banner-content p {
     margin-top: 15px;
   }
   .lend-banner .trade-banner-content a {
     margin-top: 26px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .trade-banner-content .group-link {
     margin-top: 27px;
   }
   .trade-banner-content .group-link a {
     margin-right: 0px;
   }
   .trade-banner-content .group-link a:last-of-type {
     margin-top: 30px;
   }
 }
 
 .wallet-container {
   background-color: var(--theme-bg);
 }
 
 .wallet-thumb {
   direction: rtl;
   line-height: 0px;
 }
 
 .wallet-thumb img {
   display: inline-block;
   -webkit-transform: translateX(-100px);
   transform: translateX(-100px);
 }
 
 .wallet-right .immidiate {
   margin-top: 19px;
 }
 
 .wallet-single-item {
   /* padding: 30px; */
   padding: 5px;
   margin-top: 20px;
   background-color: var(--accent-bg);
   border-radius: var(--primary-radius);
   -webkit-transition: var(--transition);
   transition: var(--transition);
   text-align: left;
   max-width: 450px;
 }
 
 .wallet-single-item:hover {
   padding-left: 35px;
   background-color: #322979;
 }
 
 .wallet-single-item h5 {
   text-transform: uppercase;
 }
 
 /* .wallet-single-item:first-of-type {
   margin-top: 56px;
 } */
 
 .wallet-icon-box {
   width: 40px;
   height: 40px;
   background-color: var(--btn-bg);
   border-radius: var(--primary-radius);
   padding: 10px;
   text-align: center;
   margin-right: 15px;
 }
 
 @media only screen and (max-width: 767px) {
   /* .wallet-single-item {
     padding: 24px 12px;
   } */
   .wallet-single-item:hover {
     padding-left: 20px;
   }
   /* .wallet-single-item:first-of-type {
     margin-top: 36px;
   } */
   .wallet-right .immidiate {
     margin-top: 13px;
   }
 }
 
 @media only screen and (min-width: 1201px) {
   .wallet-thumb img {
     -webkit-transform: translateX(-200px);
     transform: translateX(-200px);
   }
 }
 
 .coin-container {
   background-color: transparent;
 }
 
 .coin-wrapper {
   background-color: var(--btn-bg);
   padding: 20px 12px;
   border-radius: 15px;
 }
 
 .after-wrap {
   position: relative;
 }
 
 .after-wrap::after {
   content: '';
   position: absolute;
   left: 0px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   height: 40%;
   width: 1px;
   background-color: #7A729B;
 }
 
 .after-wrap:first-of-type::after {
   content: none;
 }
 
 .coin-single-item {
   padding: 32px 24px 31px;
   border-radius: 15px;
   text-align: left;
   position: relative;
   z-index: 3;
 }
 
 .coin-single-item::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   right: 0px;
   bottom: 0px;
   width: 0%;
   height: 0%;
   background-color: #FFD700;
   -webkit-transition: var(--transition);
   transition: var(--transition);
   border-radius: var(--primary-radius);
   z-index: -1;
 }
 
 .coin-single-item img {
   max-width: 40px;
   height: 40px;
 }
 
 .coin-single-item h5 {
   text-transform: uppercase;
   margin-top: 30px;
 }
 
 .coin-single-item h5::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -5px;
 }
 
 .coin-single-item p {
   margin-top: 10px;
 }
 .coin-single-item:hover  p {
   color: #000;
 }
 .coin-single-item:hover  b {
   color: #000;
 }
 
 .coin-single-item:hover::before {
   content: '';
   position: absolute;
   top: 0%;
   left: 0%;
   width: 100%;
   height: 100%;
 }
 
 .coin-effect::before {
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
 }
 
 .coin-value {
   position: relative;
   display: inline-block;
   padding: 1px 10px 2px;
   font-family: var(--ubuntu);
   font-size: 12px;
   line-height: 1.8;
   font-weight: 400;
   color: var(--primary-color);
   font-style: normal;
   text-align: left;
   border-radius: var(--radius);
   bottom: -3px;
   margin-left: 10px;
 }
 
 .coin-value-decrease {
   background-color: #455282;
 }
 
 .coin-value-increase {
   background-color: #056020;
 }
 
 @media only screen and (min-width: 992px) {
   .coin-wrapper {
     position: relative;
     top: -210px;
     margin-bottom: -210px;
   }
 }
 
 @media only screen and (max-width: 1199px) {
   .after-wrap::after {
     content: none;
   }
   .after-wrap:nth-last-of-type(1) {
     margin-top: 24px;
   }
   /* .coin-single-item::before {
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
   } */
 }
 
 @media only screen and (max-width: 991px) {
   .after-wrap:nth-last-of-type(2) {
     margin-top: 24px;
   }
 }
 
 @media only screen and (max-width: 768px) {
   .after-wrap:nth-last-of-type(3) {
     margin-top: 24px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .coin-wrapper {
     padding: 32px 12px 31px;
   }
   .after-wrap:nth-last-of-type(3) {
     margin-top: 24px;
   }
   .coin-value {
     position: relative;
     bottom: 0px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .after-wrap:nth-last-of-type(4) {
     margin-top: 24px;
   }
   .coin-single-item {
     max-width: 300px;
     margin: auto;
   }
 }
 
 .trader-wrapper .title-wrapper {
   max-width: 425px;
   margin: auto;
   margin-bottom: 26px;
   text-align: center;
 }
 
 .trader-wrapper .title-wrapper h2::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -11px;
 }
 
 .trader-wrapper .title-wrapper p {
   margin-top: 12px;
 }
 
 .trader-icon-box {
   max-width: 200px;
   height: 200px;
   background-color: rgba(255,255,255, 0.3);
   text-align: center;
   border-radius: 50%;
   -webkit-transition: var(--secondary-transition);
   transition: var(--secondary-transition);
   margin: auto;
   overflow: hidden;
 }
 
 .trader-icon-box img {
   max-width: 150px;
   height: 150px;
   -webkit-transition: var(--secondary-transition);
   transition: var(--secondary-transition);
 }
 
 .trader-single-item {
   padding: 24px;
   margin-top: 30px;
   text-align: center;
   border: 1px solid #2d295e;
   border-radius: var(--secondary-radius);
   -webkit-transition: var(--secondary-transition);
   transition: var(--secondary-transition);
 }
 
 .trader-single-item h3 {
   margin-top: 31px;
 }
 
 .trader-single-item p {
   margin-top: 20px;
 }
 
 .trader-single-item:hover {
   border: 1px solid transparent;
 }
 
 @media only screen and (max-width: 991px) {
   .trader-wrapper .title-wrapper {
     max-width: 100% !important;
   }
   .trader-wrapper .title-wrapper h2 {
     text-align: left !important;
   }
   .trader-wrapper .title-wrapper p {
     text-align: left !important;
   }
   .trader-single-item {
     max-width: 100%;
     margin-top: 30px;
   }
   .trader-icon-box {
     max-width: 150px;
     height: 150px;
   }
   .trader-icon-box img {
     max-width: 100px;
     height: 100px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .trader-wrapper .title-wrapper {
     margin-bottom: 6px;
   }
   .trader-single-item {
     padding: 24px 12px;
   }
   .trader-single-item h3 {
     margin-top: 30px;
   }
   .trader-single-item p {
     margin-top: 18px;
   }
 }
 
 .anywhere-container {
   background-color: var(--primary-bg);
   position: relative;
   overflow: hidden;
 }
 
 .anywhere-left h2::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -11px;
 }
 
 .anywhere-left .immidiate {
   margin-top: 17px;
   margin-bottom: 25px;
 }
 
 .anywhere-single-item {
   padding: 21px 0px 21px;
   border-bottom: var(--border);
 }
 
 .anywhere-single-item:nth-last-child(1) {
   border-bottom: none;
 }
 
 .anywhere-single-item h4 {
   margin-top: 6px;
 }
 
 .anywhere-single-item:last-of-type {
   margin-bottom: -25px;
 }
 
 .anywhere-icon-box {
   width: 56px;
   line-height: 0px;
   margin-right: 30px;
 }
 
 .anywhere-icon-box img {
   display: inline-block;
   width: 100%;
 }
 
 .anywhere-thumb {
   position: absolute;
   top: -20px;
   bottom: 0px;
   direction: rtl;
 }
 
 .anywhere-thumb img {
   height: 100%;
 }
 
 @media only screen and (max-width: 991px) {
   .anywhere-single-item {
     max-width: 350px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .anywhere-left .immidiate {
     margin-bottom: 15px;
   }
 }
 
 .feature-wrapper h2::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -11px;
 }
 
 .feature-wrapper .immidiate {
   margin-top: 19px;
   margin-bottom: 26px;
 }
 
 .feature-single-item {
   padding: 24px 12px;
   margin-top: 30px;
   text-align: center;
   -webkit-transition: var(--primary-transition);
   transition: var(--primary-transition);
   position: relative;
   border: var(--primary-border);
   border-radius: var(--primary-radius);
 }
 
 .feature-single-item img {
   max-width: 150px;
   margin: auto;
 }
 
 .feature-single-item h3 {
   margin-top: 31px;
 }
 
 .feature-single-item p {
   margin-top: 17px;
 }
 
 .feature-single-item:hover {
   border-color: transparent;
 }
 
 .supported-assets {
   background-size: contain;
   background-position: center center;
 }
 
 .supported-wrapper {
   max-width: 820px;
   margin-left: auto;
   margin-right: auto;
 }
 
 .supported-wrapper h2::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -11px;
 }
 
 .supported-wrapper p {
   margin-top: 19px;
   margin-bottom: 26px;
 }
 
 .supported-wrapper .supported-items {
   text-align: center;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
       -ms-flex-flow: row wrap;
           flex-flow: row wrap;
 }
 
 .supported-wrapper .supported-items .supported-icon {
   min-width: 40px;
   min-height: 40px;
   line-height: 40px;
   display: inline-block;
   margin-top: 20px;
   margin-right: 8px;
   margin-left: 8px;
 }
 
 .supported-wrapper .supported-items .supported-icon img {
   width: 100%;
   height: 100%;
 }
 
 .supported-wrapper .supported-items .supported-icon img:last-of-type {
   margin-right: 0px;
 }
 
 #submit-token {
   max-width: 556px;
   margin: auto;
   position: relative !important;
   background-color: var(--accent-bg);
   padding: 20px;
   border-radius: var(--primary-radius);
 }
 
 #submit-token .submit-token-details {
   text-align: center;
 }
 
 #submit-token .submit-token-details h5 {
   background-color: var(--accent-primary-bg);
   padding: 20px;
   border-radius: var(--primary-radius);
 }
 
 #submit-token .submit-token-details img {
   width: 80px;
   height: 80px;
 }
 
 #submit-token .mfp-close {
   top: 32px;
 }
 
 #submit-token .submit-token-content {
   text-align: center;
   max-width: 350px;
   margin: 0px auto;
   padding: 30px 12px;
 }
 
 #submit-token .submit-token-content .submit-time {
   padding: 20px 12px;
   background-color: var(--accent-tertiary-bg);
   margin-top: 30px;
   border-radius: var(--primary-radius);
 }
 
 #submit-token .submit-token-content .submit-time p {
   color: var(--primary-color);
 }
 
 #submit-token .submit-token-content .submit-time h6 {
   font-size: 20px;
   margin-top: 10px;
 }
 
 #submit-token .submit-token-content .tertiary {
   color: var(--primary-color);
   margin-top: 10px;
 }
 
 #submit-token .submit-token-content .tertiary span {
   color: var(--secondary-color);
 }
 
 #submit-token .submit-token-content .secondary {
   color: var(--primary-color);
   margin-top: 10px;
 }
 
 #submit-token .submit-token-content .secondary::after {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-bottom: -6px;
 }
 
 @media only screen and (max-width: 991px) {
   #submit-token .mfp-close {
     top: 30px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   #submit-token {
     padding: 20px 12px;
   }
   #submit-token .mfp-close {
     top: 37px;
     right: 25px;
     font-size: 20px;
     width: 30px;
     height: 30px;
     line-height: 30px;
   }
   #submit-token .submit-token-details h5 {
     padding: 20px 12px;
   }
 }
 
 @media only screen and (max-width: 1440px) {
   .supported-assets {
     background-size: cover !important;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .supported-wrapper h2::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -7px;
   }
   .supported-wrapper p {
     margin-bottom: 6px;
   }
 }
 
 /*
 ------ crypto trade pricing table style start ------
 */
 .crypto-trade-pricing-wrapper .title-wrapper {
   margin-bottom: 26px;
 }
 
 .crypto-trade-pricing-wrapper .title-wrapper::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -9px;
 }
 
 .crypto-trade-pricing-wrapper .title-wrapper p {
   margin-top: 18px;
 }
 
 .crypto-trade-pricing-single-item {
   padding: 30px;
   background-color: var(--accent-bg);
   border-radius: var(--tertiary-radius);
   -webkit-transition: var(--transition);
   transition: var(--transition);
   margin-top: 30px;
 }
 
 .crypto-trade-pricing-single-item span {
   display: inline-block;
   padding: 4px 20px 7px;
   background-color: var(--btn-bg);
   border-radius: var(--fiver-radius);
   text-transform: uppercase;
   color: var(--primary-color);
   margin-bottom: 22px;
 }
 
 .crypto-trade-pricing-single-item p {
   margin-top: 16px;
 }
 
 .crypto-trade-pricing-single-item h4 {
   text-transform: uppercase;
   margin-top: 46px;
 }
 
 .crypto-trade-pricing-single-item ul {
   margin-top: 15px;
 }
 
 .crypto-trade-pricing-single-item ul li {
   position: relative;
   margin-left: 20px;
   margin-bottom: 7px;
   -webkit-transition: var(--transition);
   transition: var(--transition);
 }
 
 .crypto-trade-pricing-single-item ul li::before {
   content: '';
   position: absolute;
   left: -20px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 6px;
   height: 6px;
   background-color: #3639e4;
   border-radius: 50%;
   -webkit-transition: var(--transition);
   transition: var(--transition);
 }
 
 .crypto-trade-pricing-single-item ul li:nth-last-child(1) {
   margin-bottom: 0px;
 }
 
 .crypto-trade-pricing-single-item a {
   display: block;
   text-align: center;
   margin-top: 56px;
 }
 
 .crypto-trade-pricing-single-item:hover {
   background-color: var(--btn-secondary-bg);
 }
 
 .pricing-active {
   background-color: var(--btn-secondary-bg);
 }
 
 @media only screen and (min-width: 992px) {
   .crypto-trade-pricing-single-item:hover {
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px);
     background-color: var(--btn-secondary-bg);
   }
   .crypto-trade-pricing-single-item ul li:hover {
     margin-left: 25px;
   }
   .crypto-trade-pricing-single-item ul li:hover::before {
     left: -25px;
   }
 }
 
 @media (min-width: 992px) and (max-width: 1200px) {
   .crypto-trade-pricing-single-item {
     padding: 30px 15px;
   }
   .crypto-trade-pricing-single-item ul li {
     font-size: 16px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .crypto-trade-pricing-wrapper .title-wrapper p {
     margin-top: 20px;
   }
   .crypto-trade-pricing-single-item span {
     margin-bottom: 25px;
   }
   .crypto-trade-pricing-single-item p {
     margin-top: 18px;
   }
   .crypto-trade-pricing-single-item h4 {
     margin-top: 51px;
   }
   .crypto-trade-pricing-single-item ul {
     margin-top: 17px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .crypto-trade-pricing-wrapper .title-wrapper {
     margin-bottom: 7px;
   }
   .crypto-trade-pricing-wrapper .title-wrapper p {
     margin-top: 16px;
   }
   .crypto-trade-pricing-single-item span {
     padding: 4px 20px 5px;
   }
   .crypto-trade-pricing-single-item p {
     margin-top: 13px;
   }
   .crypto-trade-pricing-single-item h4 {
     margin-top: 30px;
   }
   .crypto-trade-pricing-single-item ul {
     margin-top: 12px;
   }
   .crypto-trade-pricing-single-item a {
     margin-top: 36px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .crypto-trade-pricing-single-item {
     padding: 30px 15px;
   }
 }
 
 /*
 ------ crypto trade pricing table style end ------
 */
 /*
 ------ crypto trade pricing overview style start ------
 */
 .crypto-trade-pricing-overview-wrapper {
   margin-top: 30px;
 }
 
 .crypto-trade-overview-single-item {
   padding: 30px;
   border: var(--primary-border);
   text-align: center;
   border-radius: var(--radius);
   -webkit-transition: var(--transition);
   transition: var(--transition);
   margin-top: 30px;
 }
 
 .crypto-trade-overview-single-item img {
   width: 40px;
   height: 40px;
   border-radius: var(--radius);
 }
 
 .crypto-trade-overview-single-item h5 {
   text-transform: uppercase;
   margin-top: 21px;
 }
 
 .crypto-trade-overview-single-item h5::after {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-bottom: -7px;
 }
 
 .crypto-trade-overview-single-item:hover {
   border-color: var(--btn-bg);
 }
 
 @media (min-width: 992px) and (max-width: 1200px) {
   .crypto-trade-overview-single-item {
     padding: 30px 15px;
   }
   .crypto-trade-overview-single-item h5 {
     font-size: 16px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .crypto-trade-overview-single-item {
     padding: 30px 15px;
   }
   .crypto-trade-overview-single-item h5 {
     font-size: 16px;
     margin-top: 23px;
   }
   .crypto-trade-overview-single-item h5::after {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-bottom: -5px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .crypto-trade-pricing-overview-wrapper {
     margin-top: 10px;
   }
   .crypto-trade-overview-single-item h5 {
     margin-top: 18px;
   }
 }
 
 /*
 ------ crypto trade pricing overview style end ------
 */
 /*
 ------ crypto trade pricing plan details style start ------
 */
 .crypto-trade-pricing-plan-container {
   position: relative;
 }
 
 .crypto-trade-pricing-plan-details {
   margin-top: 30px;
 }
 
 .crypto-trade-pricing-plan-details h2::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -10px;
 }
 
 .crypto-trade-pricing-plan-details .immidiate {
   margin-top: 18px;
 }
 
 .crypto-trade-pricing-plan-details h4 {
   text-transform: uppercase;
   margin-top: 27px;
 }
 
 .crypto-trade-pricing-plan-details ul {
   margin-top: 15px;
 }
 
 .crypto-trade-pricing-plan-details ul li {
   position: relative;
   margin-left: 20px;
   margin-bottom: 7px;
   -webkit-transition: var(--transition);
   transition: var(--transition);
 }
 
 .crypto-trade-pricing-plan-details ul li::before {
   content: '';
   position: absolute;
   left: -20px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 6px;
   height: 6px;
   background-color: #3639e4;
   border-radius: 50%;
   -webkit-transition: var(--transition);
   transition: var(--transition);
 }
 
 .crypto-trade-pricing-plan-details ul li:nth-last-child(1) {
   margin-bottom: 0px;
 }
 
 .crypto-trade-pricing-plan-details hr {
   margin: 54px 0px 52px;
   width: 100%;
   height: 2px;
   background-color: var(--btn-bg);
 }
 
 .crypto-trade-pricing-plan-details .second-immidiate {
   margin-top: 13px;
 }
 
 .crypto-trade-pricing-plan-details .third-immidiate {
   margin-top: 47px;
 }
 
 .crypto-trade-pricing-plan-details .third-immidiate::after {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-bottom: -5px;
 }
 
 .crypto-trade-pricing-plan-price {
   padding: 30px;
   margin-top: 30px;
   background-color: var(--accent-bg);
   border-radius: vaR(--primary-radius);
   position: -webkit-sticky;
   position: sticky;
   top: 80px;
 }
 
 .crypto-trade-pricing-plan-price h3 {
   text-transform: uppercase;
 }
 
 .crypto-trade-pricing-plan-price h3::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -10px;
 }
 
 .crypto-trade-pricing-plan-price p {
   margin-top: 13px;
 }
 
 .crypto-trade-pricing-plan-price .nice-select {
   width: 100%;
   float: none;
   background-color: transparent;
   border: var(--primary-border);
   height: auto;
   padding: 4px 20px 2px;
   margin-top: 22px;
   margin-bottom: 31px;
 }
 
 .crypto-trade-pricing-plan-price .nice-select .list {
   background-color: var(--btn-secondary-bg);
 }
 
 .crypto-trade-pricing-plan-price .nice-select .list .option {
   min-width: 100% !important;
   background-color: var(--btn-secondary-bg);
   display: block;
   min-height: auto;
   width: 100%;
   font-weight: 700;
   font-size: 16px;
   line-height: 28px;
   padding: 5px 15px 7px;
   color: var(--btn-color);
   -webkit-transition: var(--transition);
   transition: var(--transition);
 }
 
 .crypto-trade-pricing-plan-price .nice-select .list .option:hover {
   background-color: var(--btn-color);
   color: var(--theme-bg);
 }
 
 .crypto-trade-pricing-plan-price .nice-select::after {
   border-color: var(--primary-color);
   width: 10px;
   height: 10px;
   margin-top: -7px;
 }
 
 .crypto-trade-pricing-plan-price button {
   display: block;
   width: 100%;
   text-align: center;
   margin-top: 33px;
 }
 
 @media only screen and (max-width: 991px) {
   .crypto-trade-pricing-plan-details .immidiate {
     margin-top: 20px;
   }
   .crypto-trade-pricing-plan-details .second-immidiate {
     margin-top: 16px;
   }
   .crypto-trade-pricing-plan-details .third-immidiate {
     margin-top: 50px;
   }
   .crypto-trade-pricing-plan-price h3::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -7px;
   }
   .crypto-trade-pricing-plan-price p {
     margin-top: 16px;
   }
   .crypto-trade-pricing-plan-price .nice-select {
     margin-top: 28px;
     margin-bottom: 33px;
   }
   .crypto-trade-pricing-plan-price button {
     margin-top: 35px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .crypto-trade-pricing-plan-details .immidiate {
     margin-top: 15px;
   }
   .crypto-trade-pricing-plan-details h4 {
     margin-top: 17px;
     margin-bottom: -3px;
   }
   .crypto-trade-pricing-plan-details .second-immidiate {
     margin-top: 11px;
     margin-bottom: -4px;
   }
   .crypto-trade-pricing-plan-details hr {
     margin: 38px 0px 36px;
   }
   .crypto-trade-pricing-plan-details .third-immidiate {
     margin-top: 30px;
   }
   .crypto-trade-pricing-plan-price {
     padding: 30px 15px;
   }
   .crypto-trade-pricing-plan-price p {
     margin-top: 11px;
   }
   .crypto-trade-pricing-plan-price .nice-select {
     margin-top: 23px;
     margin-bottom: 28px;
   }
   .crypto-trade-pricing-plan-price button {
     margin-top: 25px;
   }
 }
 
 /*
 ------ crypto trade pricing plan details style start ------
 */
 /*
 ------ crypto tokens section style start ------
 */
 .crypto-tokens-wrapper .title-wrapper::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -9px;
 }
 
 .crypto-tokens-wrapper .title-wrapper p {
   margin-top: 11px;
 }
 
 .crypto-tokens-wrapper .center-btn {
   margin-top: 40px;
 }
 
 .crypto-tokens-table-wrapper {
   padding: 30px 15px;
   margin-top: 56px;
   background-color: var(--accent-bg);
   border-radius: var(--radius);
 }
 
 .crypto-tokens-table-wrapper table {
   vertical-align: middle;
   margin-bottom: 0px;
 }
 
 .crypto-tokens-table-wrapper table thead tr {
   background-color: var(--accent-primary-bg);
 }
 
 .crypto-tokens-table-wrapper table thead tr th {
   text-align: center !important;
   width: 20%;
   font-family: var(--ubuntu);
   font-size: 14px;
   line-height: 26px;
   font-weight: 500;
   color: var(--primary-color);
   font-style: normal;
   text-align: left;
   padding: 15px 20px 15px;
   text-transform: uppercase;
   vertical-align: middle;
 }
 
 .crypto-tokens-table-wrapper table thead tr th:first-of-type {
   border-radius: 5px 0px 0px 5px;
 }
 
 .crypto-tokens-table-wrapper table thead tr th:last-of-type {
   border-radius: 0px 5px 5px 0px;
 }
 
 .crypto-tokens-table-wrapper table tbody tr {
   border-bottom: var(--primary-border);
 }
 
 .crypto-tokens-table-wrapper table tbody tr td {
   vertical-align: middle;
   padding: 25px 10px 25px;
   text-align: center !important;
   font-size: 16px;
   color: var(--primary-color);
 }
 
 .crypto-tokens-table-wrapper table tbody tr td img {
   width: 30px;
   height: 30px;
   display: inline-block;
   margin-right: 10px;
 }
 
 .crypto-tokens-table-wrapper table tbody tr td span {
   text-transform: uppercase;
   padding: 2px 10px;
   background-color: var(--accent-bg);
   background-color: var(--accent-primary-bg);
   border-radius: var(--tertiary-radius);
   margin-left: 10px;
 }
 
 .crypto-tokens-table-wrapper table tbody tr td a {
   text-decoration: underline;
   text-transform: capitalize;
 }
 
 @media only screen and (max-width: 1199px) {
   .crypto-tokens-table-wrapper {
     overflow-x: auto;
   }
   .crypto-tokens-table-wrapper .table {
     width: 1200px;
   }
   .crypto-tokens-table-wrapper::-webkit-scrollbar {
     height: 4px;
     width: 100%;
   }
   .crypto-tokens-table-wrapper::-webkit-scrollbar-track {
     background-color: var(--btn-bg);
     border-radius: 0px;
   }
   .crypto-tokens-table-wrapper::-webkit-scrollbar-thumb {
     background-color: var(--btn-color);
     border-radius: 0px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .crypto-tokens-wrapper .title-wrapper p {
     margin-top: 14px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .crypto-tokens-wrapper .title-wrapper p {
     margin-top: 9px;
   }
   .crypto-tokens-wrapper .center-btn {
     margin-top: 30px;
   }
   .crypto-tokens-table-wrapper {
     margin-top: 37px;
   }
 }
 
 /*
 ------ crypto tokens section style end ------
 */
 /*
 ------ crypto tokens details section style start ------
 */
 .crypto-token-details-container {
   position: relative;
 }
 
 .crypto-token-value {
   margin-top: 30px;
   position: -webkit-sticky;
   position: sticky;
   top: 80px;
 }
 
 .crypto-token-intro {
   margin-bottom: 23px;
 }
 
 .crypto-token-intro img {
   display: inline-block;
   width: 60px;
   height: 60px;
   margin-right: 15px;
 }
 
 .crypto-token-intro h2 {
   margin-right: 15px;
 }
 
 .crypto-token-intro span {
   padding: 5px 15px;
   background-color: var(--accent-primary-bg);
   border-radius: var(--tertiary-radius);
   text-transform: uppercase;
 }
 
 .token-destination {
   margin-top: 35px;
   width: 80%;
   position: relative;
 }
 
 .token-destination a {
   text-decoration: underline;
   text-transform: capitalize;
 }
 
 .token-destination::before {
   content: '';
   position: absolute;
   top: 0px;
   bottom: 0px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   width: 1px;
   height: 100%;
   background-color: #7d82a9;
 }
 
 .token-capital {
   padding: 33px 15px 35px;
   margin-top: 30px;
   background-color: var(--accent-bg);
   border-radius: vaR(--tertiary-radius);
   position: relative;
 }
 
 .token-capital .secondary {
   text-align: center;
 }
 
 .token-capital .secondary:first-of-type {
   text-transform: uppercase;
   margin-bottom: 7px;
   font-weight: 500;
 }
 
 .token-capital::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 51%;
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
   width: 1px;
   height: 40%;
   background-color: #7d82a9;
 }
 
 .crypto-token-about {
   margin-top: 30px;
 }
 
 .crypto-token-about h2::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -10px;
 }
 
 .crypto-token-about .immidiate {
   margin-top: 10px;
 }
 
 .crypto-token-about h3 {
   margin-top: 48px;
 }
 
 .crypto-token-about .second-immidiate {
   margin-top: 17px;
 }
 
 .crypto-token-about ul {
   margin-top: 45px;
   list-style-position: inside;
 }
 
 .crypto-token-about ul li {
   font-size: 16px;
   list-style-type: disc;
 }
 
 .crypto-token-about .third-immidiate {
   color: var(--theme-color);
   margin-top: 47px;
   font-size: 16px;
 }
 
 .crypto-token-about h4 {
   margin-top: 47px;
 }
 
 .crypto-token-about .fourth-immidiate {
   margin-top: 19px;
 }
 
 @media only screen and (max-width: 991px) {
   .crypto-token-about h2::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -7px;
   }
   .crypto-token-about .immidiate {
     margin-top: 13px;
   }
   .crypto-token-about h3 {
     margin-top: 51px;
   }
   .crypto-token-about .second-immidiate {
     margin-top: 17px;
   }
   .crypto-token-about ul {
     margin-top: 48px;
   }
   .crypto-token-about .third-immidiate {
     margin-top: 50px;
   }
   .crypto-token-about h4 {
     margin-top: 50px;
   }
   .crypto-token-about .fourth-immidiate {
     margin-top: 22px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .crypto-token-about .immidiate {
     margin-top: 8px;
   }
   .crypto-token-about h3 {
     margin-top: 31px;
   }
   .crypto-token-about .second-immidiate {
     margin-top: 12px;
   }
   .crypto-token-about ul {
     margin-top: 28px;
   }
   .crypto-token-about .third-immidiate {
     margin-top: 30px;
   }
   .crypto-token-about h4 {
     margin-top: 30px;
   }
   .crypto-token-about .fourth-immidiate {
     margin-top: 17px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .token-capital::before {
     display: none;
   }
   .token-capital .immidiate {
     margin-top: 18px;
   }
 }
 
 /*
 ------ crypto tokens details section style end ------
 */
 /**
 * why choose crikto section style start
 */
 .choose-crikto-thumb {
   direction: rtl;
   margin-top: 30px;
 }
 
 .choose-crikto-content {
   margin-top: 30px;
 }
 
 .choose-crikto-content .immidiate {
   margin-top: 18px;
 }
 
 .choose-crikto-content .primary-btn {
   margin-top: 40px;
 }
 
 .choose-crikto-single-item {
   padding: 28px 30px 33px;
   background-color: var(--accent-bg);
   width: 50%;
   text-align: center;
   border-radius: var(--primary-radius);
   -webkit-box-shadow: var(--shadow-none);
   box-shadow: var(--shadow-none);
   -webkit-transition: var(--primary-transition);
   transition: var(--primary-transition);
   margin-top: 26px;
 }
 
 .choose-crikto-single-item:first-of-type {
   margin-right: 30px;
 }
 
 .choose-crikto-single-item .secondary {
   margin-top: 3px;
 }
 
 @media only screen and (max-width: 991px) {
   .choose-crikto-single-item {
     padding: 33px 30px 33px;
     margin-top: 28px;
   }
   .choose-crikto-thumb {
     direction: ltr;
     text-align: left;
   }
   .choose-crikto-thumb img {
     max-width: 250px;
     height: auto;
   }
   .choose-crikto-content h2::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -5px;
   }
   .choose-crikto-content .immidiate {
     margin-top: 21px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .choose-crikto-thumb img {
     max-width: 200px;
     height: auto;
   }
   .choose-crikto-content .immidiate {
     margin-top: 15px;
   }
   .choose-crikto-content .immidiate::after {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-bottom: -7px;
   }
   .choose-crikto-content .primary-btn {
     margin-top: 30px;
   }
   .choose-crikto-single-item {
     padding: 28px 15px 33px;
     margin-top: 30px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .choose-crikto-single-item {
     width: 100%;
   }
   .choose-crikto-single-item:first-of-type {
     margin-right: 0px;
   }
 }
 
 /**
 * why choose crikto section style end
 */
 /**
 * crikto invest work section style start
 */
 .crikto-invest-work-container {
   background-color: var(--primary-bg);
   padding-bottom: 439px;
 }
 
 .crikto-invest-work-wrapper .title-wrapper {
   margin-bottom: 24px;
 }
 
 .crikto-invest-work-wrapper .title-wrapper::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -9px;
 }
 
 .crikto-invest-work-wrapper .title-wrapper p {
   margin-top: 11px;
 }
 
 .crikto-work-single-item {
   padding: 40px 30px;
   background-color: var(--accent-secondary-bg);
   border-radius: var(--primary-radius);
   -webkit-transition: var(--primary-transition);
   transition: var(--primary-transition);
   margin-top: 30px;
 }
 
 .crikto-work-single-item img {
   width: 120px;
   height: 120px;
 }
 
 .crikto-work-single-item h3 {
   margin-top: 33px;
 }
 
 .crikto-work-single-item p {
   margin-top: 17px;
 }
 
 .crikto-work-single-item p::after {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-bottom: -5px;
 }
 
 @media only screen and (max-width: 1199px) {
   .crikto-invest-work-container {
     padding-bottom: 388px;
   }
 }
 
 @media (min-width: 992px) and (max-width: 1200px) {
   .crikto-work-single-item {
     padding: 40px 15px;
   }
   .crikto-work-single-item h3 {
     font-size: 24px;
   }
   .crikto-work-single-item p {
     font-size: 16px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .crikto-invest-work-container {
     padding-bottom: 299px;
   }
   .crikto-invest-work-wrapper .title-wrapper p {
     margin-top: 13px;
   }
   .crikto-work-single-item h3 {
     margin-top: 35px;
   }
   .crikto-work-single-item p {
     margin-top: 20px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .crikto-invest-work-container {
     padding-bottom: 228px;
   }
   .crikto-invest-work-wrapper .title-wrapper {
     margin-bottom: 4px;
   }
   .crikto-invest-work-wrapper .title-wrapper p {
     margin-top: 8px;
   }
   .crikto-work-single-item {
     padding: 30px 15px;
     max-width: 350px;
     margin-left: auto;
     margin-right: auto;
   }
   .crikto-work-single-item h3 {
     margin-top: 26px;
   }
   .crikto-work-single-item p {
     margin-top: 15px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .crikto-invest-work-container {
     padding-bottom: 205px;
   }
 }
 
 /**
 * crikto invest work section style end
 */
 /**
 * crikto invest video modal section style start
 */
 .invest-video-modal-container {
   position: relative;
   top: -439px;
   margin-bottom: -650px;
 }
 
 .invest-video-modal {
   position: relative;
 }
 
 .invest-video-modal img {
   width: 100%;
   height: auto;
   border-radius: var(--tertiary-radius);
 }
 
 .invest-video-modal a {
   text-decoration: none;
   display: inline-block;
   width: 120px;
   height: 120px;
   line-height: 120px;
   background-color: #5d23ff;
   border-radius: 50%;
   text-align: center;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translateY(-50%) translateX(-50%);
   transform: translateY(-50%) translateX(-50%);
 }
 
 .invest-video-modal a::before {
   content: '';
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   width: 100%;
   height: 100%;
   background-color: transparent;
   border: 10px solid #007BFF;
   border-radius: 50%;
 }
 
 .invest-video-modal a i {
   display: inline-block;
   font-size: 40px;
   line-height: inherit;
 }
 
 .mfp-close-btn-in .mfp-iframe-scaler .mfp-close {
   font-size: 35px;
   color: #fff;
   position: absolute !important;
   top: -50px !important;
   right: 0px !important;
   background-color: var(--btn-bg) !important;
   border-radius: 0px !important;
   width: 60px !important;
   text-align: center !important;
   padding-right: 0px !important;
 }
 
 @media only screen and (max-width: 1199px) {
   .invest-video-modal-container {
     top: -388px;
     margin-bottom: -610px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .invest-video-modal-container {
     top: -299px;
     margin-bottom: -499px !important;
   }
   .invest-video-modal a {
     width: 100px;
     height: 100px;
     line-height: 100px;
   }
   .invest-video-modal a i {
     font-size: 30px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .invest-video-modal-container {
     top: -228px;
     margin-bottom: -383px !important;
   }
   .invest-video-modal img {
     border-radius: var(--primary-radius);
     height: 296px;
   }
   .invest-video-modal a {
     width: 60px;
     height: 60px;
     line-height: 60px;
   }
   .invest-video-modal a::before {
     border: 5px solid #007BFF;
   }
   .invest-video-modal a i {
     font-size: 20px;
   }
   .mfp-close-btn-in .mfp-iframe-scaler .mfp-close {
     font-size: 25px !important;
     color: #fff;
     position: absolute !important;
     top: -50px !important;
     right: 0px !important;
     background-color: var(--btn-bg) !important;
     border-radius: 0px !important;
     width: 40px !important;
     line-height: 40px !important;
     text-align: center !important;
     padding-right: 0px !important;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .invest-video-modal-container {
     top: -205px;
     margin-bottom: -205px;
   }
   .invest-video-modal img {
     height: 250px;
   }
 }
 
 /**
 * crikto video modal section style end
 */
 /**
 * crikto invest grow together section style start
 */
 .grow-together-container {
   background-color: var(--primary-bg);
 }
 
 .grow-together-two {
   background-color: var(--theme-bg);
 }
 
 .grow-together-wrapper::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -15px;
 }
 
 .grow-together-content {
   margin-top: 30px;
 }
 
 .grow-together-content p {
   margin-top: 18px;
 }
 
 .grow-together-content .primary-btn {
   margin-top: 32px;
 }
 
 .grow-together-thumb {
   margin-top: 30px;
   direction: rtl;
 }
 
 @media only screen and (max-width: 991px) {
   .grow-together-wrapper::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -7px;
   }
   .grow-together-thumb {
     direction: ltr;
     text-align: left;
   }
   .grow-together-thumb img {
     max-width: 300px;
     height: auto;
   }
   .grow-together-content {
     margin-top: 24px;
   }
   .grow-together-content p {
     margin-top: 21px;
   }
   .grow-together-content .primary-btn {
     margin-top: 36px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .grow-together-thumb img {
     max-width: 250px;
     height: auto;
   }
   .grow-together-content p {
     margin-top: 16px;
   }
   .grow-together-content .primary-btn {
     margin-top: 26px;
   }
 }
 
 /**
 * crikto invest grow together section style end
 */
 /**
 * crikto invest currency platform section style start
 */
 .currency-two {
   margin-top: 90px;
 }
 
 .currency-three {
   background-color: var(--primary-bg);
 }
 
 .currency-platform-thumb {
   direction: rtl;
   margin-top: 30px;
 }
 
 .currency-platform-content {
   margin-top: 30px;
 }
 
 .currency-platform-content p {
   margin-top: 18px;
   margin-bottom: 7px;
 }
 
 .currency-platform-single-item {
   margin-top: 30px;
   text-align: center;
   width: 33%;
 }
 
 .currency-platform-single-item img {
   width: 120px;
   height: 120px;
 }
 
 .currency-platform-single-item h4 {
   margin-top: 24px;
 }
 
 @media only screen and (max-width: 1199px) {
   .currency-two {
     margin-top: 100px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .currency-platform-thumb {
     direction: ltr;
   }
   .currency-platform-thumb img {
     max-width: 250px;
     height: auto;
   }
   .currency-platform-content {
     margin-top: 24px;
   }
   .currency-platform-content p {
     margin-top: 21px;
   }
   .currency-platform-single-item h4 {
     margin-top: 27px;
   }
   .currency-platform-single-item h4::after {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-bottom: -3px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .currency-platform-thumb img {
     max-width: 200px;
     height: auto;
   }
   .currency-platform-content p {
     margin-top: 16px;
   }
   .currency-platform-single-item img {
     width: 70px;
     height: 70px;
     margin-right: 10px;
   }
   .currency-platform-single-item h4 {
     font-size: 18px;
     margin-top: 10px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .currency-platform-single-item {
     margin-top: 20px;
     background-color: var(--accent-fourier-bg);
     border: var(--border);
     border-radius: var(--primary-radius);
     padding: 15px;
     width: 100%;
     text-align: left;
   }
   .currency-platform-single-item h4 {
     font-size: 20px;
   }
 }
 
 /**
 * crikto invest currency platform section style end
 */
 .boost-earning-container {
   margin-top: 90px;
 }
 
 .boost-left h2::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -11px;
 }
 
 .boost-left p {
   margin-top: 19px;
 }
 
 .slider-inner {
   background-color: var(--accent-bg);
   padding: 40px 20px;
   border-radius: var(--primary-radius);
   margin: 56px 0px 0px;
 }
 
 .slider-inner .boost-item {
   padding: 15px 30px;
   border-radius: var(--primary-radius);
   background-color: var(--accent-primary-bg);
 }
 
 .slider-inner .boost-item img {
   width: 50px;
   height: 50px;
   display: inline-block;
   margin-right: 10px;
 }
 
 .slider-inner .boost-item h3 a {
   text-transform: capitalize;
 }
 
 .slider-inner .boost-content {
   padding: 25px 0px 23px;
   border-bottom: var(--primary-border);
 }
 
 .slider-inner .boost-content .primary {
   text-align: center;
   color: var(--primary-color);
 }
 
 .slider-inner .boost-content .tertiary {
   text-align: center;
   margin-top: 6px;
   color: var(--primary-color);
 }
 
 .boost-footer {
   padding-top: 40px;
 }
 
 .boost-footer p {
   color: var(--primary-color);
 }
 
 .boost-slider-wrapper .owl-nav {
   margin-top: 55px;
   margin-bottom: -5px !important;
 }
 
 .boost-slider-wrapper .owl-nav .owl-prev, .boost-slider-wrapper .owl-nav .owl-next {
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   background-color: var(--btn-secondary-bg) !important;
   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: center;
       -ms-flex-pack: center;
           justify-content: center;
   border-radius: var(--radius);
   -webkit-transition: var(--transition);
   transition: var(--transition);
 }
 
 .boost-slider-wrapper .owl-nav .owl-prev .flaticon-left-arrow, .boost-slider-wrapper .owl-nav .owl-prev .flaticon-next, .boost-slider-wrapper .owl-nav .owl-next .flaticon-left-arrow, .boost-slider-wrapper .owl-nav .owl-next .flaticon-next {
   margin-bottom: -5px !important;
 }
 
 .boost-slider-wrapper .owl-nav .owl-prev .flaticon-left-arrow::before, .boost-slider-wrapper .owl-nav .owl-prev .flaticon-next::before, .boost-slider-wrapper .owl-nav .owl-next .flaticon-left-arrow::before, .boost-slider-wrapper .owl-nav .owl-next .flaticon-next::before {
   line-height: 0px !important;
   font-weight: 700;
   color: var(--btn-color);
 }
 
 .boost-slider-wrapper .owl-nav .owl-prev:hover, .boost-slider-wrapper .owl-nav .owl-next:hover {
   background-color: var(--btn-bg) !important;
 }
 
 .boost-slider-wrapper .owl-nav .owl-prev:hover i::before, .boost-slider-wrapper .owl-nav .owl-next:hover i::before {
   color: var(--btn-hover-color);
 }
 
 .boost-slider-wrapper .owl-nav .owl-prev {
   margin-right: 10px;
 }
 
 .invest-token-items {
   margin-top: 30px;
 }
 
 @media only screen and (max-width: 1199px) {
   .boost-earning-container {
     margin-top: 104px;
   }
 }
 
 @media only screen and (max-width: 768px) {
   .boost-right {
     margin-top: 25px;
   }
   .slider-inner {
     margin-top: 36px;
   }
   .boost-earning-container {
     margin-top: 96px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .boost-left h2::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -6px;
   }
   .boost-left p {
     margin-top: 15px;
   }
   .boost-slider-wrapper .owl-nav {
     margin-top: 35px;
   }
   .boost-right {
     margin-top: 25px;
   }
   .slider-inner {
     padding: 30px 12px;
     margin-top: 36px;
   }
   .slider-inner .boost-item {
     padding: 15px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .boost-footer {
     padding-top: 20px;
   }
   .boost-footer p {
     margin-bottom: 19px;
   }
 }
 
 .invest-token-wrapper .title-wrapper {
   max-width: 576px;
   margin-bottom: 26px;
 }
 
 .invest-token-wrapper .title-wrapper h2::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -11px;
 }
 
 .invest-token-wrapper .title-wrapper p {
   margin-top: 19px;
 }
 
 .invest-token-right {
   background-color: var(--accent-bg);
   border-radius: var(--primary-radius);
   position: relative;
 }
 
 .invest-token-right .item {
   padding: 15px;
 }
 
 .invest-token-right .item p {
   text-align: center;
   color: var(--primary-color);
 }
 
 .invest-token-right .item:first-of-type {
   border-right: var(--primary-border);
 }
 
 .invest-token-items .boost-item {
   padding: 15px !important;
 }
 
 .invest-token-items .boost-content {
   padding-top: 0px;
 }
 
 .invest-token-items .boost-content div {
   border-right: var(--primary-border);
   padding: 0px 15px;
   width: 25%;
   margin-top: 25px;
 }
 
 .invest-token-items .boost-content div .tertiary {
   color: var(--secondary-color) !important;
 }
 
 .invest-token-items .boost-content div:last-of-type {
   border-right: none;
 }
 
 .invest-details-wrapper {
   background-color: var(--accent-bg);
   border-radius: var(--tertiary-radius);
   position: relative;
   top: -350px;
   margin-bottom: -350px;
 }
 
 .invest-details-left {
   padding: 40px 20px;
 }
 
 .invest-details-left h3::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -9px;
 }
 
 .invest-details-left .immidiate {
   margin-top: 8px;
 }
 
 #investForm {
   margin-top: 30px;
   margin-bottom: 23px;
 }
 
 #investForm .group-calc {
   background-color: var(--btn-secondary-bg);
   padding: 15px;
   border-radius: var(--primary-radius);
 }
 
 #investForm .group-calc .first-group input {
   background-color: transparent;
   border: none;
   outline: none;
   -webkit-box-shadow: none;
           box-shadow: none;
   font-size: 18px;
   font-weight: 500;
   color: var(--primary-color);
 }
 
 #investForm .group-calc .first-group input::-webkit-input-placeholder {
   font-size: 18px;
   font-weight: 500;
   color: var(--primary-color);
 }
 
 #investForm .group-calc .first-group input:-ms-input-placeholder {
   font-size: 18px;
   font-weight: 500;
   color: var(--primary-color);
 }
 
 #investForm .group-calc .first-group input::-ms-input-placeholder {
   font-size: 18px;
   font-weight: 500;
   color: var(--primary-color);
 }
 
 #investForm .group-calc .first-group input::placeholder {
   font-size: 18px;
   font-weight: 500;
   color: var(--primary-color);
 }
 
 #investForm .group-calc .first-group input:active {
   background-color: transparent !important;
   color: var(--primary-color) !important;
 }
 
 #investForm .group-calc .nice-select {
   background-color: transparent !important;
   border: none;
   outline: none;
   -webkit-box-shadow: none;
           box-shadow: none;
   font-size: 18px;
   font-weight: 500;
   color: var(--primary-color);
 }
 
 #investForm .group-calc .nice-select .current {
   color: var(--primary-color);
 }
 
 #investForm .group-calc .nice-select .list {
   background-color: var(--accent-bg);
   color: var(--primary-color);
 }
 
 #investForm .group-calc .nice-select .list .option {
   background-color: var(--accent-bg);
   color: var(--primary-color);
 }
 
 #investForm .group-calc .nice-select .list .option:hover {
   background-color: var(--btn-hover-bg);
   color: #000000 !important;
 }
 
 #investForm .group-calc .nice-select::after {
   content: none;
 }
 
 .invest-tab-wrapper {
   margin-top: 23px;
 }
 
 .invest-tab-wrapper .tab-wrapper {
   margin-bottom: 32px;
 }
 
 .invest-tab-wrapper .tab-wrapper .tab-group .invest-tab-btn {
   width: 40px;
   height: 40px;
   line-height: 40px;
   background-color: #203aab;
   text-align: center;
   border: 1px solid transparent;
   border-radius: var(--radius);
   -webkit-transition: var(--transition);
   transition: var(--transition);
   margin-right: 5px;
 }
 
 .invest-tab-wrapper .tab-wrapper .tab-group .invest-tab-btn:last-of-type {
   margin-right: 0px;
 }
 
 .invest-tab-wrapper .tab-wrapper .tab-group .invest-tab-btn:hover {
   border: 1px solid #fff;
 }
 
 .invest-tab-wrapper .tab-wrapper .tab-group .invest-tab-active {
   border: 1px solid #fff;
 }
 
 .invest-tab-wrapper .tab-wrapper .increase-value {
   padding: 20px 20px;
   background-color: var(--btn-secondary-bg);
   border-radius: var(--primary-radius);
 }
 
 .invest-tab-wrapper .tab-wrapper .increase-value p {
   color: var(--primary-color);
 }
 
 .invest-tab-wrapper .tab-wrapper .increase-value span {
   background-color: #056020;
   color: var(--primary-color);
   padding: 3px 10px;
   border-radius: var(--secondary-radius);
   margin-left: 30px;
 }
 
 .invest-tab-wrapper .invest-tab-content {
   display: none;
 }
 
 .invest-tab-wrapper .invest-tab-content .invest-tab-item {
   padding: 20px 0px 21px;
   border-bottom: 1px dotted #fff;
 }
 
 .invest-tab-wrapper .invest-tab-content .invest-tab-item p {
   color: var(--primary-color);
 }
 
 .invest-tab-wrapper .invest-tab-content-active {
   display: block;
 }
 
 .invest-details-right {
   padding: 40px 20px;
 }
 
 .invest-details-right .items-wrapper {
   background-color: var(--btn-secondary-bg);
   border-radius: var(--primary-radius);
 }
 
 .invest-details-right .items-wrapper .items .item {
   width: 50%;
   padding: 19px 15px 16px;
 }
 
 .invest-details-right .items-wrapper .items .item p {
   text-align: center;
   color: var(--primary-color);
 }
 
 .invest-details-right .items-wrapper .items .item p:last-of-type {
   margin-top: 6px;
 }
 
 .invest-details-right .items-wrapper .items .item:first-of-type {
   border-right: var(--primary-border);
 }
 
 .invest-details-right .items-wrapper .items:last-of-type {
   border-top: var(--primary-border);
 }
 
 .invest-details-right ul {
   list-style-type: disc;
   list-style-position: inside;
   margin-top: 55px;
 }
 
 .invest-details-right ul li {
   margin: 15px 0px;
   color: var(--primary-color);
   font-weight: 500;
 }
 
 @media (min-width: 992px) and (max-width: 1200px) {
   .invest-tab-wrapper .tab-wrapper .increase-value {
     padding: 20px 10px !important;
   }
   .invest-tab-wrapper .tab-wrapper .increase-value span {
     margin-left: 10px !important;
   }
   .invest-token-right .item {
     padding: 8px 12px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .invest-details-right {
     padding-top: 0px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .invest-tab-wrapper .tab-wrapper {
     margin-bottom: 12px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .invest-token-items .boost-content div {
     width: auto;
     border: none;
   }
   .invest-details-right {
     padding: 0px 12px 30px;
   }
   .invest-details-left {
     padding: 30px 12px;
   }
   .tab-wrapper .increase-value {
     margin-top: 30px;
   }
   .invest-token-right {
     margin-top: 20px;
   }
 }
 
 .invest-calculator-wrapper {
   padding: 30px;
   background-color: var(--accent-primary-bg);
   border-radius: var(--secondary-radius);
 }
 
 .invest-calculator-wrapper .items label {
   color: var(--primary-color);
   margin-bottom: 18px;
 }
 
 .invest-calculator-wrapper .items .nice-select {
   width: 100%;
   background-color: var(--btn-secondary-bg);
   padding: 10px 30px 10px 60px;
   height: auto !important;
   border: var(--primary-border);
   margin-bottom: 55px;
 }
 
 .invest-calculator-wrapper .items .nice-select .current {
   font-weight: 700;
   color: var(--primary-color);
 }
 
 .invest-calculator-wrapper .items .nice-select .current::before {
   content: '';
   position: absolute;
   left: 20px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   background-image: url(../images/custom/coins/bitcoin.png);
   width: 30px;
   height: 30px;
   background-size: contain;
   background-position: center center;
 }
 
 .invest-calculator-wrapper .items .nice-select .list {
   background-color: var(--accent-bg);
 }
 
 .invest-calculator-wrapper .items .nice-select .option {
   font-weight: 700;
   color: var(--primary-color);
   background-color: var(--accent-bg);
 }
 
 .invest-calculator-wrapper .items .nice-select .option:hover {
   background-color: var(--btn-hover-bg);
   color: #000000;
 }
 
 .invest-calculator-wrapper .items .nice-select::after {
   height: 10px;
   width: 10px;
   margin-top: -8px;
   border-bottom: 1px solid #ffffff !important;
   border-right: 1px solid #ffffff !important;
 }
 
 .invest-calculator-wrapper .items .foote .secondary {
   color: var(--primary-color);
   font-weight: 700;
   margin-bottom: 25px;
 }
 
 .invest-calculator-wrapper .items .foote a {
   padding: 0px 10px;
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   background-color: #203aab;
   border-radius: var(--primary-radius);
   -webkit-transition: var(--primary-transition);
   transition: var(--primary-transition);
   border: 1px solid transparent;
 }
 
 .invest-calculator-wrapper .items .foote a:hover {
   border: var(--primary-border);
 }
 
 .invest-calculator-wrapper .items .number {
   position: relative;
 }
 
 .invest-calculator-wrapper .items .number input {
   padding: 16px 80px 17px 20px;
   background-color: var(--btn-secondary-bg);
   border: var(--primary-border);
   -webkit-box-shadow: none;
           box-shadow: none;
   font-size: 18px;
   font-weight: 700;
   color: var(--primary-color);
 }
 
 .invest-calculator-wrapper .items .number input::-webkit-input-placeholder {
   font-size: 18px;
   font-weight: 700;
   color: var(--primary-color);
 }
 
 .invest-calculator-wrapper .items .number input:-ms-input-placeholder {
   font-size: 18px;
   font-weight: 700;
   color: var(--primary-color);
 }
 
 .invest-calculator-wrapper .items .number input::-ms-input-placeholder {
   font-size: 18px;
   font-weight: 700;
   color: var(--primary-color);
 }
 
 .invest-calculator-wrapper .items .number input::placeholder {
   font-size: 18px;
   font-weight: 700;
   color: var(--primary-color);
 }
 
 .invest-calculator-wrapper .items .number span {
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   right: 20px;
   color: var(--primary-color);
   font-weight: 700;
 }
 
 .invest-calculator-wrapper .items .secondary {
   margin-top: 15px;
 }
 
 .invest-calculator-wrapper .items .sed {
   margin-top: 40px;
 }
 
 .invest-calculator-wrapper .items .sed .increase-value {
   padding: 20px 20px;
   background-color: var(--btn-secondary-bg);
   border-radius: var(--primary-radius);
 }
 
 .invest-calculator-wrapper .items .sed .increase-value p {
   color: var(--primary-color);
 }
 
 .invest-calculator-wrapper .items .sed .increase-value span {
   background-color: #056020;
   color: var(--primary-color);
   padding: 3px 10px;
   border-radius: var(--secondary-radius);
   margin-left: 30px;
 }
 
 @media only screen and (min-width: 1200px) {
   .invest-calculator-wrapper {
     position: relative;
     top: -210px;
     margin-bottom: -210px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .invest-calculator-wrapper .items .foote {
     margin-bottom: 21px;
   }
 }
 
 @media (min-width: 768px) and (max-width: 992px) {
   .invest-calculator-wrapper .items .sed a {
     margin-top: 25px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .invest-calculator-wrapper {
     padding: 26px 12px 30px;
   }
   .invest-calculator-wrapper .items .nice-select {
     margin-bottom: 25px;
   }
   .invest-calculator-wrapper .items .sed {
     margin-top: 25px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .invest-calculator-wrapper .items .sed a {
     margin-top: 25px;
   }
 }
 
 /*
 ------ lend and borrow table section style start ------
 */
 .lend-borrow-table-wrapper {
   padding: 30px 30px;
   background-color: var(--accent-bg);
   border-radius: var(--tertiary-radius);
 }
 
 .lend-borrow-table-wrapper .table {
   margin-bottom: 0px;
 }
 
 .lend-borrow-table-wrapper .table thead tr {
   background-color: var(--accent-primary-bg);
 }
 
 .lend-borrow-table-wrapper .table thead tr th {
   text-align: center;
   text-transform: uppercase;
   font-size: 14px;
   font-weight: 500;
   color: var(--primary-color);
   padding: 8px 20px;
   vertical-align: middle;
 }
 
 .lend-borrow-table-wrapper .table thead tr th:first-of-type {
   text-align: left;
   border-radius: 10px 0px 0px 10px;
 }
 
 .lend-borrow-table-wrapper .table thead tr th:last-of-type {
   border-radius: 0px 10px 10px 0px;
 }
 
 .lend-borrow-table-wrapper .table tbody tr {
   border-bottom: var(--primary-border);
 }
 
 .lend-borrow-table-wrapper .table tbody tr td {
   text-align: center;
   padding: 20px;
   vertical-align: middle;
   color: var(--primary-color);
   font-size: 16px;
 }
 
 .lend-borrow-table-wrapper .table tbody tr td:first-of-type {
   text-align: left;
   text-transform: uppercase;
 }
 
 .lend-borrow-table-wrapper .table tbody tr td:first-of-type img {
   width: 30px;
   height: 30px;
   margin-right: 10px;
 }
 
 .lend-borrow-table-wrapper .table tbody tr td:nth-of-type(2) {
   color: var(--secondary-color);
 }
 
 .lend-borrow-table-wrapper .table tbody tr td:nth-of-type(3) {
   color: var(--tertiary-color);
 }
 
 .lend-borrow-table-wrapper .table tbody tr td:nth-of-type(5) {
   color: var(--fourier-color);
 }
 
 .lend-borrow-table-wrapper .table tbody tr td:nth-of-type(6) a {
   border: var(--primary-border);
 }
 
 .lend-borrow-table-wrapper .table tbody tr td:nth-of-type(6) a:hover {
   border-color: transparent;
 }
 
 .lend-borrow-table-wrapper .table tbody tr td a {
   font-size: 16px;
   padding: 5px 25px;
 }
 
 .lend-borrow-table-wrapper-two .table tbody tr td:nth-of-type(2) {
   color: var(--secondary-color);
 }
 
 .lend-borrow-table-wrapper-two .table tbody tr td:nth-of-type(3) {
   color: var(--primary-color);
 }
 
 .lend-borrow-table-wrapper-two .table tbody tr td:nth-of-type(4) {
   color: #8affff;
 }
 
 .lend-borrow-table-wrapper-two .table tbody tr td:nth-of-type(5) a {
   border: var(--primary-border);
 }
 
 .lend-borrow-table-wrapper-two .table tbody tr td:nth-of-type(5) a:hover {
   border-color: transparent;
 }
 
 .lend-borrow-table-wrapper-two .table tbody tr td:nth-of-type(6) a {
   border: transparent;
 }
 
 .lend-borrow-table-wrapper-two .table tbody tr td:nth-of-type(6) a:hover {
   border-color: transparent;
 }
 
 .lend-table-wrapper .title-wrapper {
   max-width: 768px;
   margin-bottom: 56px;
 }
 
 .lend-table-wrapper .title-wrapper::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -10px;
 }
 
 .lend-table-wrapper .title-wrapper p {
   margin-top: 17px;
 }
 
 @media only screen and (min-width: 1200px) {
   .lend-two-table .lend-borrow-table-wrapper {
     position: relative;
     top: -210px;
     margin-bottom: -210px;
   }
 }
 
 @media only screen and (max-width: 1199px) {
   .lend-borrow-table-wrapper {
     overflow-y: auto;
     padding: 30px 15px;
   }
   .lend-borrow-table-wrapper .table {
     width: 1200px;
   }
   .lend-borrow-table-wrapper .table tbody tr td {
     padding: 10px 20px;
   }
   .lend-borrow-table-wrapper::-webkit-scrollbar {
     height: 5px;
   }
   .lend-borrow-table-wrapper::-webkit-scrollbar-track {
     background-color: var(--accent-primary-bg);
     border-radius: 0px;
   }
   .lend-borrow-table-wrapper::-webkit-scrollbar-thumb {
     background-color: var(--btn-bg);
     border-radius: 0px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .lend-table-wrapper .title-wrapper::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -7px;
   }
   .lend-table-wrapper .title-wrapper p {
     margin-top: 20px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .lend-table-wrapper .title-wrapper {
     margin-bottom: 36px;
   }
   .lend-table-wrapper .title-wrapper::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -7px;
   }
   .lend-table-wrapper .title-wrapper p {
     margin-top: 15px;
   }
 }
 
 /*
 ------ lend and borrow table section style end ------
 */
 /*
 ------ lend and borrow overview section style start ------
 */
 .lend-overview {
   background-color: var(--primary-bg);
   padding-top: 90px;
 }
 
 .lend-borrow-overview-single-item {
   padding: 30px 40px;
   margin-top: 30px;
   text-align: center;
   background-color: var(--accent-fourier-bg);
   border: var(--border);
   border-radius: var(--primary-radius);
   -webkit-transition: var(--transition);
   transition: var(--transition);
 }
 
 .lend-borrow-overview-single-item img {
   width: 130px;
   height: 130px;
 }
 
 .lend-borrow-overview-single-item h2 {
   text-align: center;
   margin-top: 31px;
 }
 
 .lend-borrow-overview-single-item p {
   text-align: center;
   margin-top: 16px;
 }
 
 .lend-borrow-overview-single-item p::after {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-bottom: -5px;
 }
 
 .lend-borrow-overview-single-item:hover {
   -webkit-transform: translateY(-10px);
   transform: translateY(-10px);
 }
 
 @media only screen and (max-width: 991px) {
   .lend-overview {
     padding-top: 70px;
   }
 }
 
 @media only screen and (max-width: 1199px) {
   .lend-borrow-overview-single-item {
     padding: 30px 15px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .lend-borrow-overview-single-item {
     max-width: 350px;
     margin-left: auto;
     margin-right: auto;
   }
   .lend-borrow-overview-single-item h2 {
     margin-top: 20px;
   }
   .lend-borrow-overview-single-item p {
     margin-top: 14px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .lend-overview {
     padding-top: 50px;
   }
 }
 
 /*
 ------ lend and borrow overview section style end ------
 */
 /*
 ------ lend and borrow platform section style start ------
 */
 .lend-borrow-platform-container {
   background-color: var(--primary-bg);
 }
 
 .lend-platform {
   background-color: var(--transparent);
 }
 
 .lend-borrow-platform-wrapper .title-wrapper {
   max-width: 576px;
   margin-bottom: 26px;
 }
 
 .lend-borrow-platform-wrapper .title-wrapper::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -10px;
 }
 
 .lend-borrow-platform-wrapper .title-wrapper p {
   margin-top: 18px;
 }
 
 .lend-borrow-platform-single-item {
   padding: 30px;
   margin-top: 30px;
   border: var(--border);
   border-radius: var(--tertiary-radius);
   -webkit-transition: var(--transition);
   transition: var(--transition);
   text-align: center;
 }
 
 .lend-borrow-platform-single-item img {
   width: 200px;
   height: 200px;
 }
 
 .lend-borrow-platform-single-item h3 {
   text-align: center;
   margin-top: 33px;
 }
 
 .lend-borrow-platform-single-item p {
   text-align: center;
   margin-top: 14px;
 }
 
 .lend-borrow-platform-single-item p::after {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-bottom: -5px;
 }
 
 @media (min-width: 992px) and (max-width: 1200px) {
   .lend-borrow-platform-single-item {
     padding: 30px 15px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .lend-borrow-platform-wrapper .title-wrapper::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -7px;
   }
   .lend-borrow-platform-wrapper .title-wrapper p {
     margin-top: 21px;
   }
   .lend-borrow-platform-single-item h2 {
     margin-top: 36px;
   }
   .lend-borrow-platform-single-item p {
     margin-top: 17px;
   }
   .lend-borrow-platform-single-item p::after {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-bottom: -3px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .lend-borrow-platform-wrapper .title-wrapper {
     margin-bottom: 6px;
   }
   .lend-borrow-platform-wrapper .title-wrapper p {
     margin-top: 15px;
   }
   .lend-borrow-platform-single-item {
     padding: 30px 15px;
     max-width: 350px;
     margin-left: auto;
     margin-right: auto;
   }
   .lend-borrow-platform-single-item img {
     width: 130px;
     height: 130px;
   }
   .lend-borrow-platform-single-item h2 {
     margin-top: 31px;
   }
   .lend-borrow-platform-single-item p {
     margin-top: 12px;
   }
 }
 
 /*
 ------ lend and borrow platform section style end ------
 */
 /*
 ------ lend and borrow safe hands section style start ------
 */
 .lend-borrow-safe-hands-container {
   position: relative;
   overflow: hidden;
 }
 
 .lend-borrow-safe-hands-wrapper .title-wrapper {
   max-width: 576px;
   margin-bottom: 56px;
 }
 
 .lend-borrow-safe-hands-wrapper .title-wrapper::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -10px;
 }
 
 .lend-borrow-safe-hands-wrapper .title-wrapper p {
   margin-top: 12px;
 }
 
 .lend-borrow-safe-hands-wrapper .immidiate {
   margin-top: 30px;
 }
 
 .safe-hands-single-item {
   text-align: center;
   padding: 30px;
   border: var(--border);
   -webkit-transition: var(--transition);
   transition: var(--transition);
   border-radius: var(--tertiary-radius);
 }
 
 .safe-hands-single-item img {
   width: 130px;
   height: 130px;
 }
 
 .safe-hands-single-item h3 {
   text-align: center;
   margin-top: 33px;
 }
 
 .safe-hands-single-item p {
   text-align: center;
   margin-top: 14px;
 }
 
 .safe-hands-single-item p::after {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-bottom: -4px;
 }
 
 .safe-hands-thumb {
   direction: ltr;
 }
 
 @media (min-width: 992px) and (max-width: 1200px) {
   .safe-hands-single-item {
     padding: 30px 15px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .lend-borrow-safe-hands-wrapper .title-wrapper {
     margin-bottom: 26px;
   }
   .lend-borrow-safe-hands-wrapper .title-wrapper::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -7px;
   }
   .lend-borrow-safe-hands-wrapper .immidiate {
     margin-top: 0px;
   }
   .safe-hands-single-item {
     margin-top: 30px;
   }
   .safe-hands-single-item h3 {
     margin-top: 36px;
   }
   .safe-hands-single-item p {
     margin-top: 17px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .lend-borrow-safe-hands-wrapper .title-wrapper {
     margin-bottom: 6px;
   }
   .lend-borrow-safe-hands-wrapper .title-wrapper p {
     margin-top: 10px;
   }
   .safe-hands-single-item h3 {
     margin-top: 26px;
   }
   .safe-hands-single-item p {
     margin-top: 12px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .safe-hands-single-item {
     max-width: 350px;
     margin-left: auto;
     margin-right: auto;
   }
 }
 
 /*
 ------ lend and borrow safe hands section style end ------
 */
 .coin-calculator-wrapper {
   padding: 40px 30px;
   background-color: var(--accent-primary-bg);
   border-radius: var(--tertiary-radius);
 }
 
 .coin-calculator-wrapper .center-btn {
   margin-top: 40px;
 }
 
 .group-calc {
   width: 100%;
   background-color: var(--btn-secondary-bg);
   border: var(--secondary-border);
   border-radius: var(--primary-radius);
   padding: 5px;
   padding-right: 10px;
 }
 
 .group-calc .first-group {
   width: 60%;
   position: relative;
 }
 
 .group-calc .first-group::before {
   content: '';
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   left: 90%;
   height: 60%;
   width: 1px;
   background-color: var(--btn-bg);
 }
 
 .group-calc .first-group input {
   padding-right: 40px !important;
 }
 
 .group-calc .immidiate-group {
   background-color: var(--btn-secondary-bg);
   min-height: 100%;
   width: 40%;
 }
 
 .group-calc .immidiate-group .nice-select {
   background-color: transparent;
   border: none;
   outline: none;
   height: auto !important;
   line-height: 40px;
 }
 
 .group-calc .immidiate-group .nice-select .current {
   color: var(--primary-color);
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 .group-calc .immidiate-group .nice-select .current::before {
   content: '';
   position: absolute;
   left: -20px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   background-image: url(../images/custom/coins/bitcoin.png);
   width: 30px;
   height: 30px;
   background-size: contain;
   background-position: center center;
 }
 
 .group-calc .immidiate-group .nice-select .list {
   background-color: var(--btn-secondary-bg);
   padding: 15px 0px;
 }
 
 .group-calc .immidiate-group .nice-select .list:hover {
   background-color: var(--btn-secondary-bg);
 }
 
 .group-calc .immidiate-group .nice-select .option {
   color: var(--primary-color);
   background-color: var(--btn-secondary-bg);
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
   padding: 5px 10px 5px 50px;
   position: relative;
 }
 
 .group-calc .immidiate-group .nice-select .option:hover {
   background-color: var(--btn-hover-bg);
   color: var(--theme-bg);
 }
 
 .group-calc .immidiate-group .nice-select .option:nth-of-type(1)::before {
   content: '';
   position: absolute;
   left: 10px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   background-image: url(../images/custom/coins/bitcoin.png);
   width: 30px;
   height: 30px;
   background-size: contain;
   background-position: center center;
 }
 
 .group-calc .immidiate-group .nice-select .option:nth-of-type(2)::before {
   content: '';
   position: absolute;
   left: 10px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   background-image: url(../images/custom/coins/bitcoin-cash.png);
   width: 30px;
   height: 30px;
   background-size: contain;
   background-position: center center;
 }
 
 .group-calc .immidiate-group .nice-select .option:nth-of-type(3)::before {
   content: '';
   position: absolute;
   left: 10px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   background-image: url(../images/custom/coins/lite-coin.png);
   width: 30px;
   height: 30px;
   background-size: contain;
   background-position: center center;
 }
 
 .group-calc .immidiate-group .nice-select .option:nth-of-type(4)::before {
   content: '';
   position: absolute;
   left: 10px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   background-image: url(../images/custom/coins/chain-link.png);
   width: 30px;
   height: 30px;
   background-size: contain;
   background-position: center center;
 }
 
 .group-calc .immidiate-group .nice-select::after {
   height: auto;
   width: 8px;
   height: 8px;
   margin-top: -7px;
   border-color: #fff;
 }
 
 #amountCalc input {
   border: none;
   outline: none;
   padding: 13px 20px 16px;
   background-color: var(--btn-secondary-bg);
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
   border-radius: 0px;
   -webkit-box-shadow: none;
           box-shadow: none;
   outline: none;
 }
 
 #amountCalc input::-webkit-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 #amountCalc input:-ms-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 #amountCalc input::-ms-input-placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 #amountCalc input::placeholder {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
 }
 
 #amountCalc input:focus {
   -webkit-box-shadow: 0px 0px 0px transparent;
   box-shadow: 0px 0px 0px transparent;
   background-color: var(--btn-secondary-bg);
 }
 
 #amountCalc input:active {
   background-color: var(--btn-secondary-bg);
 }
 
 #amountCalc label {
   font-family: var(--ubuntu);
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   color: var(--btn-color);
   font-style: normal;
   text-align: left;
   margin-bottom: 25px;
 }
 
 .second-group input {
   border: var(--secondary-border) !important;
   padding: 18px 20px 21px !important;
   border-radius: var(--primary-radius) !important;
 }
 
 @media only screen and (max-width: 991px) {
   .second-group {
     margin-top: 23px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .coin-calculator-wrapper {
     padding: 40px 12px;
   }
   .coin-calculator-wrapper .center-btn {
     margin-top: 30px;
   }
   #amountCalc label {
     margin-bottom: 20px;
   }
   .group-calc {
     padding: 15px 12px;
   }
   .group-calc .first-group {
     width: 100%;
   }
   .group-calc .first-group input {
     border: var(--secondary-border) !important;
     margin-bottom: 5px;
     border-radius: vaR(--primary-radius) !important;
   }
   .group-calc .first-group::before {
     content: none;
   }
   .group-calc .immidiate-group {
     width: 100%;
     padding-left: 20px;
   }
 }
 
 /**
 * home work section style start
 */
 .home-work-container {
   margin-top: -50px;
 }
 
 .lend-work {
   background-color: var(--primary-bg);
   margin-top: 0px;
 }
 
 .home-work-wrapper .title-wrapper {
   padding-top: 10px;
   margin-bottom: 55px;
 }
 
 .home-work-wrapper .title-wrapper::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -19px;
 }
 
 .home-work-wrapper .title-wrapper p {
   margin-top: 11px;
 }
 
 .home-work-single-item {
   padding: 30px 30px 24px;
   background-color: var(--accent-fourier-bg);
   border-radius: var(--primary-radius);
   -webkit-box-shadow: var(--shadow-none);
   box-shadow: var(--shadow-none);
   margin-bottom: 30px;
   -webkit-transition: var(--transition);
   transition: var(--transition);
   border: var(--border);
 }
 
 .home-work-single-item img {
   max-width: 2000px;
   height: 200px;
 }
 
 .home-work-single-item h3 {
   margin-top: 33px;
 }
 
 .home-work-single-item p {
   margin-top: 12px;
 }
 
 @media (min-width: 992px) and (max-width: 1200px) {
   .home-work-single-item {
     padding: 30px 15px 24px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .home-work-wrapper .title-wrapper {
     margin-bottom: 58px;
   }
   .home-work-wrapper .title-wrapper::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -18px;
   }
   .home-work-wrapper .title-wrapper p {
     margin-top: 13px;
   }
   .home-work-single-item h3 {
     margin-top: 35px;
   }
   .home-work-single-item p {
     margin-top: 14px;
     margin-bottom: 2px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .home-work-wrapper .title-wrapper {
     margin-bottom: 38px;
   }
   .home-work-wrapper .title-wrapper p {
     margin-top: 9px;
   }
   .home-work-single-item {
     max-width: 350px;
     margin-left: auto;
     margin-right: auto;
     padding: 30px 15px 24px;
   }
   .home-work-single-item img {
     width: 130px;
     height: 130px;
   }
   .home-work-single-item h3 {
     margin-top: 35px;
   }
   .home-work-single-item p {
     margin-top: 15px;
   }
 }
 
 /**
 * home work section style end
 */
 /*
 --- chart table start
 */
 .chart-table-container {
   background-color: var(--primary-bg);
 }
 
 .chart-tab-btn-wrapper {
   margin-top: 20px;
 }
 
 .chart-tab-btn-wrapper .chart-tab-btn {
   padding: 8px 16px;
   margin: 10px 0px;
   background-color: transparent;
   border-radius: var(--tertiary-radius);
   -webkit-transition: var(--transition);
   transition: var(--transition);
 }
 
 .chart-tab-btn-wrapper .chart-tab-btn:hover {
   background-color: var(--btn-bg);
   color: var(--btn-hover-color);
 }
 
 .chart-tab-btn-wrapper .chart-tab-btn-active {
   background-color: var(--btn-bg);
   color: var(--btn-hover-color);
 }
 
 .chart-tab-content {
   margin-top: 50px;
   display: none;
 }
 
 .chart-tab-content .chart-table .table {
   margin: 0px;
 }
 
 .chart-tab-content .chart-table .table thead tr th {
   text-align: center;
   padding: 11px 15px 15px;
   background-color: var(--accent-primary-bg);
   color: var(--primary-color);
 }
 
 .chart-tab-content .chart-table .table thead tr th:first-of-type {
   text-align: left;
 }
 
 .chart-tab-content .chart-table .table thead tr th:nth-of-type(2) {
   text-align: left;
 }
 
 .chart-tab-content .chart-table .table tbody tr {
   border-bottom: var(--primary-border);
 }
 
 .chart-tab-content .chart-table .table tbody tr td {
   padding: 20px 15px;
   background-color: var(--accent-bg);
   text-align: center;
   color: var(--primary-color);
 }
 
 .chart-tab-content .chart-table .table tbody tr td:nth-of-type(1) {
   text-align: left;
 }
 
 .chart-tab-content .chart-table .table tbody tr td:nth-of-type(2) {
   text-align: left;
 }
 
 .chart-tab-content .chart-table .table tbody tr td:nth-of-type(2) img {
   width: 40px;
   height: 40px;
   display: inline-block;
   margin-right: 5px;
 }
 
 .chart-tab-content .chart-table .table tbody tr td:nth-of-type(2) span {
   margin-left: 15px;
   font-weight: 700;
   text-transform: uppercase;
 }
 
 .chart-tab-content .chart-table .table tbody tr td:nth-of-type(3) {
   color: #58bd7d;
 }
 
 .chart-tab-content .chart-table .table tbody tr td:nth-of-type(5) img {
   width: 138px;
   height: 42px;
 }
 
 .chart-tab-content .chart-table .table tbody tr td:last-of-type .tertiary-btn {
   border: var(--primary-border);
 }
 
 .chart-tab-content .chart-table .table tbody tr .decrease {
   color: #ff6838 !important;
 }
 
 .chart-tab-content-active {
   display: block;
 }
 
 @media only screen and (max-width: 991px) {
   .chart-tab-content .chart-table {
     overflow: auto;
   }
   .chart-tab-content .chart-table .table {
     width: 992px;
   }
   .chart-tab-content .chart-table::-webkit-scrollbar {
     height: 5px;
   }
   .chart-tab-content .chart-table::-webkit-scrollbar-track {
     background-color: var(--accent-primary-bg);
     border-radius: 0px;
   }
   .chart-tab-content .chart-table::-webkit-scrollbar-thumb {
     background-color: var(--btn-bg);
     border-radius: 0px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .chart-table-wrapper .flex-sm-row h2::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -6px;
   }
   .chart-tab-content {
     margin-top: 30px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .chart-table-wrapper .flex-sm-row a {
     margin-top: 20px;
   }
 }
 
 /*
 --- chart table end
 */
 .services-wrapper .title-wrapper {
   max-width: 768px;
   margin: 0px auto 25px;
 }
 
 .services-wrapper .title-wrapper h2::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -11px;
 }
 
 .services-wrapper .title-wrapper p {
   margin-top: 12px;
 }
 
 .services-wrapper .col-md-6 {
   margin-top: 30px;
 }
 
 .services-wrapper .services-single-item {
   border: var(--primary-border);
   padding: 40px 20px;
   border-radius: var(--primary-radius);
   -webkit-transition: var(--transition);
   transition: var(--transition);
   height: 100%;
 }
 
 .services-wrapper .services-single-item img {
   max-width: 200px;
   display: inline-block;
 }
 
 .services-wrapper .services-single-item h3 {
   margin-top: 31px;
 }
 
 .services-wrapper .services-single-item p {
   margin-top: 19px;
 }
 
 .services-wrapper .services-single-item .secondary-btn {
   margin-top: 35px;
 }
 
 .services-wrapper .services-single-item:hover {
   border-color: #6639e4;
 }
 
 @media only screen and (max-width: 991px) {
   .services-wrapper .services-single-item {
     padding: 30px 12px;
   }
   .services-wrapper .services-single-item img {
     max-width: 150px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .services-wrapper .title-wrapper h2::before {
     content: '';
     display: block;
     width: 0px;
     height: 0px;
     margin-top: -6px;
   }
   .services-wrapper .services-single-item h3 {
     margin-top: 20px;
     font-size: 20px;
   }
   .services-wrapper .services-single-item p {
     margin-top: 14px;
   }
   .services-wrapper .services-single-item .secondary-btn {
     margin-top: 25px;
   }
 }
 
 .whole-market-area {
   background-color: var(--primary-bg);
   position: relative;
   overflow: hidden;
 }
 
 .whole-market-content h5 {
   text-transform: uppercase;
   color: var(--secondary-color);
 }
 
 .whole-market-content h5::before {
   content: '';
   display: block;
   width: 0px;
   height: 0px;
   margin-top: -7px;
 }
 
 .whole-market-content h2 {
   margin-top: 13px;
 }
 
 .whole-market-content p {
   margin-top: 11px;
 }
 
 .whole-market-content ul {
   margin-top: 18px;
 }
 
 .whole-market-content ul li {
   color: var(--primary-color);
   margin-top: 17px;
 }
 
 .whole-market-content ul li:first-of-type {
   margin-top: 0px;
 }
 
 .whole-market-content ul li img {
   width: 20px;
   height: 20px;
   display: inline-block;
   margin-right: 15px;
 }
 
 .whole-market-content .primary-btn {
   margin-top: 36px;
 }
 
 .whole-market-right .whole-market-thumb {
   direction: ltr;
 }
 
 .whole-market-right .whole-market-thumb img {
   -webkit-transform: translateX(120px);
   transform: translateX(120px);
 }
 
 .footer-container {
   background-color: var(--primary-bg);
   /* padding-top: 212px; */
   padding-top: 50px;
 }
 
 .footer-links .nav-link {
   padding-left: 0px !important;
   padding-right: 30px !important;
 }
 
 .footer-links .pr-0 {
   padding-right: 0px !important;
 }
 
 .copy-wrapper {
   border-top: var(--primary-border);
   padding-top: 30px;
   padding-bottom: 30px;
   margin-top: 30px;
 }
 
 .copy-text a {
   color: var(--tertiary-color);
 }
 
 .footer-social-wrapper .social-wrapper {
   margin-top: 0px;
   text-align: left;
 }
 
 .footer-social-wrapper .social-wrapper a {
   text-decoration: none;
   display: inline-block;
   text-align: left;
   padding: 0px 5px;
 }
 
 .footer-social-wrapper .social-wrapper a img {
   border: 0px;
   width: 40px;
   height: 40px;
   display: inline-block;
 }
 
 .footer-social-wrapper .social-wrapper a:first-of-type {
   padding-left: 0px;
 }
 
 .footer-social-wrapper .social-wrapper a:last-of-type {
   padding-right: 0px;
 }
 
 @media only screen and (max-width: 1199px) {
   .footer-container {
     padding-top: 220px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .footer-container {
     padding-top: 204px;
   }
   .footer-links {
     margin-top: 20px;
   }
   .footer-links .nav-link {
     background-color: transparent !important;
   }
   .footer-links .mt-0 {
     margin-top: 0px !important;
   }
   .footer-links .mt-0 .pl-0 {
     padding-left: 0px !important;
   }
   .copy-wrapper {
     margin-top: 10px;
     padding-top: 24px;
   }
   .copy-wrapper .footer-social-wrapper {
     margin-top: 25px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .footer-container {
     padding-top: 179px;
   }
 }
 .whatsapp{
  position: fixed;
  bottom: 0;
  left: 0;
  /* margin-left: 20px;
  margin-bottom: 20px; */
 }
 .download{
  background-image: url('../img/download-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center ;
  padding: 0;
 }
 .content{
  display: flex;
  align-items: center;
  height: 100%;
 }
 .content .title{
  display: block;
  font-size: 35px;
  color: #fff;
  font-weight: 700;
 }
.tel{
  margin-top: -120px;
  float:right
 }
 .content .indir a img{
  width: 170px;
  margin:20px 15px;
 }
 @media(max-width:992px){
   .trade-banner-container{
     padding-top: 10px !important;
   }
   .title-borsa{
     font-size: 20px;
   }
   .content .title{
    font-size: 25px;
    margin-top: 20px;
   }
   .tel{
    margin-top: -0px !important;
    width: 400px !important;
    float: none !important;
   }
 }