@import url(reset.css);
@import url(fonts.css);
@import url(animation.css);
/* @import url("//fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap");
 @import url("//fonts.googleapis.com/css2?family=Sarabun:wght@300&display=swap"); */
body {
  overflow-x: hidden;
  letter-spacing: 1px;
}
span._white{
  color: white !important;
}
.wrap {
  max-width: 1920px;
  margin: 0 auto;
  width: 100%;
  min-width: 1170px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 100vh;
}
a:link {
  color: white;
  text-decoration: none;
}
a:visited {
  color: white;
  text-decoration: none;
}
a:hover {
  color: white;
  text-decoration: none;
}
aactive {
  color: white;
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
li {
  margin-right: 25px;
}
.flexRow {
  display: flex;
  flex-direction: row;

}
.flexRow li a:hover{
    color: #c2c2c2;
    transition: all .2s;
}
.flex_gapp{
    gap:5px;
}
.flexColumn {
  display: flex;
  flex-direction: column;
}
.flexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.marginCenter {
  margin: 0 auto;
}
.marginClear {
  margin: 0 !important;
}
.paddingClear {
  padding: 0;
}
.itsBlock {
  display: block;
}
.itsRelative {
  position: relative;
}
.mgnT50 {
  margin-top: 50px;
}
.w-100 {
  width: 100%;
}
.displayX {
  display: none;
}
.displayXPLUS{
  display: none !important;
}
.wrapper {
  max-width: 1920px;
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 100vh;
}
.wrapSection {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wrapSection2Part1 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 52px;
}
.wrapCardsSection2 {
  margin: 75px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.wrapFooterElements {
  justify-content: space-between;
  align-items: flex-start;
  margin: 70px 0;
  gap: 10px;
}
.wrapFooterAnother {
  display: flex;
  width: 100%;
  max-width: 800px;
  gap: 10px;
  align-items: flex-start;
  justify-content: space-between;
  margin-right: 50px;
  padding-top: 10px;
}
.rectangleSet {
  position: relative;
}
.rectangleSet::before {
  box-sizing: border-box;
  position: relative;
  content: "";
  width: 100%;
  height: 0;
  top: -99px;
  margin-bottom: -100px;
  border-style: solid;
  border-width: 0 0 100px 100vw;
  border-color: transparent transparent white transparent;
  background: transparent;
  z-index: 5;
}
.rectangleSet::after {
  box-sizing: border-box;
  position: relative;
  content: "";
  width: 100%;
  height: 0;
  bottom: -99px;
  margin-top: -100px;
  border-style: solid;
  border-width: 0 100vw 100px 0;
  border-color: transparent white transparent transparent;
  background: transparent;
  z-index: 5;
}
.rectangleFooterSet {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.rectangleFooterSet::before {
  box-sizing: border-box;
  position: relative;
  content: "";
  width: 100%;
  height: 0;
  top: -99px;
  margin-bottom: -100px;
  border-style: solid;
  border-width: 0 0 100px 100vw;
  border-color: transparent transparent white transparent;
  background: transparent;
  z-index: 5;
}
.fixed {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  color: #eeeeee;
  text-align: center;
  display: table;
  z-index: 1;
}
.backgroundSolution1 {
  background-image: url(../images/solutions/backgroundSolutions1.jpg);
  background-position: center center;
}
.backgroundSolution2 {
  background-image: url(../images/solutions/backgroundSolutions2.jpg);
  background-position: center center;
}
.backgroundSolution3 {
  background-image: url(../images/solutions/backgroundSolutions3.jpg);
  background-position: center center;
}
.safetyBackground1 {
  /* background-image: url(../images/safety/safetyBackground1.jpg);
  background-position: center center; */
  position: relative;
}
.safetyBackground2 {
  background-image: url(../images/safety/safetyBackground2.jpg);
  background-position: center center;
}
.safetyBackground3 {
  background-image: url(../images/safety/safetyBackground3.webp);
  background-position: center center;
}
.affilateBackground1 {
  /* background-image: url(../images/affilate/affilateBackground1.webp);
  background-position: center center; */
  position: relative;
}
.affilateBackground2 {
  background-image: url(../images/affilate/affilateBackground2.webp);
  background-position: center center;
}
.affilateBackground_affilate {
  background-image: url(https://www.gpibs.com/images/affilate/affilateBackground_affilate.webp);
  background-position: center center;
}
.affilateBackground3 {
  background-image: url(../images/affilate/affilateBackground3.webp);
  background-position: center center;
}
.projectsBackground1 {
  background-image: url(../images/solutions/backgroundSolutions1.jpg);
  background-position: center center;
}
.aboutBackground1 {
  background-image: url(../images/about/aboutBackground1.webp);
  background-position: center center;
}
.aboutBackground2 {
  background-image: url(../images/about/aboutBackground2.webp);
  background-position: center center;
}
.page1Background1 {
  background-image: url(../images/page1/China-based-company-sales-coal-processing-coal-mining-coal-green-energy-coal-sale-coal-export-refine.webp);
  background-position: center center;
}
.page5Background1 {
  background-image: url(../images/page5/stockmarket-trade-forextrading-millonairemind-electricity-energy-electrician-generator-electricians-.webp);
  background-position: center center;
}
.page6Background1 {
  background-image: url(../images/page6/bridges-bridge-business-investment-finance-entrepreneurship-financialfreedom-investors.webp);
  background-position: center center;
}
.page7Background1 {
  background-image: url(../images/page7/carbon-products-power-plant-construction-production-investments-construction-investments-bridge-cons.webp);
  background-position: center center;
}
.page8Background1 {
  background-image: url(../images/page8/geothermal-energy-sources-construction-investments-factory-construction-sewage-construction-bridge-c.webp);
  background-position: center center;
}
.page9Background1 {
  background-image: url(../images/page9/investments-in-the-refining-and-sale-of-petroleum-products-investments-in-the-processing-and-sale-of.webp);
  background-position: center center;
}
.page10Background1 {
  background-image: url(../images/page10/design-and-construction-of-solar-panels-design-and-construction-of-geothermal-plants-thermal-install.webp);
  background-position: center center;
}
.page11Background1 {
  background-image: url(../images/page11/wind-turbine-design-solar-cell-design-panel-design-geothermal-energy-China-cheap-labor-How-to-invest.webp);
  background-position: center center;
}
.page12Background1 {
  background-image: url(../images/page12/Chinese-solar-power-Chinese-geothermal-energy-Chinese-wind-power-development-of-turbines-for-wind-tu.webp);
  background-position: center center;
}
.page13Background1 {
  background-image: url(../images/page13/greenenergy-garut-bless-westjava-geothermal-mountains-cleanenergy-starenergy-geothermal-darajat-rene.webp);
  background-position: center center;
}
.page14Background1 {
  background-image: url(../images/page14/Real-Business.-Chinese-business.-International-market.-Tenders.-Winning-a-tender.webp);
  background-position: center center;
}
.page15Background1 {
  background-image: url(../images/page15/Real-business-investment.-Daily-income.-Dividends.-Heavy-industry.-Energy.-Investment-in-metallurgy.webp);
  background-position: center center;
}
.page3Background1 {
  background-image: url(../images/page3/CONSTR_1.webp);
  background-position: center center;
}
.page2Background1 {
  background-image: url(../images/page2/bank-card-investments-Cryptocurrency-investments-investments-in-road-construction-investments-in-gas.webp);
  background-position: center center;
}
.page4Background1 {
  background-image: url(../images/page4/building-architecture-design-buildings-factory-industrial.webp);
  background-position: center center;
}
.page2Background2 {
  background-image: url(../images/page1/page1Background2.webp);
  background-position: center center;
}
.wsBackground1 {
  /*background-image: url(../images/ws/wsBackground.jpg);*/
  /*background-position: center center;*/
  position:relative;
}
.wsBackground11 {
  /* background-image: url(../images/ws/wsBackground.jpg);
  background-position: center center; */
  position:relative;
}
.wsBackground1.bgFull {
  background-size: 100%;
}
.documentsBackground1 {
  background-image: url(../images/documents/documentsBackground1.webp);
  background-position: center center;
}
.documentsBackground1.bgFull {
  background-size: 100%;
}
.geoBackground1 {
  /* background-image: url(../images/geo/geoBackgroun1.jpg);
  background-position: center center; */
  position: relative;
}
.geoBackground1.bgFull {
  background-size: 100%;
}
.darkness {
  background-image: linear-gradient(to bottom, rgba(89, 113, 139, 0.7), rgba(16, 20, 26, 0.8));
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  min-height: 500px;
  padding-bottom: 150px;
}
.darknessNew {
  background-image: linear-gradient(to bottom, rgba(89, 113, 139, 0.7), rgba(16, 20, 26, 0.8));
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.darknessSafety {
  background-image: linear-gradient(to bottom, rgba(89, 113, 139, 0.2), rgba(16, 20, 26, 0.9));
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  min-height: 500px;
  padding-bottom: 150px;
}
header {
  margin-top: 40px;
  margin-bottom: 125px;
  z-index: 4;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  box-sizing: border-box;
}
.hiddenNav {
  display: none;
}
.buttonLogo {
  max-width: 147px;
  width: 100%;
  height: 44px;
  display: block;
  background-image: url(../images/main/logoLarge.png);
}
.sectionHeader {
  align-items: center;
  z-index: 12;
}
.blockAuthorisations {
  font-size: 16px;
  line-height: 1.55;
  font-weight: 400;
}
.blockAuthorisations a:first-of-type {
  margin-right: 10px;
}
.buttonLogin,
.buttonSignUp {
  min-width: 140px;
  height: 50px;
  border-radius: 10px;
}
.buttonLogin {
  background-color: #ff0000;
}
.buttonLogin:hover {
  background-color: #C90000;
  transition: background-color 0.2s ease-in-out;
}
.buttonSignUp {
  background-color: #004bff;
}
.buttonSignUp:hover {
  background-color: #004C94;
  transition: background-color 0.2s ease-in-out;
}
.headBlur {
  position: relative;
  box-sizing: border-box;
  top: 15px;
  width: 100%;
  height: 100px;
  margin-bottom: -100px;
  background-color: rgba(4, 12, 28, 0.3);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
.wrapTextSection1 {
  justify-content: flex-end;
  align-items: center;
  z-index: 4;
  gap: 15px;
}
.wrapTextSection1 h1 {
  margin-bottom: 25px;
  font-size: 62px;
  line-height: 1;
  font-weight: 700;
}
.wrapTextSection1 p {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
  text-align: justify;
  -moz-text-align-last: right;
  text-align-last: right;
}
.wrapTextSection1 span {
  opacity: 0;
  display: block;
  color: #6bcc4e;
  font-size: 62px;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 1;
  font-weight: 700;
}
.textSection1 {
  width: 650px;
  padding-top: 50px;
  text-align: right;
}
.wrapButtonSection1 {
  justify-content: flex-end;
  align-items: flex-end;
}
.buttonDownload {
  margin-bottom: 15px;
  width: 200px;
  /* !CHANGE */
  /* height: 50px; */
  font-size: 16px;
  line-height: 1.55;
  font-weight: 300;
  border-width: 1px;
  border-radius: 10px;
  background-color: #ff0000;
  border-color: #ff0000;
  border-style: solid;
  padding: 10px;
  text-align: center;
}
.buttonDownload:hover {
  color: #ff0000;
  background-color: white;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.wrapTextSection2 {
  margin-bottom: 0 auto 170px;
  width: 100%;
  text-align: left;
  z-index: 5;
}
.wrapTextSection2 .firstImageSection2 {
  transform: rotate(25deg);
  position: relative;
  width: 100px;
  top: 0;
  left: -40px;
}
.wrapTextSection2 .secondImageSection2 {
  transform: rotate(50deg);
  position: relative;
  width: 150px;
  top: 150px;
  left: 863px;
}
.bigRedText {
  color: #ff0000;
  font-size: 50px;
  line-height: 1;
  font-weight: 700;
}
.card {
  box-sizing: border-box;
  /* margin-left: 20px;
  margin-right: 20px;
  padding-left: 20px;
  padding-right: 20px; */
  max-width: 320px;
  width: 100%;
  min-height: 310px;
  display: flex;
  flex-direction: column;
  justify-content: top;
  align-items: center;
  z-index: 4;
}
.card img {
  margin-bottom: 25px;
}
.card .cardMainText {
  color: #000;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;

    width: 100%;
    word-wrap: break-word;
}
.card .cardSubText {
  margin-top: 25px;
  line-height: 25px;
  font-size: 15px;
  font-weight: 300;
  text-align: center;
  padding-bottom:100px;
}
.wrapSection3 {
  padding-top: 100px;
}
.sectionDistributionText {
  text-align: right;
  z-index: 4;
}
.textDistributionFirst {
  font-weight: 700;
  font-size: 62px;
  line-height: 1;
}
.textDistributionSecond {
  color: red;
  font-weight: 700;
  font-size: 62px;
  line-height: 1;
}
.textDistributionThird {
  font-size: 16px;
  line-height: 1.55;
  font-weight: 400;
}
.imageSection3 {
  margin-right: 220px;
}
.imagesDistribution {
  width: 504px;
  height: 504px;
}
.circle {
  position: absolute;
  width: 504px;
  height: 504px;
  border-radius: 260px;
  background-color: rgba(0, 115, 222, 0.4);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
.imgFactory {
  position: relative;
  left: 240px;
}
.imgFactoryAnimation {
  position: relative;
  /* !CHANGE */
  /* left: -245px; */
  width: 485px;
  height: 363px;
}
.slider {
  width: 1200px;
  height: 580px;
  overflow: hidden;
  margin: 0 auto 100px;
}
.wrapSlide {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 100px;
  margin-top: 50px;
  margin-bottom: 100px;
  position: relative;
  z-index: 100;
}
.blurBack {
  width: 578px;
  /* max-height: 300px; */
  padding: 37px 21.5px;
  background-color: rgba(235, 238, 252, 0.5);
  box-shadow: 5px 5px 15px 0px rgba(128, 142, 173, 0.3);
  border-radius: 20px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  position: relative;
  top: -20px;
  z-index: 4;
}
.mainText {
  color: #ff0000;
  font-size: 45px;
  margin-bottom: 10px;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 700;
  position: relative;
  top: 35px;
  left: 20px;
  z-index: 5;
}
.subText {
  color: #000000;
  font-size: 20px;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 1.2;
  font-weight: 100;
  position: relative;
}
.progressBarsBlock {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wrapProgressBar {
  display: flex;
  flex-direction: column;
  width: 370px;
  margin-bottom: 10px;
}
.progressBar {
  width: 370px;
  height: 10px;
  border: 1px solid #024DFF;
  background-color: #024DFF;
  border-radius: 6px;
  box-sizing: content-box;
  margin-bottom: 7px;
}
.currentProgressStyle {
  height: 10px;
  background-color: #E4F1FA;
  border-radius: 5px;
}
.currentProgressStyle.slideOneFirst {
  width: 15%;
}
.currentProgressStyle.slideOneSecond {
  width: 10%;
}
.currentProgressStyle.slideOneThird {
  width: 40%;
}
.currentProgressStyle.slideOneFourth {
  width: 35%;
}
.currentProgressStyle.slideTwoFirst {
  width: 33%;
}
.currentProgressStyle.slideTwoSecond {
  width: 22%;
}
.currentProgressStyle.slideTwoThird {
  width: 15%;
}
.currentProgressStyle.slideTwoFourth {
  width: 30%;
}
.currentProgressStyle.slideThreeFirst {
  width: 10%;
}
.currentProgressStyle.slideThreeSecond {
  width: 55%;
}
.currentProgressStyle.slideThreeThird {
  width: 20%;
}
.currentProgressStyle.slideThreeFourth {
  width: 15%;
}
.currentProgressStyle.slideFourFirst {
  width: 33%;
}
.currentProgressStyle.slideFourSecond {
  width: 32%;
}
.currentProgressStyle.slideFourThird {
  width: 25%;
}
.currentProgressStyle.slideFourFourth {
  width: 10%;
}
.currentProgressStyle.slideFiveFirst {
  width: 84.6%;
}
.currentProgressStyle.slideFiveSecond {
  width: 4.87%;
}
.currentProgressStyle.slideFiveThird {
  width: 1.46%;
}
.currentProgressStyle.slideFiveFourth {
  width: 9.07%;
}
.wrapProgressBarText {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  list-style-type: none;
  padding-left: 10px;
  padding-right: 10px;
}
.wrapROI {
  display: flex;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 15px;
}
.ROI {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background-color: #E4F1FA;
  text-align: center;
}
.ROI p:first-child {
  color: #ff0000;
  font-size: 33px;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 1.55;
  padding-top: 42px;
}
.ROI p:last-child {
  font-size: 12px;
  font-weight: 700;
}
.wrapCircles {
  margin-bottom: -500px;
}
.circleOneSection4,
.circleTwoSection4 {
  position: relative;
  border-radius: 50%;
  z-index: 6;
}
.circleOneSection4 {
  width: 279px;
  height: 279px;
  top: -366px;
  left: -29px;
  z-index: 6;
  background-color: #FF0000;
}
.circleTwoSection4 {
  width: 144px;
  height: 144px;
  top: -606px;
  left: 584px;
  z-index: 6;
  background-color: #0073DD;
}
.content.sol {
  padding: 100px 0;
}
.wrapSection5 {
  width: 60%;
  height: 560px;
  margin: 74px 0 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-content: center;
}
.wrapTextSection5 {
  width: 60%;
  text-align: initial;
  color: #ffffff;
  font-size: 62px;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 0.9;
  font-weight: 700;
}
.wrapTextSection5 p:last-child {
  color: red;
}
.wrapFormSection5 {
  width: 377px;
  height: 470px;
  border-radius: 20px;
  background-color: rgba(4, 5, 31, 0.4);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  position: relative;
  top: 200px;
}
.paragraphFormSection5 {
  height: 80px;
  color: #ffffff;
  font-size: 30px;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 700;
}
.formSection5 {
  opacity: 0;
  height: calc(100% - 80px);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  top: -195px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus {
  outline: none;
}
input[type=text]:focus::-webkit-input-placeholder,
input[type=email]:focus::-webkit-input-placeholder,
input[type=tel]:focus::-webkit-input-placeholder {
  color: transparent;
}
input[type=text]:focus::-moz-placeholder,
input[type=email]:focus::-moz-placeholder,
input[type=tel]:focus::-moz-placeholder {
  color: transparent;
}
input[type=text]:focus:-ms-input-placeholder,
input[type=email]:focus:-ms-input-placeholder,
input[type=tel]:focus:-ms-input-placeholder {
  color: transparent;
}
input[type=text]:focus::-ms-input-placeholder,
input[type=email]:focus::-ms-input-placeholder,
input[type=tel]:focus::-ms-input-placeholder {
  color: transparent;
}
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder {
  color: transparent;
}
.containerMemberFormRow {
  width: 340px;
  height: 45px;
  margin-bottom: 20px;
}
.inputTextSection5 {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  color: #000000;
  border: 0px solid #0073de;
  background-color: #fff;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 100;
  height: 45px;
}
.wrapCheckboxMemberForm {
  display: flex;
  align-items: center;
}
.checkboxMemberForm {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.checkboxTextSection5 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 100;
  font-family: 'Roboto', Arial, sans-serif;
}
.inputCheckboxSection5 {
  position: absolute;
  z-index: -999;
  opacity: 0;
}
.checkboxSpan {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: block;
  background: url("../images/solutions/checkboxUnchecked.png");
}
.inputCheckboxSection5:checked + .checkboxSpan {
  background: url("../images/solutions/checkboxChecked.png");
  transition: all 0.3s ease;
}
.submitButtonFormSection5 {
  color: #fff;
  border: 1px solid transparent;
  background-color: #0073de;
  border-radius: 10px;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 100;
  font-size: 16px;
  width: 340px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
  display: block;
}
footer {
  z-index: 5;
}
.wrapFooterSocial {
    width: 280px;
    z-index: 5;
    text-align: center;
    margin: 0 0;
}
.wrapFooterSocial p {
  color: #525252;
  margin-top: 21px;
  font-size: 12px;
}
.footerLogo {
  width: 120px;
  height: 36px;
  margin-bottom: 20px;
}
.footerSocialLinks {
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
/* .footerSocialLinks a {
  margin-right: 10px;
} */
.wrapFooterNav {
  /* !CHANGE */
  /* max-width: 260px;
  width: 100%; */
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.wrapFooterNav>ul>li, .wrapFooterProjects>ul>li,.wrapFooterAdress>ul>li{
  margin-right: 0;
}
.wrapFooterProjects {
  /* max-width: 260px;
  width: 100%; */
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.wrapFooterAdress {
  /* max-width: 260px;
  width: 100%; */
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.content {
  max-width: 1200px;
  padding: 0 15px;
  width: 100%;
}
.smallNavButton {
  display: none;
  cursor: pointer;
}
.smallNavButton:hover {
  scale: 1.1;
}
.smallNavButton:hover:after {
  scale: 1.1;
}
.smallNavButton:hover::before {
  scale: 1.1;
}
.bar1,
.bar2,
.bar3 {
  width: 69px;
  height: 8px;
  background-color: red;
  margin: 6px 0;
  border-radius: 5px;
  opacity: 0;
}
.bar1:hover,
.bar2:hover,
.bar3:hover {
  scale: 1.1;
}
.bar1:hover:after,
.bar2:hover:after,
.bar3:hover:after {
  scale: 1.1;
}
.bar1:hover::before,
.bar2:hover::before,
.bar3:hover::before {
  scale: 1.1;
}
.hiddenNav {
  height: 100%;
  /* 100% Full-height */
  width: 0;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 120;
  /* Stay on top */
  top: 0;
  /* Stay at the top */
  left: 0;
  background-color: #151515;
  /* Black*/
  overflow-x: hidden;
  /* Disable horizontal scroll */
  padding-top: 60px;
  /* Place content 60px from the top */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in the sidenav */
}
/* The navigation menu links */
.hiddenNav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
/* When you mouse over the navigation links, change their color */
.hiddenNav a:hover {
  color: #f1f1f1;
}
/* Position and style the close button (top right corner) */
.hiddenNav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.borderRadius20 {
  border-radius: 20px;
  width:100%;
}
.pdb100 {
  padding-bottom: 100px;
}
.db {
  display: block;
}
.mgnTop-50 {
  margin-top: -50px;
}
.fw700 {
  font-weight: 700;
}
.mgnL {
  margin-left: 20px;
}
.mgnL50 {
  margin-left: 50px;
}
.mgnR {
  margin-right: 20px;
}
.mgnR50 {
  margin-right: 50px;
}

.mgnB {
  margin-bottom: 20px;
}
.mgnB10 {
  margin-bottom: 10px;
}
.mgnB50 {
  margin-bottom: 50px;
}
.mgnR50 {
  margin-right: 50px;
}
.taR {
  text-align: right !important;
}
.flexReverse {
  flex-direction: row-reverse !important;
}
.o0 {
  opacity: 0;
}
.bleach {
  color: white !important;
}
.pdT150 {
  padding-top: 150px;
}
.mgnT20 {
  margin-top: 20px;
}
.wrapSafetyTextSmall {
  max-width: 630px;
  color: #222a42;
  font-size: 16px;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 1.3;
  font-weight: 300;
}
.wrapSafetyCardSection2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 75px;
}
.wrapMiniCardSafety {
  position: relative;
  width: 179px;
  height: 103px;
  border-radius: 20px;
  background-color: rgba(232, 235, 255, 0.25);
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  box-shadow: 5px 5px 15px 0px rgba(128, 142, 173, 0.3);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  z-index: 7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.miniCardTextSafety {
  color: #ffffff;
  font-size: 16px;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 1;
  font-weight: 700;
  padding: 20px;
}
.wrapSafetyCardsBlock {
  margin-right: 100px;
}
.miniImageSafety1,
.miniImageSafety2,
.miniImageSafety3,
.miniImageSafety4,
.miniImageSafety5,
.miniImageSafety6 {
  position: relative;
}
.miniImageSafety1,
.miniImageSafety4,
.miniImageSafety3,
.miniImageSafety6 {
  margin-left: -50px;
  margin-top: -26px;
}
.miniImageSafety2,
.miniImageSafety5 {
  margin-left: -262px;
  margin-top: -26px;
}
.image1SafetySection2 {
  max-width: 499px;
  max-height: 333px;
}
.smallPin {
  max-width: 499px;
  max-height: 333px;
}
.smallerPin {
  max-width: 33px;
  max-height: 39px;
}
.miniCardSafety2,
.miniCardSafety5 {
  margin-left: 80px;
}
.wrapSafetySection5 {
  max-height: 700px;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.wrapSafetyMainTextSection5 {
  max-width: 600px;
  width: 100%;
  text-align: left;
  margin-right: 50px;
}
.wrapSafetySmallTextSection5 {
  display: flex;
  justify-content: flex-start;
  text-align: left;
  margin-bottom: 20px;
  min-height: 40px;
}
.wrapSafetySmallTextSection5 p {
  position: relative;
  top: 15px;
}
.mainTextSafety p {
  color: #6bcc4e;
  font-size: 36px;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 0.9;
  font-weight: 700;
}
.mainTextSafety span {
  color: #000000;
  font-size: 16px;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 1.3;
  font-weight: 100;
}
.wrapImagesSection4 {
  justify-content: space-between;
}
.sec5 {
  justify-content: center;
  padding-top: 150px;
}
.imageLogoSafety {
  width: 70px;
  position: relative;
  margin-right: 1020px;
  margin-top: -60px;
}
.wrapSpanSection2Safety {
  margin-left: 200px;
}
.title {
  font-size: 62px;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 0.9;
}
.subTitle {
  font-size: 24px;
  font-family: 'Roboto', Arial, sans-serif;
}
.text {
  font-size: 16px;
  font-family: 'Roboto', Arial, sans-serif;
}
.subText {
  font-size: 14px;
  line-height: 1.55;
}
.miniText {
  font-size: 12px;
  line-height: 1.55;
}
.select_tarif{
  font-family:'Roboto', sans-serif, monospace;
  font-size: 22px;
  margin: 15px 50px;
  font-weight: 700;
  color: #000;
  cursor: pointer;
  transition: color .3s;
  position: relative;
}

.select_tarif.active{
  /* border-bottom: solid 5px #024dff; */
  color: #024dff;
}
.select_tarif.active::after{
  border-top: 6px solid #024dff;
  content: "";
  margin: 0 auto;
  position: absolute;
  bottom: -8px;
  right: 0;
  width: 100%;
  z-index: 1;
}

.select_tarif:hover{
  color: #024dff;
}
.specialText30 {
  font-size: 30px;
  font-family: 'Roboto', Arial, sans-serif;
}
.specialText150 {
  font-size: 150px;
  font-family: 'Roboto', Arial, sans-serif;
}
.specialText200 {
  font-size: 200px;
  font-family: 'Roboto', Arial, sans-serif;
}
.specialTitle {
  font-size: 42px;
  font-family: 'Roboto', Arial, sans-serif;
}
.strong {
  font-weight: 700;
}
.weight-900 {
    font-weight: 900;
}
.weight-600 {
  font-weight: 600;
}
.weight-400 {
  font-weight: 400;
}
.weight-300 {
  font-weight: 300;
}
.weight-100 {
  font-weight: 100;
}
.lh-09 {
  line-height: 0.9;
}
.lh-1 {
  line-height: 1.1;
}
.lh-3 {
  line-height: 1.3;
}
.lh-4 {
  line-height: 1.4;
}
.lh-55 {
  line-height: 1.55;
}
.c-white {
  color: #ffffff;
}
.c-black {
  color: #000000;
}
.c-blue {
  color: #004bff;
}
.c-specialBlue {
  color: #5500ff;
}
.c-yellow {
  color: #ffff00;
}
.c-red {
  color: #ff0000;
}
.c-grey {
  color: #525252;
}

.upper {
  text-transform: uppercase;
}
.eclipse {
  background-image: linear-gradient(to bottom, rgba(89, 113, 139, 0.7), rgba(16, 20, 26, 0.8));
  position: relative;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(0px);;
  backdrop-filter: blur(0px);
  width: 100%;
  height: 100%;
  z-index: 2;

  min-height: 500px;
}
.green_text{
    justify-content: space-between;
}
.eclipseHard {
  background-image: linear-gradient(to bottom, rgba(89, 113, 139, 0.7), #10141a);
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  min-height: 500px;
}
.eclipseSoft {
  background-image: linear-gradient(to bottom, rgba(89, 113, 139, 0.2), rgba(16, 20, 26, 0.9));
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  min-height: 500px;
}
.eclipseMedium {
  background-image: linear-gradient(to bottom, rgba(89, 113, 139, 0.7), rgba(16, 20, 26, 0.5));
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  min-height: 500px;
}
.rectanglePlace {
  position: relative;
}
.rectanglePlace::after {
  box-sizing: border-box;
  position: relative;
  content: "";
  width: 100%;
  height: 0;
  bottom: -99px;
  border-style: solid;
  border-width: 0 100vw 100px 0;
  border-color: transparent white transparent transparent;
  background: transparent;
  z-index: 5;
}
.rectanglePlace::before {
  box-sizing: border-box;
  position: relative;
  content: "";
  width: 100%;
  height: 0;
  top: -48px;
  border-style: solid;
  border-width: 0 0 50px 100vw;
  border-color: transparent transparent white transparent;
  background: transparent;
  z-index: 5;
}
.affilateBlock2Section1 {
  margin-bottom: 150px;
  justify-content: space-between;
  align-items: center;
}
.affilateBlock2Section1.solution {
  flex-direction: column;
  display: flex;
  align-items: flex-end;
}
.affilateBlock2Section5 {
  margin-bottom: 150px;
  justify-content: space-between;
  align-items: center;
  margin-top: 150px;
  z-index: 10;
}
.affilateTitleSection1 {
  text-align: left;
}
.affilateTitleSection1.solution {
  text-align: right;
}
.affilateTitleSection1.solution span:nth-child(2) {
  max-width: 600px;
}
.affilateTitleSection5 {
  text-align: left;
  align-self: baseline;
  width: 100%;
}
.affilateTitleSection5Part1 {
  display: flex;
  flex-direction: row;
  margin-left: 171px;
}
.affilateTitleSection5Part1 span:nth-child(1) {
  display: block;
  position: relative;
  z-index: 10;
}
.affilateTitleSection5Part1 span:nth-child(2) {
  display: block;
  position: relative;
  z-index: 9;
  margin-top: -69px;
  margin-left: -31px;
  transform: rotate(9deg);
}
.affilateTextSection5Part1 {
  margin-top: 20px;
}
.affilateFormSection5 {
  margin-left: 100px;
}
.affilateFormBlur {
  width: 395px;

  height: 500px;
  border-radius: 20px;
  background-color: rgba(4, 5, 31, 0.4);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  position: relative;
}
.affilateForm {
  opacity: 0;
  height: calc(100% - 80px);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: -433px;
}
.affilateSection2Part1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.affilateSection2Part1Images {
  background-color: red;
  border-radius: 50%;
  max-width: 300px;
  max-height: 300px;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
  margin-right: 300px;
}
.affilateSection2Image1 {
  position: absolute;
  top: -62px;
  left: -190px;
}
.affilateSection2Image2 {
  width: 98px;
  position: absolute;
  top: 177px;
  left: -25px;
}
.affilateSection2Image3 {
  width: 56px;
  position: absolute;
  top: 216px;
  left: 326px;
}
.affilateCircle1 {
  width: 300px;
  height: 300px;
  position: absolute;
  background-color: #ff0000;
  border-radius: 50%;
}
.affilateSectionPart1Text {
  position: relative;
  text-align: right;
  gap: 20px;
}
.affilateSection2Part1Button {
  margin-top: 50px;
}
.affilateButtonSection2 {
  background-color: #004bff;
  max-width: 200px;
  width: 100%;
  min-height: 50px;
  border-radius: 10px;
  box-sizing: border-box;
  z-index: 20;
}
.affilateButtonSection2:hover {
  border: 1px solid #0074e0;
  background-color: unset;
  color: #0074e0;
  transition: all 0.5s ease;
}
.affilateButtonSection2:hover span{
    color: #0074e0 !important;
}
.affilateSection2Part1Numbers {
  justify-content: space-around;
  margin: 50px 0;
}
@property --num {
  syntax: "<integer>";
  initial-value: 1;
  inherits: false;
}
@property --num2 {
  syntax: "<integer>";
  initial-value: 100;
  inherits: false;
}
.counter1,
.counter2,
.counter4,
.counterAbout1,
.counterAbout2,
.counterAbout3,
.counterAbout11,
.counterAbout21,
.counterAbout31,
.counterAbout12,
.counterAbout22,
.counterAbout32,
.counterAbout13,
.counterAbout23,
.counterAbout33,
.counterAbout14,
.counterAbout24,
.counterAbout34,
.counterPage1,
.counterPage5,
.counterPage6,
.counterPage7,
.counterPage8,
.counterPage9,
.counterPage10,
.counterPage11,
.counterPage12,
.counterPage13,
.counterPage14,
.counterPage15,
.counterPage3,
.counterPage4,
.counterPage2,
.counter2Page5,
.counter2Page7,
.counter2Page8,
.counter2Page9,
.counter2Page3,
.counterPage3Part1,
.counter3Page5Part1,
.counter3Page7Part1,
.counter3Page8Part1,
.counter3Page9Part1,
.counter3Page10Part1,
.counter3Page11Part1,
.counter3Page12Part1,
.counter3Page13Part1,
.counter3Page14Part1,
.counter3Page15Part1,
.counter3Page6Part1,
.counter3Page3Part1,
.counter3Page2Part1,
.counter3Page1Part1,
.counter3Page4Part1,
.counterPage3Part2,
.counter3Page5Part2,
.counter3Page7Part2,
.counter3Page8Part2,
.counter3Page9Part2,
.counter3Page10Part2,
.counter3Page11Part2,
.counter3Page12Part2,
.counter3Page13Part2,
.counter3Page15Part2,
.counter3Page3Part2,
.counter3Page2Part2,
.counter3Page1Part2,
.counter3Page4Part2,
.counter3Page5Part3,
.counter3Page7Part3,
.counter3Page8Part3,
.counter3Page9Part3,
.counter3Page10Part3,
.counter3Page11Part3,
.counter3Page12Part3,
.counter3Page13Part3,
.counter3Page14Part3,
.counter3Page15Part3,
.counter3Page6Part3,
.counter3Page3Part3,
.counter3Page2Part3,
.counter3Page1Part3,
.counter3Page4Part3,
.counter4Page4Part1,
.counter4Page5Part1,
.counter4Page7Part1,
.counter4Page8Part1,
.counter4Page9Part1,
.counter4Page10Part1,
.counter4Page11Part1,
.counter4Page12Part1,
.counter4Page6Part1,
.counter4Page3Part1,
.counter4Page1Part1,
.counter4Page2Part1,
.counterPage4Part2,
.counterWS1,
.counterWS2Part1,
.counterWS2Part2,
.counterWS3Part1,
.counterWS3Part2,
.counterWS4Part1,
.counterWS4Part2 {
  transition: --num 2s;
  counter-set: num var(--num);
}
.counter1::after,
.counter2::after,
.counter4::after,
.counterAbout1::after,
.counterAbout2::after,
.counterAbout3::after,
.counterAbout11::after,
.counterAbout21::after,
.counterAbout31::after,
.counterAbout12::after,
.counterAbout22::after,
.counterAbout32::after,
.counterAbout13::after,
.counterAbout23::after,
.counterAbout33::after,
.counterAbout14::after,
.counterAbout24::after,
.counterAbout34::after,
.counterPage1::after,
.counterPage5::after,
.counterPage6::after,
.counterPage7::after,
.counterPage8::after,
.counterPage9::after,
.counterPage10::after,
.counterPage11::after,
.counterPage12::after,
.counterPage13::after,
.counterPage14::after,
.counterPage15::after,
.counterPage3::after,
.counterPage4::after,
.counterPage2::after,
.counter2Page5::after,
.counter2Page7::after,
.counter2Page8::after,
.counter2Page9::after,
.counter2Page3::after,
.counterPage3Part1::after,
.counter3Page5Part1::after,
.counter3Page7Part1::after,
.counter3Page8Part1::after,
.counter3Page9Part1::after,
.counter3Page10Part1::after,
.counter3Page11Part1::after,
.counter3Page12Part1::after,
.counter3Page13Part1::after,
.counter3Page14Part1::after,
.counter3Page15Part1::after,
.counter3Page6Part1::after,
.counter3Page3Part1::after,
.counter3Page2Part1::after,
.counter3Page1Part1::after,
.counter3Page4Part1::after,
.counterPage3Part2::after,
.counter3Page5Part2::after,
.counter3Page7Part2::after,
.counter3Page8Part2::after,
.counter3Page9Part2::after,
.counter3Page10Part2::after,
.counter3Page11Part2::after,
.counter3Page12Part2::after,
.counter3Page13Part2::after,
.counter3Page15Part2::after,
.counter3Page3Part2::after,
.counter3Page2Part2::after,
.counter3Page1Part2::after,
.counter3Page4Part2::after,
.counter3Page5Part3::after,
.counter3Page7Part3::after,
.counter3Page8Part3::after,
.counter3Page9Part3::after,
.counter3Page10Part3::after,
.counter3Page11Part3::after,
.counter3Page12Part3::after,
.counter3Page13Part3::after,
.counter3Page14Part3::after,
.counter3Page15Part3::after,
.counter3Page6Part3::after,
.counter3Page3Part3::after,
.counter3Page2Part3::after,
.counter3Page1Part3::after,
.counter3Page4Part3::after,
.counter4Page4Part1::after,
.counter4Page5Part1::after,
.counter4Page7Part1::after,
.counter4Page8Part1::after,
.counter4Page9Part1::after,
.counter4Page10Part1::after,
.counter4Page11Part1::after,
.counter4Page12Part1::after,
.counter4Page6Part1::after,
.counter4Page3Part1::after,
.counter4Page1Part1::after,
.counter4Page2Part1::after,
.counterPage4Part2::after,
.counterWS1::after,
.counterWS2Part1::after,
.counterWS2Part2::after,
.counterWS3Part1::after,
.counterWS3Part2::after,
.counterWS4Part1::after,
.counterWS4Part2::after {
  content: counter(num);
}
.counter3 {
  transition: --num2 2s;
  counter-set: num2 var(--num2);
}
.counter3::after {
  content: counter(num2);
}
.counter1._active {
  --num: 1700;
}
.counter2._active {
  --num: 2;
}
.counter3._active {
  --num2: 320;
}
.counter4._active {
  --num: 5000;
}
.counterAbout1._active {
  --num: 2400;
}
.counterAbout2._active {
  --num: 43;
}
.counterAbout3._active {
  --num: 67;
}
.counterAbout11._active {
  --num: 25;
}
.counterAbout21._active {
  --num: 106;
}
.counterAbout31._active {
  --num: 48;
}
.counterAbout12._active {
  --num: 70000;
}
.counterAbout22._active {
  --num: 47000;
}
.counterAbout32._active {
  --num: 112;
}
.counterAbout13._active {
  --num: 4;
}
.counterAbout23._active {
  --num: 19;
}
.counterAbout33._active {
  --num: 27;
}
.counterAbout14._active {
  --num: 900;
}
.counterAbout24._active {
  --num: 22;
}
.counterAbout34._active {
  --num: 31;
}
.counterPage1._active {
  --num: 1;
}
.counterPage5._active {
  --num: 6;
}
.counterPage6._active {
  --num: 250;
}
.counterPage7._active {
  --num: 10;
}
.counterPage8._active {
  --num: 20;
}
.counterPage9._active {
  --num: 30;
}
.counterPage10._active {
  --num: 2500;
}
.counterPage11._active {
  --num: 7500;
}
.counterPage12._active {
  --num: 12;
}
.counterPage13._active {
  --num: 50;
}
.counterPage14._active {
  --num: 50;
}
.counterPage15._active {
  --num: 50;
}
.counterPage3._active {
  --num: 15;
}
.counterPage2._active {
  --num: 5;
}
.counterPage4._active {
  --num: 3;
}


.counter2Page5._active {
  --num: 155;
}
.counter2Page7._active {
  --num: 24;
}
.counter2Page8._active {
  --num: 24;
}
.counter2Page9._active {
  --num: 24;
}
.counter2Page3._active {
  --num: 311;
}
.counterPage3Part1._active {
  --num: 5;
}
.counter3Page5Part1._active {
  --num: 2;
}
.counter3Page7Part1._active {
  --num: 3;
}
.counter3Page8Part1._active {
  --num: 5;
}
.counter3Page9Part1._active {
  --num: 9;
}
.counter3Page10Part1._active {
  --num: 1;
}
.counter3Page11Part1._active {
  --num: 5;
}
.counter3Page12Part1._active {
  --num: 10;
}
.counter3Page13Part1._active {
  --num: 3;
}
.counter3Page14Part1._active {
  --num: 2;
}
.counter3Page15Part1._active {
  --num: 12;
}
.counter3Page6Part1._active {
  --num: 2;
}
.counter3Page3Part1._active {
  --num: 2;
}
.counter3Page2Part1._active {
  --num: 5;
}
.counter3Page1Part1._active {
  --num: 2;
}
.counter3Page4Part1._active {
  --num: 3;
}
.counterPage3Part2._active {
  --num: 21;
}
.counter3Page5Part2._active {
  --num: 790;
}
.counter3Page7Part2._active {
  --num: 273;
}
.counter3Page8Part2._active {
  --num: 680;
}
.counter3Page9Part2._active {
  --num: 91;
}
.counter3Page10Part2._active {
  --num: 200;
}
.counter3Page11Part2._active {
  --num: 985;
}
.counter3Page12Part2._active {
  --num: 192;
}
.counter3Page13Part2._active {
  --num: 17;
}
.counter3Page15Part2._active {
  --num: 264;
}
.counter3Page3Part2._active {
  --num: 0;
}
.counter3Page2Part2._active {
  --num: 21;
}
.counter3Page1Part2._active {
  --num: 21;
}
.counter3Page4Part2._active {
  --num: 9;
}
.counter3Page5Part3._active {
  --num: 781;
}
.counter3Page7Part3._active {
  --num: 845;
}
.counter3Page8Part3._active {
  --num: 125;
}
.counter3Page9Part3._active {
  --num: 335;
}
.counter3Page10Part3._active {
  --num: 279;
}
.counter3Page11Part3._active {
  --num: 627;
}
.counter3Page12Part3._active {
  --num: 11;
}
.counter3Page13Part3._active {
  --num: 755;
}
.counter3Page14Part3._active {
  --num: 35;
}
.counter3Page15Part3._active {
  --num: 27;
}
.counter3Page6Part3._active {
  --num: 35;
}
.counter3Page3Part3._active {
  --num: 35;
}
.counter3Page2Part3._active {
  --num: 17;
}
.counter3Page1Part3._active {
  --num: 35;
}
.counter3Page4Part3._active {
  --num: 325;
}
.counter4Page4Part1._active {
  --num: 125;
}
.counter4Page5Part1._active {
  --num: 128;
}
.counter4Page7Part1._active {
  --num: 187;
}
.counter4Page8Part1._active {
  --num: 216;
}
.counter4Page9Part1._active {
  --num: 244;
}
.counter4Page10Part1._active {
  --num: 109;
}
.counter4Page11Part1._active {
  --num: 110;
}
.counter4Page12Part1._active {
  --num: 112;
}
.counter4Page6Part1._active {
  --num: 120;
}
.counter4Page3Part1._active {
  --num: 214;
}
.counter4Page1Part1._active {
  --num: 161;
}
.counter4Page2Part1._active {
  --num: 189;
}
.counterPage4Part2._active {
  --num: 75;
}
.counterWS1._active {
  --num: 1999;
}
.counterWS2Part1._active {
  --num: 25;
}
.counterWS2Part2._active {
  --num: 2;
}
.counterWS3Part1._active {
  --num: 1;
}
.counterWS3Part2._active {
  --num: 6;
}
.counterWS4Part1._active {
  --num: 7;
}
.counterWS4Part2._active {
  --num: 81;
}
.remR {
  margin-right: -1rem;
}
.remL {
  margin-left: -1rem;
}
.affilateSection4Cards {
  gap: 200px;
  margin-top: 100px;
}
.affilateSection4CardsLeft,
.affilateSection4CardsRight {
  width: 50%;
  gap: 75px;
}
.affilateSection4CardsLeft img,
.affilateSection4CardsRight img {
  position: absolute;
  z-index: 9;
  scale: 0.6;
}
.affilateSection4CardsLeft:nth-child(4n+2),
.affilateSection4CardsRight:nth-child(4n+2) {
  margin-left: 72px;
  margin-top: 106px;
}
.affilateSection4CardsLeft img:nth-child(2) {
  margin-top: -213px;
  margin-left: 262px;
}
.affilateSection4CardsLeft img:nth-child(4) {
  margin-top: 100px;
  margin-left: 88px;
  scale: 1;
}
.affilateSection4CardsLeft img:nth-child(6) {
  margin-top: 271px;
  margin-left: 285px;
  scale: 0.9;
  transform: rotate(13deg);
}
.affilateSection4CardsLeft img:nth-child(8) {
  margin-top: 424px;
  margin-left: 95px;
  scale: 0.8;
  transform: rotate(344deg);
}
.affilateSection4CardsLeft img:nth-child(10) {
  margin-top: 497px;
  margin-left: 171px;
}
.affilateSection4CardsRight img:nth-child(2) {
  margin-top: -213px;
  margin-left: 211px;
  scale: 0.4;
  transform: rotate(24deg);
}
.affilateSection4CardsRight img:nth-child(4) {
  scale: 0.5;
  margin-top: -8px;
  margin-left: -50px;
  transform: rotate(336deg);
}
.affilateSection4CardsRight img:nth-child(6) {
  scale: 1;
  margin-top: 271px;
  margin-left: 323px;
  transform: rotate(22deg);
}
.affilateSection4CardsRight img:nth-child(8) {
  margin-top: 424px;
  margin-left: -143px;
  transform: rotate(347deg);
}
.affilateSection4CardsRight img:nth-child(10) {
  margin-top: 596px;
  margin-left: 288px;
  scale: 1;
}
.affilateSection4Card {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 425px;
  width: 100%;
  min-height: 92px;
  border-radius: 20px;
  background-color: rgba(232, 235, 255, 0.5);
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  box-shadow: 5px 5px 15px 0px rgba(128, 142, 173, 0.3);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  z-index: 10;
}
.affilateSection4Card:nth-child(4n+3) {
  margin-left: 200px;
}
.affilateSection4CardText {
  margin-left: 20px;
}
.TEMPBLOCK1 {
  width: 100%;
  height: 100px;
  background-color: gray;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
.TEMPBLOCK1 span {
  color: yellow;
  font-size: 62px;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
}
.affilateSection2Part2 {
  display: flex;
  justify-content: space-around;
  text-align: center;
  margin-top: 100px;
}
.affilateCircleSection2Part2 {
  width: 40px;
  height: 40px;
  border-width: 2px;
  border-radius: 50%;
  position: relative;
  z-index: 10;
  border-color: #ff0000;
  background: #ff0000;
}
.affilateRectangleSection2Part2 {
  width: 320px;
  height: 20px;
  position: relative;
  z-index: 9;
  transform: scaleX(1.1);
  background-color: #024dff;

}
.affilateSection2Part2Left {
  gap: 200px;
  margin-top: -200px;
}
.affilateSection2Part2Right {
  gap: 200px;
  margin-top: 250px;
}
.affilateCardSection2Part2 {
  gap: 14px;
}
.affilateSection3 {
  padding: 200px 0 300px 0;
  gap: 181px;
  min-height: 270px;
}
.affilateSection3Title {
  display: flex;
  align-self: start;
  flex-direction: column;
  justify-content: left;
  align-items: flex-start;
}
.affilateSection3TitlePart1 {
  text-align: left;
  position: relative;
  z-index: 10;
}
.affilateSection3TitlePart2 {
  position: absolute;
  z-index: 9;
  margin-left: 197px;
  transform: rotate(10deg);
}
.affilateSection3Text {
  align-self: end;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}
.affilateSection3TextPart1 {
  position: relative;
  z-index: 6;
}
.affilateSection3TextPart2 {
  width: 362px;
  height: 368px;
  background: red;
  border-radius: 50%;
  position: absolute;
  margin-top: -158px;
  z-index: 5;
  opacity: 0.7;
}
.affilateSection4Title {
  margin-top: 100px;
  text-align: right;
}
.affilateCircleSection5 {
  max-width: 200px;
  width: 100%;
  min-height: 200px;
  background-color: #0073de;
  border-radius: 50%;
  position: absolute;
  margin-left: -720px;
  margin-top: 301px;
  z-index: 8;
  opacity: 0.7;
}
.affilateTicker {
  position: relative;
  min-height: 100px;
  height: 100%;
  overflow: hidden;
  padding-top: 10px;
}
.wrapTickerSection2 {
  width: 100%;
  height: 85px;
  margin-top: 50px;
  display: flex;
  align-items: center;
  background-color: #004bff;
  transform: rotate(1deg);
}
.spanner {
  -webkit-animation: animationTicker 30s linear infinite;
  animation: animationTicker 30s linear infinite;
  white-space: nowrap;
}
.spannerAbout {
  -webkit-animation: animationTicker 60s linear infinite;
  animation: animationTicker 60s linear infinite;
  white-space: nowrap;
}
.spanner span {
  margin: -1px 10px;
  width: 18px;
  height: 18px;
  display: inline-block;
  background-image: url(../images/main/slash.svg);
}
.spannerAbout span {
  margin: -1px 10px;
  width: 18px;
  height: 18px;
  display: inline-block;
  background-image: url(../images/main/slash.svg);
}
.textAlighner {
  text-align: center;
}
.projectsSection1 {
  justify-content: end;
  margin-bottom: unset;
}
.projectsTitleSection1 {
  text-align: end;
}
.projectsButtonSection1 {
  margin-top: unset;
  margin-bottom: 310px;
  min-width: 200px;
  margin-right: 12px;
}
.projectsButtonSection1:hover {
  background-color: white;
  border-radius: 10px;
}
.projectsWrapSection1 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  max-width: 1200px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 100px;
}
.aboutWrapSection1 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
}
.projectSection2PinsRight {
  margin-top: unset;
  gap: unset;
}
.projectSection2PinsLeft {
  margin-top: unset;
}
.projectsButtonInvest {
  width: 200px;
  min-height: 60px;
  background-color: #0073de;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  margin: 50px auto 0;
}
.projectsButtonInvest:hover {
  transition: all 0.3s ease;
  background-color: white;
  outline: 1px solid #0073de;
}
.projectsButtonInvest:hover span {
  color: #0073de;
}
.projectsSticks {
  margin-left: -50px;
}
.projectsTicker {
  z-index: 100;
}
.projectsCardsSection2 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 50px;
}
.projectWrapButtonCard {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.projectCard {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: left;
  gap: 15px;
  max-width: 360px;
  padding: 0 10px;
  background-color: #ebf1ff;
  border-radius: 20px;
}
.projectCard img {
  max-width: 360px;
  max-height: 240px;
  border-radius: 20px;
}
.projectCard span {
  padding: 0 20px;
}
.projectCard a {
  width: 130px;
  height: 45px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px;
  font-size: 14px;
  font-family: 'Roboto', Arial, sans-serif;

}
.img_links{
    width: 100% !important;
    height: 100% !important;
    transition: transform .3s;
}
.img_links:hover{
        transform: scale(1.05);
}
.projectCard a.projectB1 {
  border-color: white;
  background-color: #0073DE;
}
.projectCard a.projectB2 {
  background-color: white;
  border: 1px solid;
  border-color: #0073DE;
}
.aboutSection1Text {
  max-width: 600px;
  color: #fff;
}
.aboutNumberCounters {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-around;
}
.counterCard {
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
  align-items: center;
  gap: 10px;
}
.aboutArrowsColumn {
  display: block;
}
.aboutArrows1 {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: -37px;
}
.aboutArrows2 {
  display: flex;
  gap: 300px;
  position: relative;
  margin-top: -37px;
}
.aboutYears1 {
  display: flex;
  gap: 91px;
  position: relative;
  margin-left: -15px;
  margin-top: 30px;
}
.aboutYears2 {
  display: flex;
  position: relative;
  margin-top: 30px;
  margin-left: -28px;
  gap: 224px;
}
.arrowBox {
  display: none;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  max-width: 600px;
  min-width: 100px;
  height: 100px;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 16px;
  position: absolute;
  z-index: 10;
  margin-top: 20px;
  margin-left: -39px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
.arrowRing,
.hovers {
  box-sizing: border-box;
  display: block;
  width: 25px;
  height: 25px;
  background-color: #dbe6ff;
  border: 2px solid blue;
  border-radius: 50%;
}
.arrow2Style {
  margin-left: -207px;
}
.arrowRing1:hover + .arrowBox1 {
  display: flex;
}
.arrowRing2:hover + .arrowBox2 {
  display: flex;
}
.arrowRing3:hover + .arrowBox3 {
  display: flex;
}
.arrowRing4:hover + .arrowBox4 {
  display: flex;
}
.arrowRing5:hover + .arrowBox5 {
  display: flex;
}
.arrowRing6:hover + .arrowBox6 {
  display: flex;
}
.arrowRing7:hover + .arrowBox7 {
  display: flex;
}
.arrowRing8:hover + .arrowBox8 {
  display: flex;
}
.arrowRing9:hover + .arrowBox9 {
  display: flex;
}
.aboutArrowsContainerPart1 {
  margin-top: 100px;
}
.aboutArrowsContainer {
  display: flex;
  gap: 150px;
  flex-direction: column;
}
.aboutArrowsTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 100px;
}
.aboutArrowsTitle img {
  width: 150px;
  position: relative;
}
.aboutArrowsCircle {
  width: 150px;
  height: 150px;
  background: #5959d6;
  border-radius: 50%;
  position: relative;
}
.aboutArrowsContainerPart2 {
  margin-bottom: 100px;
}
.aboutArrowsContainerPart2 img.animationRotate2Instant {
  width: 100px;
  position: relative;
  margin-bottom: -66px;
  margin-left: -147px;
}
.aboutArrowsContainerPart2 img.animationRotate2Instant2 {
  width: 100px;
  position: relative;
  margin-bottom: -66px;
  margin-left: -147px;
}
.aboutArrowsRow {
  display: none;
}
.aboutArrows1Row {
  display: flex;
  position: relative;
  gap: 70px;
  margin-left: -37px;
  flex-direction: column;
}
.aboutArrows2Row {
  display: flex;
  position: relative;
  gap: 120px;
  margin-left: -37px;
  margin-top: 200px;
  flex-direction: column;
}
.aboutYears1Row {
  display: flex;
  gap: 70px;
  position: relative;
  margin-left: 5px;
  margin-top: 30px;
  flex-direction: column;
}
.aboutYears1Row span {
  transform: rotate(45deg);
}
.aboutYears2Row {
  display: flex;
  gap: 120px;
  position: relative;
  margin-left: 5px;
  margin-top: 200px;
  flex-direction: column;
}
.aboutYears2Row span {
  transform: rotate(45deg);
}
.arrowBoxLeftRow {
  display: none;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  min-width: 214px;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 16px;
  position: absolute;
  margin-top: 33px;
  margin-left: -2px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  z-index: 105;
}
.arrowBoxRightRow {
  display: none;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  min-width: 214px;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 16px;
  position: absolute;
  margin-top: 33px;
  margin-left: -193px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  z-index: 105;
}
.arrowRingRow,
.hovers {
  box-sizing: border-box;
  display: block;
  width: 25px;
  height: 25px;
  background-color: #dbe6ff;
  border: 2px solid blue;
  border-radius: 50%;
}
.arrowRing1Row:hover + .arrowBox1Row {
  display: flex;
}
.arrowRing2Row:hover + .arrowBox2Row {
  display: flex;
}
.arrowRing3Row:hover + .arrowBox3Row {
  display: flex;
}
.arrowRing4Row:hover + .arrowBox4Row {
  display: flex;
}
.arrowRing5Row:hover + .arrowBox5Row {
  display: flex;
}
.arrowRing6Row:hover + .arrowBox6Row {
  display: flex;
}
.arrowRing7Row:hover + .arrowBox7Row {
  display: flex;
}
.arrowRing8Row:hover + .arrowBox8Row {
  display: flex;
}
.arrowRing9Row:hover + .arrowBox9Row {
  display: flex;
}
.aboutArrowsContainerPart1Row,
.aboutArrowsContainerPart2Row {
  padding: 100px 0;
  display: flex;
}
.aboutArrowsContainerRow {
  display: flex;
  gap: 100px;
  flex-direction: row;
}
.aboutArrowsTitleRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 100px;
}
.aboutArrowsTitleRow img {
  width: 150px;
  position: relative;
}
.aboutArrowsCircleRow {
  width: 150px;
  height: 150px;
  background: #6a6ada;
  border-radius: 50%;
  position: relative;
}
.aboutArrowsContainerPart2Row {
  margin-bottom: 100px;
}
.aboutArrowsContainerPart2Row img.animationRotate2Instant {
  width: 100px;
  position: relative;
  margin-bottom: -66px;
  margin-left: -147px;
}
.aboutTeamCardsSection {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.aboutTeamMember1 {
  background-image: url(https://www.gpibs.com/images/about/grand3.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-position: center;
}
.aboutTeamMember1.ws {
  background-image: url(../images/ws/wsIllustration1.webp);
  background-position: center;
}
.aboutTeamMember1.about2 {
  background-image: url(../images/source/team1.png);
  background-position: center;
}
.aboutTeamMember1.about3 {
  background-image: url(../images/source/team2.png);
  background-position: center;
}
.aboutTeamMember1.about4 {
  background-image: url(../images/source/team3.png);
  background-position: center;
}
.aboutTeamMember1.about5 {
  background-image: url(../images/source/investinchina.jpg);
  background-position: center;
}
.aboutTeamMember1.about6 {
  background-image: url(../images/source/team5.png);
  background-position: center;
}
.aboutTeamMember2 {
  background-image: url(https://www.gpibs.com/images/about/grand4.png);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 450px;
  max-width: 330px;
}
.aboutTeamMember2.ws {
  min-height: unset;
  max-width: unset;
  width: 100%;
  height: 100%;
  background-image: url(../images/ws/wsIllustration2.webp);
  background-position: center;
}
.aboutTeamMember2.about2 {
  background-image: url(../images/source/team6.png);
  background-position: center;
}
.aboutTeamMember2.about3 {
  background-image: url(../images/source/team7.png);
  background-position: center;
}
.aboutTeamMember2.about4 {
  background-image: url(../images/source/team8.png);
  background-position: center;
}
.aboutTeamMember2.about5 {
  background-image: url(../images/source/easyandsmartdashboard.jpg);
  background-position: center;
}
.aboutTeamMember2.about6 {
  background-image: url(../images/source/team10.png);
  background-position: center;
}
.aboutTeamMember3 {
  background-image: url(https://www.gpibs.com/images/about/grand1.png);
  background-size: cover;
  background-position: 100%;
  background-repeat: no-repeat;
  min-height: 450px;
  max-width: 330px;
}
.aboutTeamMember3.ws {
  min-height: unset;
  max-width: unset;
  width: 100%;
  height: 100%;
  background-image: url(../images/ws/wsIllustration3.webp);
  background-position: center;
}
.aboutTeamMember3.about2 {
  background-image: url(../images/source/team10.png);
  background-position: center;
}
.aboutTeamMember3.about3 {
  background-image: url(../images/source/team11.png);
  background-position: center;
}
.aboutTeamMember3.about4 {
  background-image: url(../images/source/team12.png);
  background-position: center;
}
.aboutTeamMember3.about5 {
  background-image: url(../images/source/team13.png);
  background-position: center;
}
.aboutTeamMember3.about6 {
  background-image: url(../images/source/team14.png);
  background-position: center;
}
.aboutTeamMember4 {
  background-image: url(https://www.gpibs.com/images/about/grand2.png);
  background-repeat: no-repeat;
  min-height: 450px;
  max-width: 330px;
}
.aboutTeamMember4.about2 {
  background-image: url(../images/source/team15.png);
  background-position: center;
  background-size: cover;
}
.aboutTeamMember4.about3 {
  background-image: url(../images/source/team34.webp);
  background-position: center;
  background-size: cover;
}
.aboutTeamMember4.about4 {
  background-image: url(../images/source/team44.webp);
  background-position: center;
  background-size: cover;
}
.aboutTeamMember4.about5 {
  background-image: url(../images/source/team15.jpg);
  background-position: center;
  background-size: cover;
}
.aboutTeamMember4.about6 {
  background-image: url(../images/source/team4.png);
  background-position: center;
  background-size: cover;
}
.aboutTeamCard {
  width: 289px;
  height: 450px;
  overflow: hidden;
  scale: 1;
  transition: scale 0.5s ease-in-out;
  border-radius: 20px
}
.aboutTeamCard:hover .aboutTeamMember1,
.aboutTeamCard:hover .aboutTeamMember2,
.aboutTeamCard:hover .aboutTeamMember3,
.aboutTeamCard:hover .aboutTeamMember4 {
  position: relative;
  scale: 1.1;
  transition: scale 0.45s ease-in-out;
}
.aboutTeamCard:hover .aboutTeamMember1 + .aboutMemberDesktop,
.aboutTeamCard:hover .aboutTeamMember2 + .aboutMemberDesktop,
.aboutTeamCard:hover .aboutTeamMember3 + .aboutMemberDesktop,
.aboutTeamCard:hover .aboutTeamMember4 + .aboutMemberDesktop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 85%;
  margin: 0 auto;
  top: 25px;
  left: 0;
  right: 0;
  gap: 5px;
  -webkit-animation: animationBottomToTop2 1s ease;
  animation: animationBottomToTop2 1s ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.aboutTeamCard:hover .aboutTeamMember1 + .aboutMemberDesktop span:nth-child(2),
.aboutTeamCard:hover .aboutTeamMember2 + .aboutMemberDesktop span:nth-child(2),
.aboutTeamCard:hover .aboutTeamMember3 + .aboutMemberDesktop span:nth-child(2),
.aboutTeamCard:hover .aboutTeamMember4 + .aboutMemberDesktop span:nth-child(2) {
  margin-bottom: 20px;
}
.aboutTeamCard:hover .aboutTeamMember1:before,
.aboutTeamCard:hover .aboutTeamMember2:before,
.aboutTeamCard:hover .aboutTeamMember3:before,
.aboutTeamCard:hover .aboutTeamMember4:before {
  opacity: 1;
  transition: opacity 0.45s ease-in-out;
}
.aboutTeamCard:not(:hover) .aboutTeamMember1,
.aboutTeamCard:not(:hover) .aboutTeamMember2,
.aboutTeamCard:not(:hover) .aboutTeamMember3,
.aboutTeamCard:not(:hover) .aboutTeamMember4 {
  scale: 1;
  transition: scale 0.45s ease-in-out;
}
.aboutTeamCard:not(:hover) .aboutTeamMember1:before,
.aboutTeamCard:not(:hover) .aboutTeamMember2:before,
.aboutTeamCard:not(:hover) .aboutTeamMember3:before,
.aboutTeamCard:not(:hover) .aboutTeamMember4:before {
  opacity: 0;
  transition: opacity 0.45s ease-in-out;
}
.aboutTeamMember1::before,
.aboutTeamMember2:before,
.aboutTeamMember3:before,
.aboutTeamMember4:before {
  content: "";
  opacity: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: -moz-linear-gradient(top, rgba(89, 113, 139, 0.7), #000000);
  background-image: -webkit-linear-gradient(top, rgba(89, 113, 139, 0.7), #000000);
  background-image: -o-linear-gradient(top, rgba(89, 113, 139, 0.7), #000000);
  background-image: -ms-linear-gradient(top, rgba(89, 113, 139, 0.7), #000000);
}
.aboutTeamCardsPart1 {
  flex-direction: row;
  display: flex;
  gap: 13px;
}
.aboutTeamCardsPart2 {
  flex-direction: row;
  display: flex;
  gap: 10px;
}
.aboutMemberInfo1 span {
  display: none;
  color: white;
  /* Good thing we set a fallback color! */
  font-family: sans-serif;
  padding: 25%;
  position: absolute;
}
.aboutMemberDesktop {
  display: none;
}
.aboutMemberMobile {
  display: none;
}
.aboutLicenseSection {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 100px;
  margin-top: 100px;
}
.aboutLicenseTitle {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  box-sizing: border-box;
}
.aboutLicenseTitle span:nth-child(2) {
  max-width: 868px;
}
.aboutLicenseTitle img {
  position: relative;
  width: 150px;
  margin-top: -158px;
  margin-left: 960px;
}
.aboutLicenseImages {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}
.aboutLicenseCard {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  width: 100%;
}
.aboutLicenseCard a {
  min-width: 130px;
  text-align: center;
  min-height: 60px;
  background-color: white;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .3s;
}
.aboutLicenseCard a:hover{
  transform: scale(1.05);
}
.gapflex{
  gap: 25px;
}
.aboutLicenseCardText {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  max-width: 500px;
  width: 100%;
}
.aboutLicenseCardTextPart {
  display: flex;
  flex-direction: column;
}
.aboutFormSection4 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.aboutSection4Title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  gap: 20px;
}
.aboutSection4Title span:nth-child(2) {
  max-width: 600px;
}
.wrapFormSection5.about {
    height: 444px;
    margin-bottom: -26px;
    z-index: 9;
}
.formSection5.about {
  z-index: 10;
}
.containerMemberFormRow.aboutYourText {
  height: 100px;
}
.containerMemberFormRow.aboutYourText input {
  height: 100%;
  padding-bottom: 45px;
}
.aboutHiddenBlock {
  position: relative;
  width: 373px;
  height: 90px;
  top: 19px;
  left: -2px;
  border: 1px solid black;
  display: none;
}
.aboutCircleSection3 {
  position: absolute;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background-color: red;
  opacity: 0.5;
  margin-top: 143px;
  margin-left: 716px;
  z-index: 8;
}
.arrowBottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 200px;
  margin-right: 15px;
}
.dropdown-content {
  display: none;
  left: -50%;
  position: absolute;

  min-width: 175px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  background: rgb(90 101 116/80%);

}
/* !CHANGE */
.dropdown-content>*{
  border-bottom: 1px solid white;
  margin: 0;
}
.dropdown-content>*:last-child{
  border-bottom: unset;
}
.langs>*{
  border-bottom: unset;
}

.dropdown1:hover .is
{
    animation: pBut-aPulse 0.5s infinite;
}

@keyframes pBut-aPulse
{
    50%
	{

        -ms-transform:scale(1.1, 1.1) translateY(1px);
		-webkit-transform:scale(1.1, 1.1) translateY(1px);
		-o-transform:scale(1.1, 1.1) translateY(1px);
		-moz-transform:scale(1.1, 1.1) translateY(1px);
    }
    100%
	{
        -ms-transform:scale(1, 1) translateY(0px);
		-webkit-transform:scale(1, 1) translateY(0px);
		-o-transform:scale(1, 1) translateY(0px);
		-moz-transform:scale(1, 1) translateY(0px);
    }
}


.header_li:hover .dropdown-content {display: block;}
.dropdown-content li{
 line-height:40px;
}
.arrowBottomPart {
  width: 30px;
  height: 30px;
  border-left: 2px solid white;
  border-bottom: 2px solid white;
  transform: rotate(315deg);
  margin-bottom: -20px;
}
.section2Part1.page1 {
  display: flex;
  gap: 100px;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}
.counterCard {
  width: 100%;
}
.counterCard div span.title {
  font-size: 48px;
}
.buttonSection2Part1.page1 {
  align-self: center;
}
.buttonInvest.page1 {
  width: 200px;
  height: 60px;
  background-color: red;
  box-sizing: border-box;
  border: 1px solid red;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
}
.buttonInvest.page1:hover {
  background-color: white;
  transition: all ease 0.3s;
}
.buttonInvest.page1:hover span {
  color: red;
}
.section2.page1 {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.section2Part2.page1 {
  display: flex;
  flex-direction: column;
  margin-top:0px;
  margin-bottom: 50px;
  /* background: #def1ff; */
  padding: 35px;
  gap: 110px;
  border-radius: 12px;
}
.amount_calc{
  background-color: #fff;
  color: #000;
  text-align:center;
  max-width: 200px;
  margin: 0 auto;
  border-radius:10px;
  padding:20px 70px;
  font-size: 52px;
  cursor: auto;
}
.amount_calc_label{
  font-size: 18px;
  padding-bottom: 10px;
}
.section2Part2Card1.page1 {
  display: flex;
  flex-direction: row-reverse;
   justify-content: space-between;
  gap: 20px;
}
.section2Part2Card2.page1 {
  display: flex;
  /* flex-direction: row-reverse; */
  align-items: center;
  gap: 100px;
}
.secion2Part2Text.page1 {
  display: flex;
  flex-direction: column;
  justify-content: left;
  gap: 20px;
}
.section2Part2Image{
  position: relative;
}
#choise_tarif{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    padding: 0 50px;
}
.calc_titles{
  margin-bottom: 20px;
  text-align: center;
  font-size: 42px;
  color: #024dff;
}
#calculator.direction{
  font-size: 16px;
}
#slider-range-min div{
  background-color: #024dff !important;
  border-radius: 10px !important;
}
#slider-range-min{
  /* margin: 0 40px; */
  border-radius: 10px !important;
}

#slider-range-min span{
  background-color: #024dff !important;
  border: 1px solid #024dff !important;
}
#revenue5{
 display: flex;
 flex-direction: column;
 gap: 7px;
 color: #000;
font-size: 20px;
}
#revenue5 span{
  color: #000;
  font-size: 24px;
  font-weight: bold;
}
.investnov_calc{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.direction{
  margin: 15px 0;
  text-align: center;
}
.box_calc_content{
  background-color: #fff;
  border-radius: 15px;
  flex-wrap: wrap;
  padding: 35px 30px;
  display:flex;
  flex-direction: row;
  justify-content: space-between;
}
.calc_price{
  font-size: 45px !important;
  color: #ff0101;
  font-weight: bold;
}
.calc_res_box p{
  text-align:center;
  margin:auto;
  color: #324454;
  font-size: 20px;
  font-weight: bold;
}
.section2Part2Image.page3 div {
  background-image: url(../images/page3/Introductory-part-Chemical-processing-feedstock-processing-depolymerization-purification-investments.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 560px;
  height: 270px;
  border-radius: 20px;
}
.section2Part2Image.page2 div {
  background-image: url(../images/page2/instainvesting-entrepreneur-finance-stocks-money-longterminvesting-cashflow-investingforbeginners-pa.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 560px;
  height: 270px;
  border-radius: 20px;
}
.section2Part2Image.page5 div{
    background-image: url(../images/page5/branding-entrepreneurship-socialmedia-digitalmarketing-startup-businessowner-socialmediamarketing-re.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 560px;
  height: 270px;
  border-radius: 20px;
}
.section2Part2Image.page6 div{
    background-image: url(../images/page6/earnings-binaryoptions-finance-daytrading-investwithdiscipline-workfromhome-cryptonews-dividends.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 560px;
  height: 270px;
  border-radius: 20px;
}
.section2Part2Image.page8 div{
    background-image: url(../images/page8/gold-mining-green-energy-extraction-green-energy-investments-coal-investments-oil-investments-gas-in.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 560px;
  height: 270px;
  border-radius: 20px;
}
.section2Part2Image.page9 div{
    background-image: url(../images/page9/FINANC_1.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 560px;
  height: 270px;
  border-radius: 20px;
}
.section2Part2Image.page7 div{
    background-image: url(../images/page7/equity-investments-production-investments-construction-investments-power-generation-investments-inve.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 560px;
  height: 270px;
  border-radius: 20px;
}
.section2Part2Image.page11 div{
    background-image: url(../images/page11/INVEST_3.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 560px;
  height: 270px;
  border-radius: 20px;
}
.section2Part2Image.page12 div{
    background-image: url(../images/page12/chinese-economy-and-energy-partnership-building-production-equipment-installation-excavation-of-pits.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 560px;
  height: 270px;
  border-radius: 20px;
}
.section2Part2Image.page13 div{
    background-image: url(../images/page13/coal-mining-duniatambang-coalmining-heavyduty-anaktambang-engineering-australia-tambangupdate.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 560px;
  height: 270px;
  border-radius: 20px;
}
.section2Part2Image.page14 div{
    background-image: url(../images/page14/Export-of-coal-and-oil-and-gas.-Real-business.-Chinese-business.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 560px;
  height: 270px;
  border-radius: 20px;
}
.section2Part2Image.page15 div{
    background-image: url(../images/page15/INVEST_1.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 560px;
  height: 270px;
  border-radius: 20px;
}
.section2Part2Image.page4 div{
    background-image: url(../images/page4/finance-bitcoin-motivation-luxury-realestateagent-entrepreneurship-cryptocurrency-financialfreedom.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 560px;
  height: 270px;
  border-radius: 20px;
}
.section2Part2Image.page1 div.img1 {
  background-image: url(../images/page1/COMMER_1.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -102px;
  margin-left: -83px;
  z-index: 2;
}

.section2Part2Image.page1 div.img2 {
  background-image: url(../images/page1/development-and-construction-of-power-plants-design-and-construction-of-thermal-plants-Design-and-co.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -179px;
  margin-left: 79px;
  z-index: 1;
}
.section2Part2Image.page5 div.img1 {
  background-image: url(../images/page5/commercial-repair-servicetechnician-quality-sanitation-professionalcleaners-cleaningmaidsimple-quali.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -102px;
  margin-left: -83px;
  z-index: 2;
}
.section2Part2Image.page6 div.img1 {
  background-image: url(../images/page6/engineer-construction-engineering-technology-tech-innovation-electronics-marketing-techie.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -102px;
  margin-left: -83px;
  z-index: 2;
}
.section2Part2Image.page8 div.img1 {
  background-image: url(../images/page8/thermal-units-equipment-manufacture-equipment-production-new-technologies-electricity-production-man.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -102px;
  margin-left: -83px;
  z-index: 2;
}
.section2Part2Image.page9 div.img1 {
  background-image: url(../images/page9/road-construction-investments-investments-in-bridges-investments-in-the-construction-of-thermal-plan.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -102px;
  margin-left: -83px;
  z-index: 2;
}
.section2Part2Image.page10 div.img1 {
  background-image: url(../images/page10/design-and-construction-of-mineral-deposits-design-and-construction-of-geothermal-plants-design-and-.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -102px;
  margin-left: -83px;
  z-index: 2;
}
.section2Part2Image.page7 div.img1 {
  background-image: url(../images/page7/high-technology-energy-extraction-energy-production-windmill-construction-solar-panel-construction-g.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -102px;
  margin-left: -83px;
  z-index: 2;
}
.section2Part2Image.page11 div.img1 {
  background-image: url(../images/page11/investment-management-partnership-work-production-of-special-equipment-for-mining-work-around-the-wo.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -102px;
  margin-left: -83px;
  z-index: 2;
}
.section2Part2Image.page12 div.img1 {
  background-image: url(../images/page12/geothermal-energy-is-one-of-the-safest-energy-sources-china-is-actively-developing-a-green-energy-sector-china-is-actively-developing-its-solar-ene.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -102px;
  margin-left: -83px;
  z-index: 2;
}
.section2Part2Image.page13 div.img1 {
  background-image: url(../images/page13/Investment-in-real-business.-Where-to-invest-in-2022.-Reliable-investments.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -102px;
  margin-left: -83px;
  z-index: 2;
}
.section2Part2Image.page14 div.img1 {
  background-image: url(../images/page14/INVEST_1.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -102px;
  margin-left: -83px;
  z-index: 2;
}
.section2Part2Image.page15 div.img1 {
  background-image: url(../images/page15/Investment-in-metal.-Investments-in-real-business.-Daily-income.-Daily-dividends.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -102px;
  margin-left: -83px;
  z-index: 2;
}
.section2Part2Image.page3 div.img1 {
  background-image: url(../images/page3/Open-pit-mining-underground-mining-coal-seams-belt-conveyors-patented-technology-thermal-cracking-re.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -102px;
  margin-left: -83px;
  z-index: 2;
}
.section2Part2Image.page2 div.img1 {
  background-image: url(../images/page2/investingtips-wallstreet-passiveincome-daily-income-Receive-dividends-Investment-project-selection-i.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -102px;
  margin-left: -83px;
  z-index: 2;
}
.section2Part2Image.page4 div.img1 {
  background-image: url(../images/page4/gold-forex-trader-finance-money-investment-wallstreet-drafting-bisnis-rich-millionaire.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -102px;
  margin-left: -83px;
  z-index: 2;
}

.section2Part2Image.page5 div.img2 {
  background-image: url(../images/page5/motivation-millionaire-blockchain-rich-ethereum-forextrader-car-application-career-benefits.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -179px;
  margin-left: 79px;
  z-index: 1;
}
.section2Part2Image.page7 div.img2 {
  background-image: url(../images/page7/power-plant-construction-coal-exports-mineral-export-field-development-oil-production-Where-to-inves.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -179px;
  margin-left: 79px;
  z-index: 1;
}
.section2Part2Image.page11 div.img2 {
  background-image: url(../images/page11/investments-in-the-recycling-and-sale-of-green-energy-investments-in-field-development-investments-i.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -179px;
  margin-left: 79px;
  z-index: 1;
}
.section2Part2Image.page12 div.img2 {
  background-image: url(../images/page12/investments-in-the-construction-of-pits-investments-in-the-construction-of-production-facilities-inv_1.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -179px;
  margin-left: 79px;
  z-index: 1;
}
.section2Part2Image.page13 div.img2 {
  background-image: url(../images/page13/miningengineering-heavyequipment-tambangindonesia-heavyduty-earthmoving-coalmining-engineering-perta.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -179px;
  margin-left: 79px;
  z-index: 1;
}
.section2Part2Image.page14 div.img2 {
  background-image: url(../images/page14/Investments-in-coal.-Investments-in-real-business.-Daily-income.-Daily-dividends.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -179px;
  margin-left: 79px;
  z-index: 1;
}
.section2Part2Image.page15 div.img2 {
  background-image: url(../images/page15/Panjiang-refined-coal-factory.-Investing-in-metal_-the-best-way-to-make-money-online-2022-1.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -179px;
  margin-left: 79px;
  z-index: 1;
}
.section2Part2Image.page9 div.img2 {
  background-image: url(../images/page9/waste-recycling-waste-treatment-land-clearing-landfill-cleanup-ecology-Environment-investments-in-a-.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -179px;
  margin-left: 79px;
  z-index: 1;
}
.section2Part2Image.page10 div.img2 {
  background-image: url(../images/page10/INVEST_1.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -179px;
  margin-left: 79px;
  z-index: 1;
}
.section2Part2Image.page3 div.img2 {
  background-image: url(../images/page3/polymers-separation-different-elements-automatically-separated-material-recycling-environmental-degr.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -179px;
  margin-left: 79px;
  z-index: 1;
}
.section2Part2Image.page2 div.img2 {
  background-image: url(../images/page2/mining-energies-renewable-energies-entrepreneur-businessman-sound-investment-earning-with-dividends-.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -179px;
  margin-left: 79px;
  z-index: 1;
}
.section2Part2Image.page4 div.img2 {
  background-image: url(../images/page4/investors-stockmarket-luxuryrealestate-wallstreet-investmentproperty-success.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -179px;
  margin-left: 79px;
  z-index: 1;
}
.page1CirclesPart1 img {
  position: relative;
}
.page1CirclesRow {
  min-width: 1200px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.page1CirclesColumn {
  min-height: 1200px;
  max-width: 460px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.page1CirclesPart2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page1CirclesLarge {
  display: flex;
  gap: 40px;
  margin-top: -15px;
}
.page1CirclesText {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page1CirclesCenter {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.page1CirclesCenter span {
  margin-top: -110px;
  font-size: 10px;
}
.page1Circle {
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-top: -153px;
  margin-left: 474px;
}
.page1Circle1 {
  background-color: #7CB4EF;
}
.page1Circle2 {
  background-color: #F7AB6A;
}
.page1Circle3 {
  background-color: #8288E3;
}
.page1Circle4 {
  background-color: #95EA84;
}
.page1Circle5 {
  background-color: #4C494D;
}
.page1CirclesColumn {
  max-width: 460px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.page1CircleColumn {
  position: absolute;
  width: 14px;
  height: 15px;
  border-radius: 50%;
  margin-top: -491px;
  margin-left: -3px;
}
.page1CirclesPart2Column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: -91px;
  margin-left: -10px;
  gap: 101px;
}
.page1CirclesLargeColumn {
  display: flex;
  gap: 128px;
  flex-direction: column;
}
.page1CirclesRow {
  display: flex;
}
.page1CirclesColumn {
  display: none;
}
.section2Part3.page1 {
  margin-bottom: 100px;
}
.gap20 {
  gap: 20px;
}
.swiper.page1 {
  width: 1159px;
  height: 553px;
  border-radius: 25px;
}
.slide1,
.slide2,
.slide3,
.slide4,
.slide5 {
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.page1.slide1 {
  background-image: url(../images/page1/imageSlider1.webp);
}
/*.page1.reviews1 {*/
/*  background-image: url(../images/page1/imageSlider1.webp);*/
/*}*/
.page1.slide2 {
  background-image: url(../images/page1/imageSlider2.webp);
}
.page1.slide3 {
  background-image: url(../images/page1/imageSlider3.webp);
}
.page1.slide4 {
  background-image: url(../images/page1/imageSlider4.webp);
}
.page1.slide5 {
  background-image: url(../images/page1/imageSlider5.jpg);
}
.page5.slide1 {
  background-image: url(../images/page5/networkmarketing-networking-business-marketing-workfromhome-businessowner-homebasedbusiness-business.webp);
}
.page5.slide2 {
  background-image: url(../images/page5/sewer-plumbing-hydrojetting-draincleaning-hydrojetter-drains-mechanical.webp);
}
.page7.slide1 {
  background-image: url(../images/page7/production-investments-financial-literacy-financial-awareness-investments-in-green-energy-power-plan.webp);
}
.page7.slide2 {
  background-image: url(../images/page7/production-of-electricity-waste-recycling-green-energy-wind-turbines-geothermal-energy-equipment-ins.webp);
}
.page7.slide3 {
  background-image: url(../images/page7/real-business-investments-investments-in-a-chinese-company-energy-investments-daily-income-daily-div.webp);
}
.page7.slide4 {
  background-image: url(../images/page7/realestate-investments-entrepreneurquotes-finance-stockmarket-forextrader-financialsdvisor-teamwork-.webp);
}
.page7.slide5 {
  background-image: url(../images/page7/solar-goodenergy-solarsales-energy-mineral-extraction-coal-mining-iron-mining-gas-production.webp);
}
.page10.slide1 {
  background-image: url(../images/page10/INVEST_2.webp);
}
.page10.slide2 {
  background-image: url(../images/page10/oil-gas-and-coal-investments-sound-investment-profitable-investments-in-2022-real-business-investmen.webp);
}
.page10.slide3 {
  background-image: url(../images/page10/power-plant-engineering-design-and-construction-of-power-plants-since-1999-private-investment-green-.webp);
}
.page11.slide1 {
  background-image: url(../images/page11/private-investment-2022-Reliable-investment-in-a-Chinese-company-How-to-invest-profitably-in-2022-Th.webp);
}
.page11.slide2 {
  background-image: url(../images/page11/WINDTU_2.webp);
}
.page13.slide1 {
  background-image: url(../images/page13/oil-gas-construction-for-oil-and-gas-oil-gas-oil-and-gas-industry-networkmarketing.webp);
}
.page13.slide2 {
  background-image: url(../images/page13/oil-picoftheday-greenpeace-earth-organic-success-entrepreneur-business-stocks.webp);
}
.page13.slide3 {
  background-image: url(../images/page13/realbusiness-mentoring-antonthedy-realbusiness-networking.webp);
}
.page14.slide1 {
  background-image: url(../images/page14/Investments-in-construction.-High-yield-investments.-Investments-in-oil.-Investments-in-coal.webp);
}
.page14.slide2 {
  background-image: url(../images/page14/Rental-of-working-equipment.-Sale-of-green-energy.webp);
}
.page15.slide1 {
  background-image: url(../images/page15/Panjiang-refined-coal-factory.-Investing-in-metal_-the-best-way-to-make-money-online-2022.webp);
}
.page15.slide2 {
  background-image: url(../images/page15/Production-of-carbon-and-specialty-steel-products.-Real-business-investment.-Daily-income.webp);
}
.page15.slide3 {
  background-image: url(../images/page15/Real-business-investment.-Daily-income.-Dividends.-Heavy-industry.-Energy.-Investment-in-metallurgy-2.webp);
}
.page15.slide4 {
  background-image: url(../images/page15/Real-business-investment.-Daily-income.-Dividends.-Heavy-industry.-Energy.webp);
}
.page4.slide1 {
  background-image: url(../images/page4/realestate-investments-investor-investing-money-business-investment-entrepreneur.webp);
}
.page2.slide1 {
  background-image: url(../images/page2/work-and-equity-investments-minerals-how-to-invest-How-to-invest-in-oil-and-gas-gold-mining-investme.webp);
}
.page4.slide2 {
  background-image: url(../images/page4/tradingforex-investasiemas-sukses-power-waterfall-mountaineering-maintain.webp);
}
.page1.slide1 {
  background-image: url(../images/page1/global-concerns-earnings-from-investments-earnings-through-investments-earnings-from-stocks-equity-t.webp);
}
.page1.reviews1 {
  display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background: #273043;
    height: 100%;
}
.page1.slide2 {
  background-image: url(../images/page1/investments-in-green-energy-China-based-company-Guizhou-Panjiang-Refined-Coal-Co-sales-of-coal-produ.webp);
}
.page1.slide3 {
  background-image: url(../images/page1/Road-construction-and-repair-Development-and-construction-of-excavations-of-pipelines-and-sewers-rea.webp);
}
.swiper-button-prev,
.swiper-button-next {
  color: white !important;
  scale: 0.6;
}
.swiper-button-prev--new,
.swiper-button-next--new {
  color: rgb(202, 36, 36) !important;
  scale: 0.6;
}
.swiper-pagination-bullet {
  width: 15px !important;
  height: 15px !important;
  background-color: white !important;
  opacity: 1 !important;
}
.swiper-pagination-bullet-active {
  width: 15px !important;
  height: 15px !important;
  background-color: red !important;
}
.page1Section2LogoAbsolute1,
.page1Section2LogoAbsolute2 {
  position: absolute;
}
.page1Section2LogoAbsolute1 {
  width: 130px;
  z-index: 0;
  margin-top: 840px;
  margin-left: -110px;
}
.page1Section2LogoAbsolute2 {
  width: 100px;
  z-index: 100;
  margin-top: 797px;
  margin-left: 1175px;
}
.page1Section2CircleAbsolute1 {
  width: 190px;
  height: 190px;
  position: absolute;
  background-color: #f57c00;
  border-radius: 50%;
  margin-top: 1270px;
  margin-left: -152px;
}
.page1Section2CircleAbsolute2 {
  width: 274px;
  height: 274px;
  position: absolute;
  opacity: 0.5;
  z-index:-1;
  background-color: #6969c7;
  border-radius: 50%;
  margin-top: 2277px;
  margin-left: 1038px;
}
.page1Section3LogoAbsolute1 {
  width: 130px;
  position: absolute;
  margin-top: 404px;
  margin-left: 1201px;
  transform: rotate(15deg);
}
.page1Section3LogoAbsolute2 {
  width: 100px;
  position: absolute;
  z-index: 99;
  margin-top: -385px;
  margin-left: 427px;
  transform: rotate(15deg);
}
.numberCountersPart1,
.numberCountersPart2 {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.wsSection2Images {
  position: relative;
}
.wsSection2Images img {
  position: absolute;
  top:110px;
}
.affilateSection2Part1.ws {
  justify-content: space-between;
  align-items: center;
}
.affilateSectionPart1Text.ws {
  width: 70%;
}
.wsSection2Sign {
  position: absolute;
  transform: translate(-500px, -50px);
}
.wsSection2Logo1 {
  width: 50px;
  margin-left: -18px;
  margin-top: 10px;
}
.wsSection2Logo2 {
  width: 100px;
  margin-left: -86px;
  margin-top: 209px;
}
.wsSection2Logo3 {
  width: 150px;
  margin-left: 238px;
  margin-top: 363px;
}
.buttonDownload.ws:hover {
  background-color: #C90000;
  color: white;
  transition: all 1s ease;
}
.rectanglePlace.wsBot {
  margin-bottom: -70px;
}
.rectanglePlace.wsBot::after {
  display: none;
}
.wsTextSection3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  width: 70%;
}
.specialOfferText {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  text-align: right;
}
.specialOfferText span:nth-child(1) {
  z-index: 1;
}
.specialOfferText span:nth-child(2) {
  transform: rotate(10deg);
}
.affilateButtonSection2.ws {
  width: 200px;
}
.wsSection3 {
  margin: 100px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.wsImgSection3 {
  position: relative;
}
.wsSection3Circle {
  width: 293px;
  height: 293px;
  opacity: 0.5;
  border-radius: 50%;
  background-color: red;
  position: absolute;
  left: -394px;
  top: 49px;
}
.wsSection3GiftImg {
  position: absolute;
  left: -478px;
  top: 69px;
}
.affilateButtonSection2.ws {
  border: unset;
}
.affilateButtonSection2.ws:hover {
  background-color: #0060bf;
  transition: all 1s ease;
}
.affilateButtonSection2.ws:hover span {
  color: white;
}
.wsSection4Wrap {
  gap: 50px;

}

.aboutTeamCardsWS {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  gap: 20px;
}
.aboutTeamCard.ws {
  width: 362px;
  height: 444px;
}
.wsTeamCardSection {
  width: 100%;
}
.affilateButtonSection2.ws.section4 {
  border: unset;
  width: 130px;
}
.affilateButtonSection2.ws.section4:hover {
  background-color: #0060bf;
  transition: all 1s ease;
}
.affilateButtonSection2.ws.section4:hover span {
  color: white;
}
.aboutTeamCard:hover .aboutTeamMember1.ws,
.aboutTeamCard:hover .aboutTeamMember3.ws,
.aboutTeamCard:hover .aboutTeamMember4.ws {
  scale: 1.1;
  transition: scale 0.45s ease-in-out;
}
.aboutTeamCard:hover .aboutTeamMember1.ws + .aboutMemberDesktop,
.aboutTeamCard:hover .aboutTeamMember3.ws + .aboutMemberDesktop,
.aboutTeamCard:hover .aboutTeamMember4.ws + .aboutMemberDesktop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 85%;
  margin: 0 auto;
  top: 30px;
  gap: 5px;
  -webkit-animation: animationBottomToTop2 1s ease;
  animation: animationBottomToTop2 1s ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.aboutTeamCard:hover .aboutTeamMember1.ws + .aboutMemberDesktop span:nth-child(2),
.aboutTeamCard:hover .aboutTeamMember3.ws + .aboutMemberDesktop span:nth-child(2),
.aboutTeamCard:hover .aboutTeamMember4.ws + .aboutMemberDesktop span:nth-child(2) {
  margin-top: 20px;
  margin-bottom: 20px;
}
.aboutTeamCard:hover .aboutTeamMember2.ws {
  scale: 1.1;
  transition: scale 0.45s ease-in-out;
}
.aboutTeamCard:hover .aboutTeamMember2.ws + .aboutMemberDesktop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 85%;
  margin: 0 auto;
  top: 30px;
  gap: 5px;
  -webkit-animation: animationBottomToTop2 1s ease;
  animation: animationBottomToTop2 1s ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.aboutTeamCard:hover .aboutTeamMember2.ws + .aboutMemberDesktop span:nth-child(2) {
  margin-top: 20px;
  margin-bottom: 20px;
}
.aboutTeamCard:hover .aboutTeamMember1:before,
.aboutTeamCard:hover .aboutTeamMember2:before,
.aboutTeamCard:hover .aboutTeamMember3:before,
.aboutTeamCard:hover .aboutTeamMember4:before {
  opacity: 1;
  transition: opacity 0.45s ease-in-out;
}
.aboutTeamCard:not(:hover) .aboutTeamMember1,
.aboutTeamCard:not(:hover) .aboutTeamMember2,
.aboutTeamCard:not(:hover) .aboutTeamMember3,
.aboutTeamCard:not(:hover) .aboutTeamMember4 {
  scale: 1;
  transition: scale 0.45s ease-in-out;
}
.aboutTeamCard:not(:hover) .aboutTeamMember1:before,
.aboutTeamCard:not(:hover) .aboutTeamMember2:before,
.aboutTeamCard:not(:hover) .aboutTeamMember3:before,
.aboutTeamCard:not(:hover) .aboutTeamMember4:before {
  opacity: 0;
  transition: opacity 0.45s ease-in-out;
}
.chartWS {
  width: 80%;
}
.testimonialsCard {
  max-width: 560px;
  min-height: 342px;
  background-color: white;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.testimonialsCard1 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
.testCardTitle {
  display: flex;
  flex-direction: column;
}
.testCards {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.testCardDeep {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 20px;
}
.testCardImg1 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url(../images/ws/photoPersonalMark.jpg);
  background-size: 100%;
}
.testCardImg2 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url(../images/ws/photoPersonalMichael.jpg);
  background-size: 100%;
}
.testCardImgslider1 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url(../images/page1/IMG_rev_1.JPG);
  background-size: cover;
  background-position-x: center;
}
.testCardImgslider2 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url(../images/page1/IMG_rev_2.JPG);
  background-size: cover;
  background-position-x: center;
}
.testCardImgslider3 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url(../images/page1/IMG_rev_3.JPG);
  background-size: cover;
  background-position-x: center;
}
.testCardImgslider4 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url(../images/page1/IMG_rev_4.JPG);
  background-size: cover;
  background-position-x: center;
}
.testCardImgslider5 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url(../images/page1/IMG_rev_5.JPG);
  background-size: cover;
  background-position-x: center;
}
.testCardImgslider6 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url(../images/page1/IMG_rev_6.JPG);
  background-size: cover;
  background-position-x: center;
}
.section5WS {
  margin: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
  justify-content: center;
}
.rectanglePlace.wsTop::after {
  display: none;
}
.wsSection6Part1First {
  display: flex;
  gap: 30px;
  align-items: center;
  position: relative;
}
.wsSection6Circle1 {
  width: 263px;
  height: 263px;
  border-radius: 50%;
  background-color: #ff0000;
  position: absolute;
         margin-left: -226px;
    margin-top: 260px;
}
.wsSection6Circle2 {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #6262d6;
  position: absolute;
  margin-left: 1220px;
  margin-top: 50px;
  z-index: 5;
}
.companyImg {
  width: 160px;
  height: 29px;
  opacity: 0.5;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.companyImg.Yahoo {
  height: 78px;
}
.companyImg:hover {
  opacity: 1;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.companiesWS {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 70px;
}
.companiesWSPart1,
.companiesWSPart2 {
  display: flex;
  gap: 70px;
}
.wsSection6 {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.wsMap {
  position: relative;
  background-image: url(../images/ws/map.png);
  background-size: 100%;
  width: 1269px;
  height: 691px;
}
.pinnerText {
  display: none;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: 10px;
  box-sizing: border-box;
  max-width: 600px;
  min-width: 100px;
  /*height: 100px;*/
  padding: 10px;
  background-color: #ffffff;
  border-radius: 16px;
  position: absolute;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  font-family: 'Roboto', Arial, sans-serif;
  color: black;
  font-weight: 300;
  line-height: 1.35;
}
.dotInPin {
  margin: 6px;
  width: 16px;
  height: 5px;
  border-radius: 50%;
  background-color: black;
  display: none;
}
.pinWS {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  position: absolute;
  border-radius: 50%;
  margin-top: calc(0px);
  margin-left: calc(0px);
  cursor:pointer;
  transition: scale .3s;
}
.pinWS:hover {
  scale: 1.4;
  z-index: 9;
}
.pinWS:hover + .pinnerText {
  z-index: 10;
  scale: 1.1;
  display: flex;
}
.pinWS1,
.pinWS2,
.pinWS3 {
  background-image: url(../images/ws/pins/pin1.png);
}
.pinWS4,
.pinWS5,
.pinWS6 {
  background-image: url(../images/ws/pins/pin2.png);
}
.pinWS7,
.pinWS8,
.pinWS9 {
  background-image: url(../images/ws/pins/pin3.png);
}
.pinWS10,
.pinWS11,
.pinWS12 {
  background-image: url(../images/ws/pins/pin4.png);
}
.pinWS13,
.pinWS14,
.pinWS15 {
  background-image: url(../images/ws/pins/pin5.png);
}
.pinWS16,
.pinWS17,
.pinWS18,
.pinWS19 {
  background-image: url(../images/ws/pins/pin6.png);
}
.pinWS20,
.pinWS21,
.pinWS22 {
  background-image: url(../images/ws/pins/pin7.png);
}
.pinWS23,
.pinWS24,
.pinWS25 {
  background-image: url(../images/ws/pins/pin8.png);
}
.pinWS26,
.pinWS27,
.pinWS28 {
  background-image: url(../images/ws/pins/pin9.png);
}
.pinWS29,
.pinWS30,
.pinWS31 {
  background-image: url(../images/ws/pins/pin10.png);
}
.pinWS32,
.pinWS33,
.pinWS34 {
  background-image: url(../images/ws/pins/pin11.png);
}
.pinWS35,
.pinWS36,
.pinWS37 {
  background-image: url(../images/ws/pins/pin12.png);
}
.pinWS38,
.pinWS39,
.pinWS40 {
  background-image: url(../images/ws/pins/pin13.png);
}
.pinWS41,
.pinWS42,
.pinWS43 {
  background-image: url(../images/ws/pins/pin14.png);
}
.pinWS44,
.pinWS45,
.pinWS46 {
  background-image: url(../images/ws/pins/pin15.png);
}
.pinWS1 {
    margin-top: 454px;
    margin-left: 1093px;
}
.pinnerText1 {
    margin-top: 407px;
    margin-left: 1103px;
}
.pinWS2 {
  margin-top: 268px;
  margin-left: 879px;
}
.pinnerText2 {
  margin-top: 162px;
  margin-left: 843px;
}
.pinWS3 {
  margin-top: 156px;
  margin-left: 1007px;
}
.pinnerText3 {
  margin-top: 51px;
  margin-left: 973px;
}
.pinWS4 {
    margin-top: calc(284px);
    margin-left: calc(213px);
}
.pinnerText4 {
    margin-top: calc(345px - 110px);
    margin-left: calc(260px - 35px);
}
.pinWS5 {
  margin-top: calc(154px);
  margin-left: calc(648px);
}
.pinnerText5 {
  margin-top: calc(154px - 110px);
  margin-left: calc(648px - 35px);
}
.pinWS6 {
  margin-top: calc(237px);
    margin-left: calc(650px);
}
.pinnerText6 {
  margin-top: calc(208px - 110px);
  margin-left: calc(864px - 35px);
}
.pinWS7 {
margin-top: calc(300px);
  margin-left: calc(316px);
}
.pinnerText7 {
  margin-top: calc(273px - 110px);
  margin-left: calc(316px - 35px);
}
.pinWS8 {
  margin-top: calc(376px);
  margin-left: calc(697px);
}
.pinnerText8 {
  margin-top: calc(376px - 110px);
  margin-left: calc(697px - 35px);
}
.pinWS9 {
  margin-top: calc(456px);
  margin-left: calc(425px);
}
.pinnerText9 {
  margin-top: calc(456px - 110px);
  margin-left: calc(425px - 35px);
}
.pinWS10 {
  margin-top: calc(290px);
  margin-left: calc(269px);
}
.pinnerText10 {
  margin-top: calc(290px - 110px);
  margin-left: calc(269px - 35px);
}
.pinWS11 {
  margin-top: calc(333px);
    margin-left: calc(687px);
}
.pinnerText11 {
  margin-top: calc(223px - 110px);
  margin-left: calc(803px - 35px);
}
.pinWS12 {
  margin-top: calc(397px);
  margin-left: calc(1016px);
}
.pinnerText12 {
  margin-top: calc(397px - 110px);
  margin-left: calc(1016px - 35px);
}
.pinWS13 {
  margin-top: calc(495px);
  margin-left: calc(421px);
}
.pinnerText13 {
  margin-top: calc(495px - 110px);
  margin-left: calc(421px - 35px);
}
.pinWS14 {
  margin-top: calc(396px);
  margin-left: calc(730px);
}
.pinnerText14 {
  margin-top: calc(396px - 110px);
  margin-left: calc(730px - 35px);
}
.pinWS15 {
  margin-top: calc(294px);
  margin-left: calc(894px);
}
.pinnerText15 {
  margin-top: calc(294px - 110px);
  margin-left: calc(894px - 35px);
}
.pinWS16 {
    margin-top: calc(330px);
    margin-left: calc(713px);
}
.pinnerText16 {
    margin-top: calc(391px - 110px);
    margin-left: calc(743px - 35px);
}
.pinWS17 {
  margin-top: calc(224px);
  margin-left: calc(705px);
}
.pinnerText17 {
  margin-top: calc(224px - 110px);
  margin-left: calc(705px - 35px);
}
.pinWS18 {
  margin-top: calc(234px);
  margin-left: calc(692px);
}
.pinnerText18 {
  margin-top: calc(234px - 110px);
  margin-left: calc(692px - 35px);
}
.pinWS19 {
  margin-top: calc(234px);
  margin-left: calc(717px);
}
.pinnerText19 {
  margin-top: calc(234px - 110px);
  margin-left: calc(717px - 35px);
}
.pinWS20 {
  margin-top: calc(305px);
  margin-left: calc(616px);
}
.pinnerText20 {
  margin-top: calc(305px - 110px);
  margin-left: calc(616px - 35px);
}
.pinWS21 {
    margin-top: calc(500px);
    margin-left: calc(455px);
}
.pinnerText21 {
     margin-top: calc(490px - 110px);
    margin-left: calc(490px - 35px);
}
.pinWS22 {
  margin-top: calc(192px);
  margin-left: calc(972px);
}
.pinnerText22 {
  margin-top: calc(192px - 110px);
  margin-left: calc(972px - 35px);
}
.pinWS23 {
  margin-top: calc(265px);
  margin-left: calc(593px);
}
.pinnerText23 {
  margin-top: calc(265px - 110px);
  margin-left: calc(593px - 35px);
}
.pinWS24 {
  margin-top: calc(340px);
  margin-left: calc(865px);
}
.pinnerText24 {
  margin-top: calc(340px - 110px);
  margin-left: calc(865px - 35px);
}
.pinWS25 {
    margin-top: calc(195px);
    margin-left: calc(794px);
}
.pinnerText25 {
    margin-top: calc(256px - 110px);
    margin-left: calc(852px - 35px);
}
.pinWS26 {
    margin-top: calc(245px);
    margin-left: calc(936px);
}
.pinnerText26 {
    margin-top: calc(307px - 110px);
    margin-left: calc(971px - 35px);
}
.pinWS27 {
  margin-top: calc(382px);
  margin-left: calc(868px);
}
.pinnerText27 {
  margin-top: calc(382px - 110px);
  margin-left: calc(868px - 35px);
}
.pinWS28 {
  margin-top: calc(289px);
  margin-left: calc(979px);
}
.pinnerText28 {
  margin-top: calc(289px - 110px);
  margin-left: calc(979px - 35px);
}
.pinWS29 {
  margin-top: calc(167px);
  margin-left: calc(705px);
}
.pinnerText29 {
  margin-top: calc(167px - 110px);
  margin-left: calc(705px - 35px);
}
.pinWS30 {
  margin-top: calc(248px);
  margin-left: calc(792px);
}
.pinnerText30 {
  margin-top: calc(248px - 110px);
  margin-left: calc(792px - 35px);
}
.pinWS31 {
  margin-top: calc(132px);
  margin-left: calc(942px);
}
.pinnerText31 {
  margin-top: calc(132px - 110px);
  margin-left: calc(942px - 35px);
}
.pinWS32 {
  margin-top: calc(274px);
  margin-left: calc(704px);
}
.pinnerText32 {
  margin-top: calc(274px - 110px);
  margin-left: calc(704px - 35px);
}
.pinWS33 {
  margin-top: calc(164px);
  margin-left: calc(838px);
}
.pinnerText33 {
  margin-top: calc(164px - 110px);
  margin-left: calc(838px - 35px);
}
.pinWS34 {
  margin-top: calc(218px);
  margin-left: calc(1041px);
}
.pinnerText34 {
  margin-top: calc(218px - 110px);
  margin-left: calc(1041px - 35px);
}
.pinWS35 {
  margin-top: calc(278px);
  margin-left: calc(754px);
}
.pinnerText35 {
  margin-top: calc(278px - 110px);
  margin-left: calc(754px - 35px);
}
.pinWS36 {
  margin-top: calc(309px);
  margin-left: calc(837px);
}
.pinnerText36 {
  margin-top: calc(309px - 110px);
  margin-left: calc(837px - 35px);
}
.pinWS37 {
  margin-top: calc(276px);
  margin-left: calc(914px);
}
.pinnerText37 {
  margin-top: calc(443px - 110px);
  margin-left: calc(951px - 35px);
}
.pinWS38 {
  margin-top: calc(320px);
  margin-left: calc(805px);
}
.pinnerText38 {
  margin-top: calc(320px - 110px);
  margin-left: calc(805px - 35px);
}
.pinWS39 {
  margin-top: calc(287px);
  margin-left: calc(939px);
}
.pinnerText39 {
  margin-top: calc(287px - 110px);
  margin-left: calc(939px - 35px);
}
.pinWS40 {
  margin-top: calc(204px);
  margin-left: calc(939px);
}
.pinnerText40 {
  margin-top: calc(204px - 110px);
  margin-left: calc(939px - 35px);
}
.pinWS41 {
  margin-top: calc(161px);
  margin-left: calc(890px);
}
.pinnerText41 {
  margin-top: calc(161px - 110px);
  margin-left: calc(890px - 35px);
}
.pinWS42 {
  margin-top: calc(246px);
  margin-left: calc(971px);
}
.pinnerText42 {
  margin-top: calc(246px - 110px);
  margin-left: calc(971px - 35px);
}
.pinWS43 {
  margin-top: calc(130px);
  margin-left: calc(1075px);
}
.pinnerText43 {
  margin-top: calc(130px - 110px);
  margin-left: calc(1075px - 35px);
}
.pinWS44 {
    margin-top: calc(266px);
    margin-left: calc(300px);
}
.pinnerText44 {
  margin-top: calc(265px - 110px);
  margin-left: calc(240px - 35px);
}
.pinWS45 {
    margin-top: calc(226px);
    margin-left: calc(835px);
}
.pinnerText45 {
    margin-top: calc(306px - 110px);
    margin-left: calc(877px - 35px);
}
.pinWS46 {
  margin-top: calc(450px);
  margin-left: calc(1071px);
}
.pinnerText46 {
  margin-top: calc(450px - 110px);
  margin-left: calc(1071px - 35px);
}
.wsSection6Part1Text {
  display: flex;
  flex-direction: column;
}
.wsSection6Part1Text span:nth-child(1) {
  margin-bottom: 20px;
}
.wsMap {
  float: left;
  margin-left: -512px;
}
.mapText {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  gap: 20px;
  margin-top: 233px;
  white-space: nowrap;
}
.affilateSection2Part1Button.wsMapButton {
  margin-top: 20px;
  width: 200px;
  height: 60px;
}
input[name="r"] {
  visibility: hidden;
  position: absolute;
}
.wrapSliderButtons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.navigation {
  display: flex;
  text-align: center;
  z-index: 4;
  border: 2px solid blue;
  opacity: 0;
  margin-top: -64px;
}
div.menuSlider {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 20px;
  z-index: 4;
}
.menuText {
  color: black;
  font-size: 23px;
  font-weight: 700;
  font-family: 'Roboto', Arial, sans-serif;
  display: block;
  width: 232px;
  height: 50px;
  border-bottom: 10px solid #F7F7F7;
  z-index: 4;
}
#r1:checked ~ div.wrapSliderButtons > div.menuSlider > span.menuTextOne {
  color: #0073DE;
  border-bottom: 10px solid #0073DE;
  transition: color 1s ease;
}
#r2:checked ~ div.wrapSliderButtons > div.menuSlider > span.menuTextTwo {
  color: #0073DE;
  border-bottom: 10px solid #0073DE;
  transition: color 1s ease;
}
#r3:checked ~ div.wrapSliderButtons > div.menuSlider > span.menuTextThree {
  color: #0073DE;
  border-bottom: 10px solid #0073DE;
  transition: color 1s ease;
}
#r4:checked ~ div.wrapSliderButtons > div.menuSlider > span.menuTextFour {
  color: #0073DE;
  border-bottom: 10px solid #0073DE;
  transition: color 1s ease;
}
#r5:checked ~ div.wrapSliderButtons > div.menuSlider > span.menuTextFive {
  color: #0073DE;
  border-bottom: 10px solid #0073DE;
  transition: color 1s ease;
}
#r6:checked ~ div.wrapSliderButtons > div.menuSlider > span.menuText6 {
  color: #0073DE;
  border-bottom: 10px solid #0073DE;
  transition: color 1s ease;
}
#r7:checked ~ div.wrapSliderButtons > div.menuSlider > span.menuText7 {
  color: #0073DE;
  border-bottom: 10px solid #0073DE;
  transition: color 1s ease;
}
#r8:checked ~ div.wrapSliderButtons > div.menuSlider > span.menuText8 {
  color: #0073DE;
  border-bottom: 10px solid #0073DE;
  transition: color 1s ease;
}
#r9:checked ~ div.wrapSliderButtons > div.menuSlider > span.menuText9 {
  color: #0073DE;
  border-bottom: 10px solid #0073DE;
  transition: color 1s ease;
}
#r10:checked ~ div.wrapSliderButtons > div.menuSlider > span.menuText10 {
  color: #0073DE;
  border-bottom: 10px solid #0073DE;
  transition: color 1s ease;
}
#r11:checked ~ div.wrapSliderButtons > div.menuSlider > span.menuText11 {
  color: #0073DE;
  border-bottom: 10px solid #0073DE;
  transition: color 1s ease;
}
.aboutSliderButtons2,
.aboutSliderButtons1 {
  margin-bottom: 75px;
}
.aboutSliderButtons2 .buttonsSliderWrapperSol .wrapSliderButtons .menuSlider {
  width: 100%;
}
.aboutSliderButtons2 .buttonsSliderWrapperSol .wrapSliderButtons .navigation {
  width: 100% !important;
}
.aboutSliderButtons2 .buttonsSliderWrapperSol .wrapSliderButtons .navigation label {
  width: 100% !important;
}
.aboutSliderButtons2 .buttonsSliderWrapperSol .wrapSliderButtons .navigation label p {
  width: 100% !important;
}
.silutionCircleHeadder1 {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  position: absolute;
  margin-right: 550px;
  margin-top: 174px;
  background-color: rgba(92, 92, 192, 0.541);
}
.circleSolutionSection2 {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  position: absolute;
  margin-left: -51px;
  margin-top: 200px;
  background-color: #6060c7;
}
.solutionCircleSection51,
.solutionCircleSection52 {
  position: absolute;
}
.solutionCircleSection51 {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  margin-right: 1099px;
  margin-top: 174px;
  background-color: rgba(92, 92, 192, 0.747);
}
.solutionCircleSection52 {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  margin-left: 1059px;
  margin-top: 432px;
  background-color: rgba(235, 46, 46, 0.486);
}
.select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  max-width: 600px;
  width: 100%;
}
.select select {
  font-size: 16px;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  width: 100%;
  cursor: pointer;
  padding: 12px 24px;
  outline: 0;
  border: 10px solid #8963e9;
  border-radius: 0px;
  background: #ffffff;
  color: #748bde;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select select::-ms-expand {
  display: none;
}
.select select:hover,
.select select:focus {
  color: #6a66ed;
  background: #ffffff;
}
.select select:disabled {
  opacity: 0.8;
  pointer-events: none;
}
.select_arrow {
  position: absolute;
  top: 28px;
  right: 31px;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0px 5px;
  border-color: #7666d8 transparent transparent transparent;
}
.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
  border-top-color: #000000;
}
.select select:disabled ~ .select_arrow {
  border-top-color: #cccccc;
}
.select.rower {
  margin: 0 auto;
  display: none;
}
.buttonsSliderWrapperSol.rower {
  display: block;
}
.prijectsSliderButtons {
  margin-bottom: 100px;
}
.section6Part1Vid {
  position: relative;
  z-index: 6;
}
.affilateTitleSection1.documents {
  max-width: 600px;
  width: 100%;
  gap: 20px;
  margin: 70px 0;
}
.documentsSection2 {
  margin-top: -100px;
}
.aboutLicenseImages.documents {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
}
.licenSize {
  max-width: 360px;
  width: 100%;
}
.presentationButton {
  width: 170px !important;
  height: 40px !important;
  background-color: #0073de !important;
}
.loginSignMobile{
  display: none;
}

p#revenue5 {
  width: 100%;
  max-width: 70%;
  box-sizing: border-box;
}
.InvestButtonCalc{
    border-radius: 10px;
    border-color: white;
    background-color: #0073DE;
    display: flex;
    font-weight: 600;
    align-items: center;
    font-size: 16px;
    padding: 15px 40px;
    height: 100;
    transition: background-color .3s;
}
.InvestButtonCalc:hover{
  background-color: #0d5ea9;
}
.aboutMemberDesktop>span{
  text-align: left !important;
}

.burgerMenu__item{
  padding-left: 15px;
}

.burgerMenu {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 1s ease;
  -moz-transition: max-height 1s ease;
  transition: max-height 1s ease;
}
.showMenu {
  max-height: 500px; /* change this value to the maximum possible height of the menu */
  overflow: hidden;
  -webkit-transition: max-height 1s ease;
  -moz-transition: max-height 1s ease;
  transition: max-height 1s ease;
}

.wrapTickerSection2--companies{
  transform: unset;
  gap:20px;
}
.spannerAbout--companies{
  display: flex;
  align-items: center;
  gap: 20px;
}
.affilateBlock2Section1--new{
  margin-bottom: 100px;
}
.imagesDistribution--new{
  background-image: url(../images/solutions/factoryStatic.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.aboutLicenseImages--newDoc{
  flex-direction: row;
}
.aboutLicenseImages--newDoc > .aboutLicenseCard {
  width: unset;
}

.continent-wrapperM{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-content: space-between;
  max-width: 1200px;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  margin: 0 auto;
  gap: 20px;
}
.continentM{
  display: flex;
  flex-direction: column;
  gap: 50px;
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
}

.itemM span.title{
  font-size: 30px !important;
}
.itemM .geoObjectsText{
  max-width: 600px;
  width: 100%;
}
.itemM img{
  width: 100%;
}
.geoM{
  display: none;
  margin-top: 100px;
}
.geoMEvent{
  cursor: pointer;
}



.swiper3{
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  padding-top: 50px;
  /* margin-bottom: 100px !important; */
}

.sol-slider-container{
  max-width: 1200px;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
  position: relative;
  width: 100%;
}

.swiper-button-prev--solution,
.swiper-button-next--solution{
  color: blue !important;
}

.swiper-button-prev--solution{
  top: 100px !important;
}
.swiper-button-next--solution{
  top: 100px !important;
}



 /* #slider {
	 position: relative;
}
 .slider-container {
	 width: 840px;
	 padding-top: 50px;
	 overflow-x: hidden;
}
 .slider-container .slider {
	 display: flex;
}
 .slider-container .slider.animation {
	 transition: 500ms ease-in-out;
}
 .slider-container .slider .slider-item {
	 min-width: 280px;
	 padding: 20px;
}
 .slider-container .slider .slider-item .slide {
	 box-shadow: 0 0 20px #cdcddd;
	 border-radius: 8px;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 padding-bottom: 20px;
}
 .slider-container .slider .slider-item .slide .slide-image {
	 width: 100%;
	 margin-top: -30%;
	 padding: 10px;
	 margin-bottom: 30px;
	 pointer-events: none;
}
 .slider-container .slider .slider-item .slide .slide-image > img {
	 height: 150px;
	 margin: 0 auto;
	 display: block;
}
 .slider-container .slider .slider-item .slide:hover {
	 background-color: #ffbc43;
}
 .slider-container .slider .slider-item .slide:hover .slide-name, .slider-container .slider .slider-item .slide:hover .custom-line, .slider-container .slider .slider-item .slide:hover .row, .slider-container .slider .slider-item .slide:hover .row strong, .slider-container .slider .slider-item .slide:hover .row.custom-row > p {
	 color: #fff;
}
 .slider-container .slider .slider-item .slide:hover .row.custom-row > a {
	 background-color: #fff;
	 color: #ffbc43;
}
 .slider-container .slider .slider-item .slide:hover .slide-image > img {
	 transform: scale(1.2);
}
 .slider-container .slider .slider-item .slide, .slider-container .slider .slider-item .slide .slide-image > img, .slider-container .slider .slider-item .slide .slide-name, .slider-container .slider .slider-item .slide .custom-line, .slider-container .slider .slider-item .slide .row, .slider-container .slider .slider-item .slide .row strong, .slider-container .slider .slider-item .slide .row.custom-row > p, .slider-container .slider .slider-item .slide .row.custom-row > a {
	 transition: 400ms;
}
 .slider-container .slider .slider-item .slide .slide-name {
	 font-size: 25px;
	 margin-top: -20px;
	 max-width: 60%;
	 text-align: center;
	 line-height: 26px;
	 color: #8d8d8d;
	 font-weight: 100;
}
 .slider-container .slider .slider-item .slide .custom-line {
	 width: 80%;
	 height: 1px;
	 margin: 10px 0;
	 border: 1px solid #efefef;
}
 .slider-container .slider .slider-item .slide .row {
	 width: 80%;
	 display: flex;
	 justify-content: space-between;
	 padding: 5px;
	 color: #aaa;
}
 .slider-container .slider .slider-item .slide .row strong {
	 color: #fca60c;
}
 .slider-container .slider .slider-item .slide .row.custom-row {
	 font-weight: bold;
	 align-items: center;
}
 .slider-container .slider .slider-item .slide .row.custom-row > p {
	 color: #222;
	 font-size: 25px;
}
 .slider-container .slider .slider-item .slide .row.custom-row > a {
	 text-decoration: none;
	 color: #fff;
	 width: 30px;
	 height: 30px;
	 background-color: orange;
	 text-align: center;
	 line-height: 24px;
	 border-radius: 10px;
	 font-size: 20px;
}
 .slider-btn {
	 width: 50px;
	 height: 50px;
	 border-radius: 20px;
	 border: 0;
	 background-color: #fff;
	 box-shadow: 0 0 10px #ddd;
	 position: absolute;
	 top: 50%;
	 transform: translateY(0%);
	 font-size: 16px;
	 padding-bottom: 5px;
	 cursor: pointer;
}
 .slider-btn:active {
	 transform: translateY(0%) scale(0.9);
}
 .slider-btn.btn-right {
	 right: 0;
}
 .slider-btn.btn-left {
	 left: 0;
} */

/*
.slider .slide {
  padding: 20px;
  min-height: 400px;
}

.slider-container {
  width: 960px;
}
.slider.animation {
  width: 1920px;
}
.slider.animation{
  margin-left: 0 !important;
}
.slider .card {
  width: 100% !important;
} */



@media screen and (max-width: 1440px) {
     .wsSection2Images img{
      top:100px;
  }
  .content {
    max-width: 1200px;
    padding: 0 15px;
    width: 100%;
  }
  .affilateSection4Cards {
    gap: 50px;
  }
  .affilateSection4CardsLeft {
    gap: 100px;
  }
  .affilateSection4CardsRight {
    gap: 150px;
  }
  .affilateSection4CardsLeft img:nth-child(4) {
    margin-top: 124px;
    margin-left: 50px;
  }
  .affilateSection4CardsLeft img:nth-child(6) {
    margin-top: 307px;
    margin-left: 274px;
  }
  .affilateSection4CardsLeft img:nth-child(8) {
    margin-top: 458px;
    margin-left: 49px;
  }
  .affilateSection4CardsLeft img:nth-child(10) {
    margin-top: 594px;
  }
  .affilateSection4CardsRight img:nth-child(2) {
    margin-top: -259px;
    margin-left: 148px;
  }
  .affilateSection4CardsRight img:nth-child(4) {
    margin-top: -41px;
    margin-left: -117px;
  }
  .affilateSection4CardsRight img:nth-child(6) {
    margin-top: 386px;
    margin-left: 323px;
  }
  .affilateSection4CardsRight img:nth-child(8) {
    margin-top: 531px;
    margin-left: -143px;
  }
  .affilateSection4CardsRight img:nth-child(10) {
    margin-top: 914px;
    margin-left: 288px;
  }
  .affilateSection4CardsLeft img._active,
  .affilateSection4CardsRight img._active {
    -webkit-animation: animationOpacity 1s ease;
    animation: animationOpacity 1s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .affilateSection4CardsLeft:nth-child(4n+2),
  .affilateSection4CardsRight:nth-child(4n+2) {
    margin-left: unset;
    margin-top: unset;
  }
  .affilateSection3 {
    padding-top: 150px !important;
    padding-bottom: 280px !important;
  }
  .wsMap {
    margin-left: -349px;
  }
  .mapText {
    white-space: unset;
  }
}
@media screen and (max-width: 1200px) {
  .aboutLicenseImages--newDoc{
    justify-content: left;
  }
  .aboutLicenseImages--newDoc > .aboutLicenseCard {
    width: 100%;
  }
  .content--new-projects{
    max-width: 1200px !important;
  }
  .content--new-projects > span.title{
    padding-left: 20px;
  }
  .slider.projects{
    margin: 0 auto;
    width: 1200px;
    height: 100%;
    flex-wrap: wrap;
  }
  .aboutLicenseCard{
    flex-direction: row;
  }
  .wrap {
    min-width: 100%;
  }
  .content {
    max-width: 960px;
    width: 100%;
    padding: 0 15px;
  }
  header.content{
    max-width: unset;
    padding: 0 15px;
  }

  .rectangleSet::before {
    top: -79px;
    border-width: 0 0 80px 100vw;
  }
  .rectangleSet::after {
    bottom: -79px;
    border-width: 0 100vw 80px 0;
  }
  .rectangleFooterSet::before {
    top: -19px;
    border-width: 0 0 80px 100vw;
  }
  li {
    margin-right: 16px;
  }
  .bigRedText {
    font-size: 50px;
    z-index: 100;
  }
  .wrapTextSection2 .secondImageSection2 {
    left: 760px;
  }
  .card {
    width: 334px;
  }
  .imageSection3 {
    margin-right: 120px;
  }
  .circle {
    left: 118px;
    top: 123px;
    width: 450px;
    height: 450px;
  }
  .circle--new{
    left: unset;
  }
  .imagesDistribution--new{
    width: 455px;
  }
  .imgFactory {
    width: 75%;
    left: 200px;
  }
  /* !CHANGE */
  /* .imgFactoryAnimation {
    left: -183px;
    width: 75%;
  } */
  .slider {
    margin-top: 20px;
    margin-left: -12px;
  }
  .subText {
    font-size: 17px;
  }
  .aboutMemberDesktop > span.subText{
    font-size: 10px !important;
  }
  .wrapSection5 {
    width: 70%;
  }
  .wrapTextSection5 {
    font-size: 52px;
  }
  .circleOneSection4,
  .circleTwoSection4 {
    scale: 0.7;
    z-index: -1;
  }
  .affilateSection2Part1Button {
    position: relative;
    z-index: 100;
  }
  .affilateSection4Cards {
    flex-direction: column;
  }
  .affilateSection4CardsLeft,
  .affilateSection4CardsRight {
    width: 100%;
  }
  .affilateSection4CardsLeft {
    margin-bottom: 60px;
  }
  .affilateSection4Card2,
  .affilateSection4Card4,
  .affilateSection4Card6,
  .affilateSection4Card8,
  .affilateSection4Card10 {
    align-self: center;
  }
  .affilateSection4Card:nth-child(4n+3) {
    margin-left: unset;
  }
  .affilateSection4CardsLeft img:nth-child(2) {
    margin-top: -244px;
  }
  .affilateSection4CardsLeft img:nth-child(4) {
    margin-top: 63px;
    margin-left: 639px;
  }
  .affilateSection4CardsLeft img:nth-child(6) {
    margin-left: 349px;
  }
  .affilateSection4CardsLeft img:nth-child(8) {
    margin-top: 446px;
    margin-left: 641px;
  }
  .affilateSection4CardsLeft img:nth-child(10) {
    margin-top: 570px;
    margin-left: 247px;
  }
  .affilateSection4CardsRight img:nth-child(2) {
    margin-left: 414px;
  }
  .affilateSection4CardsRight img:nth-child(4) {
    margin-left: 133px;
  }
  .affilateSection4CardsRight img:nth-child(6) {
    margin-top: 386px;
    margin-left: 682px;
  }
  .affilateSection4CardsRight img:nth-child(8) {
    margin-top: 535px;
    margin-left: 266px;
  }
  .affilateSection4CardsRight img:nth-child(10) {
    margin-left: 680px;
  }
  .affilateSection4CardsLeft img._active,
  .affilateSection4CardsRight img._active {
    -webkit-animation: animationOpacity 1s ease;
    animation: animationOpacity 1s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .rectangleFooterSet::before {
    top: -79px;
  }
  .title {
    font-size: 52px;
  }
  .text {
    font-size: 14px;
  }
  .page1Section2CircleAbsolute2 {
    display: none;
  }
  .page1Section2LogoAbsolute2 {
    display: none;
  }
  .numberCountersPart1,
  .numberCountersPart2 {
    flex-direction: column;
    gap: 30px;
  }
  .page1Section2LogoAbsolute1 {
    margin-top: 635px;
    margin-left: 429px;
  }
  .swiper.page1 {
    width: 897px;
  }
  .page1Section3LogoAbsolute2 {
    margin-left: 169px;
  }
  .page1Section3LogoAbsolute1 {
    display: none;
  }
  .wsSection6Circle2 {
    display: none;
  }
  .mapText {
    white-space: nowrap;
    margin-top: 18px;
  }
  .wsMap {
    scale: 0.9;
  }
  .select.rower {
    margin: 0 auto;
    display: block;
  }
  .buttonsSliderWrapperSol.rower {
    display: none;
  }
  .slider {
    margin-left: -107px;
    height: 560px;
  }
  .circleTwoSection4 {
    left: 480px;
  }
  .aboutLicenseImages {
    flex-wrap: wrap;
    justify-content: center;
  }
  .aboutLicenseCard > img{
    align-self: center;

    max-width: 300px;
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .card {
    width: 286px;
  }
  .circle {
    left: 194px;
    top: 201px;
    width: 300px;
    height: 300px;
  }
  .circle--new{
    left: unset;
  }
  .imgFactoryAnimation {
    width: 317px;
  }
  .imagesDistribution {
    width: 420px;
  }
  .imagesDistribution--new{
    width: 300px;
  }
  .textDistributionFirst,
  .textDistributionSecond {
    font-size: 42px;
  }
  .textDistributionThird {
    font-size: 13px;
  }
  .backgroundSolution2 {
    height: 650px;
  }
  .slider {
    margin-top: 60px;
    width: 900px;
  }
  .slide {
    width: 900px;
  }
  .menuSlider {
    justify-content: flex-start;
  }
  .wrapProgressBar {
    width: 320px;
  }
  .progressBar {
    width: unset;
  }
  .ROI {
    width: 125px;
    height: 125px;
  }
  .ROI p:first-child {
    font-size: 30px;
    padding-top: 35px;
  }
  .blurBack {
    width: unset;
    max-height: unset;
    width: 353px;
  }
  .mainText {
    font-size: 60px;
  }
  .menuText {
    font-size: 20px;
    height: 35px;
  }
  .menuText {
    font-size: 20px;
    height: 35px;
    width: 232px;
  }
  .wrapSlide {
    /* !CHANGE */
    /* margin-bottom: 140px; */
  }
  .circleOneSection4,
  .circleTwoSection4 {
    scale: 0.5;
  }
  .circleOneSection4 {
    left: -377px;
  }
  .circleTwoSection4 {
    left: 0;
  }
  .mainTextSafety p {
    font-size: 32px;
  }
  .mainTextSafety span {
    font-size: 14px;
  }
  .wrapSafetyTextSmall {
    font-size: 14px;
  }
  .wrapSafetyMainTextSection5 {
    margin-right: unset;
    max-width: 400px;
  }
  .dropView {
    display: none;
  }
  .imageLogoSafety {
    margin-right: 790px;
  }
  .affilateSection4CardsRight img:nth-child(2) {
    margin-left: 414px;
  }
  .affilateSection4CardsRight img:nth-child(4) {
    margin-left: 133px;
  }
  .affilateSection4CardsRight img:nth-child(6) {
    margin-top: 386px;
    margin-left: 20px;
  }
  .affilateSection4CardsRight img:nth-child(8) {
    margin-top: 535px;
    margin-left: 266px;
  }
  .affilateSection4CardsRight img:nth-child(10) {
    margin-left: 639px;
  }
  .affilateSection4CardsLeft img._active,
  .affilateSection4CardsRight img._active {
    -webkit-animation: animationOpacity 1s ease;
    animation: animationOpacity 1s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .projectsCardsSection2 {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 50px;
  }
  .projectCard img {
    max-width: 570px;
    max-height: 401px;
    width: 100%;
    border-radius: 10px;
  }
  .rectanglePlace::before {
    top: -79px;
    border-width: 0 0 80px 100vw;
  }
  .rectanglePlace::after {
    bottom: -79px;
    border-width: 0 100vw 80px 0;
  }
  .projectsSticks {
    margin-left: unset;
  }
  .aboutArrowsColumn {
    display: none;
  }
  .aboutArrowsRow {
    display: block;
  }
  .aboutArrowsTitle {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 100px;
    flex-direction: column;
  }
  .aboutArrowsTitle {
    justify-content: center;
  }
  .aboutArrowsTitle img {
    display: none;
  }
  .aboutArrowsTitle .aboutArrowsCircle {
    display: none;
  }
  .aboutArrowsContainerRow {
    display: flex;
    gap: 319px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .aboutTeamCardsSection {
    flex-direction: column;
    gap: 100px;
  }
  .aboutLicenseImages {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-direction: column;
    justify-content: center;
  }
  .circleBlock.page1 {
    display: flex;
  }
  .page1CirclesRow {
    display: none;
  }
  .page1CirclesColumn {
    display: flex;
  }
  .page1Section2Logo {
    margin-top: -126px;
  }
  .testCards {
    flex-direction: column;
  }
  .companiesWSPart1,
  .companiesWSPart2,
  .companiesWS {
    gap: 50px;
  }
  .slider {
    width: unset;
    margin-left: 10px;
  }
  .wrapCircles {
    display: none;
  }
  .aboutTeamCard{
    height: 400px !important;
  }
  .text-center{
    text-align: center !important;
  }

}

@media screen and (max-width: 992px) {

     .wsSection2Images img{
      top:130px;
  }
  .itemM > .wrapGeoObjects{
    flex-direction: column;
    gap: 10px;
    display: flex;
  }
  .geoM{
    display: block;
  }
  .geoCircle1,
  .geoCircle2,
  .geoCircle3,
  .wsMap.geo {
    display: none;
  }
  .bar1:hover,
  .bar2:hover,
  .bar3:hover {
    scale: 1;
  }
  .wrapROI{
    display: none;
  }
  .wrapFooterAnother{
    margin-right: 0;
  }
  .affilateSectionPart1Text.ws{
    width: 50%;
  }
  #myVideo{
    /* !CHANGED */
    /* display:none !important; */
  }
  .bar1:hover:after,
  .bar2:hover:after,
  .bar3:hover:after {
    scale: 1;
  }
  .bar1:hover::before,
  .bar2:hover::before,
  .bar3:hover::before {
    scale: 1;
  }
  .content {
    max-width: 720px;
  }
  .buttonLogo {
    /* background-image: url(../images/main/logo.png); */
    background-size: 100% 100%;
    /* width: 50px; */
    height: 44px;
  }
  .mainNav {
    display: none;
  }
  .hiddenNav {
    display: block;
  }
  .hiddenNav li {
    list-style: none;
  }
  .hiddenNav li a {
    width: 230px;
    /* !CHANGE */
    /* height: 40px; */
  }
  .smallNavButton {
    display: block;
    position: relative;
    order: 1;
  }
  .wrapTextSection2 .firstImageSection2 {
    width: 70px;
  }
  .bigRedText {
    font-size: 35px;
    margin-bottom: 10px;
  }
  .wrapTextSection2 .secondImageSection2 {
    width: 150px;
    left: 490px;
  }
  .card {
    width: 262px;
    height: 350px;
  }
  .rectangleSet::before {
    top: -50px;
    border-width: 0 0 51px 100vw;
  }
  .rectangleSet::after {
    bottom: -50px;
    border-width: 0 100vw 51px 0;
  }
  .rectanglePlace::before {
    top: -50px;
    border-width: 0 0 51px 100vw;
  }
  .rectanglePlace::after {
    bottom: -50px;
    border-width: 0 100vw 51px 0;
  }
  .rectangleFooterSet {
    top: -19px;
    border-width: 0 0 51px 100vw;
  }
  .circle {
    left: 178px;
    top: 201px;
    width: 300px;
    height: 300px;
  }
  .circle--new{
    left: unset;
  }
  /* !CHANGE */
  /* .imgFactoryAnimation {
    left: -118px;
  } */
  /* .imagesDistribution {
    width: 420px;
  } */
  .textDistributionFirst,
  .textDistributionSecond {
    font-size: 42px;
  }
  .textDistributionThird {
    font-size: 13px;
  }
  .backgroundSolution2 {
    height: 650px;
  }
  .slider {
    margin-top: 60px;
    width: 900px;
  }
  .slide {
    width: 900px;
  }
  .menuSlider {
    justify-content: flex-start;
  }
  .wrapProgressBar {
    width: 320px;
  }
  .progressBar {
    width: unset;
  }
  .ROI {
    width: 125px;
    height: 125px;
  }
  .ROI p:first-child {
    font-size: 30px;
    padding-top: 35px;
  }
  .blurBack {
    width: unset;
    max-height: unset;
    width: 353px;
  }
  .mainText {
    font-size: 60px;
  }
  .menuText {
    font-size: 20px;
    height: 35px;
  }
  .menuSlider {
    margin-left: 23px;
  }
  .menuText {
    font-size: 20px;
    height: 35px;
    width: 232px;
  }
  .navigationText {
    width: 175px;
    cursor: unset;
  }
  .wrapSlide {
    /* !CHANGE */
    /* margin-bottom: 140px; */
    gap: 30px;
  }
  .circleOneSection4,
  .circleTwoSection4 {
    scale: 0.5;
  }
  .circleOneSection4 {
    left: -377px;
  }
  .circleTwoSection4 {
    left: 13px;
  }
  .wrapTextSection5 {
    margin-right: 50px;
  }
  .wrapFooterElements {
    padding-left: 0;
    padding-right: 0;
    margin-top: 50px;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    gap: 30px;
  }
  .mgnT50 {
    margin-top: 100px;
  }
  .mainTextSafety p {
    font-size: 30px;
  }
  .wrapSafetyMainTextSection5 {
    margin-right: 20px;
  }
  .affilateSection4CardsLeft,
  .affilateSection4CardsRight {
    align-items: center;
    justify-content: center;
  }
  .affilateSection4CardsLeft img:nth-child(2) {
    margin-top: -367px;
  }
  .affilateSection4CardsLeft img:nth-child(4) {
    margin-top: -182px;
    margin-left: -259px;
  }
  .affilateSection4CardsLeft img:nth-child(6) {
    margin-top: 34px;
    margin-left: 252px;
  }
  .affilateSection4CardsLeft img:nth-child(8) {
    margin-top: 221px;
    margin-left: -237px;
  }
  .affilateSection4CardsLeft img:nth-child(10) {
    margin-top: 418px;
    margin-left: 242px;
  }
  .affilateSection4CardsRight img:nth-child(2) {
    margin-top: -467px;
    margin-left: -233px;
  }
  .affilateSection4CardsRight img:nth-child(4) {
    margin-top: -237px;
    margin-left: 211px;
  }
  .affilateSection4CardsRight img:nth-child(6) {
    margin-top: -53px;
    margin-left: -245px;
  }
  .affilateSection4CardsRight img:nth-child(8) {
    margin-top: 171px;
    margin-left: 214px;
  }
  .affilateSection4CardsRight img:nth-child(10) {
    margin-top: 480px;
    margin-left: -236px;
  }
  .affilateSection4CardsLeft img._active,
  .affilateSection4CardsRight img._active {
    -webkit-animation: animationOpacity 1s ease;
    animation: animationOpacity 1s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .affilateSection2Image1 {
    scale: 0.8;
  }
  .title {
    font-size: 32px;
  }
  .text {
    font-size: 12px;
  }
  .affilateTitleSection5Part1 {
    margin-left: 95px;
  }
  .section2Part2Image.page1 div.img2 {
    background-image: url(../images/page1/development-and-construction-of-power-plants-design-and-construction-of-thermal-plants-Design-and-co.webp);
    background-size: cover;
    background-position: 100% 100%;
    width: 457px;
    height: 305px;
    border-radius: 20px;
    position: relative;
    margin-top: -84px;
    margin-left: -34px;
    z-index: 1;
  }
  .section2Part2Image.page5 div.img2 {
    background-image: url(../images/page5/commercial-repair-servicetechnician-quality-sanitation-professionalcleaners-cleaningmaidsimple-quali.webp);
    background-size: cover;
    background-position: 100% 100%;
    width: 457px;
    height: 305px;
    border-radius: 20px;
    position: relative;
    margin-top: -84px;
    margin-left: -34px;
    z-index: 1;
  }
    .section2Part2Image.page7 div.img2 {
    background-image: url(https://www.gpibs.com/images/page7/commercial-repair-servicetechnician-quality-sanitation-professionalcleaners-cleaningmaidsimple-quali.webp);
    background-size: cover;
    background-position: 100% 100%;
    width: 457px;
    height: 305px;
    border-radius: 20px;
    position: relative;
    margin-top: -84px;
    margin-left: -34px;
    z-index: 1;
  }
      .section2Part2Image.page11 div.img2 {
    background-image: url(../images/page11/investments-in-the-recycling-and-sale-of-green-energy-investments-in-field-development-investments-i.webp);
    background-size: cover;
    background-position: 100% 100%;
    width: 457px;
    height: 305px;
    border-radius: 20px;
    position: relative;
    margin-top: -84px;
    margin-left: -34px;
    z-index: 1;
  }
  .section2Part2Image.page12 div.img2 {
  background-image: url(../images/page12/investments-in-the-construction-of-pits-investments-in-the-construction-of-production-facilities-inv_1.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -179px;
  margin-left: 79px;
  z-index: 1;
}
.section2Part2Image.page13 div.img2 {
  background-image: url(../images/page13/miningengineering-heavyequipment-tambangindonesia-heavyduty-earthmoving-coalmining-engineering-perta.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -179px;
  margin-left: 79px;
  z-index: 1;
}
.section2Part2Image.page14 div.img2 {
  background-image: url(../images/page14/Investments-in-coal.-Investments-in-real-business.-Daily-income.-Daily-dividends.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -179px;
  margin-left: 79px;
  z-index: 1;
}
.section2Part2Image.page15 div.img2 {
  background-image: url(../images/page15/Panjiang-refined-coal-factory.-Investing-in-metal_-the-best-way-to-make-money-online-2022-1.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -179px;
  margin-left: 79px;
  z-index: 1;
}
      .section2Part2Image.page9 div.img2 {
    background-image: url(../images/page9/waste-recycling-waste-treatment-land-clearing-landfill-cleanup-ecology-Environment-investments-in-a-.webp);
    background-size: cover;
    background-position: 100% 100%;
    width: 457px;
    height: 305px;
    border-radius: 20px;
    position: relative;
    margin-top: -84px;
    margin-left: -34px;
    z-index: 1;
  }
        .section2Part2Image.page10 div.img2 {
    background-image: url(../images/page10/INVEST_2.webp);
    background-size: cover;
    background-position: 100% 100%;
    width: 457px;
    height: 305px;
    border-radius: 20px;
    position: relative;
    margin-top: -84px;
    margin-left: -34px;
    z-index: 1;
  }
  .section2Part2Image.page3 div.img2 {
    background-image: url(../images/page3/polymers-separation-different-elements-automatically-separated-material-recycling-environmental-degr.webp);
    background-size: cover;
    background-position: 100% 100%;
    width: 457px;
    height: 305px;
    border-radius: 20px;
    position: relative;
    margin-top: -84px;
    margin-left: -34px;
    z-index: 1;
  }
  .section2Part2Image.page2 div.img2 {
  background-image: url(../images/page2/mining-energies-renewable-energies-entrepreneur-businessman-sound-investment-earning-with-dividends-.webp);
  background-size: cover;
  background-position: 100% 100%;
  width: 457px;
  height: 305px;
  border-radius: 20px;
  position: relative;
  margin-top: -179px;
  margin-left: 79px;
  z-index: 1;
}
    .section2Part2Image.page4 div.img2 {
    background-image: url(../images/page4/investors-stockmarket-luxuryrealestate-wallstreet-investmentproperty-success.webp);
    background-size: cover;
    background-position: 100% 100%;
    width: 457px;
    height: 305px;
    border-radius: 20px;
    position: relative;
    margin-top: -84px;
    margin-left: -34px;
    z-index: 1;
  }
  .page1Section2LogoAbsolute1 {
    display: none;
  }
  .swiper.page1 {
    width: 744px;
    height: 492px;
  }
  .page1Section3LogoAbsolute2 {
    display: none;
  }
  /* !CHANGE */
  /* .companiesWSPart1,
  .companiesWSPart2,
  .companiesWS {
    gap: 30px;
  } */
  .companiesWSPart1,
  .companiesWSPart2,
  .companiesWS {
    gap: 140px;
  }
  .companiesWS {
    flex-direction: column;
    gap: 0px;
  }
  .wsMap {
    scale: 0.7;
    margin-left: -472px;
  }
  .mapText {
    margin-top: 127px;
  }
  .wsSection3Circle {
    left: -237px;
  }
  .wsSection3GiftImg {
    left: -342px;
  }
  .wrapSlide {
    display: flex;
    flex-direction: column;
  }
  /* .companyImg {
    -webkit-filter: unset;
    filter: unset;
    opacity: 1;
  } */
}
@media screen and (max-width: 910px){
  .wrapCardsSection2 {
    gap: 70px;
  }
}
@media screen and (max-width: 768px) {
    .video-position__mobile{
        object-fit: none;
        object-position: -752px -100px;
    }
    .video-position__mobile-affilate{
        object-fit: none;
        object-position: 170px 120px;
    }
    .video-position__mobile-safety{
        object-fit: none;
        object-position: 45px -100px;
    }
    .video-position__mobile-home{
        object-position: -96px 0px;
    }
    .affilate__card-title{
        font-size: 15px;
    }
      .textDistributionFirst,
  .textDistributionSecond {
    font-size: 35px;
  }
  .affilateCardSection2Part2 img{
    width: 50px;
  }
  .padicon{
    padding: 0 !important;
  }
  .affilateRectangleSection2Part2{
    width:110px;
  }
  .justy_mobile{
    flex-wrap: wrap;
    justify-content: center !important;
    gap: 50px;
  }
  .justy_mobile div span:first-child{
    font-size: 20px;
  }
  .aboutLicenseCardText--newApplications{
    max-width: 250px;
  }
  .calc_price{
    font-size: 26px !important;
  }
  .calc_res_box p{
    font-size: 16px;
  }
  .box_calc_content{
    justify-content: center;
  }
  .amount_calc{
    max-width: 150px;
    font-size: 36px;
    padding: 20px 40px;
  }
  .calc_titles{
    font-size: 28px;
  }
  #choise_tarif{
    padding: 0;
    justify-content: start;
    text-align: left;
  }
  .select_tarif {
    font-size: 18px;
    margin: 10px 5px;
  }
  .select_tarif.active::after{
    border-left: 4px solid #024dff;
    bottom: -10%;
    left: -20px;
    right: 100%;
    width: 0;
    height: 100%;
  }
  .InvestButtonCalc{
    text-align: center;
    margin-top: 10px;
  }
  p#revenue5{
    max-width: 100%;
  }
  #revenue5 span{
    font-size: 18px;
  }
  .aboutLicenseSection{
    gap: 35px;
  }
  .aboutLicenseCardText--newApplications span.subTitle{
    font-size: unset;
  }
  .affilateSection2Part1Numbers {
    flex-direction: row !important;
    text-align: center !important;
  }
  .affilateSection2Part1Numbers > .flexColumn.flexCenter{
    gap: 10px;
  }
  .affilateSection2Part1Numbers span.title{
    font-size: 20px;
  }
  .affilateSection2Part1Numbers span.subTitle{
    font-size: unset !important;
  }
  .display425 {
    display: none;
  }
  .aboutLicenseCard {
    flex-wrap: wrap;
  }
  .wsSection4Wrap {
    gap: 30px;
  }
  .affilateSection2Part1Button {
    margin-top: 30px;
  }
  .content {
    max-width: 540px;
  }
  .card {
    width: 201px;
  }
  .wrapCardsSection2 {
    margin-bottom: 175px;
  }
  .imageSection3 {
    margin-right: -5px;
  }
  .circle {
    left: 135px;
  }
  .circle--new{
    left: unset;
  }
  div.menuSlider {
    justify-content: flex-start;
  }
  .menuText {
    font-size: 15px;
    width: 146px;
  }
  .navigationText {
    width: 146px;
  }
  .slider {
    width: unset;
    margin: unset;
    height: 942px;
  }
  .slide {
    width: 780px;
  }
  .wrapProgressBar {
    width: 280px;
    margin-left: 10px;
  }
  .image1SafetySection2 {
    display: none;
  }
  .mgnT50 {
    margin-top: 120px;
  }
  .hideSafetySection3 {
    display: none;
  }
  .wrapSafetyMainTextSection5 {
    margin-right: 50px;
  }
  .hideSafetySection4 {
    display: none;
  }
  .flexReverse,
  .wrapSafetyCardSection2 {
    flex-direction: column !important;
  }
  .mgnL50 {
    margin: 0 0 50px 0;
  }
  .mgnR50 {
    margin: 0 0 50px 0;
  }
  .wrapSafetyTextSmall {
    text-align: justify;
  }
  .imageLogoSafety {
    width: 87px;
    position: relative;
    margin-right: 1032px;
    margin-top: -125px;
  }
  .wrapSpanSection2Safety {
    margin-left: 120px;
  }
  .affilateCircle1 {
    width: 150px;
    height: 150px;
  }
  .affilateSection2Image1 {
    scale: 0.6;
    top: -132px;
    left: -272px;
  }
  .affilateSection2Image2 {
    scale: 0.4;
    position: absolute;
    top: 70px;
    left: -129px;
  }
  .affilateSection2Image3 {
    scale: 0.2;
    position: absolute;
    top: 86px;
    left: 123px;
    z-index: 10;
  }
  .affilateSectionPart1Text {
    /* margin-left: -94px; */
  }
  .affilateSection3TextPart2 {
    width: 250px;
    height: 250px;
    margin-top: -75px;
  }
  .affilateSection3TitlePart2 {
    margin-left: 117px;
    margin-top: -66px;
  }
  .affilateSection3 {
    padding-top: 80px !important;
    padding-bottom: 223px !important;
  }
  .affilateSection4CardsLeft img:nth-child(2) {
    margin-top: -702px;
    margin-left: 91px;
  }
  .affilateSection4CardsLeft img:nth-child(4) {
    margin-top: -311px;
    margin-left: -259px;
  }
  .affilateSection4CardsLeft img:nth-child(6) {
    margin-top: 34px;
    margin-left: 153px;
  }
  .affilateSection4CardsLeft img:nth-child(8) {
    margin-top: 416px;
    margin-left: -237px;
  }
  .affilateSection4CardsLeft img:nth-child(10) {
    margin-top: 949px;
    margin-left: -25px;
  }
  .affilateSection4CardsRight img:nth-child(2) {
    margin-top: -878px;
    margin-left: -233px;
  }
  .affilateSection4CardsRight img:nth-child(4) {
    margin-top: -488px;
    margin-left: 107px;
  }
  .affilateSection4CardsRight img:nth-child(6) {
    margin-top: -53px;
    margin-left: -245px;
  }
  .affilateSection4CardsRight img:nth-child(8) {
    margin-top: 533px;
    margin-left: 143px;
  }
  .affilateSection4CardsRight img:nth-child(10) {
    margin-top: 956px;
    margin-left: -236px;
  }
  .affilateSection4CardsLeft img._active,
  .affilateSection4CardsRight img._active {
    -webkit-animation: animationOpacity 1s ease;
    animation: animationOpacity 1s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .affilateSection4Card {
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
  }
  .affilateBlock2Section5 {
    flex-direction: column;
    gap: 100px;
  }
  .affilateTitleSection5Part1 {
    margin-left: 192px;
  }
  .wrapFooterElements {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
  .subText {
    font-size: 10px;
  }
  .affilateBlock2Section1 {
    gap: 60px;
  }
  .projectSticks {
    margin-left: 30px;
  }
  .title {
    font-size: 42px;
  }
  .aboutFormSection4 {
    gap: 50px;
  }
  .aboutNumberCounters {
    flex-direction: column;
    gap: 20px;
  }
  .section2Part2Card1.page1,
  .section2Part2Card2.page1 {
    flex-direction: column;
  }
  .section2Part2Image.page1 div.img1 {
    margin-top: unset;
    margin-left: 74px;
  }
  .section2Part2Image.page5 div.img1 {
    margin-top: unset;
    margin-left: 74px;
  }
    .section2Part2Image.page6 div.img1 {
    margin-top: unset;
    margin-left: 74px;
  }
      .section2Part2Image.page8 div.img1 {
    margin-top: unset;
    margin-left: 74px;
  }
      .section2Part2Image.page7 div.img1 {
    margin-top: unset;
    margin-left: 74px;
  }
    .section2Part2Image.page11 div.img1 {
    margin-top: unset;
    margin-left: 74px;
  }
      .section2Part2Image.page12 div.img1 {
    margin-top: unset;
    margin-left: 74px;
  }
        .section2Part2Image.page13 div.img1 {
    margin-top: unset;
    margin-left: 74px;
  }
    .section2Part2Image.page14 div.img1 {
    margin-top: unset;
    margin-left: 74px;
  }
    .section2Part2Image.page15 div.img1 {
    margin-top: unset;
    margin-left: 74px;
  }
        .section2Part2Image.page9 div.img1 {
    margin-top: unset;
    margin-left: 74px;
  }
          .section2Part2Image.page10 div.img1 {
    margin-top: unset;
    margin-left: 74px;
  }
  .section2Part2Image.page3 div.img1 {
    margin-top: unset;
    margin-left: 74px;
  }
    .section2Part2Image.page2 div.img1 {
    margin-top: unset;
    margin-left: 74px;
  }
    .section2Part2Image.page4 div.img1 {
    margin-top: unset;
    margin-left: 74px;
  }
  .affilateFormSection5.page1 {
    margin-left: unset;
  }
  .swiper.page1 {
    width: 561px;
    height: 366px;
  }
  .affilateBlock2Section1.ws {
    flex-direction: column;
  }
  .affilateSection2Part1.ws {
    max-width: 700px;
    justify-content: center;
  }
  .affilateSection2Part1.ws .wsSection2Images {
    display: none;
  }
  .affilateSection2Part1.ws .affilateSectionPart1Text {
    width: 100%;
  }
  .wsSection3 {
    justify-content: center;
  }
  .wsTextSection3 {
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .wsImgSection3 {
    display: none;
  }
  .aboutTeamCardsWS {
    flex-direction: column;
    gap: 30px;
  }
  .aboutTeamCard.ws {
    max-width: 615px;
    width: 100%;
  }
  .chartWS {
    display: none;
  }
  .wsSection6Part1First {
    flex-direction: column;
  }
  .mapText {
    display: none;
  }
  .wsMap {
    margin-left: -381px;
    margin-top: -163px;
    margin-bottom: -175px;
  }
  .companiesWSPart1,
  .companiesWSPart2,
  .companiesWS {
    gap: 140px;
  }
  .companiesWS {
    flex-direction: column;
    gap: 0px;
  }
  .wsBackground1.bgFull {
    background-size: 100% 100%;
  }
}
@media screen and (max-width: 679px){
  .swiper3{
    max-width: 450px;
    margin: 0 auto;
  }
  .mfp-image-holder .mfp-content{
      max-width: calc(100% - 34px) !important;
  }

}
@media screen and (max-width: 550px) {
  .itemM span.title{
    font-size: 24px !important;
  }
  .itemM .geoObjectsText{
    line-height: 1.1 !important;
  }
  .aboutLicenseTitle > span.specialTitle {
    font-size: 25px !important;
  }
  .wsSection6--newHome{
    max-width: 540px !important;
  }
  .wsSection6--newHome .section6Part1Vid{
    width: 100%;
  }
  .wsSection6--newHome iframe{
    max-width: 540px;
    width: 100%;
  }
  .affilateSection2Part1Numbers {
    flex-direction: column !important;
  }
  .affilateSection2Part1Numbers span.title{
    font-size: 30px;
  }
  .aboutLicenseCardText{
    gap: 5px;
  }
  .aboutLicenseTitle > span.title{
    font-size: 25px !important;
  }
  .aboutLicenseCardTextPart span.subTitle{
    font-size: unset;
  }
  .wrapSection5--newSol{
    margin-top: 0 !important;
    align-items: flex-start;
  }
  .wrapSection5--newSol p{
    font-size: 33px;
  }
  .buttonLogin, .buttonSignUp{
      min-width: 110px;
  }
  .bar1, .bar2, .bar3{
    width: 44px;
  }
  .aboutWrapSection1 {
    box-sizing: border-box;
    align-items: center;
  }
  .text_road span:first-child{
    font-size: 20px;
  }
  .dropdown-content{
      left: 0;
      background: #333;
  }
  .mob_div_centr{
    align-items: center;
    text-align: center;
  }
    .language-item span{
        font-size:20px;
    }
  .projectsButtonSection1{
    margin-bottom: 150px;
  }

  .affilateTitleSection1{
    margin-bottom: 20px !important;
    width:100%;
  }

  .section2.page1,
  .section2Part2.page1,
  .section2Part2Card1.page1{
    gap: 10px;
  }
  .darkness{
    min-height: 280px;
    padding-bottom: 0px;
  }

  .projectsBackground1 .eclipse{
    min-height: 200px;
  }
  .aboutWrapSection1 .affilateTitleSection1 {
    align-items: center;
    text-align: center;
  }
  .arrowBottom{
    align-self: center;
  }
  .content {
    max-width: 400px;
    padding: 0 15px;
    box-sizing: border-box;
  }
  .section2Part3.page1{
    margin-bottom: 10px;
  }
.wrapFormSection5{
  margin-top: -100px;
}

.backgroundSolution3 .darkness{
  padding-bottom: 120px;
}
.fixed{
  background-attachment: scroll;
}
  .darkness.sec5{
    padding-bottom: 80px;
    padding-top: 100px;
  }
  .blockAuthorisations {
    scale: 0.8;
    margin-right: unset;
    margin: 0 20px;
  }
  .buttonLogo {
    height: 37px;
  }
  .affilateBlock2Section1 {
    flex-direction: column;
  }

  .affilateSectionPart1Text {
    margin-left: unset;
    text-align: left;
  }
  .title {
    font-size: 42px;
  }
  .coal-mobile{
      font-size: 25px;
  }
  .title_main {
    font-size: 30px;
  }
  .text {
    font-size: 14px;
  }
  .calc_titles{
    text-align: left;
    font-size: 28px;
  }
  .affilateSection2Part1Button {
    margin-top: 40px;
  }
  .affilateSection2Part1Numbers {
    flex-direction: column;
    gap: 20px;
  }
  .affilateSection2Part2 {
    margin-top: unset;
  }
  .affilateSection3 {
    flex-direction: column;
  }
  .affilateSection4Title {
    margin-top: 50px;
    text-align: left;
    max-width: 400px;
  }
  .affilateSection4Card {
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
  }
  .affilateSection4CardsLeft img:nth-child(2) {
    margin-left: -121px;
  }
  .affilateSection4CardsLeft img:nth-child(4) {
    margin-left: 41px;
  }
  .affilateSection4CardsLeft img:nth-child(6) {
    margin-left: -55px;
  }
  .affilateSection4CardsLeft img:nth-child(8) {
    margin-left: 8px;
  }
  .affilateSection4CardsLeft img:nth-child(10) {
    scale: 0.4;
    margin-left: -52px;
  }
  .affilateSection4CardsRight img:nth-child(2) {
    margin-left: -10px;
  }
  .affilateSection4CardsRight img:nth-child(4) {
    margin-left: -44px;
  }
  .affilateSection4CardsRight img:nth-child(6) {
    margin-left: -140px;
  }
  .affilateSection4CardsRight img:nth-child(8) {
    margin-left: -68px;
  }
  .affilateSection4CardsRight img:nth-child(10) {
    margin-left: -41px;
  }
  .affilateFormSection5 {
    margin-left: unset;
  }
  .rectangleFooterSet::before {
    top: -59px;
    border-width: 0 0 60px 100vw;
  }
  .wrapFooterElements {
    margin-top: 88px;
  }
  .wrapFooterNav,
  .wrapFooterProjects {
    margin: unset;
    gap: 10px;
  }
  .wrapFooterProjects{
    order: 1;
  }
  .wrapFooterAdress{
    gap: 10px;
  }
  .wrapFooterAnother{
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 20px;
    margin-right: 0;
  }
  .affilateSection4CardsLeft img._active,
  .affilateSection4CardsRight img._active {
    -webkit-animation: animationOpacity 1s ease;
    animation: animationOpacity 1s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .animationRightToLeft2._active {
    -webkit-animation: animationOpacity 1s ease;
    animation: animationOpacity 1s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .textSection1 {
    width: unset;
    text-align: left;
  }
  .textSection1 p {
    text-align: unset;
  }
  .card {
    height: unset;
  }
  .wrapSection2Part1 {
    margin-bottom: 30px;
    padding: 0 25px;
  }
  .wrapCardsSection2 {
    gap: 30px;
    margin-bottom: 30px;
  }
  .flex425 {
    justify-content: center;
    align-items: center;
  }
  .wrapSection5 {
    margin-top: 314px;
    flex-direction: column;
  }
  .rectangleSet::after {
    bottom: -30px;
    border-width: 0 100vw 31px 0;
  }
  .rectangleSet::before {
    top: -30px;
    border-width: 0 0 31px 100vw;
  }
  .margin425 {
    margin-bottom: 100px;
  }
  .imageLogoSafety {
    display: none;
  }
  .safetyTextSection1 h1 {
    font-size: 32px;
  }
  .wrapSpanSection2Safety {
    margin-top: 20px;
    padding-bottom: 93px;
  }
  .wrapSpanSection2Safety.safe {
    margin-left: 10px;
  }
  .wrapSafetyMainTextSection5 {
    display: none;
  }
  .projectsWrapSection1 {
    margin-left: unset;
  }
  .aboutNumberCounters {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    gap: 30px;
  }
  .aboutTeamCardsSection {
    gap: 10px;
    flex-direction: column;
  }
  .aboutTeamCardsPart1,
  .aboutTeamCardsPart2 {
    flex-direction: column;
  }
  .aboutLicenseTitle {
    max-width: 95%;
  }
  .aboutLicenseImages {
    flex-direction: column;
  }
  .aboutLicenseCard img {
    margin-left: unset;
  }
  .aboutFormSection4 {
    flex-direction: column;
  }
  .aboutSection4Title {
    margin-bottom: -100px;
    margin-top: 100px;
  }
  .aboutArrowsContainerRow {
    gap: 58px;
    margin-bottom: -100px;
  }
  .arrowBoxRightRow {
    margin-left: -130px;
  }
  .affilateTitleSection5Part1 {
    margin-left: 57px;
  }
  .page1Section2CircleAbsolute1 {
    display: none;
  }
  .section2Part2Image.page1 div {
    width: 100%;
    height: 200px;
  }
   .section2Part2Image.page5 div {
    width: 100%;
    height: 200px;
  }
     .section2Part2Image.page6 div {
    width: 100%;
    height: 200px;
  }
       .section2Part2Image.page8 div {
    width: 100%;
    height: 200px;
  }
       .section2Part2Image.page7 div {
    width: 100%;
    height: 200px;
  }
         .section2Part2Image.page11 div {
    width: 100%;
    height: 200px;
  }
           .section2Part2Image.page12 div {
    width: 100%;
    height: 200px;
  }
    .section2Part2Image.page13 div {
    width: 100%;
    height: 200px;
  }
    .section2Part2Image.page14 div {
    width: 100%;
    height: 200px;
  }
      .section2Part2Image.page15 div {
    width: 100%;
    height: 200px;
  }
         .section2Part2Image.page9 div {
    width: 100%;
    height: 200px;
  }
           .section2Part2Image.page10 div {
    width: 100%;
    height: 200px;
  }
   .section2Part2Image.page3 div {
    width: 100%;
    height: 200px;
  }
   .section2Part2Image.page2 div {
    width: 100%;
    height: 200px;
  }
   .section2Part2Image.page4 div {
    width: 100%;
    height: 200px;
  }
  .section2Part2Image.page1 div.img2 {
    display: none;
  }
  .section2Part2Image.page1 div.img1 {
    margin-left: unset;
    width: 100%;
    height: 267px;
  }
  .section2Part2Image.page5 div.img2 {
    display: none;
  }
    .section2Part2Image.page7 div.img2 {
    display: none;
  }
      .section2Part2Image.page11 div.img2 {
    display: none;
  }
        .section2Part2Image.page12 div.img2 {
    display: none;
  }
    .section2Part2Image.page13 div.img2 {
    display: none;
  }
    .section2Part2Image.page14 div.img2 {
    display: none;
  }
      .section2Part2Image.page15 div.img2 {
    display: none;
  }
      .section2Part2Image.page9 div.img2 {
    display: none;
  }
        .section2Part2Image.page10 div.img2 {
    display: none;
  }
  .section2Part2Image.page3 div.img2 {
    display: none;
  }
   .section2Part2Image.page2 div.img2 {
    display: none;
  }
    .section2Part2Image.page4 div.img2 {
    display: none;
  }
  .section2Part2Image.page5 div.img1 {
    margin-left: unset;
    width: 100%;
    height: 267px;
  }
    .section2Part2Image.page6 div.img1 {
    margin-left: unset;
    width: 100%;
    height: 267px;
  }
      .section2Part2Image.page8 div.img1 {
    margin-left: unset;
    width: 100%;
    height: 267px;
  }
      .section2Part2Image.page7 div.img1 {
    margin-left: unset;
    width: 100%;
    height: 267px;
  }
        .section2Part2Image.page11 div.img1 {
    margin-left: unset;
    width: 100%;
    height: 267px;
  }
          .section2Part2Image.page12 div.img1 {
    margin-left: unset;
    width: 100%;
    height: 267px;
  }
    .section2Part2Image.page13 div.img1 {
    margin-left: unset;
    width: 100%;
    height: 267px;
  }
     .section2Part2Image.page14 div.img1 {
    margin-left: unset;
    width: 100%;
    height: 267px;
  }
       .section2Part2Image.page15 div.img1 {
    margin-left: unset;
    width: 100%;
    height: 267px;
  }
        .section2Part2Image.page9 div.img1 {
    margin-left: unset;
    width: 100%;
    height: 267px;
  }
    .section2Part2Image.page10 div.img1 {
    margin-left: unset;
    width: 100%;
    height: 267px;
  }
  .section2Part2Image.page3 div.img1 {
    margin-left: unset;
    width: 100%;
    height: 267px;
  }
    .section2Part2Image.page2 div.img1 {
    margin-left: unset;
    width: 100%;
    height: 267px;
  }
    .section2Part2Image.page4 div.img1 {
    margin-left: unset;
    width: 100%;
    height: 267px;
  }
  .page1Section2Logo {
    display: none;
  }
  .page1CirclesColumn {
    margin-left: -36px;
  }
  .swiper.page1 {
    width: 360px;
    height: 237px;
  }
  .spanMarginR {
    margin-right: 30px;
  }
  .section5WS {
    margin: 100px 0;
  }
  /* !CHANGE */
  /* iframe {
    scale: 0.7;
  } */
  .wsMap {
    display: none;
  }
  .companiesWS {
    gap: unset;
  }
  .companiesWSPart1,
  .companiesWSPart2 {
    gap: 10px;
  }
  .slider {
    height: 995px;
  }
}
@media screen and (max-width: 480px){
  .swiper3{
    max-width: 200px;
  }
}
@media screen and (max-width: 375px) {

  .content {
    max-width: 340px;
  }
  .affilateFormBlur {
    width: 360px;
  }
  .affilateFormSection5 {
    scale: 0.85;
  }
  .affilateSection4CardsRight img:nth-child(6) {
    margin-left: -140px;
  }
  .scale375 {
    scale: 0.85;
  }
  .blockAuthorisations {
    margin-left: -21px;
  }
  .textSection1 p {
    padding: 0 15px;
  }
  /*.buttonDownload {*/
  /*  margin-right: 80px;*/
  /*}*/
  .wrapFormSection5 {
    margin-top: -200px;
  }
  .wrapTextSection2,
  .mainTextSafety {
    padding: 0 15px;
    max-width: 340px;
  }
  .wrapSafetyCardSection2 {
    padding: 0 15px;
  }
  .safetyPaddingBottomSection2 {
    padding-bottom: 100px;
  }
  .aboutLicenseCard img {
    margin-left: unset;
  }
  .aboutSection4Title {
    margin-bottom: 60px;
    margin-top: 100px;
  }
  .aboutFormScale {
    scale: 0.8;
  }
  .swiper.page1 {
    width: 301px;
    height: 204px;
  }
  .blurBack {
    width: 265px;
  }
  .slider {
    height: 1033px;
  }
  .specialTitle {
    display: block;
    max-width: 270px;
    font-size: 30px;
  }
}
@media screen and (max-width: 320px) {
  .content {
    max-width: 290px;
  }
  .header.content{
    justify-content: center;
  }
  .smallNavButton {
    scale: 0.7;
  }
  .blockAuthorisations {
    scale: 0.7;
    /* margin-left: -35px; */
  }
  .affilateTitleSection1 {
    gap: 20px;
  }
  .affilateTitleSection1.affilate {
    gap: 0px;
  }
  .affilateTitleSection1.affilate span:nth-child(2) {
    margin-bottom: 20px;
  }
  .affilateSection2Part1Button {
    margin-top: 20px;
    margin-bottom: 109px;
  }
  .safetyTextSection1 {
    padding: 0 15px;
  }
  .safetyTextSection1 p {
    padding: 0;
    font-size: 15px;
    margin-top: 20px;
  }
  .buttonDownload {
    margin-right: unset;
  }
  .wrapButtonSection1.solution img {
    scale: 0.7;
  }
  .affilateBlock2Section1.solution {
    margin-bottom: -50px;
  }
  .wrapTextSection2,
  .mainTextSafety {
    padding: 0;
    max-width: 300px;
  }
  .bigRedText {
    font-size: 25px;
  }
  .solutionFormScale {
    scale: 0.8;
    margin-left: -30px;
  }
  .wrapFooterNav > span,
  .wrapFooterProjects > span,
  .wrapFooterAdress > span {
    font-size: 13px;
  }
  .title {
    font-size: 32px;
  }
  .aboutLicenseCard img {
  }
  .subTitle {
    font-size: 20px;
  }
  .section2Part2Image.page1 div.img1 {
    height: 194px;
  }
  .section2Part2Image.page5 div.img1 {
    height: 194px;
  }
    .section2Part2Image.page6 div.img1 {
    height: 194px;
  }
      .section2Part2Image.page8 div.img1 {
    height: 194px;
  }
     .section2Part2Image.page7 div.img1 {
    height: 194px;
  }
       .section2Part2Image.page11 div.img1 {
    height: 194px;
  }
    .section2Part2Image.page12 div.img1 {
    height: 194px;
  }
    .section2Part2Image.page13 div.img1 {
    height: 194px;
  }
      .section2Part2Image.page14 div.img1 {
    height: 194px;
  }
        .section2Part2Image.page15 div.img1 {
    height: 194px;
  }
       .section2Part2Image.page9 div.img1 {
    height: 194px;
  }
         .section2Part2Image.page10 div.img1 {
    height: 194px;
  }
  .section2Part2Image.page3 div.img1 {
    height: 194px;
  }
    .section2Part2Image.page2 div.img1 {
    height: 194px;
  }
   .section2Part2Image.page4 div.img1 {
    height: 194px;
  }
  .page1CirclesColumn {
    scale: 0.9;
  }
  .swiper.page1 {
    width: 288px;
    height: 193px;
  }
  .section2Part3.page1 {
    margin-bottom: unset;
  }
  .companiesWSPart1,
  .companiesWSPart2 {
    scale: 0.85;
  }
}
@media screen and (min-width: 992px) {
     .pb-100-lg{
        padding-bottom:100px!important;
    }
    .pt-100-lg{
        padding-top:100px!important;
    }
    .mb-0-lg{
        margin-bottom: 0!important;
    }
    .mg-75-lg{
        margin-bottom: 75px!important;
    }
    .mg-100-lg{
        margin-bottom: 100px!important;
    }
}
.slider {
  height: 100%;
}
.wrapSlide {
  display: none;
}
.wrapSlide.active {
  display: flex;
}
.projectsCardsSection2 {
  display: none;
}
.projectsCardsSection2.active {
  display: flex;
}
.projectsCardsSection2 {
  margin-top: 50px;
}
.menuSlider span {
  cursor: pointer;
}
.menuSlider .active {
  border-bottom: 10px solid #0073DD;
  color: #0073DD;
  transition: all 1s ease;
}
.slider.projects {
  width: unset;
  height: unset;
}
.menuSlider.affilate {
  width: 100%;
}
.menuSlider.affilate span {
  width: 100%;
  border-bottom: 5px solid #F7F7F7;
  color: black;
}
.menuSlider.affilate .active {
  border-bottom: 5px solid #0073DD;
  color: #0073DD;
  transition: all 1s ease;
}
.menuSlider.about {
  width: 100%;
}
.menuSlider.about span {
  width: 100%;
  border-bottom: 10px solid #F7F7F7;
  color: black;
}
.menuSlider.about .active {
  border-bottom: 10px solid #0073DD;
  color: #0073DD;
  transition: all 1s ease;
}
.blurBack {
  backdrop-filter: blur(12px);
}
.sliderCardHolder {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}
.wrapSlide.affilate {
  flex-direction: column;
  margin-bottom: unset;
}
.wrapslide.about {
  margin-bottom: unset;
}
.slider.affilate {
  padding: 10px 0px;
}
.sliderButtonWrapper div {
  margin-bottom: unset;
}
.aboutNumberCounters.about {
  width: 100%;
}
.lang_mob li{
        padding-left: 15px;
}
.slider.about {
  overflow: unset;
}
.slider2 {
  margin-bottom: -150px;
}
@media screen and (max-width: 992px) {
  .sliderCardHolder {
    flex-direction: column;
    gap: 50px;
  }
  .lang_mob{
      display:none;
  }
  .slider {
    width: unset;
  }
  .rectangleFooterSet {
    top: 0px;
  }
}
.affilateBlock2Section1.geo {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
}
.affilateTitleSection1.geo {
  text-align: right;
  display: flex;
  align-items: flex-end;
}
.wsMap.geo {
  margin-left: -85px;
  float: unset;
  z-index: 2;
}

.wrapGeoObjects {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 100px;
  position: relative;
  z-index: 2;
}
.geoObjectsImg img {
  max-width: 457px;
  border-radius: 25px;
}
.tabcontent{
    display:none;
}
.geoObjectsText {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.geoCircle1 {
  position: absolute;
  width: 263px;
  height: 263px;
  background-color: red;
  border-radius: 50%;
  margin-top: -679px;
  margin-left: -225px;
  z-index: 1;
}
.geoCircle2 {
  position: absolute;
  width: 184px;
  height: 184px;
  background-color: #0073DE;
  border-radius: 50%;
  margin-top: -140px;
  margin-left: 964px;
  z-index: 1;
}
.geoCircle3 {
  position: absolute;
  width: 150px;
  height: 150px;
  background-color: #0073DE;
  border-radius: 50%;
  margin-top: -953px;
  margin-left: 1075px;
  z-index: 1;
}
.affilateSection4CirclesGlobal1 {
  position: absolute;
  width: 191px;
  height: 191px;
  background-color: red;
  border-radius: 50%;
  margin-top: 264px;
  margin-left: 447px;
  z-index: 1;
}
.affilateSection4CirclesGlobal2 {
  position: absolute;
  width: 144px;
  height: 144px;
  background-color: #0073DE;
  border-radius: 50%;
  margin-top: 242px;
  margin-left: 994px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .wrapGeoObjects {
    flex-direction: column;
  }

  .slider.geo {
    margin-top: 66px;
    margin-bottom: 50px;
  }

}
.header_li{
    position: relative;
}
.i {
    background-image: url(../images/main/arrow_down.png);
    width: 15px;
    background-size: cover;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
}
.is{
    background-image: url(../images/main/arrow_down.png);
    width: 15px;
    background-size: cover;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
}
.iti__selected-dial-code{
    color:black;
    font-family: 'Roboto', Arial, sans-serif;
}
.iti--separate-dial-code .iti__selected-flag{
    background-color: rgba(0,0,0,0)!important;
}
.iti__flag-container {
    padding: 0px !important;
    bottom: -1px !important;
}
.iti {
    width: 100%;
}
.intl-tel-input {
    width: 100%;
}
.red {
    border-color: red !important;
}
.iti__country-list {
    z-index: 12 !important;
}
.lead_back{
    display:none;
    cursor:pointer;
    justify-content: end;
}
.lead_back.hide{
    display:flex;
}
.back_link{
    text-decoration: none;
    outline: none;
    display: inline-block;
    padding: 10px 30px;
    margin: 0px 20px 20px 20px;
    position: relative;
    overflow: hidden;
    border: 2px solid #0073de;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
    color: white;
    transition: .2s ease-in-out;
}
.back_link:before{
content: "";
  background: linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .5));
  height: 50px;
  width: 50px;
  position: absolute;
  top: -8px;
  left: -75px;
  transform: skewX(-45deg);
}
.back_link:hover{
    background: #0073de;
    color: #fff;
}
.back_link:hover:before {
  left: 150px;
  transition: .5s ease-in-out;
}
.lead-form__messengers-link {

    font-size: 14px;
    color: white;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    margin-top: -20px;
    margin-bottom: 20px;
    width: 340px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position:relative;
    cursor:pointer;
    border: 1px solid transparent;
    background-color: #007fde75;
    border-radius: 10px;
}
.lead-form__messengers-icons {
    height: 20px;
    width: 60px;
    background-size: 18px 100%;
    background: url(../images/soc/soc-messenger.64613c42.svg) 36px 0 no-repeat,url(../images/soc/soc-viber.189014f4.svg) 24px 0 no-repeat,url(../images/soc/soc-whatsapp.12b55be2.svg) 12px 0 no-repeat,url(../images/soc/soc-telegram.9b70811b.svg) 0 0 no-repeat;
}
.lead-form__fields {
    margin-bottom: 10px;
}
.messengers__title {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700;
    color: var(--color-bg-text,#4a4a4a);
}
.messengers__list {
    display: none;
    grid-template-columns: minmax(100px,1fr) minmax(100px,1fr);
    grid-gap: 10px;
    z-index: 1;
}
.form-control_mess{
    outline: 0;
    font-family: SeroPro,sans-serif;
    padding: 0.5rem 1.5rem 0.5rem;
    border-radius: 0.3rem;
    background: 0 0;
    border: 1px solid #a1aec0;
    font-size: 1rem;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #212f41;
    position: relative;
    z-index: 1;
}
.messengers__item {
    position: relative;
    padding: 13px;
    min-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    font-family: 'Roboto', Arial, sans-serif;
}
.messengers__icon {
    height: 32px;
}
.messengers__name {
    margin-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.iti__country{
    font-family: 'Roboto', Arial, sans-serif;
    color:black;
}
.form-control_mess{
    color:white;
    font-family: 'Roboto', Arial, sans-serif;
}
#myVideo {
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}
.z-inde{
    z-index:10;
}
.WHAT{
    margin-top: 115px;
}
.wsBot{
    z-index: 1;
    background-color: #fff;
}
.pointer{
    cursor:pointer;
    color:#fff;
}
.language-item img{
    width:32px;
    vertical-align: middle;
}
.langs{
    right:0;
    text-align: left;
    padding: 10px;
    background: rgb(90 101 116 / 80%);
}
.language-item span:hover{
    color:#333;
}
.back_success{
  background: #d5c6c6;
}
.form_Success{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.Content_Success{
  display: block;
  text-align: center;
  max-width: 800px;
}
.gradient-button11{
  text-decoration: none;
  outline: none;
  display: inline-block;
  padding: 10px 30px;
  margin: 10px 20px;
  position: relative;
  overflow: hidden;
  border: 2px solid #fe6637;
  border-radius: 8px;
  font-family: 'Montserrat', sans-serif;
  color: #fe6637;
  transition: .2s ease-in-out;
  margin-top: 50px;
}
.gradient-button11:hover {
  background-color: #fe6637;
  color: #fff;
}
.gradient-button11:before {
  content: "";
  background: linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .5));
  height: 50px;
  width: 50px;
  position: absolute;
  top: -8px;
  left: -75px;
  transform: skewX(-45deg);
}
.collapsed{
    color: #000 !important;
}
.content-group a{
    color:#1e88e5;
}
.list-group-borderless a{
    color:#333;
}
.database_text{
    font-family: 'Roboto', Arial, sans-serif;
    line-height: 0.9;
}
.database_img{
    text-align: center;
}
.stack-media-on-mobile{
        margin-bottom: 100px;
}
.toggle-control {
  display: block;
  position: relative;
  padding-left: 60px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.toggle-control input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.toggle-control input:checked ~ .control {
  background-color: dodgerblue;
}
.toggle-control input:checked ~ .control:after {
  left: 30px;
}
.toggle-control .control {
    position: absolute;
    top: -5px;
    left: 0;
    height: 25px;
    width: 53px;
    border-radius: 25px;
    background-color: darkgray;
    transition: background-color 0.15s ease-in;
}
.toggle-control .control:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2.5px;
    width: 20px;
    height: 20px;
    border-radius: 25px;
    background: white;
    transition: left 0.15s ease-in;
}
.a_policy{
    color: #0066ff !important;
}
.a_policy:hover{
    color: #9b9b9c  !important;
}
.submitButtonFormSection5{
    cursor: pointer;
    transition:all .3s;
}
.submitButtonFormSection5:hover{
    cursor: pointer;
    background-color: #0c3a65;
}
.footer_link a span:hover{
    cursor: pointer;
    color: grey;
}
.slider_text{
    color: #333;
    text-align: center;
    padding: 20px;
}
.blues{
    color:#2f347f !important;
}
.hidden{
    display:none;
}
.panel-title{
  color: #333;
}
.header_animate_position{
  width: 100%;
  position: relative;
}
.lh-55-45{
    line-height: 1.40;
}
.btn-up {
      position: fixed;
      background-color: #f57c00;
      left: 15px;
      z-index: 101;
      bottom: 15px;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: opacity 0.4s ease-in-out;
      width: 60px;
      height: 60px;
      opacity: 1;
    }

    .btn-up::before {
      content: "";
      width: 35px;
      height: 35px;
      background-size: 100% 100%;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E");
    }

    .btn-up_hide {
      display: none;
    }

    .btn-up_hiding {
      opacity: 0;
    }

    @media (hover: hover) and (pointer: fine) {
      .btn-up:hover {
        background-color: #ef6c00;
      }
    }



        .telegram-button {
      position: fixed;
      right: -10px;
      bottom: 0;
      transform: translate(-50%, -50%);
      background: url(../images/telegram.png) no-repeat top right;
      background-repeat: no-repeat;
      background-color: #0073de;
      background-size: 34px 34px;
      background-repeat: no-repeat;
      background-position: center;
      border-radius: 50%;
      width: 60px; /*ширина кнопки*/
      height: 60px; /*высота кнопки*/
      color: #fff;
      text-align: center;
      line-height: 53px; /*центровка иконки в кнопке*/
      font-size: 35px; /*размер иконки*/
      z-index: 9999;
  }
  .telegram-button a {
      color: #fff;
  }
  .telegram-button:before,
  .telegram-button:after {
      content: " ";
      display: block;
      position: absolute;
      border: 50%;
      border: 1px solid #0088cc; /*цвет анимированных волн от кнопки*/
      left: -10px;
      right: -10px;
      top: -10px;
      bottom: -10px;
      border-radius: 50%;
      animation: animate 1.5s linear infinite;
      opacity: 0;
      backface-visibility: hidden;
  }

  .telegram-button:after{
      animation-delay: .5s;
  }

  @keyframes animate
  {
      0%
      {
          transform: scale(0.8);
          opacity: 0;
      }
      50%
      {
          opacity: 1;
      }
      100%
      {
          transform: scale(1.1);
          opacity: 0;
      }
  }

  @media (max-width : 800px) {
    .telegram-button {
      bottom: 70px;
      }
    }
.scale375{
  visibility: hidden;
}

@media screen and (max-width: 850px){
  #HEADER_BOTTOM{
    min-height: unset !important;
  }
}
@media screen and (max-width: 634px){
  .scale375{
    display: none;
  }
  .buttonLogo {
    background-image: url(../images/main/logo.png);
    background-size: 100% 100%;
    width: 50px;
    height: 44px;
  }
}
@media screen and (max-width: 550px) {
  header.content{
    max-width: unset;
  }
  .buttonLogo{
    height: 44px;
  }
  .blockAuthorisations {
    margin: 0;
  }
  .wsSection6{
    gap: 10px !important;
  }
  .affilateSection2Part1Button{
    margin-top: 10px !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 450px){
  .blockAuthorisations{
    display: none;
  }
  .loginSignMobile{
    display: block;
  }
}

@media screen and (max-width: 280px){

}

.arrow--new{
  background-image: url(../images/about/arrowLarge1R.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 47px;
  min-height: 800px;
}

.mainText--new{
  top: 0;
  left: 0;
  font-size: 35px;
}

/* footer{
  display: none !important;
} */

@media screen and (max-width: 679px){

  .safety-mobile{
      font-size:35px!important;
  }
}

.pad_payment{
  gap:10px;
  margin-top: 10px;
  flex-wrap: wrap;
  justify-content: center;
}

.rounded-top {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}
.w-100 {
  width: 100% !important;
}
.popup-image img{
  max-width: 100%;
}
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: .8;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}
.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-image-holder .mfp-content {
  max-width: calc(63% - 34px);
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
.mfp-figure {
  line-height: 0;
}
.zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-image-holder .mfp-close {
  color: #fff;
}
.mfp-figure figure {
  margin: 0;
}
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  margin: 0 auto;
  border-radius: 8px;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-s-ready .mfp-preloader {
    display: none;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
button.mfp-close {
  overflow: visible;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: 0 3px 12px 1px rgba(43,55,72,.15);
  touch-action: manipulation;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  transform: translate(50%, -50%);
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial,Baskerville,monospace;
  background-color: #fff;
  border-radius: 50%;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0,0,0,.6);
  background: #444;
}
.text-right{
    text-align:right!important;
}
.text-left{
    text-align:left!important;
}
.pt30{
    padding-top:30px;
}

.caption-arrow{
    position: relative;
    bottom: 30px;
}
.mw-100{
    max-width:100%;
}
.h-100{
    height:100%;
}
.flex-1{
    flex: 1 0 auto;
}
.flex-0{
    flex: 0 0 auto;
}
.pb-50{
    padding-bottom:50px;
}
.header_li-lineheight{
     line-height: 1.2;
}

.color_text_blue{
  color: #024dff;
}
.background_blur{
  padding: 30px 25px;
  background-color: #ebf1ff;
  border-radius: 20px;
}
.justy{
  justify-content: space-between;
  align-items: baseline;
}
.affilateSection2Part2 {
  max-width: 1000px;
  margin: 100px auto;
}
.pad-3{
  margin: 50px 0;
}
.padicon{
  padding: 0 100px;
}
.mrg-3{
  margin-top: 60px;
}
.footer_logo{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  margin-bottom: 40px;
}
.payment_flex{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.buttonAuth{
  padding-left:10px;
  padding-right: 10px;
}
.bigBlueText{
  color: #024dff;
}
.flex_dedication{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.subTitle_small{
  font-size: 20px;
}
.flexColumn_affilate{
  display: flex;
  margin: 45px 0;
}
.text_road{
  max-width: 280px;
}
.text_road span{
  display: block;
  margin-bottom: 10px;
}
.images_road{
  display: flex;
  justify-content: space-around;
}
.pb-10{
    padding-bottom:10px;
}
.flex-start{
    justify-content: flex-start!important;
}
.section2Part2Image{
  width: 100%;
}
.page1CirclesCenter span{
  line-height: 125%;
}
.iframe-wrapper > iframe{
    max-width: 600px;
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 15px;
}
@media screen and (max-width: 768px){
    .iframe-wrapper{
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .affilateSection2Part1{
        flex-direction: column;
    }
}