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

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

@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');

/* root */
:root {

  /* text color */
  --primary-text-color: #000;
  --secondary-text-color: #747474;
  --tertiary-text-color: #b5b5bf;
  --quaternary-text-color: #fff;
  --fifth-text-color: #9CA3AF;
  --six-text-color: #818793;
  --seven-text-color: #351ee0;
  --eight-text-color: #D1D5DB;

  /* font-family */
  --primary-font-family: 'Onest', sans-serif;
  --secondary-font-family: 'Geologica', sans-serif;
  --tertiary-font-family: 'Space Grotesk', sans-serif;

  /* font-weight */
  --primary-font-weight: 400;
  --secondary-font-weight: 500;
  --tertiary-font-weight: 700;

  /* border-color */
  --primary-border-color: #E5E7EB;
  --secondary-border-color: #000000;
  --tertiary-border-color: #00B368;
  --quaternary-border-color: #111827;
  --fifth-border-color: #1F2937;
  --six-border-color: #D1D5DB;
  --seven-border-color: #fff;
  --eight-border-color: #F6F8FA;

  /* icons color */
  --primary-icon-color: #9CA3AF;
  --secondary-icon-color: #00B368;

  /* bg-color */
  --primary-background-color: #c4c4c4;
  --secondary-background-color: #e9e9e9;
  --tertiary-background-color: #1d2242;
  --quaternary-background-color: #fff;
  --fifth-background-color: linear-gradient(90deg, rgba(53,32,225,1) 0%, rgba(64,115,240,1) 100%);
  --six-background-color: #f9f9f9;
  --seven-background-color: #05092c;
  --eight-background-color: #ebebfc;
  }
  
/* body */
body { 
  min-width: 320px;
  color: var(--primary-text-color);
  font-size: 18px;
  font-family: var(--primary-font-family);
  font-weight: var(--primary-font-weight);
  line-height: 1.5;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  }

/* container */
[class*=__container] {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1270px;
  width: 100%;
  }

/* p */
p {
  margin: 0 0 25px;
  font-size: 16px;
  line-height: 26px;
  }   

/* a */
a {
  color: var(--primary-text-color);
  text-decoration: none;
  transition: color .3s linear;
  }

a:hover { 
  color: var(--primary-text-color);
  }

b, strong {
  font-weight: var(--secondary-font-weight);
  }

/* input */
input[type='tel'],   
input[type='text'],
input[type='email'],
input[type='password'] {
  margin: 0;
  padding: 0 14px;
  width: 100%;
  height: 58px;
  color: var(--primary-text-color);
  font-size: 16px;
  font-family: var(--primary-font-family);
  font-weight: var(--primary-font-weight);
  border: 1px solid var(--primary-border-color);
  background: var(--quaternary-background-color);
  border-radius: 12px;
  box-shadow: none !important;
  transition: .3s all;
  }

input[type='tel']:focus,   
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus {
  background: var(--primary-background-color);
  }

input[type='tel']::-moz-placeholder,
input[type='text']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='password']::-moz-placeholder {
  color: var(--primary-text-color);
  opacity: 1;
  outline: none;
  }

input[type='tel']::-webkit-input-placeholder,
input[type='text']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder {
  color: var(--primary-text-color);
  opacity: 1;
  outline: none;
  }

input[type='tel'].input_gray-color,   
input[type='text'].input_gray-color,
input[type='email'].input_gray-color,
input[type='password'].input_gray-color {
  border: 0;
  background: var(--primary-background-color);
  }

input[type='tel'].input_placeholder-gray-color {
  color: var(--primary-text-color);
  }

input[type='tel'].input_placeholder-gray-color::-moz-placeholder,
input[type='text'].input_placeholder-gray-color::-moz-placeholder,
input[type='email'].input_placeholder-gray-color::-moz-placeholder,
input[type='password'].input_placeholder-gray-color::-moz-placeholder { 
  color: var(--six-text-color);
  }

input[type='tel'].input_placeholder-gray-color::-webkit-input-placeholder,
input[type='text'].input_placeholder-gray-color::-webkit-input-placeholder,
input[type='email'].input_placeholder-gray-color::-webkit-input-placeholder,
input[type='password'].input_placeholder-gray-color::-webkit-input-placeholder {
  color: var(--six-text-color);
  }

/* textarea */
textarea {
  margin: 0;
  padding: 30px;
  width: 100%;
  height: 216px;
  color: var(--six-text-color);
  font-size: 18px;
  font-family: var(--primary-font-family);
  font-weight: var(--primary-font-weight);
  line-height: 22px;
  border: 0;
  background: var(--primary-background-color);
  resize: none;
  overflow: auto;
  border-radius: 24px;
  box-shadow: none !important;
  transition: .3s all;
  }

textarea:focus {
  background: var(--primary-background-color);
  }

textarea::-moz-placeholder {
  color: var(--six-text-color);
  opacity: 1;
  outline: none;
  }

textarea::-webkit-input-placeholder {
  color: var(--six-text-color);
  opacity: 1;
  outline: none;
  }

/* btn */
.btn {
  display: inline-block;
  vertical-align: top;
  padding: 20px 25px;
  color: var(--quaternary-text-color);
  font-size: 16px;
  font-family: var(--primary-font-family);
  font-weight: var(--secondary-font-weight);
  text-align: center;
  line-height: 20px;
  letter-spacing: 0.5px;
  border: 0;
  background: var(--fifth-background-color);
  box-shadow: none;
  border-radius: 7px;
  cursor: pointer;
  transition: .3s all;
  }

.btn:hover {
  color: var(--quaternary-text-color);
  background: var(--fifth-background-color);
  opacity: 0.9;
  }

