html {
  scroll-behavior: smooth;
}

/*Header*/

.header {
  padding: 54px 0px;
}
.header__container {
  display: flex;
  align-items: center;
  gap: 95px;
}

.menu__list {
  display: flex;
  gap: 92px;
}

.menu__link {
  font-size: 20px;
  color: #fff;
  position: relative;
  display: inline-block;
  padding-bottom: 4px;
  transition: all 0.2s ease 0.2s;
}

.menu__link::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #35c66b;
  transform: translateX(-50%) scale(0);
  transform-origin: center;
  transition: transform 0.3s ease;
}

.menu__link:hover {
  color: #35c66b;
}

.menu__link:hover::after {
  transform: translate(-50%) scale(1);
}

.menu-burger {
  display: none;
}

.menu-burger span {
  width: 100%;
  height: 2px;
  background-color: #35c66b;
  transition: all 0.3s ease;
}

/*Section NewCafe*/

.main__NewCafe {
  padding-top: 103px;
  padding-bottom: 135px;
}

.NewCafe__container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 113px;
}
.NewCafe__content {
  position: relative;
  max-width: 674px;
  z-index: 5;
}

.NewCafe__content::before {
  content: "";
  background: url("../img/MainSectionNewCafe/Ellipse3.png") 0 0 / 100% no-repeat;
  width: 424px;
  height: 424px;
  position: absolute;
  top: -130px;
  left: -100px;
  z-index: -1;
}

.NewCafe__title {
  max-width: 543px;
  margin-bottom: 60px;
}
.title {
  font-size: 80px;
  font-weight: 800;
  line-height: 109%;
}

