/*============================================



   Theme Name: Ironik - ICO & Crypto Landing Page Template

   Author : Themeadapt

   Support: themeadapt@gmail.com

   Description: Ironik - ICO & Crypto Landing Page Template.

   Version: 1.0



==============================================*/

/* CSS Index

==============================================



    01. Theme Default CSS

    02. Header

    03. Banner

    04. Features

    05. Marquee

    06. Choose

    07. Brand

    08. Roadmap

    09. Advisors

    10. Ticker

    11. Summary

    12. Counter

    13. Faq

    14. Blog

    15. Contact

    16. Footer



==============================================*/





/*============================================

/*  01. Theme Default CSS

==============================================*/

:root {

  --tg-body-font-family: 'Inter', serif;

  --tg-heading-font-family: 'Inter', serif;

  --tg-icon-font-family: "Font Awesome 5 Free";

  --tg-body-font-size: 16px;

  --tg-body-line-height: 1.62;

  --tg-heading-line-height: 1.2;

  --tg-body-color: #9E9E9E;

  --tg-heading-color: #ffffff;

  --tg-theme-primary: #4b59f5;

  --tg-theme-secondary: #00bbff;

  --tg-color-white-default: #ffffff;

  --tg-color-blue-default: #703bff;

  --tg-color-blue-default-2: #865FFC;

  --tg-color-dark-blue: #162561;

  --tg-color-light-blue: #3e4af1;

  --tg-color-gray-1: #777;

  --tg-color-dark: #0C0C0C;

  --tg-color-dark-2: #000000;

  --tg-color-dark-3: #262626;

  --tg-border-1: #363636;

  --tg-fw-extra-bold: 800;

  --tg-fw-bold: 700;

  --tg-fw-semi-bold: 600;

  --tg-fw-medium: 500;

  --tg-fw-regular: 400;

  --tg-fw-light: 300;

}



/*=============================

	Typography css start

===============================*/

body {

  font-family: var(--tg-body-font-family);

  font-size: var(--tg-body-font-size);

  font-weight: var(--tg-fw-regular);

  color: var(--tg-body-color);

  line-height: var(--tg-body-line-height);

  background: var(--tg-color-dark);

}



img,

.img {

  max-width: 100%;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}



a,

button {

  color: var(--tg-theme-primary);

  outline: none;

  text-decoration: none;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}



a:focus,

.btn:focus,

.button:focus {

  text-decoration: none;

  outline: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  -ms-box-shadow: none;

  -o-box-shadow: none;

  box-shadow: none;

}



a:hover,

button:hover {

  color: var(--tg-theme-primary);

  text-decoration: none;

}



button:focus,

input:focus,

input:focus,

textarea,

textarea:focus {

  outline: 0;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: var(--tg-heading-font-family);

  color: var(--tg-heading-color);

  margin-top: 0px;

  font-weight: var(--tg-fw-semi-bold);

  line-height: var(--tg-heading-line-height);

  text-transform: unset;

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

  color: inherit;

}



h1 {

  font-size: 2.5rem;

}



h2 {

  font-size: 2rem;

}



h3 {

  font-size: 1.75rem;

}



h4 {

  font-size: 1.5rem;

}



h5 {

  font-size: 1.25rem;

}



h6 {

  font-size: 1rem;

}



.list-wrap {

  margin: 0px;

  padding: 0px;

}

.list-wrap li {

  list-style: none !important;

}



p {

  margin-bottom: 15px;

}



hr {

  border-bottom: 1px solid var(--tg-common-color-gray);

  border-top: 0 none;

  margin: 30px 0;

  padding: 0;

}



label {

  color: var(--tg-heading-color);

  cursor: pointer;

  font-size: var(--tg-body-font-size);

  font-weight: var(--tg-fw-regular);

}



input[type=color] {

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  background: none;

  border: 0;

  cursor: pointer;

  height: 100%;

  width: 100%;

  padding: 0;

  border-radius: 50%;

}



*::-moz-selection {

  background: var(--tg-theme-primary);

  color: var(--tg-color-white-default);

  text-shadow: none;

}



::-moz-selection {

  background: var(--tg-theme-primary);

  color: var(--tg-color-white-default);

  text-shadow: none;

}



::selection {

  background: var(--tg-theme-primary);

  color: var(--tg-color-white-default);

  text-shadow: none;

}



/*=============================

    - Input Placeholder

===============================*/

input,

textarea {

  color: var(--tg-body-color);

}



*::-moz-placeholder {

  color: var(--tg-body-color);

  font-size: var(--tg-body-font-size);

  opacity: 1;

}



*::placeholder {

  color: var(--tg-body-color);

  font-size: var(--tg-body-font-size);

  opacity: 1;

}



/*=============================

    - Common Classes

===============================*/

.fix {

  overflow: hidden;

}



.clear {

  clear: both;

}



.section-py-120 {

  padding: 120px 0;

}

@media (max-width: 991.98px) {

  .section-py-120 {

    padding: 100px 0;

  }

}



.section-pb-120 {

  padding-bottom: 120px;

}

.section-pt-150 {

  padding-top: 150px;

}

@media (max-width: 991.98px) {

  .section-pb-120 {

    padding-bottom: 100px;

  }

  .section-pt-150 {

    padding-top: 120px;

  }

}



/*=============================

    - Bootstrap Custom

=============================*/

.container {

  padding-left: 15px;

  padding-right: 15px;

}



.row {

  --bs-gutter-x: 30px;

}



.gutter-y-30 {

  --bs-gutter-y: 30px;

}



.gx-0 {

  --bs-gutter-x: 0;

}



.gutter-20 {

  --bs-gutter-x: 20px;

}



.gutter-24 {

  --bs-gutter-x: 24px;

}



.gutter-40 {

  --bs-gutter-x: 40px;

}

@media (max-width: 1199.98px) {

  .gutter-40 {

    --bs-gutter-x: 24px;

  }

}



.gutter-50 {

  --bs-gutter-x: 50px;

}

@media (max-width: 1199.98px) {

  .gutter-50 {

    --bs-gutter-x: 24px;

  }

}



.container {

  max-width: 1330px;

}

@media (max-width: 1500px) {

  .container {

    max-width: 1330px;

  }

}

@media (max-width: 1199.98px) {

  .container {

    max-width: 960px;

  }

}

@media (max-width: 991.98px) {

  .container {

    max-width: 720px;

  }

}