.btn_hidden {
  display: none;
  }

.btn_next-arrow {
  position: relative;
  padding-right: 55px;
  }

.btn_next-arrow:after {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  background: url(../img/icons/next-arrow.svg) center no-repeat;
  background-size: 100%;
  content: "";
  transition: .3s right;
  }

.btn_next-arrow:hover:after {
  right: 17px;
  }

.btn_prev-arrow {
  position: relative;
  padding-left: 55px;
  }

.btn_prev-arrow:after {
  position: absolute;
  display: block;
  margin: -10px 0 0;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 25px;
  transform: rotate(-180deg);
  background: url(../img/icons/next-arrow.svg) center no-repeat;
  background-size: 100%;
  transition: .3s left;
  content: "";
  }

.btn_telegram-i:after {
  display: inline-block;
  margin: 0 0 0 10px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: url(../img/icons/telegram-w.png) center no-repeat;
  background-size: 100%;
  content: "";
  }

.btn_telegram-i:hover:after {
  right: 17px;
  }

/* btn_white-color */
.btn_white-color {
  color: var(--primary-text-color);
  background: var(--quaternary-background-color);
  }

.btn_white-color:hover {
  color: var(--primary-text-color);
  background: var(--secondary-background-color);
  opacity: 1;
  }

.btn_white-color.btn_telegram-i:after {
  background: url(../img/icons/telegram.png) center no-repeat;
  background-size: 100%;
  }

/* btn_transparent-color */
.btn_transparent-color {
  color: var(--primary-text-color);
  border: 1px solid var(--primary-border-color);
  background: none;
  }

.btn_transparent-color:hover {
  color: var(--primary-text-color);
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid var(--primary-border-color);
  }

.btn_transparent-color.btn_next-arrow:after {
  background: url(../img/icons/next-arrow-b.svg) center no-repeat;
  background-size: 100%;
  }

/* scroll-none */
.scroll-none {
  overflow: hidden;
  }

/* dec-1 */
.dec-1 {
  position: absolute;
  display: block;
  width: 477px;
  height: 299px;
  top: 0;
  left: 0;
  background: url(../img/bg/dec.png) center no-repeat;
  background-size: 100%;
  opacity: 0.2;
  content: "";
  }

/* dec-2 */
.dec-2 {
  position: absolute;
  display: block;
  width: 380px;
  height: 242px;
  right: 0;
  bottom: 50px;
  background: url(../img/bg/dec-2.png) center no-repeat;
  background-size: 100%;
  }

/* dec-2 */
.dec-3 {
  position: absolute;
  display: block;
  width: 477px;
  height: 296px;
  right: 0;
  bottom: 0;
  background: url(../img/bg/dec-3.png) center no-repeat;
  background-size: 100%;
  opacity: 0.2;
  }

/* dec-4 */
.dec-4 {
  position: absolute;
  display: block;
  width: 380px;
  height: 242px;
  top: 0;
  left: 0;
  background: url(../img/bg/dec-4.png) center no-repeat;
  background-size: 100%;
  }

.statistics-section .dec-2 {
  bottom: 205px;
  }

/* wrapper */
.wrapper {
  overflow: hidden;
  }

/* header__top-panel */
.header__top-panel {
  padding: 10px 0;
  background: var(--fifth-background-color);
  }

/* header__in */
.header__in {
  display: flex;
  justify-content: space-between;
  align-items: center;
  }

.header__left-col {
  display: flex;
  align-items: center;
  gap: 0 30px;
  }

/* address */
.address {
  display: flex;
  align-items: center;
  gap: 0 5px;
  }

.address__icon {
  flex-shrink: 0;
  width: 22px;
  }

.address__icon img {
  width: 100%;
  }

.address__text {
  display: block;
  color: var(--quaternary-text-color);
  font-size: 16px;
  line-height: 20px;
  }

/* mail */
.mail {
  display: flex;
  align-items: center;
  gap: 0 10px;
  }

.mail__icon {
  flex-shrink: 0;
  width: 22px;
  }

.mail__icon img {
  width: 100%;
  }

.mail__text {
  color: var(--quaternary-text-color);
  font-size: 16px;
  font-family: var(--tertiary-font-family);
  line-height: 20px;
  }

.mail__text:hover {
  color: var(--quaternary-text-color);
  }

/* messengers */
.messengers {
  display: flex;
  align-items: center;
  gap: 0 10px;
  }

.messengers__text {
  display: block;
  color: var(--quaternary-text-color);
  font-size: 16px;
  line-height: 20px;
  }

.messengers__item {
  display: block;
  width: 18px;
  height: 18px;
  transition: .3s opacity;
  }

.messengers__item:hover {
  opacity: 0.8;
  }

.messengers__item img {
  width: 100%;
  }

/* language */
.language {
  position: relative;
  }

.language__top-panel {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 10px;
  padding: 0 15px 0 0;
  cursor: pointer;
  }

.language__top-panel:after {
  position: absolute;
  display: block;
  margin: -5px 0 0;
  width: 10px;
  height: 10px;
  top: 50%;
  right: 0;
  background: url(../img/icons/down-arrow.png) center no-repeat;
  background-size: 100%;
  content: "";
  transition: .3s transform;
  }

.language__top-panel.active:after {
  transform: rotate(-180deg);
  }

.language__icon {
  flex-shrink: 0;
  width: 20px;
  }

.language__icon img {
  width: 100%;
  }

.language__text {
  display: block;
  color: var(--quaternary-text-color);
  font-size: 14px;
  font-family: var(--tertiary-font-family);
  font-weight: var(--secondary-font-weight);
  text-transform: uppercase;
  line-height: 20px;
  }