.title span {
  background: linear-gradient(to right, #35c66b, #237249);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.NewCafe__text {
  max-width: 575px;
  margin-bottom: 64px;
}
.text {
  color: #d9d9d9;
  font-size: 20px;
  line-height: 163.5%;
}

.NewCafe__buttons {
  display: flex;
  gap: 17px;
  margin-bottom: 64px;
}
.NewCafe__SelectACoffee-button {
  font-weight: 600;
}
.button {
  padding: 28px 78px;
  display: inline-block;
  font-size: 24px;
  color: #fff;
  border-radius: 60px;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

.button:hover {
  transform: scale(0.95) translateY(4px);
  box-shadow: 0 2px 4px rgba(17, 17, 17, 0.2);
}

.button-green {
  background: linear-gradient(to right, #35c66b, #237249);
}

.button-green:hover {
  background: linear-gradient(to right, #2da759, #185e3a);
}

.NewCafe__more-button {
  border-top: 1px solid #949393;
  border-left: 1px solid #949393;
  background-color: transparent;
}

.NewCafe__more-button:hover {
  background-color: #1c2124;
}

.NewCafe__numbers {
  display: flex;
  gap: 70px;
}

.number__info {
  font-size: 62px;
  color: #fff;
  margin-bottom: 19px;
}

.number__info span {
  color: #35c66b;
}

.number__text {
  max-width: 50px;
  font-size: 20px;
  color: #d9d9d9;
  line-height: 144.5%;
}

.NewCafe__images {
  position: relative;
  left: 100px;
  z-index: 1;
}

.NewCafe__images::before {
  content: "";
  background: url("../img/MainSectionNewCafe/Ellipse4.png") 0 0 / 100% no-repeat;
  width: 424px;
  height: 424px;
  position: absolute;
  bottom: -130px;
  left: 150px;
}

.NewCafe__images::after {
  content: "";
  background: url("../img/MainSectionNewCafe/Ellipse1.png") 0 0 / 100% no-repeat;
  width: 424px;
  height: 424px;
  position: absolute;
  top: -100px;
  left: -100px;
}

.NewCafe__image-one {
  position: absolute;
  top: -50px;
  left: 250px;
  z-index: 5;
}

.NewCafe__image-one img {
  width: 224px;
  height: 224px;
}

.image__text {
  position: absolute;
  font-size: 55px;
  font-weight: 600;
  top: 56%;
  left: 45%;
  transform: rotate(-20deg) translate(-15px, -70px);
}

.NewCafe__image-two img {
  width: 500px;
  height: 700px;
  object-fit: cover;
  z-index: 2;
}

.NewCafe__images-animations {
  position: relative;
}

.NewCafe__image-animation {
  position: absolute;
  top: 200px;
  right: -100px;
  transform: rotate(-5deg) translate(15px, 10px);
}

.NewCafe-two__container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1229px;
  padding: 64px 78px;
  border-radius: 50px;
  background-color: #fff;
  z-index: 1;
}

.NewCafe-two__container::before {
  content: "";
  background: url("../img/MainSectionNewCafe/Ellipse4.png") 0 0 /100% no-repeat;
  width: 424px;
  height: 424px;
  position: absolute;
  top: -100px;
  left: -240px;
}

.NewCafe-two__container::after {
  content: "";
  background: url("../img/MainSectionNewCafe/Ellipse1.png") 0 0 / 100% no-repeat;
  width: 424px;
  height: 424px;
  position: absolute;
  bottom: -100px;
  right: -200px;
}

.NewCafe-two__image-animation {
  position: absolute;
  top: -100px;
  left: -100px;
}

.NewCafe-two__image-animation img {
  width: 254px;
  height: 254px;
}

.NewCafe-two__item {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 0 auto;
}
.NewCafe-two__image {
  background-color: #35c66b;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 27px;
}

.NewCafe-two__image img {
  width: 180px;
  height: 180px;
}

.NewCafe-two__title {
  font-size: 32px;
  font-weight: 600;
  color: #121517;
  margin-bottom: 20px;
}
.NewCafe-two__text {
  color: #121517;
  max-width: 250px;
  font-weight: 400;
  font-size: 20px;
  line-height: 163.5%;
}

/*==========================================*/

/* Section Delicious*/

.main__delicious {
  padding-top: 100px;
  padding-bottom: 120px;
}

.delicious__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.delicious__images {
  position: relative;
}
.delicious__image-one {
  position: absolute;
  top: -370px;
  left: 370px;
  z-index: 3;
}

.delicious__image-two {
  position: absolute;
  top: -380px;
  z-index: 2;
}

.delicious__image-two::before {
  content: "";
  position: absolute;
  width: 425px;
  height: 654px;
  background-color: #237249;
  top: 100px;
  left: 30px;
  z-index: -1;
}

.delicious__images::before {
  content: "";
  background: url("../img/MainSectionDelicious/Ellipse1.png") 0 0 / 100%
    no-repeat;
  width: 324px;
  height: 324px;
  position: absolute;
  top: 200px;
  right: -300px;
}

.delicious__image-animations {
  position: relative;
}

.delicious__image-animation {
  position: absolute;
  top: -200px;
  left: 10px;
}

.delicious__content {
  position: relative;
  z-index: 2;
}

.delicious__content::before {
  content: "";
  background: url("../img/MainSectionDelicious/Ellipse2.png") 0 0 / 100%
    no-repeat;
  width: 324px;
  height: 324px;
  position: absolute;
  top: -50px;
  right: 0px;
}

.delicious__title {
  max-width: 411px;
  margin-bottom: 58px;
}

.delicious__text {
  max-width: 507px;
  margin-bottom: 40px;
}

.delicious__item {
  position: relative;
  left: -40px;
  max-width: 600px;
}
.delicious__button {
  position: absolute;
  text-align: center;
  padding: 27px 40px;
  width: 325px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.delicious__button img {
  margin: 0px 12px 0px 0px;
}

.delicious__button:hover {
  transform: translate(-50%, -50%) scale(0.95) translateY(4px);
}

.delicious__image {
  display: block;
  line-height: 0;
}

.delicious__image img {
  display: block;
  width: 100%;
  height: auto;
}

/*Section NewProducts*/

.main__NewProducts {
  padding-top: 100px;
  padding-bottom: 100px;
}

.NewProducts__content {
  position: relative;
  display: flex;
  align-items: center;
  gap: 98px;
  margin-bottom: 63px;
  z-index: 2;
}

.NewProducts__content::before {
  content: "";
  background: url("../img/MainSectionNewProducts/Ellipse1.png") 0 0 / 100%
    no-repeat;
  width: 324px;
  height: 324px;
  position: absolute;
  top: -50px;
  left: 50px;
}

.NewProducts__title-container {
  max-width: 392px;
}

.NewProducts__text {
  max-width: 432px;
}

.NewProducts-wrapper {
  position: relative;
}

.button-swipe {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 40%;
  right: 0;
  padding: 18px 22px;
  width: 84px;
  height: 84px;
  border-radius: 25px;
  cursor: pointer;
  z-index: 5;
  transition: all 0.2s;
}

.button-swipe:hover {
  background-color: #0c4421;
}

.button-swipe::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(to right, #35c66b, #237249);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: 25px;
}

.button-swipe::after {
  content: "";
  background: url("../img/MainSectionNewProducts/Ellipse2.png") 0 0 / 100%
    no-repeat;
  width: 424px;
  height: 424px;
  position: absolute;
  pointer-events: none;
}

.NewProducts-button-next {
  top: 40%;
  right: 0;
}

.NewProducts-button-prev {
  top: 40%;
  left: 0;
}

.NewProducts-button-next::after {
  top: -140px;
  left: -240px;
}

.NewProducts-button-prev::after {
  top: -140px;
  left: -140px;
}

.NewProducts-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 50px;
  max-width: 300px;
  width: 100%;
  min-height: 550px;
  padding: 31px 26px;
  box-sizing: border-box;
}

.NewProducts-slide__image {
  background-color: #35c66b;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 35px;
}

.NewProducts-slide__image img {
  width: 220px;
  height: 281px;
}

.NewProducts-slide__title {
  color: #fff;
  font-size: 32px;
  text-align: center;
  margin-bottom: 26px;
}

.NewProducts-slide__text {
  max-width: 216px;
  color: #d9d9d9;
  font-size: 20px;
  line-height: 163.5%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
}

.NewProducts-slide__info {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 37px;
  margin-bottom: 25px;
}

.NewProducts-slide__price {
  font-size: 32px;
  color: #fff;
}

.NewProducts-slide__volume {
  font-size: 20px;
  color: #d9d9d9;
}

.NewProducts-slide__button {
  padding: 21px 40px;
  font-size: 17px;
}

/*Section NewEvents*/

.main__NewEvents {
  padding-top: 80px;
  padding-bottom: 112px;
}

.NewEvents__container {
  position: relative;
}

.NewEvents__lines {
  position: absolute;
  top: 20px;
  left: -50px;
}

.NewEvents__content {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 77px;
  margin-bottom: 69px;
  z-index: 2;
}
.NewEvents__text {
  max-width: 500px;
}

.NewEvents__title {
  max-width: 400px;
}

.NewEvents__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 23px;
}
.NewEvents__item {
  position: relative;
}

.NewEvents__image img {
  border-radius: 35px;
}

.image-big {
  max-width: 614.55px;
}

.image-big img {
  max-width: 100%;
}

.image-small {
  max-width: 401.47px;
}

.image-small img {
  max-width: 100%;
}

.NewEvents__item-content {
  position: absolute;
  top: 50px;
  left: 33px;
}
.NewEvents__item-title {
  font-size: 32px;
  color: #fff;
  max-width: 294px;
  line-height: 108.5%;
  margin-bottom: 35px;
}

.NewEvents__item-title-small {
  max-width: 160px;
}

/*Section Contacts*/

.main__contacts {
  padding-top: 200px;
  padding-bottom: 208px;
}

.contacts__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.contacts__content {
  position: relative;
}

.contacts__content::before {
  content: "";
  background: url("../img/MainSectionContacts/Ellipse1.png") 0 0 / 100%
    no-repeat;
  width: 324px;
  height: 324px;
  position: absolute;
  top: -50px;
  right: 0px;
}

.contacts__title {
  max-width: 363px;
  margin-bottom: 56px;
}

.contacts__text {
  max-width: 437px;
  margin-bottom: 66px;
}

.contacts__links {
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.contacts__link img {
  margin: -7px 22px 0px 0px;
}

.contacts__link {
  color: #fff;
  font-size: 32px;
  transition: all 0.2s;
}

.contacts__link:hover {
  color: #35c66b;
  text-decoration: underline;
}

.contacts__images {
  position: relative;
  top: -50px;
  left: 500px;
}

.contacts__images::before {
  content: "";
  background: url("../img/MainSectionContacts/Ellipse2.png") 0 0 / 100%
    no-repeat;
  width: 324px;
  height: 324px;
  position: absolute;
  top: 0px;
  right: -100px;
}

.contacts__image-one {
  position: absolute;
  top: -300px;
  left: -500px;
  z-index: 3;
}

.contacts__image-two {
  position: absolute;
  top: -250px;
  right: 0;
  z-index: 2;
}

.contacts__image-two::before {
  content: "";
  position: absolute;
  width: 300px;
  height: 530px;
  background-color: #237249;
  top: 50px;
  right: 0;
  z-index: -1;
}

.contacts__image-animations {
  position: relative;
}

.contacts__image-animation {
  position: absolute;
  top: -200px;
  right: -200px;
}

/*Footer*/

.footer {
  position: relative;
  padding-top: 38px;
  padding-bottom: 38px;
  background-color: #0b0c0d;
  z-index: 1;
}
.footer__container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}
.footer__info {
}
.footer__logo {
}
.footer-logo__link {
}
.footer__content {
  display: flex;
  gap: 83px;
}
.footer__links {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.footer__item {
  font-size: 20px;
}
.footer__title {
  color: #bbb3b3;
}
.footer__link {
  color: #3b3b3b;
  cursor: pointer;
}

.footer__link:hover {
  color: #5c5c5c;
  text-decoration: underline;
}

.footer__image {
  position: relative;
  width: 84px;
  height: 84px;
  border: 1px solid #35c66b;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.2s ease 0.2s;
}

.footer__image img {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 29%;
  left: 29%;
}

.footer__image:hover {
  border: 1px solid #237249;
}

.footer__container-two {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer__number {
  font-size: 26px;
  background: linear-gradient(to right, #35c66b, #237249);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.footer__number:hover {
  color: #35c66b;
  text-decoration: underline;
}

.footer__instagram {
  position: relative;
  z-index: 2;
}

.footer__instagram::before {
  content: "";
  background: url("../img/MainSectionContacts/Ellipse2.png") 0 0 / 100%
    no-repeat;
  width: 124px;
  height: 124px;
  position: absolute;
  top: -10px;
  right: -40px;
  z-index: -1;
}