@font-face {
  font-family: 'Century Gothic';
  src: url('../fonts/CenturyGothic.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Century Gothic';
  src: url('../fonts/CenturyGothic-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trajan Pro 3';
  src: url('../fonts/TrajanPro3Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-base: 'Century Gothic', sans-serif;
  --font-accent: 'Trajan Pro 3', serif;
  --color-primary: #000000;
  --color-secondary: #ffffff;
  --color-third: #F4F4F4;
  --color-green: #748059;
  --bg-color-primary: #4B4B4B;
  --bg-color-secondary: #748059;
  --border-color-primary: #F4F4F4;
}

html {
  box-sizing: border-box;
  font-size: 16px;
  color: var(--color-primary);
  scroll-behavior: smooth;
}

*, 
*::before,
*::after {
  box-sizing: inherit;
  font-size: inherit;
  line-height: inherit
}
body {
  font-family: var(--font-base);
  font-size: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  max-width: 1920px;
  margin: 0 auto;
  background-color: #F0F0F0;

}
body.menu-open {
  overflow: hidden;
  position: relative;
}
body.menu-open:after {
  content: '';
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .5);
  z-index: 1111;
}
/*
body.video-play {
  overflow: hidden;
}*/

button,
input,
select,
textarea {
  font-family: inherit;
  background: transparent;
  border: unset;
  outline: unset;
  border-radius: 0;
}

button {
  padding: 0;
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}
video,
img {
  display: block;
  max-width: 100%;
  height: auto;
}

h1,h2,h3,h4,h5,h6 {
  font-family: var(--font-accent);
  font-weight: normal;
  margin: 0;
  font-weight: 400;
  line-height: 1.1;
  color: var(--color-primary);
}

h1,h2 {
  font-size: 50px;
}

ul, ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

p {
  margin: 0;
}

p + p {
  margin-top: 16px;
}

@media (max-width: 1080px) {
  h1,h2 {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  h1,h2 {
    font-size: 24px;
  }
}


/* ========================== Global Styles ========================== */

.main-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 55px;
  min-width: 300px;
  padding: 0 24px;
  font-size: 18px;
  line-height: 1.1;
  border-radius: 8px;
}

.main-btn.grey {
  background-color: var(--bg-color-primary);
  color: var(--color-secondary);
}
.main-btn.grey:hover,
.main-btn.green {
  background-color: var(--bg-color-secondary);
  color: var(--color-secondary);
}

.container {
  max-width: 1685px;
  margin: 0 auto;
  padding: 0 15px;
}

.heading-title {
  position: relative;
  z-index: 1;
  font-family: var(--font-accent);
  line-height: 1.1;
  text-align: center;
  color: var(--color-primary);
  margin-bottom: 40px;
}
@media (max-width: 1080px) {
  .heading-title {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  .main-btn {
    min-height: 42px;
    font-size: 14px;
  }

}
/* ========================== Burger Menu ========================== */
.burger-menu-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: -320px;
  max-width: 0;
  width: 100%;
  background: #F5F5F5;
  box-shadow: 5px 4px 19.6px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: opacity .4s, left .4s ease;
  z-index: -1111;
}

.menu-open .burger-menu-wrapper {
  height: 100vh;
  overflow-y: auto;
  left: 0;
  max-width: 320px;
  visibility: visible;
  opacity: 1;
  z-index: 11111;
  padding: 20px
}
.burger-menu-wrapper__menu {
  margin-top: 35px;
}
.burger-menu-wrapper__menu,
.burger-menu-wrapper__contacts {
  padding: 20px 0;
  flex-direction: column;
  gap: 24px 0;
}

.burger-menu-wrapper__contacts li a {
  display: flex;
  align-items: center;
  gap: 0 15px;
}

.burger-menu-wrapper__contacts li a svg {
  height: 25px;

}

.burger-menu-wrapper__logo {
  display: block;
}

.burger-menu-wrapper__logo-img {
  max-width: 130px;
}

.burger-menu-wrapper__menu {
  border-bottom: 1px solid #4B4B4B;
}

@media (max-width: 768px) {
  .burger-menu-wrapper {
    display: block;
  }
}

/* ========================== Top nav ========================== */

.top-nav {
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  z-index: 111;
  color: var(--color-secondary);
  animation: NavDown 1.5s ease-in-out forwards;
  animation-delay: 6s;
}



.top-nav__main-block {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 7%;
  padding: 20px;
  min-height: 80px;
  border-radius: 100px;
  background-color: var(--bg-color-primary);
}

.top-nav__menu {
  gap: 0 40px;
}

.top-nav__menu li a {
  line-height: 1.1;
  position: relative;
  font-size: 1em;
}

.top-nav__menu li a:after {
  content: '';
  max-width: 0;
  width: 100%;
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  left: 0;
  bottom: -5px;
  background-color: var(--color-secondary);
  height: 1px;
  transition: max-width .3s ease-out;
}
.top-nav__menu li.current a:after,
.top-nav__menu li:hover a:after {
  visibility: visible;
  max-width: 100%;
  
}

.top-nav__contacts {
  display: flex;
  align-items: center;
  gap: 0 20px;
}

.top-nav .contacts__link {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-color-primary);
  color: var(--color-third);
}
.top-nav .contacts__link:hover {
  border-color: var(--color-green);
  color: var(--color-green);
}
.top-nav .contacts__link:hover *{
  color: inherit;
}

.top-nav .contacts__link.phone {
  padding: 0 16px;
  width: max-content;
  border-radius: 100px;
  line-height: 1;
  text-align: center;
}
.top-nav__burger-btn {
  display: none;
}
@media (max-width: 1336px) {
  .top-nav__main-block {
    gap: 0 10px;
    justify-content: space-between;
  }
}
@media(max-width: 1200px) {
  .top-nav__menu {
    gap: 0 20px;
  } 
}
@media(max-width: 1080px) {
  .top-nav__logo-img {
    max-width: 100px;
  }
  .top-nav__menu li a {
    font-size: .9em;
  }

  .top-nav .contacts__link.phone {
    display: none;
  }

  .top-nav__contacts {
    gap: 0 12px;
  }
  .top-nav .contacts__link {
    width: 36px;
    height: 36px;
  }

  .top-nav .contacts__link svg {
    width: 20px;
    height: 20px;
  }

  .top-nav__main-block {
    min-height: 60px;
    padding: 0 20px;
  }
  
}

@media (max-width: 768px) {
  .top-nav {
    background-color: var(--bg-color-primary);
  }
  .top-nav__menu {
    display: none;
  }
  .top-nav__main-block {
    padding: 0;
    background: transparent;
  }
  .top-nav__logo-img {
    height: 30px;
    width: auto;
    max-width: 100%;
  }
  .top-nav__burger-btn {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 5px 0;
    width: 24px;
    height: 20px;
  }
  .top-nav__burger-btn:before,
  .top-nav__burger-btn:after,
  .top-nav__burger-btn span {
    display: block;
    width: 100%;
    height: 1.4px;
    background-color: var(--color-secondary);
  }
  .top-nav__burger-btn:before,
  .top-nav__burger-btn:after {
    content: '';
  }

  body.open-menu .burger-btn {
    justify-content: center;
    position: relative;
  }
}
/* ========================== Mob Navbar ========================== */
.mob-navbar {
  display: none;
  position: fixed;
  bottom: -100px;
  left: 0;
  width: 100%;
  background: #FFFFFF;
  border-radius: 61px;
  padding: 30px 20px;
  z-index: 111;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  animation: mobNavbar 2s ease-in-out forwards;
  animation-delay: 5s;
  opacity: 0;
}

.mob-navbar__main-block {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 0 20px;
  
}

.mob-navbar__btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px 0;
}