.language__dropdown {
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 10px;
  gap: 0 7px;
  width: 100%;
  top: 31px;
  left: 0;
  background: var(--quaternary-background-color);
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: .3s all;
  }

.language__dropdown.show {
  opacity: 1;
  visibility: visible;
  }

.language__dropdown a {
  display: flex;
  align-items: center;
  gap: 0 5px;
  font-size: 14px;
  font-family: var(--tertiary-font-family);
  font-weight: var(--secondary-font-weight);
  text-transform: uppercase;
  letter-spacing: 1px;
  }

.language__dropdown a:hover {
  color: var(--seven-text-color);
  }

.language__dropdown img {
  flex-shrink: 0;
  width: 18px;
  }

/* header__bottom-panel */
.header__bottom-panel {
  padding: 20px 0;
  background: var(--tertiary-background-color);
  }

.logo {
  display: flex;
  align-items: center;
  gap: 0 15px;
  }

.logo__icon {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  background: var(--fifth-background-color);
  border-radius: 100%;
  }

.logo__icon:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/bg/logo-dec.png) top right no-repeat;
  background-size: 300%;
  border-radius: 100%;
  content: "";
  }

.logo__text {
  display: block;
  color: var(--quaternary-text-color);
  font-size: 40px;
  font-family: var(--secondary-font-family);
  font-weight: var(--tertiary-font-weight);
  line-height: 50px;
  }

/* header__nav-col */
.header__nav-col {
  display: flex;
  align-items: center;
  gap: 0 50px;
  }

/* close-btn */
.close-btn {
  display: none;
  width: 14px;
  height: 14px;
  background: url("../img/icons/close-icon.png") center no-repeat;
  background-size: 100%;
  cursor: pointer;
  }

/* main-nav */
.main-nav ul {
  display: flex;
  align-items: center;
  gap: 0 25px;
  list-style: none;
  }

.main-nav li {
  position: relative;
  color: var(--quaternary-text-color);
  font-size: 18px;
  line-height: 20px;
  }

.main-nav a {
  color: var(--quaternary-text-color);
  }

.main-nav li:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: -35px;
  background: var(--fifth-background-color);
  content: "";
  opacity: 0;
  transition: .3s opacity;
  }

.main-nav li:hover:before,
.main-nav .active:before {
  opacity: 1;
  }

/* menu-btn */
.menu-btn {
  position: relative;
  display: none;
  cursor: pointer;
  }

.menu-btn:before {
  position: absolute;
  display: block;
  width: 20px;
  height: 22px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  cursor: pointer;
  }

.menu-btn span { 
  display: block;
  margin: 4px 0;
  width: 20px;
  height: 2px;
  background: #fff;
  transition: margin 0.4s cubic-bezier(0.79, 0.21, 0.06, 0.81), 
              transform 0.4s cubic-bezier(0.79, 0.21, 0.06, 0.81);
  cursor: pointer;
  }

.menu-btn.close span { 
  margin: -2px;
  }

.menu-btn.close span:nth-child(1) {
  transform: rotate(-45deg);
  }

.menu-btn.close span:nth-child(2) {
  transform: scale(0)
  }

.menu-btn.close span:nth-child(3) {
  transform: rotate(45deg)
  }

/* phone */
.phone {
  display: flex;
  gap: 0 15px;
  }

.phone__icon {
  flex-shrink: 0;
  width: 50px;
  }

.phone__text small {
  display: block;
  margin: 0 0 5px;
  color: var(--quaternary-text-color);
  font-size: 16px;
  line-height: 20px;
  }

.phone__text a {
  display: block;
  color: var(--quaternary-text-color);
  font-size: 20px;
  font-family: var(--tertiary-font-family);
  font-weight: var(--secondary-font-weight);
  line-height: 24px;
  }

/* hero-section */
.hero-section {
  padding: 0;
  }

.hero-slider.swiper {
  height: 100% !important;
  }

.hero-slider .swiper-wrapper {
  align-items: inherit !important;
  }

.hero-slider .swiper-button-prev {
  left: 30px;
  }

.hero-slider .swiper-button-prev:hover {
  left: 25px;
  }

.hero-slider .swiper-button-next {
  right: 30px;
  }

.hero-slider .swiper-button-next:hover {
  right: 25px;
  }

.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev {
  margin: -30px 0 0;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.2);
  opacity: 0;
  transition: .3s all;
  z-index: 10;
  }

.hero-slider:hover .swiper-button-next,
.hero-slider:hover .swiper-button-prev { 
  opacity: 1;
  }

.hero-slider .swiper-button-next:before,
.hero-slider .swiper-button-prev:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  }

.hero-slider .swiper-button-next:before {
  background: url(../img/icons/next-arrow.svg) center no-repeat;
  background-size: 18px;
  }

.hero-slider .swiper-button-prev:before {
  background: url(../img/icons/next-arrow.svg) center no-repeat;
  background-size: 18px;
  transform: rotate(-180deg);
  }

.hero-slider .swiper-button-next:after,
.hero-slider .swiper-button-prev:after { 
  display: none;
  }

.hero-slider .swiper-pagination {
  position: absolute;
  display: none !important;
  justify-content: center;
  gap: 0 10px;
  bottom: 130px !important;
  }

.hero-slider .swiper-pagination-bullet {
  display: block;
  margin: 0 !important;
  width: 14px;
  height: 14px;
  background: var(--quaternary-background-color);
  border-radius: 100%;
  opacity: 1;
  } 

.hero-slider .swiper-pagination-bullet-active {
  background: var(--fifth-background-color);
  cursor: default !important;
  }