@media (max-width: 767.98px) {

  .container {

    max-width: 100%;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .container {

    max-width: 540px;

  }

}



.custom-container {

  max-width: 1750px;

}

@media (max-width: 1800px) {

  .custom-container {

    max-width: 1680px;

  }

}

@media (max-width: 1500px) {

  .custom-container {

    max-width: 1320px;

  }

}

@media (max-width: 1199.98px) {

  .custom-container {

    max-width: 960px;

  }

}

@media (max-width: 991.98px) {

  .custom-container {

    max-width: 720px;

  }

}

@media (max-width: 767.98px) {

  .custom-container {

    max-width: 100%;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .custom-container {

    max-width: 540px;

  }

}



.custom-container-two {

  max-width: 1900px;

}

@media (max-width: 1800px) {

  .custom-container-two {

    max-width: 1680px;

  }

}

@media (max-width: 1500px) {

  .custom-container-two {

    max-width: 1320px;

  }

}

@media (max-width: 1199.98px) {

  .custom-container-two {

    max-width: 960px;

  }

}

@media (max-width: 991.98px) {

  .custom-container-two {

    max-width: 720px;

  }

}

@media (max-width: 767.98px) {

  .custom-container-two {

    max-width: 100%;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .custom-container-two {

    max-width: 540px;

  }

}



.custom-container-three {

  max-width: 1530px;

}

@media (max-width: 1800px) {


  .custom-container-three {

    max-width: 1530px;

  }

}

@media (max-width: 1500px) {

  .custom-container-three {

    max-width: 1320px;

  }

}

@media (max-width: 1199.98px) {

  .custom-container-three {

    max-width: 960px;

  }

}

@media (max-width: 991.98px) {

  .custom-container-three {

    max-width: 720px;

  }

}

@media (max-width: 767.98px) {

  .custom-container-three {

    max-width: 100%;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .custom-container-three {

    max-width: 540px;

  }

}



.include-bg {

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}



/*=============================

	 Button style

===============================*/

.tg-button-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}



.tg-btn {

  user-select: none;

  -moz-user-select: none;

  box-shadow: 0 -14px 48px 0 rgba(40, 51, 111, 0.69), 0 16px 24px 0 rgba(0, 0, 0, 0.25);

  background: linear-gradient(180deg, var(--tg-color-blue-default-2) 0%, var(--tg-color-dark-blue) 100%);

  color: var(--tg-color-white-default);

  cursor: pointer;

  font-size: 16px;

  font-weight: var(--tg-fw-semi-bold);

  letter-spacing: -0.02em;

  line-height: 1;

  margin-bottom: 0;

  text-align: center;

  text-transform: uppercase;

  touch-action: manipulation;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  vertical-align: middle;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  white-space: nowrap;

  overflow: hidden;

  padding: 2px 2px;

  border: none;

  position: relative;

  height: 60px;

  display: inline-flex;

}

.tg-btn .right_arrow,

.tg-btn span.right_arrow {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.tg-btn span {

  background: linear-gradient(180deg, var(--tg-color-blue-default) 0%, var(--tg-color-dark-blue) 100%);

  padding: 7px 16px 7px 12px;

  -webkit-border-radius: 14px;

  -moz-border-radius: 14px;

  -o-border-radius: 14px;

  -ms-border-radius: 14px;

  border-radius: 14px;

  gap: 20px;

  display: inline-flex;

  align-items: center;

}

.tg-btn:hover, .tg-btn:focus-visible {

  color: var(--tg-color-white-default);

  transform: translateY(-3px);

  box-shadow: none;

}



.tg-btn-two {

  background: rgba(255, 255, 255, 0.2);

}

.tg-btn-two span {

  background: var(--tg-color-dark-2);

}



/*=============================

    00. Preloader

===============================*/

#preloader {

  background-color: var(--tg-color-dark);

  height: 100%;

  width: 100%;

  position: fixed;

  margin-top: 0px;

  top: 0px;

  z-index: 9999;

  display: flex;

  align-items: center;

  justify-content: center;

}

#preloader .loader {

  width: 60px;

  display: flex;

  align-items: flex-start;

  aspect-ratio: 1;

}

#preloader .loader::before, #preloader .loader::after {

  content: "";

  flex: 1;

  aspect-ratio: 1;

  --g: conic-gradient(from -90deg at 10px 10px, #4b59f5 90deg, #0000 0);

  background: var(--g), var(--g), var(--g);

  filter: drop-shadow(30px 30px 0 #4b59f5);

  animation: l20 1s infinite;

}

#preloader .loader::after {

  transform: scaleX(-1);

}



@keyframes l20 {

  0% {

    background-position: 0 0, 10px 10px, 20px 20px;

  }

  33% {

    background-position: 10px 10px;

  }

  66% {

    background-position: 0 20px, 10px 10px, 20px 0;

  }

  100% {

    background-position: 0 0, 10px 10px, 20px 20px;

  }

}

/*=============================

    - Background color

===============================*/

.grey-bg {

  background: var(--tg-color-gray-4);

}



.grey-bg-two {

  background: var(--tg-color-gray-2);

}



.grey-bg-three {

  background: var(--tg-border-5);

}



.white-bg {

  background: var(--tg-color-white-default);

}



.black-bg {

  background: var(--tg-common-color-black);

}



/*=============================

	  OffCanvas

===============================*/

.offCanvas-toggle {

  position: relative;

  margin-right: 40px;

  padding-right: 40px;

}

@media (max-width: 991.98px) {

  .offCanvas-toggle {

    margin-right: 25px;

    padding-right: 25px;

  }

}

@media (max-width: 767.98px) {

  .offCanvas-toggle {

    display: none;

  }

}

.offCanvas-toggle::before {

  content: "";

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 1px;

  height: 60px;

  background: var(--tg-border-1);

}

.offCanvas-toggle .menu-tigger {

  color: var(--tg-heading-color);

}

.offCanvas-toggle .menu-tigger:hover {

  color: var(--tg-theme-primary);

}

.offCanvas-toggle-two {

  margin-right: 0;

  padding-right: 0;

  padding-left: 40px;

}

.offCanvas-toggle-two::before {

  right: auto;

  left: 0;

  height: 104px;

}



.offCanvas__info {

  background: var(--tg-color-white-default) none repeat scroll 0 0;

  height: 100%;

  padding: 30px;

  position: fixed;

  right: 0;

  top: 0;

  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  width: 340px;

  z-index: 999;

  overflow-y: scroll;

  -webkit-transform: translateX(100%);

  -moz-transform: translateX(100%);

  -ms-transform: translateX(100%);

  -o-transform: translateX(100%);

  transform: translateX(100%);

}

.offCanvas__info.active {

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

}

.offCanvas__info::-webkit-scrollbar {

  width: 0px;

}

.offCanvas__close-icon {

  margin-top: -16px;

  text-align: right;

}

.offCanvas__close-icon button {

  background: transparent;

  border: 0 none;

  color: var(--tg-theme-primary);

  cursor: pointer;

  font-size: 20px;

  padding: 0;

}

.offCanvas__logo img {

  max-height: 34px;

}

.offCanvas__side-info {

  border-top: 1px solid var(--tg-theme-primary);

  padding-top: 25px;

}

.offCanvas__side-info .contact-list h4 {

  color: var(--tg-heading-color);

  font-weight: 700;

  font-size: 18px;

}

.offCanvas__side-info .contact-list p {

  color: var(--tg-body-color);

  margin: 0;

  margin-bottom: 2px;

  line-height: 26px;

}

.offCanvas__social-icon a {

  color: var(--tg-theme-primary);

  display: inline-block;

  margin-right: 20px;

  text-align: center;

}

.offCanvas__social-icon a:hover {

  color: var(--tg-theme-secondary);

}

.offCanvas__overly {

  position: fixed;

  background: #000;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

.offCanvas__overly.active {

  opacity: 0.7;

  visibility: visible;

}



/*=========================

      Breadcrumb

===========================*/

.breadcrumb__area {

  position: relative;

  z-index: 1;

  padding: 220px 0 120px;

}

.breadcrumb__area.details-breadcrumb {

    padding: 200px 0 60px;

}

@media (max-width: 1199.98px) {

  .breadcrumb__area {

    padding: 160px 0 120px;

  }

  .breadcrumb__area.details-breadcrumb {

      padding: 160px 0 60px;

  }

}

@media (max-width: 991.98px) {

  .breadcrumb__area {

    padding: 140px 0 100px;

  }

  .breadcrumb__area.details-breadcrumb {

      padding: 140px 0 60px;

  }

}

@media (max-width: 767.98px) {

  .breadcrumb__area {

    padding: 120px 0 60px;

  }

  .breadcrumb__area.details-breadcrumb {

      padding: 120px 0 40px;

  }

}

.breadcrumb__bg {

  background-size: cover;

  background-position: center;

  position: absolute;

  left: 0;

  top: 15px;

  z-index: -1;

  width: 100%;

  height: 620px;

  pointer-events: none;

}

@media (max-width: 767px) {

.breadcrumb__bg {

    top: 40px;

    height: 300px;

}



}

.breadcrumb__content .sub-title {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 20px;

  line-height: 1;

  margin-bottom: 15px;

  color: var(--tg-color-white-default);

  font-weight: 600;

}

.breadcrumb__content .sub-title svg {

  color: var(--tg-theme-primary);

}

.breadcrumb__content .title {

  margin-bottom: 0;

  font-size: 64px;

  font-weight: 600;

  letter-spacing: -0.02em;

}

@media (max-width: 1199.98px) {

  .breadcrumb__content .title {

    font-size: 55px;

  }

}

@media (max-width: 991.98px) {

  .breadcrumb__content .title {

    font-size: 50px;

  }

}

@media (max-width: 767.98px) {

  .breadcrumb__content .title {

    font-size: 40px;

  }

  .details-breadcrumb .breadcrumb__content .title {

    font-size: 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .breadcrumb__content .title {

    font-size: 44px;

  }

}



/*=============================

    00. Scroll Top

===============================*/

.scroll__top {

  width: 40px;

  height: 40px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  line-height: 0;

  position: fixed;

  bottom: -10%;

  right: 50px;

  font-size: 14px;

  border-radius: 50%;

  z-index: 9;

  color: var(--tg-heading-color);

  text-align: center;

  cursor: pointer;

  background: linear-gradient(180deg, var(--tg-color-blue-default) 0%, var(--tg-color-dark-blue) 100%);

  transition: 1s ease;

  border: none;

}

@media (max-width: 1199.98px) {

  .scroll__top {

    right: 25px;

    bottom: 25px;

  }

}

@media (max-width: 991.98px) {

  .scroll__top {

    right: 30px;

  }

}

@media (max-width: 767.98px) {

  .scroll__top {

    right: 15px;

    width: 35px;

    height: 35px;

    font-size: 14px;

  }

}

.scroll__top.open {

  bottom: 30px;

}

@media (max-width: 767.98px) {

  .scroll__top.open {

    bottom: 15px;

  }

}

.scroll__top::after {

  position: absolute;

  z-index: -1;

  content: "";

  top: 100%;

  left: 5%;

  height: 10px;

  width: 90%;

  opacity: 1;

  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

}

.scroll__top:hover {

  color: var(--tg-color-white-default);

}



/*=============================

	00. Section Title

===============================*/

.section__title .sub-title {

  text-transform: uppercase;

  line-height: 1;

  letter-spacing: -0.02em;

  display: inline-flex;

  align-items: center;

  font-size: 16px;

  font-weight: 600;

  gap: 15px;

  margin-bottom: 10px;

  color: var(--tg-color-white-default);

}

.section__title .sub-title svg {

  color: var(--tg-theme-primary);

}

.section__title .sub-title.white-title svg {

  color: var(--tg-color-white-default);

}

.section__title .title {

  font-size: 48px;

  margin: 0 0;

  font-weight: 600;

  letter-spacing: -0.02em;

}

@media (max-width: 1500px) {

  .section__title .title {

    font-size: 45px;

  }

}

@media (max-width: 1199.98px) {

  .section__title .title {

    font-size: 42px;

  }

}

@media (max-width: 767.98px) {

  .section__title .title {

    font-size: 36px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .section__title .title {

    font-size: 36px;

  }

}



@media (max-width: 991.98px) {

  .section__title.mb-70,

  .section__title.mb-60 {

    margin-bottom: 40px;

  }

}



/*=============================

	    Mobile Menu

===============================*/

.tgmobile__search {

  padding: 0 20px 25px 25px;

}

.tgmobile__search form {

  position: relative;

}

.tgmobile__search input {

  display: block;

  width: 100%;

  border: none;

  padding: 10px 45px 10px 20px;

  font-size: 15px;

  height: 45px;

  background: transparent;

  color: var(--tg-heading-color);

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -o-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.tgmobile__search input::placeholder {

  font-size: 15px;

  color: var(--tg-body-color);

}

.tgmobile__search button {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  border: none;

  padding: 0;

  right: 20px;

  line-height: 1;

  background: transparent;

  color: var(--tg-heading-color);

}

.tgmobile__menu {

  position: fixed;

  right: 0;

  top: 0;

  width: 300px;

  padding-right: 30px;

  max-width: 100%;

  height: 100%;

  z-index: 9999;

  border-radius: 0px;

  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) e;

  -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -webkit-transform: translateX(101%);

  -moz-transform: translateX(101%);

  -ms-transform: translateX(101%);

  -o-transform: translateX(101%);

  transform: translateX(101%);

}

.tgmobile__menu .navbar-collapse {

  display: block !important;

}

.tgmobile__menu .nav-logo {

  position: relative;

  padding: 30px 25px;

  text-align: left;

}

.tgmobile__menu .nav-logo img {

  height: 40px;

}

.tgmobile__menu .navigation {

  position: relative;

  display: block;

  width: 100%;

  float: none;

  margin: 0;

  padding: 0;

}

.tgmobile__menu .navigation li {

  position: relative;

  display: block;

  border-top: 1px solid rgba(255, 255, 255, 0.1);

}

.tgmobile__menu .navigation li.active > a {

  color: var(--tg-theme-primary);

}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn {

  position: absolute;

  right: 20px;

  top: 6px;

  width: 32px;

  height: 32px;

  text-align: center;

  font-size: 16px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--tg-heading-color);

  background: var(--tg-theme-primary);

  cursor: pointer;

  border-radius: 5px;

  -webkit-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

  z-index: 5;

}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line {

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%) rotate(0);

  -ms-transform: translate(-50%, -50%) rotate(0);

  transform: translate(-50%, -50%) rotate(0);

  border-radius: 10px;

  width: 12px;

  height: 2px;

  background-color: var(--tg-color-white-default);

  -webkit-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%) rotate(0);

  -ms-transform: translate(-50%, -50%) rotate(0);

  transform: translate(-50%, -50%) rotate(0);

  border-radius: 10px;

  width: 2px;

  height: 12px;

  background-color: var(--tg-color-white-default);

  -webkit-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open {

  background-color: var(--tg-theme-primary);

}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line {

  background-color: var(--tg-color-white-default);

}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line::after {

  display: none;

}

.tgmobile__menu .navigation li > a {

  position: relative;

  display: block;

  padding: 10px 60px 10px 25px;

  font-size: 15px;

  font-weight: 600;

  color: var(--tg-heading-color);

  text-transform: uppercase;

  -webkit-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

  border: none;

  letter-spacing: 0;

}

.tgmobile__menu .navigation li > a::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 0;

  -webkit-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

  width: 2px;

  background: var(--tg-theme-primary);

  pointer-events: none;

}

.tgmobile__menu .navigation li ul li > a {

  margin-left: 20px;

}

.tgmobile__menu .navigation li ul li ul li a {

  margin-left: 40px;

}

.tgmobile__menu .navigation li ul li ul li ul li a {

  margin-left: 60px;

}

.tgmobile__menu .navigation li > ul {

  display: none;

}

.tgmobile__menu .navigation li > ul > li > ul {

  display: none;

}

.tgmobile__menu .navigation ul {

  padding: 0;

  margin: 0;

}

.tgmobile__menu .navigation ul li a {

  display: block;

}

.tgmobile__menu .navigation ul li ul li > a {

  font-size: 16px;

  margin-left: 20px;

  text-transform: capitalize;

}

.tgmobile__menu .navigation:last-child {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.tgmobile__menu .navigation > li > ul > li:first-child {

  border-top: 1px solid rgba(255, 255, 255, 0.1);

}

.tgmobile__menu .navigation > li.active > a::before {

  height: 100%;

}

.tgmobile__menu .close-btn {

  position: absolute;

  right: 15px;

  top: 28px;

  line-height: 30px;

  width: 35px;

  text-align: center;

  font-size: 14px;

  color: var(--tg-theme-primary);

  cursor: pointer;

  padding: 8px;

  z-index: 10;

  -webkit-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.tgmobile__menu .close-btn i[class^=tg-icon-]:before {

  font-weight: var(--tg-fw-bold) !important;

}

.tgmobile__menu-backdrop {

  position: fixed;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 999;

  transition: all 700ms ease;

  -moz-transition: all 700ms ease;

  -webkit-transition: all 700ms ease;

  -ms-transition: all 700ms ease;

  -o-transition: all 700ms ease;

  opacity: 0;

  visibility: hidden;

  background: rgba(0, 0, 0, 0.5);

}

.tgmobile__menu .social-links ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  position: relative;

  text-align: center;

  padding: 30px 20px 20px;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

}

.tgmobile__menu .social-links ul li {

  position: relative;

  display: inline-block;

  margin: 0px 6px 10px;

}

.tgmobile__menu .social-links ul li a {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 40px;

  height: 40px;

  position: relative;

  line-height: 32px;

  font-size: 16px;

  color: var(--tg-theme-primary);

  -webkit-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

  border: 1px solid rgba(255, 255, 255, 0.1);

  border-radius: 5px;

}

.tgmobile__menu .social-links ul li a:hover {

  border-color: var(--tg-theme-primary);

  background: var(--tg-theme-primary);

  color: var(--tg-color-white-default);

}

.tgmobile__menu .tgmenu__action {

  padding: 0 0;

  margin: 0 0;

}

.tgmobile__menu .tgmenu__action > ul {

  margin: 0 0;

  padding: 30px 20px 0;

  justify-content: center;

  gap: 0 15px;

}

.tgmobile__menu .tgmenu__action > ul li {

  margin: 0 0;

}

.tgmobile__menu .tgmenu__action > ul .header-btn {

  display: block;

}

.tgmobile__menu-box {

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  max-height: 100%;

  overflow-y: auto;

  overflow-x: hidden;

  background: var(--tg-color-dark);

  padding: 0px 0px;

  z-index: 5;

  box-shadow: -9px 0 14px 0px rgba(0, 0, 0, 0.06);

}

.tgmobile__menu-outer .mobile-nav-toggler {

  position: relative;

  float: right;

  font-size: 40px;

  line-height: 50px;

  cursor: pointer;

  display: none;

  color: var(--tg-color-white-default);

  margin-right: 30px;

  top: 15px;

}



.mobile-menu-visible {

  overflow: hidden;

}

.mobile-menu-visible .tgmobile__menu {

  -webkit-transform: translateX(0%);

  -moz-transform: translateX(0%);

  -ms-transform: translateX(0%);

  -o-transform: translateX(0%);

  transform: translateX(0%);

}

.mobile-menu-visible .tgmobile__menu-backdrop {

  opacity: 1;

  visibility: visible;

}

.mobile-menu-visible .tgmobile__menu .close-btn {

  -webkit-transform: rotate(360deg);

  -moz-transform: rotate(360deg);

  -ms-transform: rotate(360deg);

  -o-transform: rotate(360deg);

  transform: rotate(360deg);

}



/*=============================

    00. Keyframe Animation

===============================*/

@-webkit-keyframes hoverShine {

  100% {

    left: 125%;

  }

}

@keyframes hoverShine {

  100% {

    left: 125%;

  }

}

.rotateme {

  -webkit-animation-name: rotateme;

  animation-name: rotateme;

  -webkit-animation-duration: 180s;

  animation-duration: 180s;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

}



@keyframes rotateme {

  from {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-webkit-keyframes rotateme {

  from {

    -webkit-transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

  }

}

.alltuchtopdown {

  -webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;

  animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;

  animation-duration: 3s;

}



@keyframes alltuchtopdown {

  0% {

    -webkit-transform: rotateX(0deg) translateY(0px);

    -moz-transform: rotateX(0deg) translateY(0px);

    -ms-transform: rotateX(0deg) translateY(0px);

    -o-transform: rotateX(0deg) translateY(0px);

    transform: rotateX(0deg) translateY(0px);

  }

  50% {

    -webkit-transform: rotateX(0deg) translateY(-20px);

    -moz-transform: rotateX(0deg) translateY(-20px);

    -ms-transform: rotateX(0deg) translateY(-20px);

    -o-transform: rotateX(0deg) translateY(-20px);

    transform: rotateX(0deg) translateY(-20px);

  }

  100% {

    -webkit-transform: rotateX(0deg) translateY(0px);

    -moz-transform: rotateX(0deg) translateY(0px);

    -ms-transform: rotateX(0deg) translateY(0px);

    -o-transform: rotateX(0deg) translateY(0px);

    transform: rotateX(0deg) translateY(0px);

  }

}

@-webkit-keyframes alltuchtopdown {

  0% {

    -webkit-transform: rotateX(0deg) translateY(0px);

    -moz-transform: rotateX(0deg) translateY(0px);

    -ms-transform: rotateX(0deg) translateY(0px);

    -o-transform: rotateX(0deg) translateY(0px);

    transform: rotateX(0deg) translateY(0px);

  }

  50% {

    -webkit-transform: rotateX(0deg) translateY(-20px);

    -moz-transform: rotateX(0deg) translateY(-20px);

    -ms-transform: rotateX(0deg) translateY(-20px);

    -o-transform: rotateX(0deg) translateY(-20px);

    transform: rotateX(0deg) translateY(-20px);

  }

  100% {

    -webkit-transform: rotateX(0deg) translateY(0px);

    -moz-transform: rotateX(0deg) translateY(0px);

    -ms-transform: rotateX(0deg) translateY(0px);

    -o-transform: rotateX(0deg) translateY(0px);

    transform: rotateX(0deg) translateY(0px);

  }

}

.img-custom-anim-left {

  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;

  opacity: 0;

}



@keyframes img-anim-left {

  0% {

    transform: translateX(-5%);

    clip-path: inset(0 100% 0 0);

    opacity: 0;

  }

  100% {

    transform: translateX(0);

    clip-path: inset(0 0 0 0);

    opacity: 1;

  }

}

.img-custom-anim-right {

  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;

  opacity: 0;

}



@keyframes img-anim-right {

  0% {

    transform: translateX(5%);

    clip-path: inset(0 0 0 100%);

    opacity: 0;

  }

  100% {

    transform: translateX(0);

    clip-path: inset(0 0 0 0);

    opacity: 1;

  }

}

.img-custom-anim-top {

  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);

  opacity: 0;

}



@keyframes img-anim-top {

  0% {

    transform: translateY(-5%);

    clip-path: inset(0 0 100% 0);

    opacity: 0;

  }

  100% {

    transform: translateY(0);

    clip-path: inset(0 0 0 0);

    opacity: 1;

  }

}

@keyframes fadeInUp2 {

  0% {

    opacity: 0;

    -webkit-transform: translateY(20px);

    -ms-transform: translateY(20px);

    transform: translateY(20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.fadeInUp2 {

  -webkit-animation-name: fadeInUp2;

  animation-name: fadeInUp2;

  -webkit-animation-delay: 0.5s;

  animation-delay: 0.5s;

  -webkit-animation-duration: 0.5s;

  animation-duration: 0.5s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



@keyframes fadeRight2 {

  0% {

    opacity: 0;

    -webkit-transform: translateX(100px);

    -ms-transform: translateX(100px);

    transform: translateX(100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.fadeRight2 {

  -webkit-animation-name: fadeRight2;

  animation-name: fadeRight2;

  -webkit-animation-delay: 0.5s;

  animation-delay: 0.5s;

  -webkit-animation-duration: 0.5s;

  animation-duration: 0.5s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



@keyframes pulse-border {

  0% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }

  100% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}

@-webkit-keyframes pulse-border {

  0% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }

  100% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}

/*=============================

	00. Search

===============================*/

.search__popup {

  padding-top: 70px;

  padding-bottom: 100px;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  background: var(--tg-color-white-default);

  backdrop-filter: blur(10px);

  z-index: 99;

  -webkit-transform: translateY(calc(-100% - 80px));

  -moz-transform: translateY(calc(-100% - 80px));

  -ms-transform: translateY(calc(-100% - 80px));

  -o-transform: translateY(calc(-100% - 80px));

  transform: translateY(calc(-100% - 80px));

  -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;

  -moz-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;

  transition-delay: 0.5s;

}

.search__popup.search-opened {

  -webkit-transform: translateY(0%);

  -moz-transform: translateY(0%);

  -ms-transform: translateY(0%);

  -o-transform: translateY(0%);

  transform: translateY(0%);

  transition-delay: 0s;

  z-index: 99999999;

}

.search__popup.search-opened .search__input {

  -webkit-transform: translateY(0px);

  -moz-transform: translateY(0px);

  -ms-transform: translateY(0px);

  -o-transform: translateY(0px);

  transform: translateY(0px);

  opacity: 1;

  transition-delay: 0.3s;

}

.search__popup.search-opened .search__input::after {

  width: 100%;

  transition-delay: 0.5s;

}

.search__input {

  position: relative;

  height: 80px;

  -webkit-transform: translateY(-40px);

  -moz-transform: translateY(-40px);

  -ms-transform: translateY(-40px);

  -o-transform: translateY(-40px);

  transform: translateY(-40px);

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  transition-delay: 0.5s;

  opacity: 0;

}

.search__input::after {

  position: absolute;

  content: "";

  left: 0;

  bottom: 0;

  width: 0%;

  height: 1px;

  background-color: var(--tg-theme-primary);

  transition-delay: 0.3s;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

.search__input input {

  width: 100%;

  height: 100%;

  background-color: transparent;

  border: 0;

  outline: 0;

  font-size: 24px;

  color: var(--tg-heading-color);

  border-bottom: 1px solid transparent;

  padding: 0;

  padding-right: 30px;

}

.search__input input::placeholder {

  font-size: 24px;

}

.search__input button {

  position: absolute;

  top: 50%;

  right: 0;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  font-size: 18px;

  color: var(--tg-theme-primary);

  border: none;

  padding: 0 0;

  background: transparent;

}

.search__close {

  position: absolute;

  top: 10%;

  right: 2%;

  z-index: 2;

}

.search-close-btn {

  margin: 0;

  padding: 0;

  border: none;

  color: var(--tg-theme-primary);

  cursor: pointer;

  background: transparent;

}

.search-popup-overlay {

  position: fixed;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 4;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  transition-delay: 0.5s;

  opacity: 0;

  visibility: hidden;

  background: #000d25;

}

.search-popup-overlay.search-popup-overlay-open {

  opacity: 0.55;

  visibility: visible;

  transition-delay: 0s;

}



.search-input-field ~ .search-focus-border {

  position: absolute;

  bottom: 0;

  left: auto;

  right: 0;

  width: 0;

  height: 1px;

  background-color: var(--tg-theme-primary);

  transition: all 0.5s;

}

.search-input-field:focus ~ .search-focus-border {

  width: 100%;

  left: 0;

  right: auto;

  transition: all 0.5s;

}



/*=============================

    	02. Header

===============================*/

.transparent-header {

  position: absolute;

  left: 0;

  top: 0px;

  width: 100%;

  z-index: 9;

  height: auto;

}

@media (max-width: 767.98px) {

  .transparent-header {

    top: 0;

  }

}



.tg-header__area {

  padding: 15px 0;

}

.tg-header__top {

  background-color: var(--tg-color-dark);

  padding: 7px 0;

}

@media (max-width: 991.98px) {

  .tg-header__top-menu {

    display: none;

  }

}

.tg-header__top-menu .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 20px;

}

.tg-header__top-menu .list-wrap li a {

  color: var(--tg-color-white-default);

  text-transform: uppercase;

  font-size: 12px;

  position: relative;

  font-weight: 600;

}

.tg-header__top-menu .list-wrap li a::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  background: var(--tg-color-white-default);

  -webkit-transform-origin: right top;

  -ms-transform-origin: right top;

  transform-origin: right top;

  -webkit-transform: scale(0, 1);

  -ms-transform: scale(0, 1);

  transform: scale(0, 1);

  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);

  transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);

}

.tg-header__top-menu .list-wrap li a:hover::before {

  -webkit-transform-origin: left top;

  -ms-transform-origin: left top;

  transform-origin: left top;

  -webkit-transform: scale(1, 1);

  -ms-transform: scale(1, 1);

  transform: scale(1, 1);

}

.tg-header__top-delivery p {

  margin-bottom: 0;

  text-align: center;

  color: var(--tg-color-white-default);

  font-weight: 500;

  font-size: 14px;

}

@media (max-width: 991.98px) {

  .tg-header__top-social {

    display: none;

  }

}

.tg-header__top-social .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 20px;

}

.tg-header__top-social .list-wrap li a {

  font-size: 12px;

  font-weight: 600;

  color: var(--tg-color-white-default);

  position: relative;

}

.tg-header__top-social .list-wrap li a::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  background: var(--tg-color-white-default);

  -webkit-transform-origin: right top;

  -ms-transform-origin: right top;

  transform-origin: right top;

  -webkit-transform: scale(0, 1);

  -ms-transform: scale(0, 1);

  transform: scale(0, 1);

  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);

  transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);

}

.tg-header__top-social .list-wrap li a:hover::before {

  -webkit-transform-origin: left top;

  -ms-transform-origin: left top;

  transform-origin: left top;

  -webkit-transform: scale(1, 1);

  -ms-transform: scale(1, 1);

  transform: scale(1, 1);

}

@media (max-width: 1199.98px) {

  .tg-header__area {

    padding: 20px 0;

  }

}

.tg-header__area .mobile-nav-toggler {

  position: relative;

  font-size: 24px;

  cursor: pointer;

  line-height: 1;

  color: var(--tg-color-white-default);

  display: none;

}

@media (max-width: 1199.98px) {

  .tg-header__area .mobile-nav-toggler {

    display: block;

  }

}

.tg-header__area.sticky-menu {

  padding: 0 0;

}

@media (max-width: 1199.98px) {

  .tg-header__area.sticky-menu {

    padding: 12px 0;

  }

}



.tgmenu__nav {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: flex-start;

}

@media (max-width: 1199.98px) {

  .tgmenu__nav {

    justify-content: space-between;

  }

}

.tgmenu__nav .logo img {

  max-height: 45px;

}

.tgmenu__navbar-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-grow: 1;

}

.tgmenu__navbar-wrap ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  padding: 0;

  flex-direction: row;

  flex-wrap: wrap;

  margin: 0 auto;

}

.tgmenu__navbar-wrap ul li {

  display: block;

  position: relative;

  list-style: none;

}

.tgmenu__navbar-wrap ul li a {

  font-size: 16px;

  font-weight: var(--tg-fw-semi-bold);

  text-transform: uppercase;

  color: var(--tg-heading-color);

  padding: 40px 20px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  line-height: 1.3;

  position: relative;

  z-index: 1;

  letter-spacing: -0.02em;

}

@media (max-width: 1500px) {

  .tgmenu__navbar-wrap ul li a {

    padding: 42px 18px;

  }

}

.tgmenu__navbar-wrap ul li .sub-menu {

    position: absolute;

    left: 0;

    top: 100%;

    min-width: 240px;

    border: 1px solid rgba(255, 255, 255, 0.05);

    background: var(--tg-color-dark);

    margin: 0;

    -webkit-transform: scale(1, 0);

    -moz-transform: scale(1, 0);

    -ms-transform: scale(1, 0);

    -o-transform: scale(1, 0);

    transform: scale(1, 0);

    transform-origin: 0 0;

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

    box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.30);

    border-radius: 10px;

    padding: 18px 0;

    display: block;

    visibility: hidden;

    opacity: 0;

    z-index: 9;

}

