.coupleOfThree {
  margin-top: 35px;
}

.comboOfThree {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.extendUsefulLinks .link1 .bg {
  background-image: url("/main-images/extLink1.svg");
}
.extendUsefulLinks .link2 .bg {
  background-image: url("/main-images/extLink2.svg");
}
.extendUsefulLinks .link3 .bg {
  background-image: url("/main-images/extLink3.svg");
}

.usefulLinks {
  width: 100%;
}
.usefulLinks a {
  flex: 1;
  background-blend-mode: lighten;
  background-position: right bottom !important;
  background-repeat: no-repeat !important;
  max-width: 100% !important;
  flex-grow: 1;
  width: fit-content !important;
}
.usefulLinks a.link1 {
  background: linear-gradient(154deg, #B200FF -18.49%, #000 85.3%, #FF00F5 173.71%), url("/main-images/useflRosim1.svg");
}
.usefulLinks a.link2 {
  background: linear-gradient(154deg, #B200FF -18.49%, #000 85.3%, #FF00F5 173.71%), url("/main-images/useflRosim2.svg");
}
.usefulLinks a.link3 {
  background: linear-gradient(154deg, #B200FF -18.49%, #000 85.3%, #FF00F5 173.71%), url("/main-images/useflRosim3.svg");
}
.usefulLinks a.link4 {
  background: linear-gradient(154deg, #B200FF -18.49%, #000 85.3%, #FF00F5 173.71%), url("/main-images/useflRosim4.svg");
}
.usefulLinks a.link5 {
  background: linear-gradient(154deg, #B200FF -18.49%, #000 85.3%, #FF00F5 173.71%), url("/main-images/useflRosim5.svg");
}

.newsWrapper {
  margin-top: 120px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  position: relative;
}
.newsWrapper .newsList {
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}

.feedback {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  margin-top: 120px;
  position: relative;
}
.feedback .coupleRow {
  display: flex;
  gap: 10px;
  width: 100%;
}

.advBanner {
  margin-top: 40px;
}

@media screen and (max-width: 1110px) {
  .feedback .coupleRow {
    flex-direction: column;
  }
  .feedback .coupleRow .telegramBaner {
    width: 100%;
  }
}
@media screen and (max-width: 820px) {
  .feedback {
    margin-top: 60px;
  }
  .newsWrapper .newsList {
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
    justify-content: start;
    scrollbar-width: none;
  }
}
.mainBannerWrapper .mainBanner .slideDots {
  display: flex;
  gap: 5px;
  position: absolute;
  bottom: 90px;
  left: 0;
  width: 100%;
  justify-content: center;
}
.mainBannerWrapper .mainBanner .slideDots div {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #afadad;
}
.mainBannerWrapper .mainBanner .leftContent1 p {
  width: 348px;
}
.mainBannerWrapper .mainBanner .leftContent2 p {
  width: 491px;
}
.mainBannerWrapper .mainBanner .leftContent1, .mainBannerWrapper .mainBanner .leftContent2, .mainBannerWrapper .mainBanner .leftContent3 {
  display: none;
  animation: ShowTitle 2s forwards;
}
.mainBannerWrapper .mainBanner .mainBannerBg1, .mainBannerWrapper .mainBanner .mainBannerBg2, .mainBannerWrapper .mainBanner .mainBannerBg3 {
  display: none;
  animation: showBg 2s forwards;
}
.mainBannerWrapper .mainBanner .mainBannerBg1 {
  left: 590px;
}
.mainBannerWrapper .mainBanner .mainBannerBg2 {
  background-image: url("/main-images/RosimBaner2Bg.png");
  left: 610px;
}
.mainBannerWrapper .mainBanner .mainBannerBg3 {
  left: 510px;
  background-image: url("/main-images/RosimBaner3Bg.png");
}
.mainBannerWrapper .mainBanner.a1 .mainBannerBg1 {
  display: block;
}
.mainBannerWrapper .mainBanner.a1 .leftContent1 {
  display: flex;
}
.mainBannerWrapper .mainBanner.a1 .d1 {
  background: white;
}
.mainBannerWrapper .mainBanner.a2 .mainBannerBg2 {
  display: block;
}
.mainBannerWrapper .mainBanner.a2 .leftContent2 {
  display: flex;
}
.mainBannerWrapper .mainBanner.a2 .d2 {
  background: white;
}
.mainBannerWrapper .mainBanner.a3 .mainBannerBg3 {
  display: block;
}
.mainBannerWrapper .mainBanner.a3 .leftContent3 {
  display: flex;
}
.mainBannerWrapper .mainBanner.a3 .d3 {
  background: white;
}

@media screen and (max-width: 550px) {
  .mainBannerWrapper .mainBanner {
    overflow: hidden;
  }
  .mainBannerWrapper .mainBanner .mainBannerBg {
    left: 0 !important;
    background-size: contain;
    background-position: bottom center;
    border-radius: 0px 0px 30px 30px;
    animation: showBgMb 2s forwards;
  }
  .mainBannerWrapper .mainBanner .mainBannerBg1 {
    background-image: url(../../main-images/rosimbgmob.png);
  }
  .mainBannerWrapper .mainBanner .mainBannerBg2 {
    background-image: url(../../main-images/rosimbgmob2.png);
  }
  .mainBannerWrapper .mainBanner .mainBannerBg3 {
    background-image: url(../../main-images/rosimbgmob3.png);
  }
}
@keyframes ShowTitle {
  from {
    transform: translate(-15px, -10px);
    opacity: 0;
  }
  to {
    transform: translate(0);
    opacity: 1;
  }
}
@keyframes showBg {
  from {
    transform: translate(30px, -20px);
    opacity: 0;
  }
  to {
    transform: translate(0);
    opacity: 1;
  }
}
@keyframes showBgMb {
  from {
    transform: translate(-10px, 30px);
    opacity: 0;
  }
  to {
    transform: translate(0);
    opacity: 1;
  }
}