/* hero-item */
.hero-slider__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 130px 0 240px;
  height: 100%;
  color: var(--quaternary-text-color);
  }

.hero-slider__item:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--tertiary-background-color);
  opacity: 0.6;
  content: "";
  z-index: 3;
  }

.hero-slider__photo {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  }

.hero-slider__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  }

.hero-slider__container {
  position: relative;
  z-index: 5;
  }

.hero-slider__sub-title {
  display: block;
  margin: 0 0 20px;
  font-size: 16px;
  font-weight: var(--secondary-font-weight);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  }

.hero-slider__title {
  margin: 0 0 30px;
  font-size: 60px;
  font-family: var(--secondary-font-family);
  font-weight: var(--tertiary-font-weight);
  line-height: 70px;
  }

.hero-slider p {
  margin: 0 0 30px;
  max-width: 800px;
  font-size: 18px;
  line-height: 30px;
  }

/* section */
section {
  padding: 48px 0;
  }

/* message */
.message-section {
  position: relative;
  margin: 0 0 -127px;
  padding: 0;
  z-index: 5;
  }

.message {
  position: relative;
  color: var(--quaternary-text-color);
  background: var(--fifth-background-color);
  border-radius: 5px;
  }

.message:after {
  position: absolute;
  display: block;
  width: 477px;
  height: 100%;
  top: 0;
  right: 0;
  background: url(../img/bg/message-dec.png) top right no-repeat;
  background-size: 100%;
  content: "";
  }

.message__in {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 80px 50px;
  z-index: 5;
  }

.message__left-col {
  display: flex;
  align-items: center;
  }

.message__icon {
  flex-shrink: 0;
  width: 80px;
  margin: 0 30px 0 0;
  }

.message__title {
  margin: 0 0 5px;
  font-size: 60px;
  font-family: var(--secondary-font-family);
  font-weight: var(--tertiary-font-weight);
  line-height: 60px;
  }

.message__description p {
  margin: 0;
  font-size: 24px;
  line-height: 30px;
  }

/* advantages-section */
.advantages-section {
  position: relative;
  margin: -97px 0 0;
  padding-top: 0;
  z-index: 10;
  }

/* advantages */
.advantages {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 30px;
  }

.advantages__item {
  padding: 30px 15px;
  background: var(--quaternary-background-color);
  border-radius: 5px;
  box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05);
  }

.advantages__icon {
  margin: 0 auto 30px;
  padding: 15px;
  width: 80px;
  height: 80px;
  background: var(--fifth-background-color);
  border-radius: 5px;
  }

.advantages__icon img {
  width: 100%;
  }

.advantages__title {
  display: block;
  font-size: 20px;
  font-weight: var(--tertiary-font-weight);
  text-align: center;
  line-height: 24px;
  }

/* about-section */
.about-section {
  padding: 70px 0 120px;
  }

/* about */
.about {
  display: flex;
  align-items: center;
  gap: 0 80px;
  }

.about_indent-bt {
  margin: 0 0 100px;
  }

.title {
  margin: 0 0 20px;
  }

.about p {
  margin: 0 0 40px;
  color: var(--six-text-color);
  font-size: 18px;
  line-height: 28px;
  }

/* about__picture */
.about__picture {
  position: relative;
  flex-shrink: 0;
  padding: 0 0 200px;
  width: 600px;
  height: 580px;
  }

/* about__big-img */
.about__big-img {
  position: absolute;
  width: 524px;
  height: 378px;
  top: 0;
  right: 0;
  background: var(--secondary-background-color);
  border-radius: 5px;
  z-index: 2;
  }

.about__big-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
  }

/* about__sm-img */
.about__sm-img {
  position: absolute;
  width: 414px;
  height: 322px;
  left: 0;
  bottom: 0;
  background: var(--primary-background-color);
  border-radius: 5px;
  z-index: 3;
  }

.about__sm-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
  }

/* experience */
.experience {
  position: absolute;
  padding: 20px;
  width: 332px;
  right: 0;
  bottom: 33px;
  color: var(--quaternary-text-color);
  background: var(--fifth-background-color);
  border-radius: 5px;
  z-index: 4;
  }

.experience__info {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 15px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  }

.experience__number {
  display: block;
  font-size: 60px;
  font-family: var(--tertiary-font-family);
  font-weight: var(--tertiary-font-weight);
  line-height: 60px;
  }

.experience__text {
  display: block;
  font-size: 16px;
  line-height: 20px;
  }

