@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

@font-face {
  font-family: "Drugs";
  src: local("Drugs"),
       url("../fonts/TTDrugs-Light.ttf") format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: "Drugs";
  src: url("../fonts/TTDrugs-Regular.ttf") format('truetype');
  font-weight: 500;
}

@font-face {
  font-family: "Drugs";
  src: url("../fonts/TTDrugs-Bold.ttf") format('truetype');
  font-weight: 700;
}
* {
  margin: 0;
  padding: 0;
}

html,
body {
  width: 100%;
  height: 100%;
  font-size: 16px;
}

body {
  font-family: Drugs,  serif;
}

body::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url("../images/img/background/btn-simple-v2-hover.webp")
    url("../images/img/background/btn-v2-hover-small.webp")
    url("../images/img/background/btn-v2-hover.webp")
    url("../img/background/btn2-v2-hover.webp");
}

.header {
  background-image: url("../images/img/background/header-background.webp");
  width: 100%;
  max-height: 38rem;
  height: 100%;
  color: #fff;
  padding-bottom: 4.8rem;

}

.header,
.navbar {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.navbar {
  display: flex;
  width: 100%;
  min-height: 6.25rem;
  background-image: url("../images/img/background/nav-back.webp"),
    url("../img/background/nav-back2.webp");
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
}

.wrapper,
.navbar__container {
  margin: 0 auto;
  max-width: 74.375rem;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 0.625rem;
  box-sizing: border-box;
}

.wrapper {
  flex-direction: column;
}

.navbar__container {
  justify-content: space-between;
}
@media (min-width: 992px) {
.flex-lg-row {
    flex-direction: row !important;
}
}
.container {
  width: 100%;
  display: flex;
  position: relative;
  box-sizing: border-box;
}

.container_md {
  max-width: 29rem;
  width: 100%;
}

.container_sm {
  max-width: 22rem;
  width: 100%;
}

.container_column {
  flex-direction: column;
  gap: 1.875rem;
}

.flex-wrap {
  flex-wrap: wrap;
}

.ai-center {
  align-items: center;
}

.jc-sb {
  justify-content: space-between;
}

.mt-sm {
  margin-top: 0.8rem;
}

.mt-md {
  margin-top: 2.5rem;
}

.mt-large {
  margin-top: 3.8rem;
}

.ml-sm {
  margin-left: 4.7%;
}

.ml-large {
  margin-left: 24%;
}

.logo {
  width: 10.75rem;
  height: 4rem;
}

.text-container {
  max-width: 19rem;
  font-size: 18px;
}

.full-height {
  height: 100%;
}

.rhombus {
  width: 1.416rem;
  height: 1.416rem;
  align-self: flex-start;
}

.rhombus__container {
  gap: 0.7rem;
}

.polygon-img {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
}

.polygon-img-small {
  display: none;
}

.button-icon {
  height: 1.25rem;
  width: 1.25rem;
}

.polygon-img-large {
  width: 22rem;
  height: 35.25rem;
  margin-top: -0.2rem;
}

.main-heading {
  text-align: center;
  font-size: 6.25rem;
  font-weight: 100;
  text-transform: uppercase;
  margin-top: 6.438rem;
  height: max-content;
}

.sub-heading {
  text-align: center;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.h3 {
  color: #353535;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.p {
  color: #353535;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.bullets {
  flex-direction: column;
  gap: 1.25rem;
}
.bullets_text-container {
  align-self: flex-end;
  font-size: 18px;
}

.bullet_small {
  max-width: 1.563rem;
}

.bullet_medium {
  max-width: 1.813rem;
}

.central-bullet-text {
  margin-left: -4px;
}

.bullet-container {
  gap: 0.7rem;
}

.h-line {
  display: none;
}

.slider {
  width: 100%;
  height: fit-content;
  margin-top: 4.875rem;
  background: url("../images/img/background/slider-back.svg") no-repeat center;
  background-size: cover;
  padding: 8.188rem 0;
  color: #fff;
}

.slider .container_sm {
  min-width: 23.125rem;
  line-height: normal;
  letter-spacing: 0;
}

.headers-h-line {
  display: block;
  border: none;
  max-width: 49.375rem;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #c9f 0%, #ffc 49.48%, #9ff 100%);
}

.steps .headers-h-line {
  max-width: 58.25rem;
}

.steps {
  padding-top: 7.23rem;
}

.h2 {
  font-size: 2.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.slider h3 {
  color: #ffffff;
}

.gap-xsm {
  gap: 0.5rem;
}

.gap-sm {
  gap: 1.25rem;
}

.gap-md {
  gap: 1.875rem;
}

.gap-large {
  gap: 6.5rem;
}

.slider__button-prev,
.slider__button-next {
  scale: 1.54;
  position: absolute;
}

.slider__button-prev {
  margin-left: 4.375rem;
}

.slider__button-next {
  margin-right: 4.375rem;
}

.slider__button-prev path,
.slider__button-next path,
.slider__text-button-prev path,
.slider__text-button-next path {
  fill: rgb(255, 255, 255);
  opacity: 0.5;
}

.slider__button-prev:hover path,
.slider__button-next:hover path,
.slider__text-button-prev:hover path,
.slider__text-button-next:hover path {
  fill: rgb(255, 255, 255);
  opacity: 1;
}

.slider-control {
  position: relative;
  width: 6.063rem;
  height: 2.188rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.slider__text-button-prev,
.slider__text-button-next {
  position: absolute;
  scale: 0.6;
  margin-top: 0.625rem;
}

.slider__text-button-prev {
  grid-column: 1;
  margin-right: 120%;
}

.slider__text-button-next {
  grid-column: 3;
  margin-left: 120%;
}

.slider__counter {
  grid-column: 2;
  color: rgba(255, 255, 255, 0.2);
}

#currentSlide,
#maxSlides,
.slider__counter {
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.swiper {
  display: flex;
  max-height: 26.875rem;
  max-width: 35.625rem;
  height: 100%;
  width: 100%;
  margin: 0 auto;
}

.swiper-wrapper {
  width: 35.625rem;
}

.swiper-slide {
  max-width: 35.625rem;
  background-position: center;
  background-size: cover;
}

.swiper-slide img {
  display: block;
  width: 100%;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  content: "";
  visibility: hidden;
}

.swiper-custom-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Ccircle cx='6' cy='6' r='6' fill='url(%23paint0_radial_214_220)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_214_220' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(6 6) scale(6)'%3E%3Cstop stop-color='%2399FFFF'/%3E%3Cstop offset='0.494792' stop-color='%23FFFFCC'/%3E%3Cstop offset='1' stop-color='%23CC99FF'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
}

span.swiper-pagination-bullet {
  background-color: rgba(154, 154, 154, 1);
  width: 0.75rem;
  height: 0.75rem;
}

.slider-text-container {
  max-height: 35rem;
}

.step {
  display: flex;
  justify-content: center;
  align-items: center;
}

.step-background {
  max-width: 23.125rem;
  max-height: 21.625rem;
}

.dots {
  padding-top: 6.44rem;
  padding-bottom: 8.81rem;
}

.dot {
  width: 4.0625rem;
  height: 4.0625rem;
  border-radius: 50%;
  display: inline-block;
  background: rgba(51, 51, 51, 1);
}

.dots__h-line {
  max-width: 69.625rem;
  width: 100%;
}

.accordions {
  max-width: 100%;
  background: rgba(0, 0, 0, 0.4);
  padding-top: 6.25rem;
  padding-bottom: 5.44rem;
  color: #fff;
}

.accordions__h-line {
  max-width: 31.75rem;
  width: 100%;
}

.accordion {
  background: rgba(255, 255, 255, 0.15);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  transition: 0.4s;
  color: #fff;
  font-family: Drugs;
  font-size: 1.125rem;
  display: flex;
  justify-content: space-between;
  height: 5rem;
  padding: 2rem 1.875rem;
  box-sizing: border-box;
  width: 100%;
}

.accordion:not(:first-child) {
  margin-top: -1.125rem;
}

.accordion:hover {
  background: rgba(255, 255, 255, 0.4);
}

.active {
  background: linear-gradient(
    90deg,
    rgba(204, 153, 255, 0.25) 0%,
    rgba(255, 255, 204, 0.25) 49.48%,
    rgba(153, 255, 255, 0.25) 100%
  );
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
}

.panel {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.mt-b-panel-bottom {
  margin-bottom: 1.125rem;
}

.panel p {
  color: #fff;
}

.plus {
  display: block;
  position: relative;
  height: 1rem;
  width: 1rem;
}

.plus_horizontal {
  height: 0.25rem;
  width: 1rem;
  background-color: #fff;
  position: absolute;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  top: 0.375rem;
  left: 0;
}

.plus_vertical {
  height: 1rem;
  width: 0.25rem;
  background-color: #fff;
  position: absolute;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  left: 0.375rem;
  top: 0;
  transition: 0.2s ease-out;
}

.active .plus_vertical {
  transform: rotate(90deg);
  transition: 0.2s ease-out;
}

.footer-2 {
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 6.25rem 0 7.12rem;
  box-sizing: border-box;
}

.footer_h-line {
  max-width: 40.5rem;
}

.telegram {
  color: #3bd1f1;
}

.container_large {
  width: 45rem;
}

.dots-container {
  margin-top: 3.313rem;
}

.rhombus-mobile {
  display: none;
}

.icon {
  align-self: flex-start;
}

/*Buttons*/

.button-v2,
.button-simple-v2, .button2-v2 {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 17.25rem;
  height: 4.125rem;
  width: 100%;
  font-size: 1rem;
  gap: 0.625rem;
  text-transform: uppercase;
  color: #fff;
  font-family: Drugs, serif;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: all 0.5s ease-out;
}
@media (min-width: 980px) {
  .button3-v2{
   max-width: 17.25rem;
  height: 4.125rem;
  }  }
  @media (max-width: 979px) {
  .button3-v2{
  max-width: 12.25rem;
  height: 3.125rem;
  }  }

.button3-v2 {
  justify-content: center;
  align-items: center;  
  width: 100%;
  font-size: 1rem;
  gap: 0.625rem;
  text-transform: uppercase;
  color: #fff;
  font-family: Drugs, serif;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: all 0.5s ease-out;
}


.button-v2 {
  background: url("../images/img/background/btn-v2.webp") no-repeat;
}

.button2-v2, .button3-v2 {
  background: url("../images/img/background/btn2-v2.webp") no-repeat;

}
.steps .button3-v2 {
  background: url("../images/img/background/btn2-v2-steps-section.webp") no-repeat;
}

.steps .button2-v2 {
  background: url("../images/img/background/btn2-v2-steps-section.webp") no-repeat;
}

.button-v2:hover {
  background: url("../images/img/background/btn-v2-hover.webp") no-repeat;
}

.button3-v2:hover {
  background: url("../images/img/background/btn2-v2-hover.webp") no-repeat;
}

.button2-v2:hover {
  background: url("../images/img/background/btn2-v2-hover.webp") no-repeat;
}

.button-simple-v2 {
  max-width: 16.875rem;
  height: 3.75rem;
  width: 100%;
  background: url("../images/img/background/btn-simple-v2.webp") no-repeat;
}

.button-simple-v2:hover {
  background: url("../images/img/background/btn-simple-v2-hover.webp") no-repeat;
}

button {
  border: none;
  outline: none;
  box-sizing: border-box;
  padding: 10px;
  cursor: pointer;
}

.slider-steps {
  display: none;
}

.steps button {
  align-self: flex-start;
  margin-top: 2.56rem;
}

/*Media queries*/

@media (max-width: 1690px) {
  html {
    font-size: 12.8px;
  }

  button {
    background-size: contain !important;
    background: no-repeat;
  }

  .text-container {
    max-width: 100%;
  }
}

@media (max-width: 1280px) {
  body {
    overflow-x: hidden;
  }

  button {
    background: no-repeat;
  }

  html {
    font-size: 16px;
  }

  button {
    background-size: contain !important;
  }

  .polygon-img-large {
    scale: 0.6;
    margin-top: -7.5rem;
  }

  .bullet-container {
    max-width: max-content;
  }

  .step {
    align-self: center;
  }
}

@media (max-width: 1207px) {
  .dots .dots-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }

  .steps-container {
    display: none;
  }

  .slider-steps {
    display: flex;
    margin-top: 1.8rem;
  }

  .swiper2 {
    max-width: max-content;
  }

  .swiper-wrapper2 {
        width: 23.125rem;
    height: 21.625rem;
    
  }

  .step-slide {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .step-slide img{
    width: 23.125rem;
    height: 21.625rem;
  }

  .steps-slider-controls {
    width: fit-content;
    display: flex;
    color: #353535;
    justify-content: center;
    align-items: center;
    align-self: center;
    gap: .5rem;
  }

  .swiper-button-prev2,
  .swiper-button-next2 {
  align-self: center;
  margin-top: .3rem;
  }


  .swiper-button-prev2 path,
  .swiper-button-next2 path {
  fill: #666666;
  /* opacity: 0.5; */
  /* position: absolute; */
  scale: 1;
}

.swiper-button-prev2:hover path,
.swiper-button-next2:hover path {
  fill: #858585;
} 

.swiper-button-prev2.swiper-button-disabled, .swiper-button-next2.swiper-button-disabled {
  opacity: .5;
}

.swiper-button-prev2:hover.swiper-button-disabled path, .swiper-button-next2:hover.swiper-button-disabled path{
  fill: #666666;
}

.slider__counter2 {
    color: #353535;
    font-size: 2rem;
    font-weight: 500;
    text-align: center;
}

.steps button {
  align-self: flex-start;
}

  

  /* .slider__button-next2, .slider__button-prev2 {
    
  } */
}

@media (max-width: 1150px) {
  .slider__button-next, .slider__button-prev {
    display: none;
  }
}

@media (max-width: 1024px) {
  .header {
    max-height: none;
    height: auto;
    background: #666;
    padding-bottom: 1.875rem;
  }

  .wrapper {
    height: max-content;
  }

  .container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }

  .container,
  .container_md {
    max-width: 100%;
  }

  .section-2 .container {
    gap: 2.5rem;
  }

  .section-2 .ml-sm {
    margin-left: 0;
  }

  .text-container {
    max-width: max-content;
    width: 100%;
  }

  .polygon-img-large {
    display: none;
  }

  .rhombus__container {
    flex-direction: row;
    max-width: 100%;
  }

  .polygon-img-small {
    display: block;
    width: 13.688rem;
    height: 19.688rem;
  }

  .mt-sm {
    margin-top: 1.25rem;
  }

  .ml-large {
    margin-left: 0;
  }

  .fw-nw {
    flex-wrap: nowrap;
  }

  .h-line {
    display: block;
    margin-top: 1.875rem;
    height: 5px;
    background: linear-gradient(
      90deg,
      rgba(204, 153, 255, 0) 0%,
      rgba(255, 158, 203, 0.16) 17.19%,
      rgba(255, 255, 220, 0.23) 50.52%,
      rgba(201, 255, 219, 0.09) 79.17%,
      rgba(153, 255, 255, 0) 100%
    );
    width: 100%;
    border: none;
  }

  .bullets {
    flex-direction: row;
    justify-content: space-between;
  }

  .mt-md {
    margin-top: 0;
  }

  .main-heading {
    color: #fff;
    margin-top: 2.625rem;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 100;
    line-height: normal;
    text-transform: uppercase;
  }

  .sub-heading {
    color: #fff;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
  }

  .bullets_text-container {
    max-width: 5.313rem;
  }

  .bullet_small {
    max-width: 1.25rem;
  }

  .bullet_medium {
    max-width: 1.5rem;
  }

  .mt-md {
    margin-top: 0;
  }

  .mt-large {
    margin-top: 3.125rem;
  }

  .slider {
    height: auto;
    background-size: cover;
    margin-top: 1rem;
    padding: 8.75rem 0 2.625rem;
  }

  .slider-control,
  .slider h3 {
    align-self: flex-start;
  }

  .slider__button-prev,
  .slider__button-next {
    display: none;
  }

  .swiper {
    height: auto;
    max-width: 55%;
    margin: 0 auto;
    scale: 1;
  }

  .swiper-slide {
    height: auto;
    max-width: 99.9%;
    background-position: center;
    background-size: cover;
  }

  .dot-container {
    max-width: 33%;
  }

  .header-container {
    align-items: flex-start;
  }

  .footer-2 .container {
    justify-content: flex-start;
  }

  .h3 {
    align-self: flex-start;
  }

  .steps-container {
    display: none;
  }

  .swiper2 {
    max-width: max-content;
  }

  .slider button {
    align-self: flex-start;
  }
}

@media (max-width: 768px) {
  .container {
    align-items: flex-start;
  }

  .rhombus {
    display: none;
  }

  .rhombus-mobile {
    display: inline;
    margin-right: 5px;
  }

  .h-line {
    height: 2px;
  }

  .text-container {
    font-size: 16px;
    font-weight: 400;
  }

  .rhombus__container {
    justify-content: flex-start;
  }

  .bullets {
    justify-content: space-between;
    gap: 1.25rem;
    flex-wrap: nowrap;
  }

  .bullet-container {
    gap: 0.61rem;
    max-width: max-content;
    flex-wrap: nowrap;
    align-items: center;
  }

  .bullets_text-container {
    font-size: 10px;
    font-weight: 400;
    max-width: 3.8125rem;
  }

  .container_column {
    gap: 1.25rem;
  }

  .header-container {
    gap: 0.62rem;
  }

  .section-2 .container {
    gap: 1.25rem;
  }

  .section-2 .gap-xmd {
    gap: 2.5rem;
  }

  .icon {
    width: 2.063rem;
    height: 3.25rem;
  }

  .steps {
    padding: 3.25rem 0 0;
  }

  .step-background {
    width: 18.75rem;
    height: 17.8125rem;
  }

  .dots {
    padding: 3.13rem 0 4.81rem;
  }

  .dots-container {
    margin-top: 0.25rem;
  }

  .dot-container {
    align-items: flex-start;
    max-width: 8.75rem;
  }

  .accordions {
    padding: 3.12rem 0 2.75rem;
  }

  .accordions-container {
    gap: 0.31rem;
  }

  .accordion {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    align-items: center;
    padding: 2rem 1.875rem 2rem 1.25rem;
  }

  .panel-content {
    padding: 0.62rem 0 4.13rem;
    color: #fff;
  }

  .panel {
    margin-bottom: 0 !important;
  }

  .accordion:not(:first-child) {
    margin-top: 0;
  }

  .footer-2 {
    padding: 3.12rem 0 5.75rem;
  }

  .footer-2 .container {
    justify-content: flex-start;
  }

  .h3 {
    font-size: 1rem;
    text-align: left;
  }

  .p {
    font-size: 0.75rem;
  }

  .ml-sm {
    margin-left: 0;
  }

  .gap-md {
    gap: 1.25rem;
  }

  .slider .container_sm {
    max-width: 100%;
  }

  .slider {
    background: url("../images/img/background/back-mob-2.svg") no-repeat;
    background-size: cover;

    padding: 8rem 0 2.625rem;
    margin-top: 0;
  }

  .slider span {
    font-size: 0.75rem;
  }

  .h2 {
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
  }

  .slider-counter {
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .accordions__h-line {
    width: 88.3%;
  }

  .steps__button {
    margin-top: 0;
  }

  .steps button {
    margin-top: 1.25rem;
  }


}

@media (max-width: 9px) {
  .slider-steps {
    display: none;
  }

  .steps-container {
    display: flex;
  }
}

@media (max-width: 426px) {
  .steps__text-container {
    margin-top: 10px;
  }

  .swiper {
    max-width: 99%;
  }

  .logo {
    width: 6.813rem;
    height: 2.5rem;
  }

  .slider {
    padding-top: 7.125rem;
  }

  .button-v2 {
    background: url("../images/img/background/btn-v2-small.webp") no-repeat;
    width: 10.925rem;
    height: 2.613rem;
  }

  .button-v2:hover {
    background: url("../images/img/background/btn-v2-hover-small.webp") no-repeat;
    width: 10.925rem;
    height: 2.613rem;
  }

  .slider .container_sm {
    min-width: 18.75rem;
  }
}
.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    padding-top: 5px;
    align-items: flex-end;;
}
.dropdown-toggle {
    white-space: nowrap;
}
.a {
    color: #1f1f1f;
    text-decoration: none;
    background-color: transparent;
}
.navbar-avatar {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.mr-1, .mx-1 {
    margin-right: 0.25rem !important;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 12rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #3b3b3b;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
}

.navbar .dropdown-item svg {
    color: var(--gray-700);
}

.mr-2, .mx-2 {
    margin-right: 0.5rem !important;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-sm {
    font-size: .875em;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #171717;
    text-decoration: none;
    background-color: #edeef0;
}

.dropdown-divider {
    border-top: 2px solid var(--gray-200);
}
.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #f2f2f2;
}
.wrapper, .navbar__container {
    margin: 0 auto;
    max-width: 74.375rem;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 0.625rem;
    box-sizing: border-box;
}
.footer {
    padding: 4rem 0;
    margin: 6rem 0 0 0;
    font-size: 0.95rem;
    background: #282234;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}

.list-style-none {
    list-style: none;
    padding: 0;
}
.m-0 {
    margin: 0 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

@media (min-width: 992px){
.mr-lg-3, .mx-lg-3 {
    margin-right: 1rem !important;
}}
.mb-2, .my-2 {
    margin-bottom: 0.5rem !important;
}

.col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.flex-wrap {
    flex-wrap: wrap !important;
}
.d-flex {
    display: flex !important;
}
.mb-2, .my-2 {
    margin-bottom: 0.5rem !important;
}
@media (min-width: 992px){
.mr-lg-3, .mx-lg-3 {
    margin-right: 1rem !important;
}}

.mr-lg-3, .mx-lg-3 {
    margin-right: 1rem !important;
}
.mb-2, .my-2 {
    margin-bottom: 0.5rem !important;    
}
.tdn{
  text-decoration: none;
}
footer {
    display: block;
    text-align: left;
}
.flex-column {
    flex-direction: column !important;
}
@media (min-width: 992px){
.flex-lg-row {
    flex-direction: row !important;
}}

.p2 {
  font-size: 1.125rem;
  color: #fff;
  font-weight: 500;
}

@media (min-width: 679px){
.navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}}

.collapse:not(.show) {
    display: none;
}

.justify-content-end {
    justify-content: flex-end !important;
}

 .dropdown {
    position: relative;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0 0 0);
        align-items: inherit;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropdown .dropdown-menu {
    animation-name: opacityIn;
    animation-duration: 0.3s;
}
.dropdown .dropdown-menu {
    border: 0px solid var(--gray-200);
    box-shadow: none;
}
.dropdown .dropdown-menu {
    animation-name: opacityIn;
    animation-duration: .15s;
}

.dropdown-menu.show {
    display: block;
}
.dropdown-menu {
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);
}
.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-item {
    display: block;
    width: 75%;
    padding: 0.25rem 1.5rem;
    font-size: 16px;
    clear: both;
    font-weight: 500;
    color: #242424;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
a {
    color: #1f1f1f;
    text-decoration: none;
    background-color: transparent;
}

.navbar .dropdown-item svg {
    color: var(--gray-700);
}

.mr-2, .mx-2 {
    margin-right: 0.5rem !important;
}
.fa-fw {
    text-align: center;
    width: 1.25em;
}
.fa-sm {
    font-size: .875em;
}
.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}

@media (min-width: 679px){
.d-lg-none {
    display: none !important;
}}
.border-dark {
    border-color: #3b3b3b !important;
}
.collapse:not(.show) {
    display: none;
}

@media (min-width: 679px){
.button2-v2 {
    display: flex !important;
    flex-basis: auto;
}}

.button3-v2 {
    display: flex !important;
    flex-basis: auto;
}

.justify-content-end {
    justify-content: flex-end !important;
}
.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

@media (min-width: 79px){
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
}}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    padding: 1.25rem 1.25rem;
}

.navbar-custom-toggler {
    padding: 0.5rem 0.8rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #fff;
    border-radius: 0.25rem;
    color: #6b4dd1;
    border-color: var(--gray-300);
}
.border-dark {
    border-color: #3b3b3b !important;
}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #3b3b3b;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    padding: 0.75rem 0.75rem;
    font-size: 16px;
    line-height: 1.5;
    cursor: pointer;
    text-decoration: none;
    border-radius: 0.25rem;
    outline: none;
    letter-spacing: -0.2px;
}

.btn {
  background: url("../images/img/background/burg.svg") no-repeat;
}

.btn:hover {
  background: url("../images/img/background/burg_on_focus.svg") no-repeat;
}

@media (min-width: 679px){
.navbar-expand-lg .navbar-nav {
    flex-direction: row;
    align-items: center;
}}

@media (min-width: 679px){
.navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}}
.collapse:not(.show) {
    display: none;
}
.justify-content-end {
    justify-content: flex-end !important;
}
.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

.dropdown-menu.show {
    display: block;
}
.collapsing {
  position:relative;
  height: 0;
  overflow: hidden;
  transition: height .35s ease;
}
@media (max-width: 979px){
.rf {
    width: 193px;
}}
@media (min-width: 980px){
.rf {
    width: 260px;
}}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0,0,0,.7);
}
.navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: rgba(0,0,0,.9);
}

.navbar-collapse2 {
    display: flex !important;
    flex-basis: auto;
}
.navbar-collapse2 {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

.navbar-nav2 {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    align-items: center;
}

@media (max-width: 499px){
.d-n {
    display: none;
}}