.tgmenu__navbar-wrap ul li .sub-menu.sub-menu-right {

  right: 0;

  left: auto;

}

.tgmenu__navbar-wrap ul li .sub-menu .sub-menu {

  right: auto;

  left: 100%;

  top: 0;

}

.tgmenu__navbar-wrap ul li .sub-menu li {

  margin-left: 0;

  text-align: left;

  display: block;

}

.tgmenu__navbar-wrap ul li .sub-menu li a {

  padding: 8px 15px 8px 25px;

  display: block;

  color: var(--tg-heading-color);

  font-size: 16px;

  text-transform: uppercase;

  letter-spacing: 0;

}

.tgmenu__navbar-wrap ul li .sub-menu li:hover > a, .tgmenu__navbar-wrap ul li .sub-menu li.active > a {

  color: var(--tg-theme-primary);

}

.tgmenu__navbar-wrap ul li .sub-menu li:hover > a {

  -webkit-transform: translateX(2px);

  -moz-transform: translateX(2px);

  -ms-transform: translateX(2px);

  -o-transform: translateX(2px);

  transform: translateX(2px);

}

.tgmenu__navbar-wrap ul li:hover > .sub-menu {

  opacity: 1;

  visibility: visible;

  transform: scale(1);

}

.tgmenu__navbar-wrap > ul > li.active a, .tgmenu__navbar-wrap > ul > li:hover a {

  color: var(--tg-theme-primary);

}