.mob-navbar__btn * {
  color: #748059;
}

.mob-navbar__btn svg {
  height: 22px;
  width: auto;
}

.mob-navbar .btn__text {
  font-size: 14px;
  text-align: center;
  display: block;
}

@media (max-width: 768px) {
  .mob-navbar {
    display: block;
  }
}

/* ========================== Navbar ========================== */
.navbar {
  position: fixed;
  right: -80px;
  top: 80vh;
  z-index: 111;
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  opacity: 0;
  animation: navbarRight 2s ease-in-out forwards;
  animation-delay: 6s;
}

.navbar.open {
  gap: 0;
  top: 50vh;
}

.navbar__btn {
  border-radius: 50%;
  color: var(--color-secondary);
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-color-secondary);
}

.navbar__btn.has-text:hover {
  width: max-content;
  border-radius: 100px;
  background-color: #748059;
  padding: 0 16px;
  gap: 0 12px;
}

.navbar .btn__text {
  display: block;
  color: #FFFFFF;
  gap: 0 12px;
  font-size: 14px;
  line-height: 1.1;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  white-space: nowrap;
  
}

.navbar .btn.has-text:hover .btn__text {
  max-width: 500px;
  opacity: 1;
  visibility: visible;
  transition: max-width 1s ease-out, opacity 1s ease-out;
}
.navbar .phone-btn:hover .icon-phone use:first-child,
.navbar .icon-phone use:last-child {
  display: none;
}

.navbar .icon-phone use:first-child,
.navbar .phone-btn:hover .icon-phone use:last-child {
  display: block;
}

.navbar .icon-close {
  transform: scale(.8);
}

.navbar__btn.toggle-btn {
  position: relative;
  overflow: visible;
  max-height: 44px;
  opacity: 1;
}

.navbar.open .toggle-btn {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  max-height: 0;
  opacity: 0;
}

.navbar .close-btn {
  background-color: #949494;
}

.navbar__btn.toggle-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: var(--bg-color-secondary);
  z-index: -1;
  animation: pulse-btn 1.8s infinite;
}

.navbar__btn.toggle-btn:not(:hover) .icon {
  animation: bell-ring 1.8s infinite;
  transform-origin: top center;
}


.navbar__btn.toggle-btn:hover .icon {
  transform: scale(1.12);
  transition: 1.8s transform;
}


.navbar__btn:nth-child(2n) {
  background-color: var(--bg-color-primary);
}
.navbar .btn__icon {
  width: 20px;
  height: 20px;
}
.navbar__toggle-wrapper {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  visibility: hidden;
  overflow: hidden;
  width: 0;
  max-height: 0;
  opacity: 0;
}


.navbar.open .toggle-wrapper {
  gap: 10px 0;
  visibility: visible;
  width: auto;
  max-height: 500px;
  opacity: 1;
}

.navbar__toggle-wrapper .btn {
  opacity: 0;
  transition: opacity .35s ease;
  transition-delay: 0s;
}

.navbar.open .toggle-wrapper .btn {
  opacity: 1;
}

