/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

/* Don't kill focus outline for keyboard users: http://24ways.org/2009/dont-lose-your-focus */
a:hover, a:active {
  outline: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*=============== VARIABLES CSS ===============*/
:root {
  /*========== Colors ==========*/
  /* color mode */
  --white-color: #FFFFFF;
  --dark-color:#1A191D;
  --gray-color: #999999;
  --green-color:#01AC6A;
  /*========== Font and typography ==========*/
  --body-font: "Inter", sans-serif;
  --title-font: "Montserrat", sans-serif;
  --h1-font-size: 3rem;
  --h2-font-size: 2rem;
  --h3-font-size: 1.5rem;
  --h4-font-size: 1.25rem;
  --normal-font-size: 1rem;
  --small-font-size: .875rem;
  /*========== Font weight ==========*/
  --font-regular: 400;
  --font-medium: 500;
  --font-semi-bold: 600;
  --font-bold: 700;
  /*========== z index ==========*/
  --z-tooltip: 10;
  --z-fixed: 100;
  --screen-xl-min:1200px;
}
@media (max-width: 1170px) {
  :root {
    --h1-font-size: 2.3rem;
    --h2-font-size: 1.7rem;
    --line-height-regular: 24px;
  }
}

* {
  box-sizing: border-box;
  outline: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

:active,
:hover,
:focus {
  outline: 0;
  outline-offset: 0;
}

body {
  font-family: var(--body-font);
  overflow-x: hidden;
}

h1 {
  font-family: var(--title-font);
  font-weight: var(--font-semi-bold);
  font-size: var(--h1-font-size);
  color: var(--white-color);
  line-height: 56px;
}
h1 span {
  color: var(--green-color);
}

h2 {
  font-family: var(--title-font);
  font-weight: var(--font-semi-bold);
  font-size: var(--h2-font-size);
  color: var(--dark-color);
  line-height: 40px;
  margin-bottom: 32px;
}
h2 span {
  color: var(--green-color);
}

h3 {
  font-family: var(--title-font);
  font-weight: var(--font-semi-bold);
  font-size: var(--h3-font-size);
  color: var(--dark-color);
  line-height: 32px;
}
h3 span {
  color: var(--green-color);
}

h4 {
  font-family: var(--title-font);
  font-weight: var(--font-semi-bold);
  font-size: var(--h4-font-size);
  color: var(--dark-color);
  line-height: 24px;
}
h4 span {
  color: var(--green-color);
}

p, li {
  font-weight: var(--font-regular);
  font-size: var(--normal-font-size);
  color: var(--white-color);
  line-height: 24px;
}

.tel::before {
  content: "";
  background-repeat: no-repeat;
  width: 11px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.75607 6.02259L5.82876 5.03866C6.42965 4.48749 6.63578 3.62671 6.34972 2.86314L5.89134 1.63961C5.53622 0.691712 4.50498 0.183638 3.537 0.479677C1.8208 1.00454 0.501807 2.59932 0.90788 4.49391C1.17493 5.73986 1.68549 7.30376 2.6539 8.96851C3.62397 10.6361 4.73182 11.8689 5.68148 12.7335C7.11591 14.0394 9.16609 13.7128 10.4851 12.483C11.2189 11.7989 11.2939 10.6619 10.6562 9.88739L9.81565 8.86631C9.29741 8.23679 8.44889 7.98492 7.67111 8.22972L6.28266 8.66673C6.22926 8.61185 6.16741 8.54623 6.09994 8.471C5.87181 8.21665 5.58645 7.86016 5.34646 7.44448C5.10647 7.02881 4.94042 6.60344 4.83421 6.2787C4.8028 6.18266 4.7769 6.09628 4.75607 6.02259Z' fill='%2301AC6A'/%3e%3c/svg%3e ");
}

.mail::before {
  content: "";
  background-repeat: no-repeat;
  width: 12px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 0C0.895431 0 0 0.895431 0 2V2.2013L6.0001 5.43212L12 2.20141V2C12 0.895431 11.1046 0 10 0H2ZM12 3.33716L6.23715 6.44024C6.08916 6.51992 5.91104 6.51992 5.76305 6.44024L0 3.33706V8C0 9.10457 0.895431 10 2 10H10C11.1046 10 12 9.10457 12 8V3.33716Z' fill='%2301AC6A'/%3e%3c/svg%3e ");
}

ol {
  counter-reset: ordered;
}
ol li {
  padding-left: 40px;
  position: relative;
}
ol li p {
  color: var(--dark-color);
  opacity: 0.7;
}
ol li::before {
  content: counter(ordered) ".";
  counter-increment: ordered;
  display: inline-block;
  font-weight: var(--font-semi-bold);
  font-size: var(--h2-font-size);
  color: var(--green-color);
  line-height: 40px;
  position: absolute;
  left: 0px;
  opacity: 1;
}

.card-1 {
  width: calc(50% - 120px);
}

.card-2 {
  width: 50%;
}

.btn-arrow::after {
  content: "";
}

.black-bg {
  background: var(--dark-color);
}
.black-bg p {
  color: rgba(255, 255, 255, 0.699);
}
.black-bg h2, .black-bg h3, .black-bg h4 {
  color: var(--white-color);
}

.price {
  font-weight: var(--font-bold);
  font-size: var(--h1-font-size);
  color: var(--green-color);
  line-height: 53px;
  margin-right: 5px;
}
.price span {
  font-size: 18px;
  line-height: 20px;
}

.price-through {
  font-weight: var(--font-regular);
  font-size: 16px;
  color: #999999;
  line-height: 19px;
  text-decoration: line-through;
}

.container {
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 20px;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.a-c {
  align-items: center;
}

.j-c {
  justify-content: space-between;
}

.main-banner {
  height: 100vh;
}

.header {
  position: fixed;
  width: 100%;
  z-index: 100;
  padding: 24px 0px;
  background: var(--dark-color);
  border-bottom: 1px solid rgba(255, 255, 255, 0.103);
}
.header .header-btn {
  gap: 30px;
}
.header .header-btn__contact {
  padding: 12px 24px;
  background: transparent;
  color: var(--white-color);
  font-size: var(--normal-font-size);
  line-height: 115%;
  font-weight: var(--font-medium);
  cursor: pointer;
  font-family: var(--title-font);
}
.header .header-btn__portfolio {
  padding: 12px 24px;
  background: var(--white-color);
  color: var(--dark-color);
  font-size: var(--normal-font-size);
  line-height: 115%;
  font-weight: var(--font-medium);
  cursor: pointer;
  font-family: var(--title-font);
}

.main-banner {
  overflow: hidden;
  background: var(--dark-color);
  position: relative;
}
.main-banner__bg {
  height: 120%;
  position: absolute;
  top: -40px;
  right: -23%;
  transform: rotate(-5deg);
  pointer-events: none;
}
.main-banner__container {
  height: 100%;
  align-items: center;
}
.main-banner .info p {
  opacity: 0.7;
  width: 60%;
  margin: 24px 0px 32px 0px;
}
.main-banner .info a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: var(--green-color);
  color: var(--white-color);
  font-size: var(--normal-font-size);
  line-height: 115%;
  font-weight: var(--font-medium);
  cursor: pointer;
  font-family: var(--title-font);
}

.questions {
  padding: 140px 0px;
  border-bottom: 1px solid rgba(26, 30, 36, 0.2);
}
.questions .container div li:not(:last-child) {
  margin-bottom: 34px;
}

.useful {
  padding: 140px 0px;
}
.useful__cards {
  gap: 20px;
  padding-top: 40px;
}
.useful__cards div {
  flex: 33%;
  overflow: hidden;
  position: relative;
  padding: 32px;
  border: 1px solid rgba(26, 30, 36, 0.2117647059);
}
.useful__cards div h4 {
  margin: 20px 0px;
}
.useful__cards div p {
  color: var(--dark-color);
  opacity: 0.7;
}
.useful__cards div .bg {
  position: absolute;
  bottom: 0px;
  right: 0;
  opacity: 0.1;
  z-index: 1;
  font-weight: var(--font-bold);
  font-size: 160px;
  color: #BDBDBD;
  line-height: 160px;
}

.list-product {
  padding: 140px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.list-product ol li {
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 0px;
}
.list-product ol li:first-child {
  padding-bottom: 24px;
}
.list-product ol li:not(:first-child) {
  padding: 24px 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.103);
}
.list-product ol li::before {
  position: relative;
  color: var(--white-color);
}

.slider-product {
  padding: 140px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.slider-product .arrows {
  gap: 24px;
}
.slider-product .swiper-product h2 {
  margin-bottom: 0px;
}
.slider-product .swiper-product .swiper-header {
  margin-bottom: 32px;
}
.slider-product .swiper-product-prev, .slider-product .swiper-product-next {
  cursor: pointer;
}
.slider-product .swiper-product-slide {
  border: 1px solid rgba(255, 255, 255, 0.137);
  padding: 32px;
  height: 380px;
}
.slider-product .swiper-product-slide h3 {
  margin-bottom: 24px;
}
.slider-product .swiper-product-slide p {
  margin: 32px 0px;
}
.slider-product .swiper-product-slide li {
  color: #B9B9B9;
}
.slider-product .swiper-product-slide li:not(:last-child) {
  margin-bottom: 8px;
}
.slider-product .swiper-product-slide .button {
  display: inline-block;
  padding: 12px 24px;
  background: var(--green-color);
  color: var(--white-color);
  font-size: var(--normal-font-size);
  line-height: 115%;
  font-weight: var(--font-medium);
  cursor: pointer;
  font-family: var(--title-font);
}

.about {
  padding: 140px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.about .info {
  margin-bottom: 50px;
}
.about .info p {
  width: 40%;
}
.about .cards div {
  padding: 32px;
  border-left: 1px solid #48474A;
}
.about .cards div .number {
  display: block;
  font-weight: var(--font-bold);
  font-size: var(--h1-font-size);
  color: var(--green-color);
  line-height: 53px;
  margin-bottom: 32px;
}
.about .cards div p {
  color: #ffffff;
}

.clients {
  padding: 140px 0px;
}
.clients h2 {
  margin-bottom: 130px;
}
.clients .swiper-clients-slide {
  padding: 80px 0;
}
.clients .swiper-clients-slide img {
  height: 60px;
  width: 100px;
  display: block;
  margin: auto;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
}

.portfolio {
  padding: 140px 0px;
}
.portfolio .card {
  border-bottom: 1px solid rgba(26, 30, 36, 0.1921568627);
  padding: 30px 0px;
}
.portfolio .card .info {
  width: calc(50% - 85px);
}
.portfolio .card .info h3 {
  margin-bottom: 24px;
}
.portfolio .card .info p {
  color: rgba(26, 30, 36, 0.6705882353);
  margin-bottom: 24px;
}
.portfolio .card .info .buttons {
  gap: 10px;
}
.portfolio .card .info .buttons .buy {
  display: inline-block;
  padding: 12px 24px;
  background: var(--green-color);
  color: var(--white-color);
  font-size: var(--normal-font-size);
  line-height: 115%;
  font-weight: var(--font-medium);
  cursor: pointer;
  font-family: var(--title-font);
}
.portfolio .card .info .buttons .online {
  gap: 10px;
  padding: 12px 24px;
  background: transparent;
  color: var(--dark-color);
  font-size: var(--normal-font-size);
  line-height: 115%;
  font-weight: var(--font-medium);
  cursor: pointer;
  font-family: var(--title-font);
}
.portfolio .card img {
  width: 50%;
}

.services {
  padding-bottom: 140px;
}
.services .grid {
  grid-template-rows: 120px 120px 120px;
  grid-template-columns: 90px 90px 90px;
  gap: 30px;
}
.services .grid div:last-child {
  justify-content: center;
}
.services .grid div {
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.services .grid div span {
  margin-top: 8px;
}
.services .card-2 h3 {
  margin-bottom: 32px;
}
.services .card-2 h4 {
  margin-bottom: 8px;
}
.services .card-2 li:not(:last-child) {
  margin-bottom: 24px;
}

.gifts {
  padding: 140px 0px;
}
.gifts .icon {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--green-color);
}
.gifts .card-1 p {
  margin-bottom: 32px;
}
.gifts .card-1 a {
  display: inline-block;
  padding: 12px 24px;
  background: #fff;
  color: var(--dark-color);
  font-size: var(--normal-font-size);
  line-height: 115%;
  font-weight: var(--font-medium);
  cursor: pointer;
  font-family: var(--title-font);
}
.gifts .card-2 span {
  color: var(--green-color);
}
.gifts .card-2 p {
  color: #fff;
}
.gifts .card-2 .box {
  gap: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.137);
}
.gifts .card-2 .box .icon {
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
}
.gifts .card-2 .box h4 {
  margin-bottom: 4px;
}
.gifts .card-2 .box p {
  margin-bottom: 8px;
}
.gifts .card-2 .box span {
  display: flex;
  align-items: center;
  gap: 10px;
}
.gifts .card-2 .box span::before {
  content: "";
  width: 25px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.734 6.4739C19.5746 5.66765 18.8809 4.98328 18.0559 4.82859C17.9012 4.80046 16.598 4.78171 14.6387 4.78171H11.4746L11.9059 4.3364C12.2152 4.01765 12.3793 3.80671 12.4777 3.59109C13.0637 2.33953 12.4074 0.975465 11.0621 0.62859C10.5652 0.502028 9.94648 0.600465 9.49648 0.881715C9.11211 1.12546 5.37148 4.30359 5.20742 4.5239C5.11836 4.65046 4.89805 5.02078 4.71523 5.3489C4.53711 5.67703 4.34023 6.00046 4.28398 6.06609L4.17617 6.18796H3.0793C2.4793 6.18796 1.87461 6.2114 1.73398 6.23484C0.890234 6.39421 0.210547 7.0739 0.0511719 7.91765C-0.0144531 8.25515 -0.0144531 13.9645 0.0511719 14.302C0.210547 15.1458 0.890234 15.8255 1.73398 15.9848C1.87461 16.0083 2.34805 16.0317 2.78867 16.0317C3.2293 16.0317 3.66523 16.0551 3.7543 16.0786C3.84805 16.102 4.2043 16.3317 4.54648 16.5895C4.89336 16.8473 5.27305 17.1098 5.39492 17.1755C5.87305 17.4333 5.91055 17.438 9.14961 17.438C10.9824 17.438 12.2293 17.4192 12.384 17.3911C13.2559 17.227 13.9309 16.5286 14.0762 15.638C14.123 15.3473 14.0949 14.9817 13.9965 14.6489C13.973 14.5692 14.0152 14.5364 14.2684 14.4239C15.4543 13.9083 15.8715 12.4317 15.1402 11.3255L14.9949 11.1098L15.1402 10.8942C15.4543 10.4208 15.5715 9.78327 15.459 9.20202L15.4168 9.00046H16.6121C17.2684 9.00046 17.9152 8.97702 18.0559 8.95359C19.1996 8.73327 19.959 7.61765 19.734 6.4739ZM18.2809 7.21921C18.2246 7.31765 18.1027 7.43953 18.0043 7.49578C17.8309 7.59421 17.798 7.59421 14.8449 7.59421C11.948 7.59421 11.8543 7.5989 11.6762 7.68796C11.4652 7.79578 11.3012 8.06296 11.3012 8.29734C11.3012 8.52234 11.4559 8.78015 11.6668 8.89734C11.8402 8.99577 11.9105 9.00046 12.7027 9.00046C13.6918 9.00046 13.8512 9.04734 14.0199 9.37546C14.1418 9.60984 14.1371 9.8114 14.0152 10.0317C13.8277 10.3645 13.6824 10.4067 12.7121 10.4067C11.723 10.4067 11.5637 10.4536 11.3949 10.7817C11.2168 11.1333 11.3293 11.5176 11.6668 11.7098C11.8402 11.8083 11.9105 11.813 12.7027 11.813C13.6918 11.813 13.8512 11.8598 14.0199 12.188C14.1418 12.4223 14.1371 12.6239 14.0152 12.8442C13.8277 13.177 13.6824 13.2192 12.7121 13.2192C11.9527 13.2192 11.8402 13.2286 11.6762 13.313C11.4652 13.4208 11.3012 13.688 11.3012 13.9223C11.3012 14.2692 11.6574 14.6255 11.9996 14.6255C12.3605 14.6255 12.7074 14.9723 12.7074 15.3333C12.7074 15.5442 12.5387 15.8161 12.3324 15.9333C12.159 16.0317 12.1215 16.0317 9.25742 16.0317C7.52305 16.0317 6.29023 16.013 6.1918 15.9848C6.10273 15.9614 5.78867 15.7598 5.49336 15.5395C4.34492 14.677 4.30742 14.663 2.95742 14.6301C1.7668 14.5973 1.66836 14.5739 1.49961 14.2411C1.41523 14.077 1.41055 13.927 1.41055 11.1098C1.41055 8.24109 1.41523 8.14734 1.5043 7.96921C1.56523 7.84734 1.66367 7.7489 1.78555 7.68796C1.9543 7.60359 2.05742 7.59421 3.11211 7.59421C4.38242 7.59421 4.64492 7.55671 5.00117 7.30828C5.2918 7.1114 5.52617 6.79734 5.91055 6.09421C6.09336 5.75671 6.29492 5.4239 6.36055 5.34421C6.52461 5.15203 10.134 2.13328 10.3121 2.04421C10.8699 1.75359 11.5121 2.40046 11.2262 2.96765C11.184 3.05203 10.7105 3.56296 10.1762 4.10203C9.6418 4.64578 9.17773 5.13328 9.14961 5.18953C9.06055 5.36296 9.08867 5.69109 9.20586 5.86453C9.43086 6.20671 9.16367 6.18796 13.7293 6.18796C17.7371 6.18796 17.8262 6.18796 18.0043 6.28171C18.3465 6.45515 18.473 6.88171 18.2809 7.21921Z' fill='%2301AC6A'/%3e%3c/svg%3e ");
}
.gifts .card-2 .box:first-child {
  padding-bottom: 32px;
}
.gifts .card-2 .box:last-child {
  border-bottom: none;
}
.gifts .card-2 .box:not(:first-child) {
  padding: 32px 0px;
}

.contact {
  position: relative;
  padding: 140px 0px;
}
.contact .bg {
  position: absolute;
  pointer-events: none;
  top: 0px;
  right: 0;
  z-index: -1;
  height: 100%;
}
.contact .card-1 p {
  color: var(--dark-color);
  opacity: 0.7;
  margin-bottom: 24px;
}
.contact .card-1 li {
  margin-bottom: 8px;
}
.contact .card-1 li a {
  gap: 10px;
  font-weight: var(--font-regular);
  font-size: var(--normal-font-size);
  color: var(--dark-color);
  line-height: 24px;
}
.contact .form {
  background: #fff;
  box-shadow: 0px 15px 30px rgba(26, 30, 36, 0.15);
  padding: 40px;
  max-width: 500px;
}
.contact .form label {
  display: block;
  margin-bottom: 8px;
  font-weight: var(--font-regular);
  font-size: var(--normal-font-size);
  color: var(--dark-color);
  line-height: 24px;
}
.contact .form input, .contact .form textarea {
  width: 100%;
  padding: 8px 0px;
  border: none;
  border-bottom: 1px solid rgba(54, 54, 54, 0.2196078431);
  resize: vertical;
  font-family: var(--body-font);
}
.contact .form__box {
  margin-bottom: 32px;
}
.contact .form .error {
  color: red;
}
.contact .form label.error {
  margin-top: 10px;
}
.contact .form input::-moz-placeholder {
  font-family: var(--body-font);
  opacity: 0.5;
  font-weight: var(--font-regular);
  font-size: var(--normal-font-size);
  color: var(--dark-color);
  line-height: 24px;
}
.contact .form input:-ms-input-placeholder {
  font-family: var(--body-font);
  opacity: 0.5;
  font-weight: var(--font-regular);
  font-size: var(--normal-font-size);
  color: var(--dark-color);
  line-height: 24px;
}
.contact .form input::placeholder {
  font-family: var(--body-font);
  opacity: 0.5;
  font-weight: var(--font-regular);
  font-size: var(--normal-font-size);
  color: var(--dark-color);
  line-height: 24px;
}
.contact .form textarea::-moz-placeholder {
  font-family: var(--body-font);
  opacity: 0.5;
  font-weight: var(--font-regular);
  font-size: var(--normal-font-size);
  color: var(--dark-color);
  line-height: 24px;
}
.contact .form textarea:-ms-input-placeholder {
  font-family: var(--body-font);
  opacity: 0.5;
  font-weight: var(--font-regular);
  font-size: var(--normal-font-size);
  color: var(--dark-color);
  line-height: 24px;
}
.contact .form textarea::placeholder {
  font-family: var(--body-font);
  opacity: 0.5;
  font-weight: var(--font-regular);
  font-size: var(--normal-font-size);
  color: var(--dark-color);
  line-height: 24px;
}
.contact .form button {
  border: none;
  padding: 12px 24px;
  background: var(--green-color);
  color: #fff;
  font-size: var(--normal-font-size);
  line-height: 115%;
  font-weight: var(--font-medium);
  cursor: pointer;
  font-family: var(--title-font);
}
.contact .form .done {
  margin-bottom: 20px;
  display: none;
}
.contact .form .done p {
  color: red;
}
.contact .form .done-active {
  display: block !important;
}

.footer {
  padding: 80px 0px 32px 0px;
}
.footer .social {
  gap: 50px;
  margin-top: 65px;
}
.footer .social a {
  position: relative;
  font-family: var(--title-font);
  font-weight: var(--font-semi-bold);
  font-size: var(--h3-font-size);
  color: var(--white-color);
  line-height: 32px;
}
.footer .social a::before {
  content: "/";
  color: var(--green-color);
}
.footer .card-2 {
  flex-direction: column;
  justify-content: space-between;
}
.footer .card-2 .contact-num {
  flex-direction: column;
  justify-content: space-between;
}
.footer .card-2 .contact-num a {
  font-family: var(--title-font);
  font-weight: var(--font-semi-bold);
  font-size: var(--h3-font-size);
  color: var(--white-color);
  line-height: 32px;
}
.footer .card-2 .spektr p {
  margin-bottom: 5px;
}
.footer .card-2 .spektr a {
  font-family: var(--title-font);
  font-weight: var(--font-semi-bold);
  font-size: var(--h3-font-size);
  color: var(--white-color);
  line-height: 32px;
}
.footer .card-2 .spektr a::before {
  content: "/";
  color: var(--green-color);
}
.footer .copyright {
  padding-top: 32px;
}

.swiper-wrapper {
  transition-timing-function: linear !important;
}

@media (max-width: 1000px) {
  h1 {
    line-height: 48px;
  }
  .card-1, .card-2 {
    width: 100%;
  }
  .main-banner__container {
    position: relative;
  }
  .main-banner__bg {
    height: 60%;
    position: absolute;
    top: inherit;
    bottom: -150px;
    right: -33%;
    transform: rotate(-5deg);
    pointer-events: none;
  }
  .main-banner .info p {
    width: 100%;
  }
  .questions .container {
    flex-direction: column;
    gap: 40px;
  }
  .useful__cards {
    flex-direction: column;
  }
  .about .info p {
    width: 100%;
  }
  .about .cards {
    flex-direction: column;
    gap: 20px;
  }
  .about .cards div {
    border: 1px solid #48474A;
  }
  .list-product .container {
    gap: 40px;
    flex-direction: column;
  }
  .portfolio .card {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }
  .portfolio .card .info {
    width: 100%;
  }
  .portfolio .card img {
    width: 100%;
  }
  .services .grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .services__card {
    flex-direction: column;
    gap: 40px;
  }
  .gifts .container {
    flex-direction: column;
    gap: 70px;
  }
  .contact .bg {
    display: none;
  }
  .contact .form {
    max-width: 100%;
  }
  .contact .container {
    flex-direction: column;
    gap: 60px;
  }
  .footer .cards {
    flex-direction: column;
    gap: 60px;
  }
  .footer .card-2 {
    gap: 60px;
  }
}
@media (max-width: 700px) {
  .header {
    position: absolute;
  }
  .main-banner {
    height: calc(100vh - 85px);
  }
  .header-btn {
    position: fixed;
    display: flex;
    background: #1a191d;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    bottom: 0;
    left: 0;
    padding: 24px 0px;
    z-index: 3;
    box-shadow: 0px 0px 10px rgba(54, 54, 54, 0.12);
  }
  .slider-product .container {
    padding: 0px;
  }
  .slider-product .arrows {
    display: none;
  }
  .slider-product .swiper-header {
    padding: 0 20px;
  }
  .slider-product .swiper-product-wrapp {
    margin-left: 20px;
  }
  .slider-product .swiper-product-slide {
    padding: 20px;
  }
  .footer {
    padding-bottom: 100px;
  }
  .footer .social {
    gap: 10px;
    align-items: flex-start;
    flex-direction: column;
  }
  .footer .copyright {
    gap: 10px;
    flex-direction: column;
    text-align: center;
  }
}
@media (hover: hover) {
  .swiper-product-prev svg:hover {
    fill: rgba(255, 255, 255, 0.1);
  }
  .swiper-product-next svg:hover {
    fill: rgba(255, 255, 255, 0.1);
  }
  .green-btn:not([disabled]):hover {
    transition: all 0.3s ease-in-out;
    background: #0ad989 !important;
  }
  .green-link:not([disabled]):hover {
    transition: all 0.3s ease-in-out;
    color: var(--green-color) !important;
  }
  .green-link:not([disabled]):hover svg path {
    fill: var(--green-color) !important;
  }
  .white-btn:not([disabled]):hover {
    transition: all 0.3s ease-in-out;
    background: #e5e5e5 !important;
  }
}/*# sourceMappingURL=main.css.map */