.tgmenu__main-menu li.menu-item-has-children .dropdown-btn {

  display: none;

}

.tgmenu__search {

  margin-inline-end: 25px;

}

@media (max-width: 1199.98px) {

  .tgmenu__search {

    margin-left: auto;

  }

}

.tgmenu__search-form {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  width: 535px;

  border-radius: 100px;

  border: 1px solid #D3D2DF;

}

@media (max-width: 1800px) {

  .tgmenu__search-form {

    width: 485px;

  }

}

@media (max-width: 1500px) {

  .tgmenu__search-form {

    width: 380px;

  }

}

@media (max-width: 1199.98px) {

  .tgmenu__search-form {

    width: 500px;

  }

}

@media (max-width: 991.98px) {

  .tgmenu__search-form {

    width: auto;

  }

}

.tgmenu__search-form .select-grp {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  background: transparent;

  border: none;

  padding: 12px 0 12px 17px;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  width: 153px;

  flex: 0 0 auto;

  position: relative;

}

.tgmenu__search-form .select-grp::after {

  content: "";

  position: absolute;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 1px;

  height: 20px;

  background: #BDBABB;

}

@media (max-width: 991.98px) {

  .tgmenu__search-form .select-grp::after {

    display: none;

  }

}

.tgmenu__search-form .select-grp svg {

  width: 16px;

  height: 16px;

  flex: 0 0 auto;

}

.tgmenu__search-form .select-grp path {

  fill: var(--tg-theme-primary);

}

.tgmenu__search-form .form-select {

  outline: none;

  box-shadow: none;

  border: none;

  padding-left: 8px;

  color: var(--tg-heading-color);

  font-family: var(--tg-heading-font-family);

  font-size: 14px;

}

.tgmenu__search-form .input-grp {

  position: relative;

  flex-grow: 1;

  margin-left: -1px;

}

@media (max-width: 991.98px) {

  .tgmenu__search-form .input-grp {

    display: none;

  }

}

.tgmenu__search-form input {

  display: block;

  width: 100%;

  background: transparent;

  border: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  padding: 12px 50px 10px 20px;

  height: 50px;

  font-size: 15px;

  font-family: var(--tg-heading-font-family);

}

.tgmenu__search-form input::placeholder {

  color: #8D9DB5;

  font-size: 14px;

}

.tgmenu__search-form [type=submit] {

  position: absolute;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  right: 4px;

  width: 44px;

  height: 44px;

  border: none;

  padding: 0 0;

  background: var(--tg-theme-primary);

  font-size: 20px;

  color: var(--tg-color-white-default);

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

.tgmenu__search-form [type=submit]:hover {

  background: var(--tg-theme-secondary);

  color: var(--tg-heading-color);

}

.tgmenu__search-bar {

  flex-grow: 1;

}

@media (max-width: 1500px) {

  .tgmenu__search-bar {

    max-width: 240px;

  }

}

@media (max-width: 1199.98px) {

  .tgmenu__search-bar {

    max-width: 100%;

  }

}

@media (max-width: 991.98px) {

  .tgmenu__search-bar {

    display: none;

  }

}

.tgmenu__search-bar form {

  position: relative;

}

.tgmenu__search-bar form input {

  display: block;

  width: 100%;

  background: var(--tg-color-white-default);

  border: 1px solid var(--tg-border-2);

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  -o-border-radius: 50px;

  -ms-border-radius: 50px;

  border-radius: 50px;

  padding: 12px 50px 10px 20px;

  height: 45px;

  font-size: 15px;

  font-family: var(--tg-heading-font-family);

}

.tgmenu__search-bar form input::placeholder {

  color: #8D9DB5;

  font-size: 14px;

}

.tgmenu__search-bar form [type=submit] {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%) rotate(-90deg);

  -moz-transform: translateY(-50%) rotate(-90deg);

  -ms-transform: translateY(-50%) rotate(-90deg);

  -o-transform: translateY(-50%) rotate(-90deg);

  transform: translateY(-50%) rotate(-90deg);

  right: 10px;

  border: none;

  padding: 0 0;

  background: transparent;

  font-size: 24px;

  color: #8D9DB5;

}