.navbar.open .toggle-wrapper .btn:nth-child(1) {
  transition-delay: .08s;
}

.navbar.open .toggle-wrapper .btn:nth-child(2) {
  transition-delay: .18s;
}

.navbar.open .toggle-wrapper .btn:nth-child(3) {
  transition-delay: .28s;
}

.navbar.open .toggle-wrapper .btn:nth-child(4) {
  transition-delay: .38s;
}

.navbar.open .toggle-wrapper .btn:nth-child(5) {
  transition-delay: .48s;
}

@media (max-width:768px) {

  .navbar {
    display: none;
  }
}

/* ========================== Production Section ========================== */

.production-sec__main-block {
  padding: 60px 0;
  display: flex;
  flex-direction: column;
}

.production-sec__groups {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px;
}

.production-sec__group {
  background: #F0F0F0;
  border: 1px solid #4B4B4B;
  border-radius: 24px;
  padding: 30px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}

.production-sec__group-head {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
.production-sec__group-icon {
  aspect-ratio: 1/1;
  width: 40px;
}
.production-sec__group-title {
  font-weight: 700;
  font-size: 28px;
  line-height: 1.1;
  color: var(--color-green);
  font-family: var(--font-base);
}
.production-sec__tags {
  flex-wrap: wrap;
  gap: 8px;
}
.production-sec__tag {
  cursor: pointer;
  width: max-content;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  height: 40px;
  border: 1px solid #4B4B4B;
  border-radius: 4px;
  font-size: .9em;
  text-align: center;
  line-height: 1.1;
  color: var(--color-primary);
}
.production-sec__tag:hover,
.production-sec__tag.active {
  background-color: var(--color-green);
  color: var(--color-secondary);
}
.production-sec__images {
  margin-top: 20px;
  display: grid;
  align-items: center;
  gap:0 20px;
  grid-template-columns: repeat(2,1fr);
}
.production-sec__description {
  display: none;
}

.production-sec__images.open .description {
  display: block;
  height: auto;
}
.production-sec__images.open .description * {
  font-family: 'Century Gothic', sans-serif;
}
.production-sec__description-title {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 28px;
  color: #748059;
}
.production-sec__description-text {
  font-size: 20px;
  line-height: 1.2;
  color: #000000;
}
.production-sec__image {
  aspect-ratio: 16/9;
  width: 100%;
  object-fit: cover;
  border: 1px solid #4B4B4B;
  border-radius: 24px;
}
@media (max-width:1200px) {
  .production-sec__groups {
    grid-template-columns: repeat(3,1fr);
  }

  .production-sec__group:last-child {
    grid-column: 1/4;
  }
}
@media (max-width:1080px) {
  .production-sec__groups {
    grid-template-columns: repeat(2,1fr);
  }

  .production-sec__group:last-child {
    grid-column: auto;
  }
}

@media (max-width:768px) {
  .production-sec__groups {
    gap: 20px 0;
    grid-template-columns: 1fr;
  }

  .production-sec__images {
    gap: 12px 0;
    grid-template-columns: 1fr;
  }
}
/* ========================== Footer ========================== */
.footer__main-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px 0;
  padding: 90px 0;
  overflow: hidden;
  position: relative;
}
.footer__leaf {
  position: absolute;
  top: -60px;
  right: 45px;
  z-index: 0;
  width: 415px;
  height: 621px;
  transform: rotate(54.97deg);
}
.footer__contacs-block {
  position: relative;
  z-index: 1;
  padding: 102px 110px;
  background: #F0F0F0;
  border: 1px solid #4B4B4B;
  border-radius: 24px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.footer .contacts-block__item {
  min-width: 200px;
  max-width: 280px;
}
.footer .contact-item__title {
  margin-bottom: 20px;
  color: #949494;
  font-size: 18px;
  line-height: 1.1;
}
.footer .contact-item__wrappers {
  display: flex;
  flex-direction: column;
  gap: 6px 0;
}
.footer .contact-item__text-wrapper {
  display: grid;
  align-items: center;
  grid-template-columns: 24px auto;
  gap: 0 10px;
}
.footer .contact-item__text {
  line-height: 1.1;
  font-size: 24px;
  color: var(--color-primary);
}
.footer .contact-item__text span {
  color: #949494;
}
.footer__menu-block {
  padding: 20px 0;
  display: flex;
  gap: 0 60px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.footer .menu-block__social {
  gap: 0 20px
}
.footer .menu-block__social li a {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--bg-color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer .menu-block__social li a svg {
  width: 26px;
  height: auto;
}
.footer .menu-block__menu {
  gap: 0 40px;
}
.footer__powered {
  font-size: 14px;
  line-height: 1.1;
  color: #949494;
  text-align: center;
}
.footer__logos-block {
  width: 100%;
  padding-bottom: 40px;
  border-bottom: 1px solid #4B4B4B;
}
.logos-block__logos-list {
  gap: 0 50px;
  align-items: center;
  justify-content: center;
  width: 100%;
}

@media (max-width:1200px) {
  .footer__contacs-block {
    padding: 60px
  }

  .footer__leaf {
    top: -90px;
  }
  .footer .contact-item__text {
    font-size: 20px;
  }
}
@media (max-width:1080px) {

  .footer .menu-block__menu {
    gap: 0 20px;
  }
  .footer__contacs-block {
    justify-content: flex-start;
    padding: 30px;
    gap: 30px 20px;
    flex-wrap: wrap;
  }

  .logos-block__logos-list {
    gap: 34px;
    flex-wrap: wrap;
  }

  .footer__main-block {
    padding-bottom: 40px;
  }


}

@media (max-width:768px) {
  .footer__menu-block {
    padding: 0;
    gap: 40px 0;
    align-items: center;
    flex-direction: column;

  }

  .footer .menu-block__menu {
    flex-direction: column;
    align-items: center;
    gap: 16px 0;
  }
  .footer__contacs-block {
    flex-direction: column;
    gap: 40px 0;
  }

  .footer__leaf {
    top: -40px
  }

}

/* ========================== Keyframes ========================== */
@keyframes pulse-btn {
  0% {
    transform: scale(1);
    opacity: .7;
  }

  70% {
    transform: scale(1.5);
    opacity: 0;
  }

  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes bell-ring {
  0% {
    transform: rotate(0deg) scale(1);
  }

  10% {
    transform: rotate(12deg) scale(1.08);
  }

  20% {
    transform: rotate(-12deg) scale(1.12);
  }

  30% {
    transform: rotate(10deg) scale(1.08);
  }

  40% {
    transform: rotate(-10deg) scale(1.05);
  }

  50% {
    transform: rotate(0deg) scale(1);
  }

  100% {
    transform: rotate(0deg) scale(1);
  }
}
/* ========================== Hero Keyframes ========================== */
@keyframes videoScale {
  from {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}

@keyframes heroTitleScale {
  from {
    opacity: 0;
    transform: scale(1.2) translateY(-70%);
  }

  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

@keyframes NavDown {
  from {
    opacity: 0;
    top: -100px;
  }
  to {
    opacity: 1;
    top: 30px;
  }
}

@keyframes mobNavbar {
  from {
    opacity: 0;
    bottom: -100px;
  }
  to {
    opacity: 1;
    bottom: 0;
  }
}


@keyframes videoNavUp {
  from {
    opacity: 0;
    bottom: -100px;
  }
  to {
    opacity: 1;
    bottom: 40px;
  }
}


@keyframes heroAfterOpacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes heroButtons {
  from {
    opacity: 0;
    transform: translateY(25vh);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
  
}

@keyframes logoOpacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes navbarRight {
  0% {
    opacity: 0;
    right: -80px;
  }
  30% {
    opacity: 1;
    right: -60px;
  }
  100% {
    opacity: 1;
    right: 24px;
  }
}

/* ========================== Hero ========================== */
.hero-sec {
  overflow: hidden; 
}
.hero-sec * {
  color: var(--color-secondary);
}
.hero-sec__poster,
.hero-sec__video {
  width: 100%;
  aspect-ratio: 16/9;
  transform: scale(1.1);
  animation: videoScale 1.5s ease-in-out forwards;
  animation-delay: 6s;
}



.hero-sec {
  position: relative;
}
.hero-sec:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 600px;
  background: linear-gradient(360deg, #121212 0%, rgba(18, 18, 18, 0) 100%);
  opacity: 0;
  animation: heroAfterOpacity .6s ease-in-out forwards;
  animation-delay: 6s;

}


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

.hero-sec .container,
.hero-sec__main-block {
  width: 100%;
  height: 100%;
  position: relative;
}
.hero-sec__logo-wrapper {
  position: absolute;
  top: 150px;
  right: 130px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0 20px;
  opacity: 0;
  
  animation: logoOpacity 1.5s ease-in-out forwards;
  animation-delay: 6s;
}
.hero-sec__logo-text {
  font-family: var(--font-accent);
  font-size: 18px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.1;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.hero-sec__logo {
  width: 100%;
  max-width: 120px;
}

.hero-sec__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 60px 0;
  padding-bottom: 100px;
}

.hero-sec__title {
  text-align: center;
  opacity: 0;
  transform: scale(1.1) translateY(-70%);
  animation: heroTitleScale 1s ease-in-out forwards;
  animation-delay: 6s;
}

.hero-sec__title span {
  font-size: inherit;
  font-family: var(--font-base);
}

.hero-sec__buttons-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 40px;
  transform: translateY(25vh);
  animation: heroButtons 2s ease-in-out forwards;
  animation-delay: 5s;
  opacity: 0;
}

.hero-sec__video-nav {
  display: flex;
  align-items: center;
  gap: 0 12px;
  position: absolute;
  right: 20px;
  bottom: -100px;
  opacity: 0;
  
  animation: videoNavUp 1s ease-in-out forwards;
  animation-delay: 6s;
}

.hero-sec .video-nav__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: rgba(116, 128, 89, 0.3);
}

.hero-sec .video-nav__btn.is-paused,
.hero-sec .video-nav__btn:hover {
  background: rgba(116, 128, 89, 1);

}
.hero-sec .video-nav__icon use {
  color: #748059;
}
.hero-sec .video-nav .btn.is-paused .icon use,
.hero-sec .video-nav .btn:hover .icon use {
  color: #FFFFFF;
}
@media (max-width: 1200px) {
  .hero-sec__poster, 
  .hero-sec__video {
    min-height: 100vh;
    object-fit: cover;
  }
}

@media (max-width: 1080px) {

  .hero-sec__logo {
    max-width: 90px;
  }
  .hero-sec__logo-wrapper {
    top: 120px;
    right: auto;
    left: 0;
  }

  .hero-sec__buttons-wrapper {
    gap: 20px;
  }

  .hero-sec__content {
    gap: 30px 0;
  }
}

@media (max-width: 768px) {
  .hero-sec__logo {
    max-width: 65px
  }

  .hero-sec__buttons-wrapper {
    max-width: 500px;
    gap: 10px 0;
  }

  .hero-sec__content {
    padding-bottom: 80px;
  }

  .hero-sec__btn {
    width: 100%;
    max-width: 100%;
  }
  .hero-sec__video-nav {
    bottom: 20px;
  }
  .hero-sec .video-nav__btn {
    width: 24px;
    height: 24px;
  }

  .hero-sec .video-nav__btn svg {
    width: 15px;
    height: 15px;
  }
}

/* ========================== About section ========================== */
.about-sec {
  margin-top: 120px;
  margin-bottom: 120px;
}
.about-sec__html {
  margin-top: 60px;
  margin-bottom: 60px;
}
.about-sec__html * {
  font-size: 28px;
  line-height: 1.1;
  color: var(--color-primary);

}
.about-sec__columns {
  display: grid;
  grid-template-columns: 1fr 900px;
}
.about-sec__img-wrapper {
  position: relative;
}

.about-sec__list {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.about-sec .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px 0;
  max-width: 280px;
  position: relative;
  z-index: 1; 
}

.about-sec .item:not(.item-last) {
  margin-left: auto;
  margin-right: auto;
}

.about-sec .list__item:nth-child(3) {
  display: none;
}

.about-sec .item__icon {
  width: 110px;
  aspect-ratio: 1/1;
}
.about-sec .item__text {
  font-size: 22px;
  line-height: 1.1;
  text-align: center;
}
.about-sec .item-last {
 position: relative;
 z-index: 2;
}

.about-sec .item-last .text {
  padding-right: 10px;
  padding-bottom: 10px;
}
.about-sec__img {
  border-radius: 24px;
  width: 100%;
  object-fit: cover;
}
.about-sec .img-1 {
  max-height: 600px;
}

.about-sec .img-2 {
  height: 100%;
  object-position: left;
  position: absolute;
  left: 0;
  top:0;
}

@media (max-width: 1440px) {
  .about-sec__columns {
    grid-template-columns: 1fr 51%;
  }
  .about-sec .item__text {
    font-size: 15px;
  }

  .about-sec .item {
    max-width: 230px;
  }
}

@media (max-width: 1080px) {
  .about-sec__columns {
    grid-template-columns: 1fr;
    gap: 70px 0;
  }

  .about-sec .img-1 {
    max-height: 100%;
    border-radius: 16px;
    max-height: 400px;
  }

  .about-sec__html * {
    font-size: 20px;
  }

  .about-sec .img-2 {
    position: unset;
    height: auto;
    width: 100%;
    object-fit: contain;
  }

  .about-sec .list {
    gap: 20px 60px;
  }

  .about-sec .item-last {
    display: none;
  }
  .about-sec .item {
    max-width: 100%;
  }
  .about-sec .list__item:nth-child(3) {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .about-sec {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .about-sec__html {
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .about-sec__html * {
    font-size: 16px;
  }

  .about-sec .list {
    grid-template-columns: 1fr;
    gap: 20px 0;
  }

  .about-sec .item {
    padding: 0 35px;
  }
}
@media (max-width: 520px) {
  .about-sec .img-1 {
    max-height: 240px;
  }
}
/* ========================== Gallery section ========================== */

.gallery-sec {
  margin-top: 120px;
  overflow: hidden;
}

.gallery-sec__main-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow: hidden;
}

.gallery-sec__slider {
  overflow: hidden;
  width: 100%;
}

.gallery-sec__slider .slider__marquee {
  display: flex;
  width: max-content;
  will-change: transform;
}

.gallery-sec__slider .slider__track {
  display: flex;
  flex-shrink: 0;
  gap: 24px;
  width: max-content;
}

.gallery-sec__slider .slider__item {
  flex: 0 0 auto;
  width: auto;
  line-height: 0;
}

.gallery-sec__slider .item__thumb {
  display: block;
  border: 1px solid #4B4B4B;
  overflow: hidden;
  line-height: 0;
}

.gallery-sec__slider .item__img {
  display: block;
  width: auto;
  height: 350px;
  object-fit: cover;
}
@media (max-width: 768px) {
  .gallery-sec {
    margin-top: 60px;
  }
  .gallery-sec__slider .item__img {
    height: 230px;
  }

  .gallery-sec__main-block {
    gap: 12px 0;
  }

  .gallery-sec__slider .slider__track {
    gap: 0 12px;
  }
}
@media (max-width: 560px) {
  .gallery-sec {
    margin-top: 30px;
  }
}
/* ========================== Breaf section ========================== */
.brief-sec__columns {
  display: grid;
  gap: 0 80px;
  grid-template-columns: 36% 1fr;
}
.brief-sec__thumb {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 24px;
}
.brief-sec__img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.brief-sec__form {
  display: flex;
  gap: 30px 0;
  flex-direction: column;
}
.brief-sec__fields {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}
.brief-sec__field {
  display: flex;
  flex-direction: column;
  padding-bottom: 8px;
  border-bottom: 1px solid #4B4B4B;
}
.brief-sec .field-file {
  position: relative;
  padding-right: 200px;
}
.brief-sec .field__file-upload {
  width: 180px;
  min-width: auto;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding: 0 12px;
  min-height: 40px;
  font-size: 16px;
}
.brief-sec .field-checkboxes.active {
  border-bottom: unset;
  padding-bottom: 0;
}

.brief-sec .field__label {
  font-family: 'Century Gothic';
  color: #1A1919;
  display: block;
  margin-bottom: 8px;
}
.brief-sec .field__label.required:after {
  content: ' *';
  display: inline-block;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
.brief-sec .field__input {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 22px;
  font-size: 18px;
  color: #1A1919;
}

.brief-sec .field__input:placeholder {
  color: #838383;
}

.brief-sec .field.error .field__input,
.brief-sec .field.error .field__select {
  border-color: #e53e3e;
}

.brief-sec .field.error .field__input::placeholder,
.brief-sec .field.error .field__select::placeholder {
  color: #e53e3e;
}

.brief-sec .field.error .field__placeholder {
  color: #e53e3e;
}

.brief-sec .field.error .field__checkboxes-nav {
  border-color: #e53e3e;
}

.brief-sec .field.error .field__label {
  color: #e53e3e;
}

.brief-sec .field__checkboxes-group {
  display: flex;
  flex-direction: column;
  position: relative;
}

.brief-sec .field__checkboxes-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.brief-sec .field__btn {
  background: transparent;
  display: flex;
  align-items: center;

  cursor: pointer;
  justify-content: space-between;
  width: max-content;
  text-align: left;
}
.brief-sec .field__placeholder {
  color: #838383;
}

.brief-sec .field.checked .placeholder {
  display: none;
} 

.brief-sec .field.active .btn {
  transform: scale(1,-1);
}

.brief-sec .field__selected-checkboxes {
  display: none;
  gap: 0 7px;
  align-items: center;
}

.brief-sec .field.checked .selected-checkboxes {
  display: flex;
  gap: 0 8px;
}

.brief-sec .field .selected-checkboxes__item {
  display: flex;
  align-items: center;
  gap: 0 8px;
  padding: 4px 8px;
  line-height: 1.1;
  font-size: 16px;
  color: #4B4B4B;
}

.brief-sec .field .selected-checkboxes__remove {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 3.5L3.5 12.5' stroke='%234B4B4B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 12.5L3.5 3.5' stroke='%234B4B4B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.breaf-sec__help {
  font-size: 18px;
  line-height: 1.1;
  color: #1A1919;
  display: block;
}

.brief-sec .field__checkboxes-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  visibility: hidden;
  overflow: hidden;
  max-height: 0;
  width: 100%;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: -1;
  transition: max-height .7s;
}


.brief-sec .field.active .checkboxes-list {
  visibility: visible;
  max-height: 700px;
  overflow-y: auto;
  z-index: 1;
  transition: max-height .7s;
  border-top: 1px solid #4B4B4B;
  background-color: #F0F0F0;
  padding-bottom: 8px;

}
.brief-sec .field .checkboxes-list__checkbox {
  padding: 24px;
  display: flex;
  gap: 0 8px;
  align-items: center;
  flex: 1 1 calc(50% - 1px);
  min-width: calc(50% - 1px);
  border-bottom: 1px solid #4B4B4B;
}

.brief-sec .field .checkboxes-list__checkbox:nth-child(2n) {
  border-left: 1px solid #4B4B4B;
  
}
.brief-sec .field .checkboxes-list__checkbox input {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  font-size: 16px;
  height: 16px;
  accent-color: #4B4B4B;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid #4B4B4B;
  margin: 0;
  display: flex;
}

.brief-sec .field .checkboxes-list__checkbox input:checked {
  appearance: auto;
  -webkit-appearance: auto;
}

.brief-sec__submit {
  width: max-content;
  height: 50px;
  background: #748059;
  border: 1px solid var(--bg-color-primary);
  border-radius: 4px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  text-align: center;
  cursor: pointer;
}

.brief-sec__actions {
  display: flex;
  align-items: center;
  gap: 0 18px;
  flex-wrap: wrap;
}

.brief-sec__message {
  font-size: 16px;
  padding: 12px 16px;
  border-radius: 6px;
  margin-top: 12px;
  transition: opacity .4s ease;
}

.brief-sec__message.is-success {
  background: #f0f5ec;
  color: #4a6030;
  border: 1px solid #c4d6a8;
}

.brief-sec__message.is-error {
  background: #fdf0f0;
  color: #c0392b;
  border: 1px solid #e8a5a0;
}

.brief-sec__message.is-hiding {
  opacity: 0;
}

.brief-sec__form.is-sending .brief-sec__submit {
  opacity: .72;
  cursor: wait;
}

.brief-sec__loader {
  display: flex;
  align-items: center;
  gap: 0 10px;
  color: #748059;
  font-family: 'Century Gothic', sans-serif;
  font-size: 16px;
  line-height: 1.1;
  opacity: 0;
  transform: translateY(6px);
  visibility: hidden;
  transition: opacity .25s ease, transform .25s ease, visibility 0s linear .25s;
}

.brief-sec__form.is-sending .brief-sec__loader {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  transition: opacity .25s ease, transform .25s ease;
}

.brief-sec .loader__spinner {
  width: 28px;
  height: 28px;
  border: 2px solid rgba(116, 128, 89, .24);
  border-top-color: #748059;
  border-radius: 50%;
  animation: brief_loader_spin .8s linear infinite;
}

@keyframes brief_loader_spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width:1200px) {
  .brief-sec__columns {
    gap: 0 40px;
  }
}
@media (max-width:1080px) {

  .brief-sec__thumb {
    margin-bottom: 35px;
  }
  .brief-sec__columns {
    grid-template-columns: 1fr;
  }

  .brief-sec__img {
    max-width: 100%;
    max-height: 400px;
  }
}
@media (max-width: 768px) {

  .brief-sec .field-file {
    padding-right: 0;
  }

  .brief-sec .field__file-upload {
    bottom: 8px;
    top: auto;
    transform: unset;
    font-size: 14px;
    min-height: 30px;
    border-radius: 4px;
    padding: 0 10px;
  }

  .brief-sec .field__label {
    font-size: 14px;
  }
  .brief-sec .field__placeholder,
  .brief-sec .field__input {
    font-size: 14px;
  }

  .brief-sec .field .checkboxes-group__button {
    font-size: 14px;
    
    
  }

  .brief-sec .field .checkboxes-group__button svg {
    width: 24px;
  }

	  .brief-sec__submit {
	    max-width: 100%;
	    width: 100%;
	  }

  .brief-sec__actions {
    gap: 12px 0;
  }

  .brief-sec__loader {
    width: 100%;
    justify-content: center;
  }
	}
/* ========================== Features section ========================== */
.features-sec {
  position: relative;
  padding-bottom: 60px;
}

.features-sec__html {
  text-align: center;
  margin-bottom: 60px;
  font-size: 28px;
}

.features-sec__list {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4,1fr);
}

.features-sec .list__item {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  align-items: center;
  padding: 30px;
  background: #F0F0F0;
  border: 1px solid #4B4B4B;
  border-radius: 24px;
}

.features-sec .item__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 20px;
  line-height: 1.1;
  color: var(--bg-color-primary);
  text-align: center;
}

.features-sec .item__text span {
  font-weight: 700;
  text-align: center;
  color: var(--color-primary);
}
.features-sec .item__icon {
  width: 65px;
  height: 65px;
}
.features-sec__img {
  position: absolute;
  max-width: 340px;
  left: -70px;
  bottom: -100px;
}

@media (max-width: 1200px) {
  .features-sec__list {
    grid-template-columns: repeat(2,1fr);
  }

  .features-sec__html {
    margin-bottom: 40px;
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  .features-sec__list {
    gap: 20px 0;
    grid-template-columns: 1fr;
  }

  .features-sec__html {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 1.1;
  }

  .features-sec__img {
    max-width: 180px;
    left: -63px;
    bottom: -30px;
  }
} 

/* ========================== Onwho section ========================== */
.onwho-sec {
  overflow: hidden;
}
.onwho-sec__main-block {
  position: relative;
  padding-top: 60px;
  padding-bottom: 100px;
}

.onwho-sec__heading-title {
  position: relative;
  z-index: 1;
}

.onwho-sec__list {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3,1fr);
}
.onwho-sec .list__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #F0F0F0;
  border: 1px solid #4B4B4B;
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
}
.onwho-sec .list .item__thumb {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #4B4B4B;
}
.onwho-sec .list .item__img {
  width: 100%;
  aspect-ratio: 2/1;
  object-fit: cover;
  object-position: center;
}
.onwho-sec .list .item__bottom-wrapper {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}
.onwho-sec .list .item__bottom-wrapper > * {
  display: block;
  line-height: 1.1;
  color: #1A1919;
  font-family: 'Century Gothic', sans-serif;
}
.onwho-sec .list .item__title {
  font-size: 22px;
  
  font-weight: 700;
}
.onwho-sec .list .item__descr {
  font-size: 20px;
}

.onwho-sec__leaf {
  position: absolute;
  width: 300px;
  aspect-ratio: 1/1;
}

.onwho-sec .leaf-1 {
  top: -50px;
  right: -100px;

}

.onwho-sec .leaf-2 {
  bottom: -50px;
  left: -100px;
}

@media (max-width: 1080px) {
  .onwho-sec__list {
    grid-template-columns: repeat(2,1fr);  
  }
} 
@media (max-width: 768px) {
  .onwho-sec__list {
    grid-template-columns: 1fr;
  }

  .onwho-sec .list .item__descr {
    font-size: 16px;
  }

  .onwho-sec .list .item__bottom-wrapper {
    padding: 20px;
  }

  .onwho-sec .leaf-1 {
    display: none;
  }
  .onwho-sec__main-block {
    padding-bottom: 80px;
  }

  .onwho-sec .leaf-2 {
    bottom: 0;
    left: -60px;
    max-width: 220px; 
  }
}
/* ========================== Greviews section ========================== */
.gr-sec {
  padding-top: 120px;
  padding-bottom: 40px;
}
.gr-sec__header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gr-sec__subtitle {
  text-align: center;
  display: block;
  font-size: 24px;
  line-height: 1.1;
  font-family: 'Trajan Pro 3';
  font-weight: 400;
}

.gr-sec__summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px 0;
  margin-top: 50px;
}
.gr-sec .summary__rating-group {
  display: flex;
  align-items: center;
  gap: 0 60px;
  width: max-content;
}
.gr-sec .summary__score {
  font-size: 60px;
  display: block;
  line-height: 100px;
  font-family: 'Trajan Pro 3';
}

.gr-sec .summary__stars li svg  {
  width: 100px;
  height: 100px;
}

.gr-sec .stars {
  display: flex;
  gap: 0 5px;
}

.gr-sec .stars li.active svg {
  color: #F7C44F;
}

.gr-sec .summary__pl-name {
  line-height: 1.1;
  display: block;
  text-align: center;
  font-size: 28px;
  color: #000000;
}
.gr-sec__slider {
  margin-top: 60px;
  padding: 0 80px;
  position: relative;
}
.gr-sec__next-btn,
.gr-sec__prev-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(116, 128, 89, 0.3);
}

.gr-sec__next-btn {
  right: 0;
}
.gr-sec__prev-btn {
  left: 0;
}

.gr-sec .swiper-slide {
  height: auto;
  padding: 40px;
  box-sizing: border-box;
  background: #EFEFEF;
  border: 1px solid #4B4B4B;
  border-radius: 20px;
}
.gr-sec .swiper-slide__head {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 20px;
}
.gr-sec .swiper-slide__author-name {
  display: block;
  font-size: 28px;
  color: #000000;
}
.ge-sec .summary__rating-group {
  display: flex;
  flex-direction: column;
}
.gr-sec .swiper-slide__head:after {
  min-width: 70px;
  height: 70px;
  content: '';
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4062 34.9977C16.4062 31.5296 17.3618 28.2808 19.0218 25.499V13.6992H7.22189C2.53859 19.7815 0 27.1941 0 34.9977C0 42.8012 2.53859 50.2138 7.22189 56.2961H19.0218V44.4963C17.3618 41.7146 16.4062 38.4658 16.4062 34.9977Z' fill='%23FBBD00'/%3E%3Cpath d='M35 53.5893L26.7969 61.7923L35 69.9953C42.8038 69.9953 50.2164 67.4567 56.2987 62.7735V50.9863H44.5114C41.7052 52.6524 38.4427 53.5893 35 53.5893Z' fill='%230F9D58'/%3E%3Cpath d='M19.0201 44.499L7.22021 56.2988C8.14744 57.503 9.15711 58.6562 10.2496 59.7488C16.8603 66.3592 25.6495 69.9999 34.9983 69.9999V53.5938C28.2138 53.5938 22.2675 49.9408 19.0201 44.499Z' fill='%2331AA52'/%3E%3Cpath d='M70 35.0015C70 32.8721 69.8072 30.7388 69.4269 28.661L69.1191 26.9795H35V43.3855H51.6048C49.9923 46.593 47.513 49.2099 44.5112 50.9922L56.2986 62.7794C57.5028 61.8521 58.656 60.8425 59.7487 59.75C66.3593 53.1393 70 44.3502 70 35.0015Z' fill='%233C79E6'/%3E%3Cpath d='M48.1478 21.8519L49.5979 23.3019L61.1989 11.7012L59.7488 10.2512C53.1382 3.64063 44.349 0 35 0L26.7969 8.20301L35 16.406C39.9664 16.406 44.6358 18.34 48.1478 21.8519Z' fill='%23CF2D48'/%3E%3Cpath d='M34.9985 16.406V0C25.6496 0 16.8604 3.64063 10.2496 10.251C9.15711 11.3435 8.14744 12.4967 7.22021 13.7011L19.0201 25.5008C22.2676 20.0591 28.2139 16.406 34.9985 16.406Z' fill='%23EB4132'/%3E%3C/svg%3E%0A");
}
.gr-sec .swiper-slide__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.gr-sec .swiper-slide__date {
  font-size: 15px;
  line-height: 1.1;
  display: block;

}

.gr-sec .swiper-slide__stars li svg {
  width: 30px;
  height: 30px;
  color: #D9D9D9;
}

.gr-sec .swiper-slide__text {
  margin-top: 45px;
  font-size: 24px;
  line-height: 1.2;
  color: #000000;
}
.gr-sec .swiper-pagination {
  position: unset;
  margin-top: 50px;
}
.gr-sec .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background-color: #D9D9D9;
  border-color: #D9D9D9;
}
.gr-sec .swiper-pagination-bullet-active {
  background-color: #748059;
  border-color: #748059;
}
@media (max-width: 1200px) {
  .gr-sec .swiper-slide {
    padding: 24px;
  }

  .gr-sec .swiper-slide__info {
    flex-direction: column;
    gap: 10px 0;
    align-items: flex-start;
  }

  .gr-sec__slider {
    padding: 0 50px;
  }

  .gr-sec .swiper-slide__head:after {
    min-width: 45px;
    height: 45px;
    background-size: 45px;
  }
}
@media (max-width: 768px) {
  .gr-sec__heading-title {
    margin-bottom: 20px;
    font-size: 38px;
  }
  .gr-sec__subtitle {
    font-size: 20px;
  }
  .gr-sec__slider {
    padding: 0;
  }
  .gr-sec__next-btn, 
  .gr-sec__prev-btn {
    display: none;
  }
  .gr-sec .summary__stars li svg {
    width: 50px;
    height: 50px;
  }

  .gr-sec .swiper-slide__text {
    font-size: 16px;
    margin-top: 14px;
  }

  .gr-sec .swiper-slide__head {
    margin-bottom: 7px;
  }

  .gr-sec .summary__rating-group {
    gap: 0 15px;
  }
  .gr-sec__summary {
    gap: 20px 0;
    margin-top: 20px;
  }
  .gr-sec .summary__score {
    
    
    font-size: 24px;
    line-height: 1.1;
  }

  .gr-sec .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
  
}