/* subtitle */
.subtitle {
  display: block;
  margin: 0 0 15px;
  font-size: 16px;
  font-weight: var(--secondary-font-weight);
  text-transform: uppercase;
  line-height: 20px;
  letter-spacing: 0.5px;
  background: rgb(53,32,225);
  background: linear-gradient(90deg, rgba(53,32,225,1) 0%, rgba(64,115,240,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }

.subtitle_text-center {
  text-align: center;
  }

/* title */
.title {
  margin: 0 0 30px;
  font-size: 54px;
  font-weight: var(--tertiary-font-weight);
  line-height: 60px;
  }

.title_text-center {
  text-align: center;
  }

/* top-panel */
.top-panel {
  margin: 0 0 50px;
  }

.top-panel_changed {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 30px 30px;
  }

.top-panel .title {
  margin: 0;
  }

/* statistics-section */
.statistics-section {
  position: relative;
  margin: 0 0 -155px;
  padding: 0;
  z-index: 5;
  }

/* statistics */
.statistics {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 60px 0;
  color: var(--quaternary-text-color);
  text-align: center;
  background: var(--fifth-background-color);
  border-radius: 5px;
  }

.statistics:after {
  position: absolute;
  display: block;
  width: 683px;
  height: 100%;
  top: 0;
  right: 0;
  background: url(../img/bg/statistics-dec.png) center no-repeat;
  background-size: 100%;
  content: "";
  }

.statistics__item {
  position: relative;
  border-right: 1px solid var(--seven-border-color);
  z-index: 2;
  }

.statistics__item:last-child {
  border: 0;
  }

.statistics__icon {
  margin: 0 auto 15px;
  padding: 20px;
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  }

.statistics__icon img {
  width: 100%;
  }

.statistics__number {
  display: block;
  font-size: 60px;
  font-family: var(--tertiary-font-family);
  font-weight: var(--tertiary-font-weight);
  line-height: 78px;
  }

.statistics__text {
  display: block;
  font-size: 18px;
  line-height: 20px;
  }

/* services-section */
.services-section {
  position: relative;
  padding: 250px 0 0;
  background: var(--six-background-color);
  }

/* gl-arrows */
.gl-arrows {
  display: flex;
  align-items: center;
  gap: 0 15px;
  }

.gl-arrows__prev.swiper-button-prev {
  position: relative;
  margin: 0;
  width: 60px;
  height: 60px;
  top: 0;
  left: 0;
  background: var(--fifth-background-color);
  border-radius: 100%;
  cursor: pointer;
  transition: .3s opacity;
  }

.gl-arrows__prev.swiper-button-prev:hover {
  opacity: 0.9 !important;
  }

.gl-arrows__prev.swiper-button-prev:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: rotate(-180deg);
  background: url(../img/icons/next-arrow.svg) center no-repeat;
  background-size: 18px;
  content: "";
  }

.gl-arrows__prev.swiper-button-prev:after {
  display: none;
  }

.gl-arrows__next.swiper-button-next {
  position: relative;
  margin: 0;
  width: 60px;
  height: 60px;
  top: 0;
  right: 0;
  background: var(--fifth-background-color);
  border-radius: 100%;
  cursor: pointer;
  transition: .3s opacity;
  }

.gl-arrows__next.swiper-button-next:hover {
  opacity: 0.9 !important;
  }

.gl-arrows__next.swiper-button-next:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/icons/next-arrow.svg) center no-repeat;
  background-size: 18px;
  content: "";
  }

.gl-arrows__next.swiper-button-next:after {
  display: none;
  }

/* services-slider */
.services-slider {
  background: rgba(0, 0, 0, 0.5);
  }

/* services */
.services {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 0;
  }

.services_changed {
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 30px;
  }

.services-item {
  position: relative;
  height: 500px;
  overflow: hidden;
  }

.services-item:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--tertiary-background-color);
  opacity: 0.6;
  content: "";
  transition: .3s all;
  z-index: 3;
  }

.services-item:hover:before {
  opacity: 0.5;
  }

.services-item img {
  width: 100%;
  height: 100%;
  transition: 1.3s all ease;
  object-fit: cover;
  z-index: 2;
  }

.services-item:hover img {
  transform: scale(1.1);
  }

.services_changed .services-item:before {
  border-radius: 5px;
  }

.services-item a {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 40px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  }

.services_changed .services-item:before {
  border-radius: 5px;
  }

.services_changed .services-item a {
  border-radius: 5px;
  }

.services_changed .services-item img {
  border-radius: 5px;
  }

.services-item__description {
  position: relative;
  display: block;
  padding: 0 45px 0 0;
  width: 100%;
  color: var(--quaternary-text-color);
  }

.services-item__sub-title {
  display: block;
  margin: 0 0 5px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: var(--secondary-font-weight);
  text-transform: uppercase;
  line-height: 18px;
  letter-spacing: 0.5px;
  }

.services-item__sub-title:before {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 20px;
  height: 4px;
  vertical-align: middle;
  background: var(--fifth-background-color);
  border-radius: 3px;
  content: "";
  }

.services-item__title {
  display: block;
  font-size: 30px;
  font-weight: var(--tertiary-font-weight);
  line-height: 40px;
  }

.services-item__more-btn {
  position: absolute;
  display: block;
  width: 36px;
  height: 36px;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  transition: .3s background;
  }

.services-item__more-btn:hover {
  background: rgba(255, 255, 255, 0.4);
  }

.services-item__more-btn:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/icons/next-arrow.svg) center no-repeat;
  background-size: 16px;
  content: "";
  }

/* sm-title */
.sm-title {
  margin: 0 0 30px;
  font-size: 34px;
  font-weight: var(--tertiary-font-weight);
  line-height: 40px;
  letter-spacing: 0.5px;
  background: rgb(53,32,225);
  background: linear-gradient(90deg, rgba(53,32,225,1) 0%, rgba(64,115,240,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }

/* gallery */
.gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px 25px;
  margin: 0 0 30px;
  }

.gallery_two-col {
  grid-template-columns: repeat(2, 1fr);
  }

.gallery__item {
  height: 300px;
  background: var(--primary-background-color);
  border-radius: 5px;
  }

.gallery__item img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  object-fit: cover;
  } 

/* works-section */
.works-section {
  position: relative;
  padding: 100px 0;
  }

/* works */
.works {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 5;
  }

.works__description {
  flex-shrink: 0;
  margin: 0 30px 0 0;
  width: 500px;
  }

.works p {
  margin: 0 0 40px;
  color: var(--six-text-color);
  font-size: 18px;
  line-height: 28px;
  }

/* works__photos */
.works__photos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px 25px;
  width: 100%;
  }