.tgmenu__search-bar form [type=submit]:hover {

  color: var(--tg-theme-primary);

}

@media (max-width: 1199.98px) {

  .tgmenu__action {

    margin: 0 30px 0 auto;

  }

}

@media (max-width: 767.98px) {

  .tgmenu__action {

    display: none;

  }

}

.tgmenu__action > ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 8px;

}

.tgmenu__action > ul li {

  position: relative;

  margin-left: 30px;

  flex: 0 0 auto;

}

@media (max-width: 991.98px) {

  .tgmenu__action > ul li {

    margin-left: 20px;

  }

}

.tgmenu__action > ul li.header-search a {

  font-size: 18px;

  color: var(--tg-color-dark);

  line-height: 0;

}

.tgmenu__action > ul li.header-search a:hover {

  color: var(--tg-theme-primary);

}

.tgmenu__action > ul li.header-search-two a {

  color: var(--tg-color-white-default);

}

.tgmenu__action > ul li .cart-count {

  color: var(--tg-color-dark);

  font-size: 20px;

  line-height: 0;

  margin: 0;

  position: relative;

}

.tgmenu__action > ul li .cart-count span {

  position: absolute;

  bottom: -4px;

  right: -11px;

  width: 20px;

  height: 20px;

  font-size: 12px;

  font-weight: 500;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background: var(--tg-theme-primary);

  color: var(--tg-color-white-default);

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  z-index: 1;

}

.tgmenu__action > ul li .cart-count:hover {

  color: var(--tg-theme-primary);

}

.tgmenu__action > ul li .cart-count-two {

  color: var(--tg-color-white-default);

}

.tgmenu__action > ul li.header-btn {

  margin-left: 50px;

}

@media (max-width: 1199.98px) {

  .tgmenu__action > ul li.header-btn {

    margin-left: 40px;

  }

}

@media (max-width: 991.98px) {

  .tgmenu__action > ul li.header-btn {

    margin-left: 30px;

  }

}

.tgmenu__action > ul li.header-btn-three .btn {

  color: var(--tg-theme-secondary);

}

.tgmenu__action > ul li.header-btn-three .btn:hover {

  color: var(--tg-color-white-default);

}

.tgmenu__action > ul li:first-child {

  margin-left: 0;

}

@media (max-width: 1500px) {

  .tgmenu__action > ul li.free-btn {

    display: none;

  }

}

.tgmenu__action > ul li.login-btn {

  padding: 0 0;

  margin-inline-start: 15px;

}

@media (max-width: 1199.98px) {

  .tgmenu__action > ul li.login-btn {

    display: none;

  }

}

.tgmenu__action > ul li.login-btn a {

  display: block;

  border-radius: 50px;

  padding: 12px 26px;

  border: 1px solid rgba(6, 35, 91, 0.19);

  background: var(--tg-theme-secondary);

  font-size: 15px;

  color: var(--tg-heading-color);

  font-weight: 600;

  line-height: 18px;

}

.tgmenu__action > ul li.login-btn a:hover {

  background: var(--tg-theme-primary);

  color: var(--tg-color-white-default);

}



.sticky-menu {

  position: fixed;

  left: 0;

  margin: auto;

  top: 0;

  width: 100%;

  z-index: 99;

  background: var(--tg-color-dark);

  -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;

  animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;

  -webkit-box-shadow: 0 -14px 48px 0 rgba(40, 51, 111, 0.69), 0 16px 24px 0 rgba(0, 0, 0, 0.25);

  box-shadow: 0 -14px 48px 0 rgba(40, 51, 111, 0.69), 0 16px 24px 0 rgba(0, 0, 0, 0.25);

  border-radius: 0;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.sticky-menu ul li .sub-menu {

  -webkit-border-radius: 0 0 10px 10px;

  -moz-border-radius: 0 0 10px 10px;

  -o-border-radius: 0 0 10px 10px;

  -ms-border-radius: 0 0 10px 10px;

  border-radius: 0 0 10px 10px;

}



#header-fixed-height.active-height {

  display: block;

  height: 90px;

}



/*=============================

    	03. Banner

===============================*/

.banner__area {

  padding: 135px 0 200px;

}

@media (max-width: 1500px) {

  .banner__area {

    padding: 100px 0 170px;

  }

}

@media (max-width: 1199.98px) {

  .banner__area {

    padding: 60px 0 130px;

  }

}

@media (max-width: 991.98px) {

  .banner__area {

    padding: 50px 0 100px;

  }

}

@media (max-width: 991.98px) {

  .banner__img {

    margin-bottom: 50px;

  }

}

.banner__content {

  width: 90%;

}

@media (max-width: 1199.98px) {

  .banner__content {

    width: 100%;

  }

}

@media (max-width: 991.98px) {

  .banner__content {

    text-align: center;

  }

}

.banner__content .sub-title {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 15px;

  line-height: 1;

  text-transform: uppercase;

  font-weight: 600;

  margin-bottom: 10px;

  color: var(--tg-color-white-default);

}

@media (max-width: 991.98px) {

  .banner__content .sub-title {

    justify-content: center;

  }

}

.banner__content .sub-title svg {

  color: var(--tg-theme-primary);

}

.banner__content .title {

  margin-bottom: 60px;

  font-size: 80px;

  letter-spacing: -0.02em;

}

@media (max-width: 1199.98px) {

  .banner__content .title {

    margin-bottom: 40px;

    font-size: 65px;

  }

}

@media (max-width: 991.98px) {

  .banner__content .title {

    margin-bottom: 35px;

    font-size: 60px;

  }

}

@media (max-width: 767.98px) {

  .banner__content .title {

    font-size: 50px;

  }

}

.banner__content .title span {

  background: linear-gradient(270deg, var(--tg-color-white-default) 0%, var(--tg-color-gray-1) 100%);

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.banner__btn {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 20px;

  flex-wrap: wrap;

}

@media (max-width: 991.98px) {

  .banner__btn {

    justify-content: center;

  }

}



.area__bg {

  background-size: cover;

  background-position: center;

  padding-top: 120px;

}

@media (max-width: 767.98px) {

  .area__bg {

    padding-top: 80px;

  }

}



/*=============================

    	04. Features

===============================*/

.features__area {

  padding: 0 0 130px;

}

@media (max-width: 991.98px) {

  .features__area {

    padding: 0 0 100px;

  }

}



.token__wrap {

  background: var(--tg-color-dark);

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -o-border-radius: 20px;

  -ms-border-radius: 20px;

  border-radius: 20px;

  padding: 60px 60px;

  position: relative;

  z-index: 1;

}

@media (max-width: 1500px) {

  .token__wrap {

    padding: 60px 50px;

  }

}

@media (max-width: 1199.98px) {

  .token__wrap {

    padding: 40px 30px;

  }

}

@media (max-width: 991.98px) {

  .token__wrap {

    margin-bottom: 30px;

  }

}

.token__wrap > .title {

  margin-bottom: 30px;

  font-size: 32px;

}

@media (max-width: 767.98px) {

  .token__wrap > .title {

    font-size: 28px;

  }

}

.token__btn {

  text-align: center;

}

.token__sales-info {

  background: var(--tg-color-dark);

  padding: 60px 60px 70px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -o-border-radius: 20px;

  -ms-border-radius: 20px;

  border-radius: 20px;

}

@media (max-width: 1500px) {

  .token__sales-info {

    padding: 60px 50px 70px;

  }

}

@media (max-width: 1199.98px) {

  .token__sales-info {

    padding: 40px 30px 40px;

  }

}

.token__sales-info .title {

  margin-bottom: 52px;

  font-size: 32px;

  letter-spacing: -0.02em;

}

@media (max-width: 1199.98px) {

  .token__sales-info .title {

    margin-bottom: 42px;

  }

}

@media (max-width: 767.98px) {

  .token__sales-info .title {

    font-size: 28px;

  }

}

.token__sales-info .list-wrap li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  letter-spacing: -0.02em;

  text-transform: uppercase;

  color: var(--tg-color-white-default);

  font-size: 16px;

  font-weight: 600;

  gap: 5px;

  justify-content: space-between;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  padding-bottom: 18px;

  margin-bottom: 18px;

}

.token__sales-info .list-wrap li:last-child {

  margin-bottom: 0;

}

.token__sales-info .list-wrap li span {

  font-weight: 400;

  color: var(--tg-body-color);

}

.token__sales-info .list-wrap li.payment-method {

  color: var(--tg-theme-secondary);

}

.token__sales-info .list-wrap li.payment-method span {

  color: var(--tg-color-white-default);

}



.coin__progress-title {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 20px;

}

.coin__progress-title li {

  letter-spacing: -0.02em;

  text-transform: uppercase;

  color: var(--tg-color-white-default);

  font-weight: 600;

}

.coin__progress-title li span {

  color: var(--tg-body-color);

  display: block;

  font-weight: 400;

}

.coin__progress-title li:last-child {

  text-align: right;

}

.coin__progress-wrap {

  margin-bottom: 50px;

}

.coin__progress-wrap .progress {

  width: 100%;

  height: 4px;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -o-border-radius: 0px;

  -ms-border-radius: 0px;

  border-radius: 0px;

  overflow: visible;

  background: var(--tg-color-dark-3);

}

.coin__progress-wrap .progress .progress-bar {

  background: linear-gradient(90deg, var(--tg-color-blue-default-2) 0%, var(--tg-color-light-blue) 100%);

  position: relative;

  overflow: visible;

}

.coin__progress-wrap .progress .progress-bar::after {

  content: "";

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 4px;

  height: 12px;

  background: var(--tg-color-light-blue);

}

.coin__progress-cap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-around;

  margin-top: 25px;

}

.coin__progress-cap li {

  letter-spacing: -0.02em;

  text-transform: uppercase;

  color: var(--tg-theme-secondary);

  text-align: center;

  font-weight: 600;

  position: relative;

}

.coin__progress-cap li::before {

  content: "";

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  top: -25px;

  width: 2px;

  height: 16px;

  background: var(--tg-color-dark-3);

  z-index: -1;

}

.coin__progress-cap li span {

  display: block;

  color: var(--tg-body-color);

  font-weight: 400;

}



.countdown__wrap {

  margin-bottom: 50px;

}

