/* font-family: 'Gilroy', 'Gilroy-Bold', sans-serif;
font-family: 'Gilroy', 'Gilroy-Heavy', sans-serif;
font-family: 'Gilroy', 'Gilroy-Light', sans-serif;
font-family: 'Gilroy', 'Gilroy-Medium', sans-serif;
font-family: 'Gilroy', 'Gilroy-Regular', sans-serif; */

:root {
  --blue-color: #2b49e2;
  --green-color: #c0e449;
  --dark-color: #020416;
  --light-color: #f1f3ff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
ul,
ol {
  list-style: none;
}
a {
  text-decoration: none;
}
@media (min-width: 1025px) {
  html {
    overflow-x: hidden;
  }
}

.new-body {
  background-color: var(--dark-color);
  color: #ebecfa;
  font-family: 'Gilroy', 'Gilroy-Regular', sans-serif;
  overflow-x: hidden;
}
.new-body.lock {
  overflow: hidden;
}
section {
  /* overflow: hidden; */
}
.new-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 100px;
}
.blog-page {
  margin-bottom: 116px;
}
.new-anim-btn {
  transition: all 0.2s linear;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border: 2px solid transparent;
}
.new-anim-btn:hover {
  border: 2px solid #91be47;
  background-color: #f1f3ff !important;
}
.new-anim-btn span {
  color: var(--dark-color);
  position: relative;
}
.new-anim-btn:hover span {
  color: var(--dark-color);
}

@media (max-width: 1440px) {
  .new-container {
    overflow-x: hidden;
  }
}
@media (max-width: 1280px) {
  .new-container {
    padding: 0 60px;
  }
}
@media (max-width: 1024px) {
  .new-container {
    padding: 0 20px;
  }
}
@media (max-width: 430px) {
  .new-container {
    padding: 0 10px;
  }
  .new-container.new-header-container {
    padding: 0 20px;
  }
}

@media (max-width: 460px) {
  main {
    margin-top: 58px !important;
  }
  .blog-page {
    margin-bottom: 60px;
  }
}