.works__photo {
  height: 250px;
  background: var(--primary-background-color);
  border-radius: 5px;
  }

.works__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
  }

/* news-section */
.news-section {
  position: relative;
  padding: 100px 0;
  background: var(--six-background-color);
  }

/* news */
.news {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 30px;
  z-index: 3;
  }

.news__item {
  position: relative;
  background: var(--quaternary-background-color);
  border-radius: 5px;
  box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05);
  }

.news__photo {
  width: 100%;
  height: 305px;
  border-radius: 5px 5px 0 0;
  background: var(--primary-background-color);
  overflow: hidden;
  }

.news__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px 5px 0 0;
  transition: 1.3s all ease;
  }

.news__item:hover .news__photo img {
  transform: scale(1.1);
  }

.news__top-panel {
  display: flex;
  align-items: center;
  gap: 0 35px;
  margin: 0 0 20px;
  }

.news__photo img {
  width: 100%;
  border-radius: 5px 5px 0 0;
  }

.news__author {
  position: relative;
  display: block;
  padding: 0 0 0 25px;
  color: var(--six-text-color);
  font-size: 14px;
  line-height: 20px;
  }

.news__author:before {
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../img/icons/author.png) center no-repeat;
  background-size: 100%;
  content: "";
  }

.news__date {
  position: relative;
  display: block;
  padding: 0 0 0 25px;
  color: var(--six-text-color);
  font-size: 14px;
  line-height: 20px;
  }

.news__date:before {
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../img/icons/calendar.png) center no-repeat;
  background-size: 100%;
  content: "";
  }

.news__description {
  padding: 30px 30px 92px;
  }

.news__title {
  margin: 0 0 30px;
  font-size: 22px;
  font-weight: var(--tertiary-font-weight);
  line-height: 28px;
  }

.news__item .btn {
  position: absolute;
  left: 30px;
  bottom: 30px;
  }

/* partners-section */
.partners-section {
  padding: 70px 0;
  }

/* partners-slider */
.partners-slider .swiper-wrapper {
  align-items: center !important;
  transition-timing-function: linear;
  }

.partners-slider .swiper-slide {
  display: flex;
  justify-content: center;
  }

/* top-section */
.top-section {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 440px;
  color: var(--quaternary-text-color);
  background: var(--secondary-background-color);
  }

.top-section:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--tertiary-background-color);
  opacity: 0.6;
  content: "";
  z-index: 3;
  }

.top-section img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: 2;
  }

.top-section__content {
  position: relative;
  z-index: 5;
  }

/* top-section__title */
.top-section__title {
  margin: 0 0 20px;
  font-size: 74px;
  font-weight: var(--tertiary-font-weight);
  text-align: center;
  line-height: 80px;
  }

/* breadcrumbs */
.breadcrumbs {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px 0;
  }

.breadcrumbs li {
  position: relative;
  padding: 0 24px;
  font-size: 20px;
  line-height: 24px;
  }

.breadcrumbs li:after {
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  top: 50%;
  right: -7px;
  transform: translateY(-50%);
  background: url(../img/icons/breadcrumbs-arrow.png) center no-repeat;
  background-size: 100%;
  content: "";
  }

.breadcrumbs li:last-child:after {
  display: none;
  }

.breadcrumbs li a {
  color: var(--quaternary-text-color);
  }

.breadcrumbs li a:hover {
  color: rgba(255, 255, 255, 0.7);
  }

/* section */
.section {
  position: relative;
  padding: 100px 0;
  }

.section_gray-bg {
  background: var(--six-background-color);
  }

.section__container {
  position: relative;
  z-index: 3;
  }

/* page-nav */
.page-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0 0;
  gap: 0 15px;
  font-family: var(--tertiary-font-family);
  }

.page-nav__btn {
  position: relative;
  display: block;
  width: 58px;
  height: 58px;
  color: var(--quaternary-text-color);
  font-size: 0;
  background: var(--fifth-background-color);
  border-radius: 100%;
  }

.page-nav__btn_prev:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  transform: rotate(-180deg);
  background: url(../img/icons/next-arrow.svg) center no-repeat;
  background-size: 18px;
  content: "";
  }

.page-nav__btn_next:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/icons/next-arrow.svg) center no-repeat;
  background-size: 18px;
  content: "";
  }

.page-nav ul {
  display: flex;
  gap: 0 15px;
  align-items: center;
  list-style: none;
  }

.page-nav ul li {
  font-size: 18px;
  }

.page-nav ul a {
  display: block;
  width: 58px;
  height: 58px;
  color: var(--seven-text-color);
  text-align: center;
  line-height: 58px;
  background: var(--eight-background-color);
  border-radius: 100%;
  }

.page-nav ul span {
  display: block;
  width: 58px;
  height: 58px;
  color: var(--quaternary-text-color);
  text-align: center;
  line-height: 58px;
  background: var(--fifth-background-color);
  border-radius: 100%;
  }

.article p {
  color: var(--six-text-color);
  }

.article p strong {
  color: var(--primary-text-color);
  }

/* article__photo */
.article__photo {
  margin: 0 0 30px;
  height: 550px;
  background: var(--primary-background-color);
  border-radius: 5px;
  }

.article__photo img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  object-fit: cover;
  }

/* article-panel */
.article-panel {
  display: flex;
  align-items: center;
  gap: 0 30px;
  margin: 0 0 30px;
  }

.article-panel__item {
  display: flex;
  align-items: center;
  gap: 0 10px;
  }

.article-panel__icon {
  flex-shrink: 0;
  width: 24px;
  }

.article-panel__icon img {
  width: 100%;
  }