.countdown__wrap .title {

  margin-bottom: 40px;

  text-align: center;

  font-size: 20px;

}

.countdown__wrap .coming-time {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 20px;

  flex-wrap: wrap;

}

.countdown__wrap .time-count {

  text-align: center;

  font-size: 20px;

  font-weight: 400;

  color: var(--tg-body-color);

  text-transform: capitalize;

}

.countdown__wrap .time-count span {

  width: 100px;

  height: 100px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background: linear-gradient(180deg, #323232 0%, rgba(12, 12, 12, 0) 100%);

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  border: 1px solid var(--tg-border-1);

  font-size: 40px;

  line-height: 1;

  font-weight: 600;

  letter-spacing: -0.03em;

  color: var(--tg-color-white-default);

  margin-bottom: 8px;

}

@media (max-width: 1199.98px) {

  .countdown__wrap .time-count span {

    width: 80px;

    height: 80px;

    font-size: 34px;

  }

}



/*=============================

    	05. Marquee

===============================*/

.marquee__area {

  padding: 0 0 60px;

}

@media (max-width: 767.98px) {

  .marquee__area {

    padding: 0;

  }

}

.marquee-wrap {

  position: relative;

  z-index: 1;

}

.marquee__item {

  margin-right: 20px;

  display: inline;

  line-height: 1;

  font-size: 80px;

  letter-spacing: -0.02em;

  line-height: 1;

}

@media (max-width: 1199.98px) {

  .marquee__item {

    font-size: 70px;

  }

}

@media (max-width: 991.98px) {

  .marquee__item {

    font-size: 60px;

  }

}

@media (max-width: 767.98px) {

  .marquee__item {

    font-size: 45px;

  }

}



/*=============================

    	05. Choose

===============================*/

.area__bg-two {

  background-size: cover;

  background-position: center;

}



.choose__area {

  padding: 120px 0 120px;

}

@media (max-width: 991.98px) {

  .choose__area {

    padding: 80px 0 100px;

  }

}

.choose__item {

  backdrop-filter: blur(40px);

  background: rgba(217, 217, 217, 0.01);

  border: 1px solid rgba(255, 255, 255, 0.1);

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  padding: 60px 35px 60px;

}

@media (max-width: 1199.98px) {

  .choose__item {

    padding: 45px 22px 45px;

  }

}

.choose__item:hover .choose__icon {

  transform: translateY(5px);

}

.choose__icon {

  margin-bottom: 50px;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

.choose__content .title {

  margin-bottom: 20px;

  letter-spacing: -0.02em;

  font-size: 24px;

}

.choose__content p {

  margin-bottom: 0;

}



/*=============================

    	05. Marquee

===============================*/

.brand__inner-wrap {

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  padding: 120px 0 120px;

}

@media (max-width: 991.98px) {

  .brand__inner-wrap {

    padding: 100px 0 100px;

  }

}

.brand-title {

  text-align: center;

  margin-bottom: 60px;

  color: var(--tg-theme-secondary);

  text-transform: uppercase;

}

.brand__item {

  min-height: 30px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

}

.brand__item img {

  cursor: pointer;

}



/*=============================

    	07. RoadMap

===============================*/

.roadMap__area {

  position: relative;

  z-index: 1;

  padding: 120px 0;

}

@media (max-width: 991.98px) {

  .roadMap__area {

    padding: 100px 0;

  }

}

.roadMap__content-wrap {

  position: relative;

  z-index: 1;

}

.roadMap__item {

  width: 50%;

  margin-left: auto;

  padding-left: 50px;

  position: relative;

  margin-bottom: 10px;

}

.roadMap__item::before {

  content: "";

  position: absolute;

  left: 1px;

  top: 50%;

  transform: translateY(-50%);

  width: 18px;

  height: 2px;

  background: #252525;

  z-index: -2;

}

.roadMap__item .date {

  letter-spacing: -0.02em;

  text-transform: uppercase;

  display: block;

  margin-bottom: 10px;

}

.roadMap__item .title {

  margin-bottom: 0;

  letter-spacing: -0.02em;

  font-size: 20px;

  line-height: 1.5;

}

@media (max-width: 1199.98px) {

  .roadMap__item .title {

    font-size: 18px;

  }

}

.roadMap__item:nth-child(odd) {

  margin-left: 0;

  padding-right: 50px;

  padding-left: 0;

  text-align: right;

}

.roadMap__item:nth-child(odd)::before {

  left: auto;

  right: 1px;

}

.roadMap__item:last-child {

  margin-bottom: 0;

}

.roadMap__item-wrap {

  position: relative;

  z-index: 1;

  margin-left: 100px;

}

@media (max-width: 1199.98px) {

  .roadMap__item-wrap {

    margin-left: 0;

  }

}

@media (max-width: 991.98px) {

  .roadMap__item-wrap {

    margin-top: 50px;

  }

}

.roadMap__line {

  width: 4px;

  height: 100%;

  background: #262626;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  top: 0;

  z-index: -1;

}

.roadMap__line .progress-line {

  width: 100%;

  height: 40%;

  background: linear-gradient(var(--tg-color-blue-default-2) 0%, var(--tg-color-light-blue) 100%);

  position: absolute;

  left: 0;

  top: 0;

}

.roadMap__shape img {

  position: absolute;

  z-index: -1;

  right: -18%;

  top: 12%;

}

@media (max-width: 991.98px) {

  .roadMap__shape img {

    right: 0%;

    top: 18%;

  }

}



/*=============================

    	08. Advisors

===============================*/

.advisors__area {

  padding: 120px 0;

}

@media (max-width: 991.98px) {

  .advisors__area {

    padding: 100px 0;

  }

}

.advisors__item:hover .advisors__thumb img {

  transform: scale(1.1);

}

.advisors__thumb {

  margin-bottom: 40px;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  overflow: hidden;

}

@media (max-width: 1199.98px) {

  .advisors__thumb {

    margin-bottom: 25px;

  }

}

.advisors__thumb img {

  width: 100%;

}

.advisors__content {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: space-between;

  align-items: flex-end;

}

.advisors__content-left span {

  display: block;

  letter-spacing: -0.02em;

  text-transform: uppercase;

  line-height: 1;

  margin-bottom: 15px;

}

.advisors__content-left .title {

  margin-bottom: 0;

  font-size: 24px;

  letter-spacing: -0.02em;

}

.advisors__social {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 20px;

  margin-bottom: 5px;

}



.area__bg-three {

  background-size: cover;

  background-position: top;

}



/*=============================

    	09. Ticker

===============================*/

.ticker__area {

  padding: 0 0 120px;

}

@media (max-width: 991.98px) {

  .ticker__area {

    padding: 0 0 100px;

  }

}



.ticker__item {

  border-radius: 10px;

  border: 1px solid rgba(255, 255, 255, 0.1);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  padding: 14px 14px 14px 14px;

  gap: 20px;

  width: 300px;

  justify-content: space-between;

  position: relative;

  z-index: 1;

}

.ticker__item::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: radial-gradient(51.38% 57.58% at 50% 56.03%, rgb(0, 0, 0) 82.2011113167%, rgb(82, 82, 82) 100%);

  opacity: 0.15;

  z-index: -1;

}

.ticker__item-left {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 10px;

}

.ticker__item-left img {

  width: 30px;

  height: 30px;

  object-fit: cover;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -o-border-radius: 30px;

  -ms-border-radius: 30px;

  border-radius: 30px;

  flex: 0 0 auto;

}

.ticker__item-left span {

  font-size: 16px;

  color: var(--tg-color-white-default);

  letter-spacing: -0.02em;

  font-weight: 600;

  display: block;

}

.ticker__item .price {

  display: block;

  letter-spacing: -0.02em;

  font-weight: 600;

  color: var(--tg-theme-secondary);

}



.swiper-wrapper {

  transition-timing-function: linear;

}



[dir=rtl] .ticker__item {

  flex-direction: row-reverse;

  text-align: left;

}

[dir=rtl] .ticker__item-left {

  flex-direction: row-reverse;

}

[dir=rtl] .ticker__item .price {

  direction: ltr;

}



.slide-transition {

  -webkit-transition-timing-function: linear;

  transition-timing-function: linear;

}



.ticker-active .swiper-slide {

  width: auto !important;

}



/*=============================

    	10. Summary

===============================*/

.summary__area {


  position: relative;

  z-index: 1;

  background: linear-gradient(180deg, #000 0%, #202020 66.5%, #0c0c0c 100%);

}

.summary__img {

  text-align: center;

}

@media (max-width: 991.98px) {

  .summary__img {

    margin-bottom: 50px;

  }

}



.progress__item {

  margin-bottom: 30px;

}

.progress__item:last-child {

  margin-bottom: 0;

}

.progress__item .progress {

  height: 4px;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  background: transparent;

}

.progress__item .progress-bar {

  background: linear-gradient(90deg, var(--tg-color-blue-default-2) 0%, var(--tg-color-light-blue) 100%);

}

.progress__title {

  font-size: 20px;

  font-weight: 400;

  margin-bottom: 15px;

}

.progress__title span {

  color: var(--tg-theme-secondary);

  font-weight: 600;

}



#particles-js {

  position: absolute;

  height: 95%;

  width: 750px;

  background-color: transparent;

  background-image: url("");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  z-index: -1;

  object-fit: cover;

  left: -50px;

  top: 0;

}

@media (max-width: 1500px) {

  #particles-js {

    width: 660px;

  }

}

@media (max-width: 1199.98px) {

  #particles-js {

    width: 530px;

  }

}

@media (max-width: 991.98px) {

  #particles-js {

    width: 80%;

    height: 52%;

  }

}

@media (max-width: 767.98px) {

  #particles-js {

    width: 100%;

  }

}