.article-panel__item span { 
  display: block;
  color: var(--six-text-color);
  font-size: 16px;
  line-height: 20px;
  }

/* list */
.list {
  margin: 0 0 30px;
  }

.list li {
  position: relative;
  margin: 0 0 15px;
  padding: 0 0 0 20px;
  color: var(--six-text-color);
  font-size: 16px;
  line-height: 26px;
  list-style: none;
  }

.list li:before {
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  top: 10px;
  left: 0;
  background: var(--fifth-background-color);
  border-radius: 100%;
  content: "";
  }

.list_changed > li {
  padding: 0;
  }

.list_changed > li:before {
  display: none;
  }

.list li:last-child {
  margin: 0;
  }

.list ul {
  padding: 15px 0 0;
  }

/* article__btn-panel */
.article__btn-panel {
  margin: 20px 0 0;
  padding: 30px 0 0;
  border-top: 1px solid var(--primary-border-color);
  }

/* works-catalog */
.works-catalog {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 30px;
  }

.works-catalog__item {
  display: none;
  height: 300px;
  background: var(--primary-background-color);
  border-radius: 5px;
  }

.works-catalog__item a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  }

.works-catalog__item a:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--tertiary-background-color);
  opacity: 0;
  overflow: hidden;
  border-radius: 5px;
  transition: .3s opacity;
  content: "";
  z-index: 3;
  }

.works-catalog__item a:hover:before {
  opacity: 0.6;
  }

.works-catalog__item img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  object-fit: cover;
  transition: 1.3s all ease;
  }

.works-catalog__item a:hover img {
  transform: scale(1.1);
  }

.works-catalog__description {
  position: absolute;
  display: block;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px 0;
  padding: 15px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: var(--quaternary-text-color);
  z-index: 5;
  opacity: 0;
  transition: .3s opacity;
  }

.works-catalog__item a:hover .works-catalog__description {
  opacity: 1;
  }

.works-catalog__title {
  display: block;
  font-size: 18px;
  font-weight: var(--tertiary-font-weight);
  text-align: center;
  letter-spacing: 0.5px;
  }

.works-catalog__more {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  font-size: 0;
  background: var(--fifth-background-color);
  border-radius: 5px;
  transition: .3s opacity;
  }

.works-catalog__more:hover {
  opacity: 0.9;
  }

.works-catalog__more:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/icons/zoom.png) center no-repeat;
  background-size: 18px;
  content: "";
  }

/* btn-panel */
.btn-panel {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0 0;
  }

/* contacts-col */
.contacts-col {
  display: flex;
  gap: 0 30px;
  margin: 0 0 100px;
  }

/* contacts-list */
.contacts-list {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 393px;
  gap: 20px 0;
  }

.contacts-list__item {
  display: flex;
  align-items: center;
  padding: 40px 30px;
  gap: 0 20px;
  border-radius: 5px;
  box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05);
  }

.contacts-list__icon {
  flex-shrink: 0;
  padding: 15px;
  width: 60px;
  height: 60px;
  background: var(--fifth-background-color);
  border-radius: 5px;
  }

.contacts-list__info dt {
  margin: 0 0 5px;
  font-size: 16px;
  font-weight: var(--tertiary-font-weight);
  line-height: 20px;
  }

.contacts-list__info dd {
  color: var(--six-text-color);
  font-size: 16px;
  line-height: 20px;
  }

.contacts-list__info dd a {
  color: var(--six-text-color);
  font-family: var(--tertiary-font-family);
  }

/* map */
.map {
  width: 100%;
  }

.map iframe {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  vertical-align: top;
  border-radius: 5px;
  }

/* phones */
.phones {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 30px;
  }

.phones__item {
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05);
  }

.phones__top-panel {
  margin: 0 0 10px;
  }

.phones__icon {
  margin: 0 auto 15px;
  width: 60px;
  }

.phones__icon img {
  width: 100%;
  }

.phones__title {
  display: block;
  color: var(--six-text-color);
  font-size: 18px;
  text-align: center;
  line-height: 24px;
  }

.phones__number {
  display: block;
  font-size: 28px;
  font-family: var(--tertiary-font-family);
  font-weight: var(--tertiary-font-weight);
  text-align: center;
  letter-spacing: 1.5px;
  }

/* error-section */
.error-section {
  position: relative;
  margin: 0 0 -254px;
  padding: 150px 0 354px;
  color: var(--quaternary-text-color);
  background: url(../img/src/error-img.jpg) center no-repeat;
  background-size: cover;
  }

.error-section:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--tertiary-background-color);
  opacity: 0.6;
  content: "";
  z-index: 3;
  }

.error-404 {
  position: relative;
  text-align: center;
  z-index: 5;
  }

.error-404__name {
  margin: 0 0 30px;
  font-size: 180px;
  font-family: var(--tertiary-font-family);
  font-weight: var(--tertiary-font-weight);
  line-height: 170px;
  }

.error-404__title {
  margin: 0 0 30px;
  font-size: 40px;
  font-weight: var(--tertiary-font-weight);
  line-height: 40px;
  }

.error-404 p {
  margin: 0 0 40px;
  }

/* mob-btn-panel */
.mob-btn-panel {
  display: none;
  justify-content: center;
  align-items: center;
  padding: 30px 0 0;
  }