.section-divider span {

  display: block;

  height: 1px;

  background: linear-gradient(180deg, #000 0%, #202020 66.5%, #0c0c0c 100%);

}



/*=============================

    	11. Counter

===============================*/

.counter__item {

  border: 1px solid rgba(255, 255, 255, 0.1);

  text-align: center;

  padding: 60px 30px;

}

@media (max-width: 991.98px) {

  .counter__item {

    border-right: 1px solid rgba(255, 255, 255, 0.1);

    border-bottom: none;

  }

}

.counter__item .title {

  display: block;

  text-transform: uppercase;

  color: var(--tg-theme-secondary);

  font-size: 16px;

  margin-bottom: 55px;

}

.counter__item .count {

  margin-bottom: 18px;

  font-size: 80px;

  font-weight: 600;

  line-height: 0.8;

  letter-spacing: -0.02em;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

}

@media (max-width: 1199.98px) {

  .counter__item .count {

    font-size: 70px;

  }

}

.counter__item p {

  margin-bottom: 0;

  font-weight: 600;

  font-size: 16px;

  text-transform: uppercase;

}

.counter__item-wrap {

  margin-bottom: 50px;

}

.counter__item-wrap .row > *:last-child .counter__item {

  border-right: 1px solid rgba(255, 255, 255, 0.1);

}

@media (max-width: 991.98px) {

  .counter__item-wrap .row > *:last-child .counter__item {

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  }

}



/*=============================

    	12. Faq

===============================*/

.faq__content {

  width: 78%;

}

@media (max-width: 1199.98px) {

  .faq__content {

    width: 100%;

  }

}

@media (max-width: 991.98px) {

  .faq__content {

    margin-bottom: 50px;

  }

}

.faq__content p {

  margin-bottom: 60px;

}

@media (max-width: 991.98px) {

  .faq__content p {

    margin-bottom: 40px;

  }

}

.faq__wrap .accordion-item {

  background: transparent;

  border: none;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  border-radius: 0;

}

.faq__wrap .accordion-item:first-child {

  border-top: 1px solid rgba(255, 255, 255, 0.1);

}

.faq__wrap .accordion-button {

  font-weight: 600;

  font-size: 20px;

  letter-spacing: -0.02em;

  background: transparent;

  color: var(--tg-color-white-default);

  padding: 30px 0 30px 68px;

  border: none;

  box-shadow: none;

  position: relative;

}

.faq__wrap .accordion-button:focus {

  outline: none;

}

.faq__wrap .accordion-button::after {

  content: "";

  position: absolute;

  left: 0;

  top: 20px;

  border: 1px solid rgba(255, 255, 255, 0.1);

  background-image: none;

  width: 48px;

  height: 48px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

.faq__wrap .accordion-button::before {

  content: "\f067";

  font-family: var(--tg-icon-font-family);

  font-weight: 700;

  font-size: 14px;

  box-shadow: inset 0 3px 6px 0 #1959ad, 0 16px 24px 0 rgba(0, 0, 0, 0.25), 0 4px 4px 0 rgba(0, 0, 0, 0.25);

  background: linear-gradient(180deg, #703bff 0%, #162561 100%);

  width: 40px;

  height: 40px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  position: absolute;

  left: 4px;

  top: 24px;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

.faq__wrap .accordion-button:not(.collapsed)::before {

  transform: rotate(45deg);

}

.faq__wrap .accordion-body {

  padding: 0 0 40px 68px;

}

.faq__wrap .accordion-body p {

  margin-bottom: 0;

  color: var(--tg-body-color);

}



.download__icon {

  position: relative;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  display: block;

}

.download__icon .icon {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 32px;

}

.download__icon .icon-shape {

  width: 88px;

  height: 88px;

}

.download__icon:hover {

  transform: translateY(-5px);

}

.download__icon-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 20px;

  flex-wrap: wrap;

}



/*=============================

    	13. Contact

===============================*/

.contact__inner-wrap {

  background: linear-gradient(180deg, #703bff 0%, #162561 100%);

  -webkit-border-radius: 15px;

  -moz-border-radius: 15px;

  -o-border-radius: 15px;

  -ms-border-radius: 15px;

  border-radius: 15px;

  padding: 120px 50px;

  position: relative;

  z-index: 1;

}

@media (max-width: 991.98px) {

  .contact__inner-wrap {

    padding: 90px 50px;

  }

}

@media (max-width: 767.98px) {

  .contact__inner-wrap {

    padding: 90px 30px;

  }

}

.contact__form .form-grp {

  margin-bottom: 30px;

}

.contact__form .form-grp label {

  display: block;

  font-weight: 600;

  font-size: 16px;

  text-transform: capitalize;

  line-height: 1;

  margin-bottom: 15px;

}

.contact__form .form-grp textarea, .contact__form .form-grp input {

  width: 100%;

  background: rgba(255, 255, 255, 0.06);

  border: 1px solid transparent;

  -webkit-border-radius: 15px;

  -moz-border-radius: 15px;

  -o-border-radius: 15px;

  -ms-border-radius: 15px;

  border-radius: 15px;

  padding: 16px 20px;

  font-size: 16px;

  font-weight: 400;

  color: var(--tg-color-white-default);

  height: 60px;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  display: block;

}

.contact__form .form-grp textarea::placeholder, .contact__form .form-grp input::placeholder {

  color: var(--tg-body-color);

}

.contact__form .form-grp textarea:focus, .contact__form .form-grp input:focus {

  border-color: var(--tg-theme-secondary);

}

.contact__form .form-grp textarea {

  min-height: 150px;

  max-height: 150px;

}

.contact__shape-wrap img {

  position: absolute;

  z-index: -1;

}

@media (max-width: 767.98px) {

  .contact__shape-wrap img {

    display: none;

  }

}

.contact__shape-wrap img:nth-child(1) {

  left: -90px;

  top: 80px;

  max-width: 270px;

}

@media (max-width: 1500px) {

  .contact__shape-wrap img:nth-child(1) {

    left: -30px;

    top: 50px;

    max-width: 175px;

  }

}

@media (max-width: 991.98px) {

  .contact__shape-wrap img:nth-child(1) {

    left: -40px;

    top: 23px;

    max-width: 110px;

  }

}

.contact__shape-wrap img:nth-child(2) {

  right: -50px;

  bottom: 80px;

  max-width: 255px;

}

@media (max-width: 1500px) {

  .contact__shape-wrap img:nth-child(2) {

    right: -30px;

    bottom: 70px;

    max-width: 190px;

  }

}

@media (max-width: 991.98px) {

  .contact__shape-wrap img:nth-child(2) {

    bottom: 45px;

    max-width: 120px;

  }

}



.ajax-response.error, .ajax-response.success {

  margin: 20px 0 0 !important;

}

.ajax-response.error {

  color: red;

}

.ajax-response.success {

  color: var(--tg-color-white-default);

}



/*=============================

    	09. Blog

===============================*/

.blog__post-area {

  position: relative;

  z-index: 1;

}

.blog__post-item {

  margin-bottom: 60px;

}

.blog__post-thumb {

  margin-bottom: 35px;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  overflow: hidden;

}

@media (max-width: 767px) {

  .blog__post-thumb {

    -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

    margin-bottom: 25px;

  }



}

.blog__post-thumb img {

  width: 100%;

}

.blog__post-content .blog-meta ul {

  gap: 16px;

  margin-bottom: 15px;

}

.blog__post-content .blog-meta ul li {

    display: block;

    align-items: center;

    text-transform: uppercase;

    color: var(--tg-theme-secondary);

    font-weight: 500;

    line-height: 1;

}

.blog__post-content .blog-meta ul li i {

  margin-right: 8px;

}

.blog__post-content .blog-meta ul li a {

  color: var(--tg-body-color);

}

.blog__post-content .blog-meta ul li a img {

  border-radius: 50%;

  width: 40px;

  flex: 0 0 auto;

  margin-right: 16px;

}

.blog__post-content .blog-meta ul li a:hover {

  color: var(--tg-primary-color);

}

.blog__post-content .blog-meta ul li.blog-author a {

  color: var(--tg-theme-secondary);

}

.blog__post-content .admin {

  display: block;

  font-weight: 500;

  text-transform: uppercase;

  line-height: 1;

  color: var(--tg-theme-secondary);

  margin-bottom: 20px;

}

.blog__post-content .title {

  margin-bottom: 0;

  font-weight: 600;

  font-size: 24px;

  letter-spacing: -0.02em;

  line-height: 1.4;

  color: var(--tg-color-white-default);

}

@media (max-width: 1199.98px) {

  .blog__post-content .title {

    font-size: 22px;

  }

}

.blog__post-content .title a {

  display: inline;

  background-image: linear-gradient(var(--tg-color-white-default), var(--tg-color-white-default)), linear-gradient(var(--tg-color-white-default), var(--tg-color-white-default));

  background-size: 0% 2px, 0 2px;

  background-position: 100% 100%, 0 100%;

  background-repeat: no-repeat;

  transition: background-size 0.4s linear;

}

.blog__post-content .title a:hover {

  color: inherit;

  background-size: 0 2px, 100% 2px;

}

.blog__post-content .post-text {

  margin-top: 12px;

}

.blog__post-content .post-text p {

  margin-bottom: 0;

}

.blog__details-area {

  position: relative;

  z-index: 1;

}

.blog__details-thumb {

    margin-bottom: 30px;

    --bs-aspect-ratio: 50%;

    position: relative;

    overflow: hidden;

}

.blog__details-thumb::before {

    content: "";

    display: block;

    padding-top: var(--bs-aspect-ratio);

}

.blog__details-thumb-wrap {

  margin-bottom: 50px;

}

@media (max-width: 991.98px) {

  .blog__details-thumb-wrap {

    margin-bottom: 30px;

  }

}

.blog__details-thumb img {

    -webkit-border-radius: 16px;

    -moz-border-radius: 16px;

    -o-border-radius: 16px;

    -ms-border-radius: 16px;

    border-radius: 16px;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100% !important;

    object-fit: cover;

}

@media (max-width: 991.98px) {

.blog__details-thumb img {

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    -o-border-radius: 8px;

    -ms-border-radius: 8px;

    border-radius: 8px;

}



}

.blog__details-content .blog-meta ul {

  gap: 16px;

  margin-bottom: 20px;

}

.blog__details-content .blog-meta ul li {

    display: block;

    align-items: center;

    text-transform: uppercase;

    color: var(--tg-theme-secondary);

    font-weight: 500;

    line-height: 1;

}

.blog__details-content .blog-meta ul li i {

  margin-right: 8px;

}

.blog__details-content .blog-meta ul li a {

  color: var(--tg-body-color);

}

.blog__details-content .blog-meta ul li a img {

  border-radius: 50%;

  width: 40px;

  flex: 0 0 auto;

  margin-right: 16px;

}

.blog__details-content .blog-meta ul li a:hover {

  color: var(--tg-primary-color);

}

.blog__details-content .blog-meta ul li.blog-author a {

  color: var(--tg-theme-secondary);

}

.blog__details-content .dates {

  display: block;

  font-weight: 500;

  text-transform: uppercase;

  color: var(--tg-theme-secondary);

  line-height: 1;

  margin-bottom: 20px;

}

.blog__details-content .title {

  margin-bottom: 20px;

  font-weight: 600;

  font-size: 40px;

  letter-spacing: -0.02em;

}

@media (max-width: 767.98px) {

  .blog__details-content .title {

    font-size: 36px;

  }

}

.blog__details-inner-wrap {

  margin: 80px 0 80px;

}

@media (max-width: 1199.98px) {

  .blog__details-inner-wrap {

    margin: 60px 0 60px;

  }

}

@media (max-width: 991.98px) {

  .blog__details-inner-thumb {

    margin-bottom: 40px;

  }

}

.blog__details-inner-thumb img {

  -webkit-border-radius: 16px !important;

  -moz-border-radius: 16px !important;

  -o-border-radius: 16px !important;

  -ms-border-radius: 16px !important;

  border-radius: 16px !important;

}

@media (max-width: 991.98px) {

  .blog__details-inner-thumb img {

    width: 100%;

  }

}

.blog__details-inner-content .title-two {

  margin-bottom: 40px;

  font-weight: 600;

  font-size: 32px;

}

@media (max-width: 1199.98px) {

  .blog__details-inner-content .title-two {

    margin-bottom: 30px;

  }

}

.blog__details-inner-content .list-wrap li {

  border-bottom: 1px solid #242424;

  padding-bottom: 26px;

  margin-bottom: 26px;

}

@media (max-width: 1199.98px) {

  .blog__details-inner-content .list-wrap li {

    padding-bottom: 20px;

    margin-bottom: 20px;

  }

}

.blog__details-inner-content .list-wrap li:last-child {

  margin-bottom: 0;

}



.read-more-btn {

    margin: 20px 0 0;

}

.read-more-btn a {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: #fff;

}

.read-more-btn a:hover {

    color: var(--tg-theme-secondary);

}



blockquote {

  position: relative;

  padding: 2px 25px 2px 25px;

  margin-bottom: 40px;

  margin-top: 40px;

}

@media (max-width: 767.98px) {

  blockquote {

    padding: 2px 10px 2px 25px;

  }

}

blockquote::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 2px;

  height: 100%;

  background: linear-gradient(180deg, #703bff 0%, #162561 100%);

}

blockquote > p {

  margin-bottom: 10px !important;

  font-size: 16px;

  line-height: 1.6;

  color: var(--tg-color-white-default);

}

blockquote cite {

  font-style: normal;

  color: var(--tg-theme-secondary);

  line-height: 1;

}



.shine__animate-link {

  display: block;

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.shine__animate-link::before {

  position: absolute;

  top: 0;

  left: -100%;

  display: block;

  content: "";

  width: 50%;

  height: 100%;

  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);

  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));

  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);

  -webkit-transform: skewX(-25deg);

  -ms-transform: skewX(-25deg);

  transform: skewX(-25deg);

}

.shine__animate-item:hover .shine__animate-link::before {

  -webkit-animation: hoverShine 1.2s;

  animation: hoverShine 1.2s;

}



.blog-sidebar {

  margin-left: 20px;

}

@media (max-width: 1199.98px) {

  .blog-sidebar {

    margin-left: 0px;

  }

}

@media (max-width: 991.98px) {

  .blog-sidebar {

    margin-top: 120px;

  }

}

@media (max-width: 767.98px) {

  .blog-sidebar {

    margin-top: 100px;

  }

}

.comment-form-comment label[for="comment"] {

    display: block;

    margin-bottom: .25em;

}

.blog-widget {

  margin-bottom: 50px;

  border-radius: 15px;

  border: 1px solid rgba(255, 255, 255, 0.1);

  padding: 40px 30px;

}



.blog-widget:last-child {

  margin-bottom: 0;

}



.sidebar-search-form form {

  position: relative;

}



.sidebar-search-form form input {

  width: 100%;

  font-size: 18px;

  line-height: 1;

  height: 60px;

  color: var(--tg-color-white-default);

  border-radius: 5px;

  border-image: initial;

  padding: 18px 55px 18px 30px;

  border: none;

  background: rgba(255, 255, 255, 0.07);

}



.sidebar-search-form form button {

  position: absolute;

  right: 20px;

  top: 50%;

  transform: translateY(-50%);

  font-size: 18px;

  line-height: 1;

  color: var(--tg-paragraph-color);

  border-width: initial;

  border-style: none;

  border-color: initial;

  border-image: initial;

  background: transparent;

  padding: 0px;

}



.widget-title {

  font-size: 22px;

  text-transform: capitalize;

  letter-spacing: 0px;

  font-weight: 700;

  font-family: var(--tg-heading-font-family);

  color: var(--tg-color-white-default);

  position: relative;

  line-height: 1.2;

  margin: 0px 0px 25px;

}



.comments-box {

  display: flex;

  align-items: flex-start;

  margin-bottom: 50px;

}



.comments-avatar {

  width: 70px;

  flex: 0 0 auto;

  margin-right: 30px;

}



.comments-text .avatar-name {

  margin-bottom: 20px;

}



.comments-text .avatar-name .name {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 5px;

  font-size: 18px;

}



.comment-text .avatar-name .name .comment-reply-link {

  font-size: 12px;

  background: var(--tg-secondary-color);

  border: 1px solid rgba(43, 44, 56, 0.46);

  display: block;

  color: var(--tg-paragraph-color);

  border-radius: 15px;

  padding: 7px 18px;

}



.comment-text .avatar-name .name .comment-reply-link:hover {

  background: var(--tg-color-white-default);

  color: var(--tg-secondary-color);

  border-color: var(--tg-color-white-default);

}



.comments-text .avatar-name .date {

  font-size: 14px;

  display: block;

  line-height: 1;

}



.comments-text p {

  margin-bottom: 0;

}



.latest-comments .children {

  margin: 0 0 0 100px;

}



.comment-respond {

  border: 1px solid rgba(43, 44, 56, 0.46);

  border-radius: 30px;

  padding: 45px 50px 50px;

  background: var(--tg-secondary-color);

}

@media (max-width: 992px) {

.comment-respond {

    border-radius: 20px;

    padding: 45px 40px 50px;

}



}

@media (max-width: 767px) {

.comment-respond {

    border-radius: 10px;

    padding: 35px 20px 20px;

}



}

.comment-reply-title {

  font-size: 28px;

  margin-bottom: 20px;

  letter-spacing: -0.84px;

}

.comment-notes {

  margin-bottom: 35px;

}

.comment-form .form-grp {

  margin-bottom: 20px;

}

.comment-form .form-grp label {

  display: block;

  font-size: 18px;

  font-weight: 700;

  color: var(--tg-color-white-default);

  line-height: 1;

  font-family: var(--tg-heading-font-family);

  margin-bottom: 20px;

}



.comment-form .form-grp textarea,

.comment-form .form-grp input {

    width: 100%;

    border: none;

    border-radius: 8px;

    background: rgba(255, 255, 255, 0.07);

    padding: 14px 20px;

    font-size: 16px;

    color: var(--tg-color-white-default);

    height: 55px;

    display: block;

}



.comment-form .form-grp input::placeholder,

.comment-form .form-grp textarea::placeholder {

  color: #AAABB2;

}



.comment-form .form-grp textarea {

  max-height: 155px;

  min-height: 155px;

}



.comment-form .checkbox-grp {

  display: flex;

  align-items: center;

  margin: 40px 0;

}



.comment-form .checkbox-grp input {

  width: 16px;

  margin-right: 9px;

  height: 16px;

  cursor: pointer;

  background: transparent;

  padding: 0;

  border-radius: 2px;

  border: 1px solid #92939E;

  flex: 0 0 auto;

}



.comment-form .checkbox-grp input:focus {

  box-shadow: none;

}



.comment-form .checkbox-grp label {

  font-weight: 400;

  font-size: 14px;

  color: var(--tg-paragraph-color);

  user-select: none;

  margin-bottom: 0;

}



.comment-form .btn:hover {

  background: var(--tg-primary-color);

}



.comments-avatar img {

  border-radius: 50%;

}



.blog-post-comment .tg-btn {

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0 32px;

}



.blog__details-content .blog-meta ul li a:hover {

  color: var(--tg-primary-color);

}



.blog-details-bottom {

  padding: 30px 0;

  border-top: 1px solid #242424;

  border-bottom: 1px solid #242424;

  margin: 30px 0 0;

  clear: both;

  overflow: hidden;

}



.tg-post-tag {

  display: flex;

  align-items: flex-start;

}



.tg-post-tag ul {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 10px;

}



.blog-details-social .social-title,

.tg-post-tag .tag-title {

  font-size: 16px;

  color: var(--tg-heading-font-color);

  margin-right: 20px;

  margin-top: 5px;

  margin-bottom: 5px;

  flex: 0 0 auto;

}



.tg-post-tag ul li {

  list-style: none !important;

  margin-bottom: 0 !important;

}



.tg-post-tag ul li a {

  font-weight: 500;

  text-transform: capitalize;

  color: var(--tg-body-font-color);

  display: block;

  padding: 6px 18px 8px 18px;

  border: 1px solid rgba(43, 44, 56, 0.46);

  background: rgba(255, 255, 255, 0.1);

  border-radius: 4px;

  line-height: 1.2;

}



.tg-post-tag ul li a:hover {

  background: var(--tg-primary-color);

  border-color: var(--tg-primary-color);

  color: #fff;

}



.blog-details-social {

  display: flex;

  align-items: center;

  justify-content: flex-end;

}



.blog-details-social .list-wrap {

  display: flex;

  align-items: center;

  gap: 15px;

}



.blog-details-social .list-wrap li a {

  font-size: 15px;

  color: var(--tg-body-font-color);

}



.blog-details-social .list-wrap li a svg {

  display: block;

}



.blog-details-social .list-wrap li a:hover {

  color: var(--tg-white) !important;

}



.post-tags .list-wrap {

  display: flex;

  align-items: center;

  gap: 10px;

  flex-wrap: wrap;

}



.post-tags .list-wrap li a {

  color: rgba(146, 147, 158, 0.5);

  font-size: 14px;

  letter-spacing: 0.7px;

  border: 1px solid rgba(43, 44, 56, 0.46);

  display: block;

  padding: 7px 18px;

  line-height: 1;

  border-radius: 3px;

}



.post-tags .list-wrap li a:hover {

  background: var(--tg-white);

  color: var(--tg-secondary-color);

  border-color: var(--tg-white);

}



.blog-post-share .list-wrap {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 10px;

}



.blog-post-share .list-wrap li a {

  width: 30px;

  height: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  border: 2px solid #292A37;

  font-size: 12px;

  color: var(--tg-white);

}



.blog-post-share .list-wrap li a:hover {

  background: var(--tg-white);

  color: var(--tg-secondary-color);

  border-color: var(--tg-white);

}



.blog-post-comment {

  margin-top: 60px;

}



/*=============================

    	14. Footer

===============================*/

.footer__area {

  padding: 30px 0;

}

.footer__area-two {

  padding: 0;

}

.footer__inner-wrap {

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  padding: 30px 0;

}

.footer__view-channel {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 20px;

}

@media (max-width: 767.98px) {

  .footer__view-channel {

    justify-content: center;

  }

}

.footer__view-channel > span {

  color: var(--tg-theme-secondary);

  text-transform: uppercase;

}



@media (max-width: 767.98px) {

  .copyright-text {

    text-align: center;

    margin-bottom: 20px;

  }

}

.copyright-text p {

  margin-bottom: 0;

  font-weight: 400;

  font-size: 14px;

  color: var(--tg-color-white-default);

}

.copyright-text p a {

  font-weight: 600;

  color: var(--tg-theme-secondary);

}



.footer-widget {

  margin-bottom: 50px;

}



.footer-widget .fw-title {

  margin-bottom: 25px;

  font-size: 18px;

  text-transform: capitalize;

}