.gl-content__title-big {
  display: block;
  margin: 0 0 30px;
  font-size: 34px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.5px;
  background: rgb(53,32,225);
  background: linear-gradient(90deg, rgba(53,32,225,1) 0%, rgba(64,115,240,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }

.gl-content__title-sm {
  display: block;
  margin: 0 0 30px;
  font-size: 30px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.5px;
  }

.gl-content p {
  color: var(--six-text-color);
  }

/* footer */
.footer {
  position: relative;
  padding: 240px 0 80px;
  color: var(--quaternary-text-color);
  background: var(--seven-background-color);
  z-index: 4;
  }

.footer:before {
  position: absolute;
  display: block;
  width: 412px;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/bg/footer-dec-left.png) center no-repeat;
  background-size: 100%;
  content: "";
  }

.footer:after {
  position: absolute;
  display: block;
  width: 412px;
  height: 100%;
  top: 0;
  right: 0;
  background: url(../img/bg/footer-dec-right.png) center no-repeat;
  background-size: 100%;
  content: "";
  }

/* footer__top-panel */
.footer__top-panel {
  position: relative;
  margin: 0 0 80px;
  z-index: 2;
  }

/* footer__top-col */
.footer__top-col {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 30px;
  margin: 0 0 80px;
  }

.footer__right-col {
  display: flex;
  align-items: center;
  gap: 0 30px;
  }

/* address */
.footer .address__text {
  color: var(--tertiary-text-color);
  }

/* mail */
.footer .mail__text {
  color: var(--tertiary-text-color);
  }

/* phone-number */
.phone-number {
  display: flex;
  align-items: center;
  gap: 0 10px;
  }

.phone-number__icon {
  flex-shrink: 0;
  width: 22px;
  }

.phone-number__icon img {
  width: 100%;
  }

.phone-number__text {
  color: var(--tertiary-text-color);
  font-size: 16px;
  font-family: var(--tertiary-font-family);
  line-height: 20px;
  }

.phone-number__text:hover {
  color: var(--tertiary-text-color);
  }

/* logo */
.footer__top-col .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }

.footer .logo__text {
  color: var(--quaternary-text-color);
  }

/* footer__nav */
.footer__nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 40px;
  }

.footer__nav li {
  font-size: 18px;
  line-height: 24px;
  list-style: none;
  }

.footer__nav a {
  color: var(--quaternary-text-color);
  transition: .3s opacity;
  }

.footer__nav a:hover {
  opacity: 0.7;
  }

/* footer__bottom-panel */
.footer__bottom-panel {
  position: relative;
  z-index: 2;
  }

/* footer__bottom-col */
.footer__bottom-col {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  }

/* copy */
.copy {
  color: var(--tertiary-text-color);
  font-size: 16px;
  line-height: 22px;
  }

.copy span {
  font-family: var(--tertiary-font-family);
  }

/* social */
.social {
  display: flex;
  gap: 0 10px;
  }

.footer__bottom-col .social {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }

.social__item {
  display: block;
  padding: 12px;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  transition: .3s background;
  }

.social__item:hover {
  background: rgba(255, 255, 255, 0.07);
  }

/* footer__link */
.footer__link {
  color: var(--tertiary-text-color);
  font-size: 16px;
  line-height: 22px;
  }

.footer__link:hover {
  color: var(--quaternary-text-color);
  }

/* support */
.support {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 99;
  }

/* support__dropdown */
.support__dropdown {
  position: absolute;
  padding: 15px;
  width: 240px;
  right: 0;
  bottom: 60px;
  visibility: hidden;
  opacity: 0;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.1);
  transition: .3s all;
  }

.support__dropdown.show {
  bottom: 75px;
  visibility: visible;
  opacity: 1;
  }

.support-list {
  display: flex;
  flex-direction: column;
  gap: 5px 0;
  } 

.support-list__item a {
  display: flex;
  align-items: center;
  padding: 10px;
  gap: 0 10px;
  background: var(--eight-background-color);
  border-radius: 5px;
  transition: .3s opacity;
  }

.support-list__item a:hover {
  opacity: 0.8;
  }

.support-list__icon {
  padding: 8px;
  width: 30px;
  height: 30px;
  background: var(--fifth-background-color);
  border-radius: 100%;
  }

.support-list__icon img {
  width: 100%;
  }

.support-list__text {
  display: block;
  font-size: 14px;
  line-height: 18px;
  }

/* support__online-dec */
.support__online-dec {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 4px;
  right: 4px;
  background: var(--secondary-icon-color);
  border-radius: 100%;
  z-index: 3;
  }

/* support__main-icon */
.support__main-icon {
  position: relative;
  padding: 17px;
  width: 60px;
  height: 60px;
  background: var(--fifth-background-color);
  border-radius: 100%;
  cursor: pointer;
  z-index: 2;
  }

.support__main-icon:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/icons/close-icon.png) center no-repeat;
  background-size: 18px;
  opacity: 0;
  content: "";
  transition: .3s opacity;
  }

.support__main-icon.active:before {
  opacity: 1;
  }

.support__main-icon img {
  width: 100%;
  transition: .3s opacity;
  }

.support__main-icon.active > img {
  opacity: 0;
  }

.support__main-icon.active + .support__pulsation {
  display: none;
  }  

/* support__pulsation */
.support__pulsation {
  position: absolute;
  margin: -50px 0 0 -50px;
  width: 100px;
  height: 100px;
  left: 50%;
  top: 50%;
  background: #007aff;
  border-radius: 100%;
  animation-duration: 2s;
  animation: pulse-ring 2s infinite;
  }

.support__pulsation {
  animation-duration: 2s;
  }

@keyframes pulse-ring {
  0% {
    transform: scale(0.33);
    }
  80%, 100% {
    opacity: 0;
    }
  }

/* fancybox__container */
.fancybox__container {
  max-width: 100% !important;
  }

/* m-overlay */
.m-overlay {
  position: absolute;
  display: none;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgb(0, 0, 0, 0.5);
  z-index: 98;
  }