body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: block;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.body {
  flex-flow: column;
  display: flex;
}

.frame-29 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #ffffff82;
  border: 1px solid #fff;
  border-radius: 15px;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 90%;
  height: auto;
  padding: 10px 60px;
  text-decoration: none;
  transition: all .555s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 4px #00000040;
}

.frame-29:hover {
  background-color: #8fafca42;
  border-radius: 10px;
}

.frame-29.none {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #ffffffbf;
  width: 100%;
  max-width: 100%;
  margin-right: 20px;
  padding-left: 40px;
  padding-right: 40px;
}

.frame-29.none:hover {
  background-color: #fffc;
}

.about-us {
  color: #000000e6;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arimo, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.about-us:hover {
  color: #000000e6;
}

.about-us.navnamecl {
  transition: all .555s;
}

.about-us.navnamecl:hover {
  color: #000;
  background-color: #ffffff7d;
  border-radius: 11px;
  padding: 5px;
  font-size: 16px;
  box-shadow: 0 2px 5px #0003;
}

.about-us.hnnnny {
  font-family: Arimo, Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  transition: all .555s;
}

.about-us.hnnnny:hover {
  color: #000;
  background-color: #ffffff7d;
  border-radius: 11px;
  padding: 5px;
  font-size: 14px;
  box-shadow: 0 2px 5px #0003;
}

.about-us.anima {
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 13px;
  font-weight: 500;
  transition: all .555s;
}

.about-us.anima:hover {
  color: #000;
  background-color: #ffffff7d;
  border-radius: 11px;
  padding: 5px;
  font-size: 14px;
  box-shadow: 0 2px 5px #0003;
}

.initiatives {
  color: #000000e6;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all .555s;
}

.initiatives:hover {
  background-color: #ffffff7d;
  border-radius: 11px;
  padding: 5px;
  font-size: 14px;
  box-shadow: 0 2px 5px #0003;
}

.activity {
  color: #000000e6;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arimo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.activity.initiatives {
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.projects {
  color: #000000e6;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arimo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.projects.initiatives {
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.news {
  color: #000000e6;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arimo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.news.initiatives {
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.membership {
  color: #000000e6;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arimo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.membership.initiatives {
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.contacts {
  color: #000000e6;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arimo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.contacts.initiatives {
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.hero-section {
  grid-column-gap: 10px;
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/686e2ba2fe2104d5af214cbe_hero%20section.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
}

.hero-container {
  grid-column-gap: 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-left: 0;
  padding: 100px 5vw 80px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.hero-left {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding-left: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-35 {
  grid-column-gap: 20px;
  justify-content: center;
  align-items: flex-end;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  transition: all .555s;
  display: flex;
  overflow: hidden;
}

.frame-35:hover {
  transform: translate(25px);
}

.frame-36 {
  grid-column-gap: 22px;
  opacity: 1;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  text-decoration: none;
  display: flex;
}

.the-azerbaijani-ukrainian-energy-association-auea-is-a-professional-platform-designed-to-strengthen {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: undefined, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.hero-right {
  grid-column-gap: 10px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 549px;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-3 {
  grid-column-gap: 4px;
  opacity: .8;
  color: #000;
  background-image: linear-gradient(90deg, #fff, #f8e3e3);
  border: 1px solid #fff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 203px;
  height: 42px;
  margin-top: 20px;
  margin-left: 90px;
  padding: 10px;
  font-family: Montserrat, Georgia, sans-serif;
  font-weight: 500;
  text-decoration: none;
  transition: all .555s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 4px #0000004d;
}

.button-3:hover {
  background-image: linear-gradient(90deg, #fff, #f8e3e3);
  border-color: #ffffff69;
  transform: scale(1.1);
  box-shadow: inset -1px 20px 3px 20px #3a88c940, 0 4px 4px #0000004d;
}

.button-3:active {
  height: 44px;
  box-shadow: inset -1px 20px 3px 20px #417cacbf, 0 4px 4px #0000004d;
}

.contact-us {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.the-azerbaijani-ukrainian-energy-association-auea-is-a-professional-platform-designed-to-strengthen-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .3125rem;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
  display: inline-block;
}

.the-azerbaijani-ukrainian-energy-association-auea-is-a-professional-platform-designed-to-strengthen-2:hover {
  color: #5c5c5c;
}

.the-azerbaijani-ukrainian-energy-association-auea-is-a-professional-platform-designed-to-strengthen-3 {
  color: #000;
  vertical-align: baseline;
  max-width: 100%;
  margin-top: 5px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  transition: all .555s;
  display: inline-block;
}

.the-azerbaijani-ukrainian-energy-association-auea-is-a-professional-platform-designed-to-strengthen-3:hover {
  font-weight: 400;
  transform: translate(3px);
}

.teks-21 {
  grid-row-gap: 10px;
  background-color: #fffc;
  border: 1px solid #fff;
  border-radius: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 30px;
  text-decoration: none;
  transition: all .555s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 4px #00000040;
}

.teks-21:hover {
  background-color: #cde5f299;
  border-style: none;
  border-color: #fff;
  border-radius: 10px;
  width: auto;
  height: auto;
  transform: translate(0, -10px);
}

.our-identity {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #000, #666);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 35px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
}

.our-identity:hover {
  background-color: #000;
  background-image: none;
  font-size: 37px;
}

.the-azerbaijani---ukrainian-energy-association-auea---is-an-international-non-profit-organization-cr {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: undefined, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text-22 {
  grid-row-gap: 10px;
  background-color: #fffc;
  border: 1px solid #fff;
  border-radius: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 30px;
  text-decoration: none;
  transition: all .555s;
  display: flex;
  overflow: hidden;
  transform: translate(0, -10px);
  box-shadow: 0 4px 4px #00000040;
}

.text-22:hover {
  background-color: #4182a61a;
  border-style: none;
  border-color: #fff;
  border-radius: 10px;
  transform: translate(0, 10px);
}

.our-mission {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #000, #666);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Arimo, Arial, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.our-mission.our-identity {
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 35px;
  font-weight: 600;
}

.our-mission.our-identity:hover {
  font-size: 37px;
}

.building-a-strategic-partnership-in-the-energy-sector-between-ukraine-and-azerbaijan-through-the-exc {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: undefined, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.o-form-a-regional-platform-that-will-become-a-driver-of-sustainable-development-green-transformation {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.teks-24 {
  grid-row-gap: 10px;
  background-color: #fffc;
  border: 1px solid #fff;
  border-radius: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 30px;
  text-decoration: none;
  transition: all .555s;
  display: flex;
  overflow: hidden;
  transform: translate(0, -10px);
  box-shadow: 0 4px 4px #00000040;
}

.teks-24:hover {
  background-color: #c8d6dec9;
  border-style: none;
  border-color: #fff;
  border-radius: 10px;
  transform: translate(0, 10px);
}

.our-tasks {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #000, #666);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Arimo, Arial, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.our-tasks.our-identity {
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 35px;
  font-weight: 600;
}

.our-tasks.our-identity:hover {
  font-size: 37px;
}

.strengthening-bilateral-energy-partnership-promoting-investments-in-sustainable-energy-sharing-exper {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.the-azerbaijani---ukrainian-energy-association-auea---is-an-international-non-profit-organization-cr-2 {
  color: #000;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .3125rem;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  display: inline-block;
}

.building-a-strategic-partnership-in-the-energy-sector-between-ukraine-and-azerbaijan-through-the-exc-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .3125rem;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  display: inline-block;
}

.container-3 {
  grid-row-gap: 13px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 5vw;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-box {
  grid-row-gap: 10px;
  background-color: #fff0;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: none;
  height: auto;
  padding: 3px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.boxx {
  grid-column-gap: 10px;
  grid-row-gap: 50px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.box-2-2 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  max-width: none;
  height: auto;
  padding: 10px 5px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.teks-24-2 {
  grid-row-gap: 10px;
  background-color: #ffffffd9;
  border: 1px solid #fff;
  border-radius: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: none;
  padding: 10px 30px;
  text-decoration: none;
  transition: all .555s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 4px #00000040;
}

.teks-24-2:hover {
  background-color: #fff;
  border-style: none;
  border-color: #fff;
  border-radius: 10px;
  font-size: 14px;
}

.section-4 {
  grid-column-gap: 10px;
  background-color: #c1c1c1;
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/686ea1e16fc39e5718c5a6b5_%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8%20%D0%BD%D0%B0%20%D1%81%D0%B0%D0%B9%D1%82%20(68).png");
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: cover;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all 1s cubic-bezier(.637, .492, .44, 1);
  overflow: hidden;
}

.section-4:hover {
  background-position: 50% 10%;
}

.container-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 50px 5vw 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.boxx-2 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 869px;
  height: 80px;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.card-1 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 160px;
  height: 250px;
  padding: 20px 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-37 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 78px;
  height: 78px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.traditional-energy {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
}

.traditional-energy:hover {
  transform: scale(1.1);
}

.card-2 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 522px;
  height: 250px;
  padding: 20px 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-38 {
  grid-column-gap: 48px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 109px;
  display: flex;
  overflow: hidden;
}

.renewable-energy-sources-solar-wind-hydrogen {
  color: #000;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arimo, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.renewable-energy-sources-solar-wind-hydrogen.traditional-energy {
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
}

.card-3 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 204px;
  height: 250px;
  padding: 20px 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.energy-efficiency-and-digitalization {
  color: #000;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arimo, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.energy-efficiency-and-digitalization.traditional-energy {
  text-align: center;
  text-align: center;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
}

.card-5 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 275px;
  height: 250px;
  padding: 20px 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.education-and-training-of-personnel-in-the-energy-sector {
  color: #000;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arimo, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.education-and-training-of-personnel-in-the-energy-sector.traditional-energy {
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
}

.card-6 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 160px;
  height: 250px;
  padding: 20px 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.analytics-consulting {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arimo, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.analytics-consulting.traditional-energy {
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
}

.card-7 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 230px;
  height: 250px;
  padding: 20px 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.support-for-the-restoration-of-ukraine {
  color: #000;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arimo, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.support-for-the-restoration-of-ukraine.traditional-energy {
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
}

.text-box-2 {
  grid-row-gap: 10px;
  background-color: #fffc;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 469px;
  height: 64px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.our-identity-4 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90.23deg, #878787, #000 93%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 5px;
  margin-bottom: 0;
  padding-bottom: 5px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
}

.our-identity-4:hover {
  border: 1px solid #fff;
  font-size: 26px;
}

.box-2-3 {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1057px;
  height: auto;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.teks-24-3 {
  grid-row-gap: 10px;
  text-align: left;
  background-color: #fffc;
  border: 1px solid #fff;
  border-radius: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 220px;
  padding: 30px;
  font-family: Montserrat, Georgia, sans-serif;
  transition: all .555s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 4px #00000040;
}

.teks-24-3:hover {
  background-color: #fff;
  border-style: solid;
  border-color: #6d6d6d1f;
  border-radius: 10px;
  transform: translate(0, -10px);
}

.teks-24-4 {
  grid-row-gap: 10px;
  background-color: #fffc;
  border: 1px solid #fff;
  border-radius: 22px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 216px;
  padding: 30px 10px;
  transition: all .555s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 4px #00000040;
}

.teks-24-4:hover {
  background-color: #fff;
  border-color: #6e6e6e1f;
  border-radius: 10px;
  transform: translate(0, -10px);
}

.frame-38-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 109px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.section-5 {
  grid-column-gap: 10px;
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/686e339b1e8130b119e8faf0_section%205.png");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: cover;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .555s;
  overflow: hidden;
}

.section-5:hover {
  background-position: 50%;
  background-repeat: repeat-x;
  background-attachment: scroll;
}

.container-5 {
  grid-column-gap: 50px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 5vw;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.association-structure {
  text-align: left;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: luminosity;
  background-image: linear-gradient(90deg, #000, #666);
  -webkit-background-clip: text;
  background-clip: text;
  order: -1;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 0;
  padding-bottom: 30px;
  padding-left: 30px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
  display: flex;
}

.association-structure:hover {
  background-color: #000;
  background-image: none;
  font-size: 42px;
}

.co-chairmen-of-the-council-representatives-of-azerbaijan-and-ukraine-executive-office-in-baku-and-ky {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: undefined, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.box-3-2 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 669px;
  height: auto;
  padding: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.teks-24-5 {
  grid-row-gap: 10px;
  background-color: #ffffffe6;
  border: 1px solid #fff;
  border-radius: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 625px;
  padding: 30px;
  text-decoration: none;
  transition: all .555s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 4px #00000040;
}

.teks-24-5:hover {
  background-color: #fff;
  border-style: solid;
  border-color: #fff;
  border-radius: 10px;
  transform: translate(0, -10px);
}

.azerenergy-ojsc-and-its-subsidiaries-azerishig-ojsc-ministry-of-energy-alternative-and-renewable-ene {
  color: #000;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.section-7 {
  grid-column-gap: 10px;
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/686e34692fbecdafb7f7268e_section%207.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
}

.container-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 40px 5vw;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.card-21 {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  height: auto;
  padding: 20px 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.synergy-of-logistics-and-energy-azerbaijan-as-an-exporter-ukraine-as-a-transport-hub {
  color: #000;
  text-align: center;
  width: 400px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: undefined;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.card-22 {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  height: auto;
  padding: 20px 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.knowledge-exchange-ukraine-engineering-school-azerbaijan-renewable-energy-practices {
  color: #000;
  text-align: center;
  width: 400px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: undefined;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.card-23 {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  height: auto;
  padding: 20px 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.joint-innovations-development-of-hydrogen-solutions-smart-grid-digital-energy {
  color: #000;
  text-align: center;
  width: 400px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: undefined;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.card-24 {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  height: auto;
  padding: 20px 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.investment-opportunities-and-common-platforms-for-technology-export-to-asian-and-european-markets {
  color: #000;
  text-align: center;
  width: 70%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: undefined;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.boxx-2-2 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: none;
  height: auto;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-box-4 {
  grid-row-gap: 10px;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  max-width: 900px;
  height: auto;
  padding: 10px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.box-2-6 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1057px;
  height: 204px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.teks-24-6 {
  grid-column-gap: 10px;
  background-color: #fffc;
  border: 1px solid #fff;
  border-radius: 22px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 504px;
  height: 156px;
  padding: 30px 10px;
  text-decoration: none;
  transition: all .555s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 4px #00000040;
}

.teks-24-6:hover {
  background-color: #fff;
  border-color: #fff;
  border-radius: 10px;
  transform: translate(0, -10px);
}

.frame-38-3 {
  grid-column-gap: 48px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.synergy-of-logistics-and-energy-azerbaijan-as-an-exporter-ukraine-as-a-transport-hub-2 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .3125rem;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.synergy-of-logistics-and-energy-azerbaijan-as-an-exporter-ukraine-as-a-transport-hub-3 {
  color: #000;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.knowledge-exchange-ukraine-engineering-school-azerbaijan-renewable-energy-practices-2 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .3125rem;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.knowledge-exchange-ukraine-engineering-school-azerbaijan-renewable-energy-practices-3 {
  color: #000;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.box-3-3 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1057px;
  height: 198px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.joint-innovations-development-of-hydrogen-solutions-smart-grid-digital-energy-2 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .3125rem;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.joint-innovations-development-of-hydrogen-solutions-smart-grid-digital-energy-3 {
  color: #000;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.investment-opportunities-and-common-platforms-for-technology-export-to-asian-and-european-markets-2 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .3125rem;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.investment-opportunities-and-common-platforms-for-technology-export-to-asian-and-european-markets-3 {
  color: #000;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.boxx-3-2 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1021px;
  height: auto;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.our-identity-7 {
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  text-align: center;
  text-shadow: 0 4px 4px #00000040;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle, #ccc, #727272);
  -webkit-background-clip: text;
  background-clip: text;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
}

.our-identity-7:hover {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: #ffffffd6;
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-image: none;
  background-clip: border-box;
  font-size: 36px;
}

.frame-42 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  max-width: none;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.teks-222 {
  grid-row-gap: 10px;
  background-color: #fffc;
  border: 1px solid #fff;
  border-radius: 22px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 0;
  padding: 10px 10px 10px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.e-mail-corporateaueagmailcom {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #000;
  flex-flow: column;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 20px;
  font-family: Arimo, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.e-mail-corporateaueagmailcom-3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arimo, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.image {
  max-width: 80%;
  transition: all .555s;
  position: relative;
}

.image:hover {
  transform: rotate(90deg);
}

.image-2, .image-3 {
  width: 90px;
  max-width: 90%;
  height: 40px;
  box-shadow: 0 2px 5px #0003;
}

.section-9 {
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/686e95bd6c82835fa72b0d0e_%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8%20%D0%BD%D0%B0%20%D1%81%D0%B0%D0%B9%D1%82%20(63).png");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: auto;
  background-attachment: scroll;
  background-clip: padding-box;
  flex: 0 auto;
  height: auto;
}

.container-9 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff0;
  border-radius: 0;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: flex-start;
  max-width: none;
  margin-bottom: 40px;
  margin-left: 0;
  margin-right: 0;
  padding: 60px 5vw 20px;
  display: flex;
}

.div-block-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #fff;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.text-block-2 {
  color: #000;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 320px;
  font-family: Montserrat, Georgia, sans-serif;
  font-weight: 400;
  display: flex;
}

.text-block-2:hover {
  width: 320px;
}

.bold-text-2 {
  color: #000;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.image-5 {
  -webkit-text-fill-color: inherit;
  background-color: #70707000;
  background-clip: border-box;
  border-radius: 20px;
  align-self: center;
  height: auto;
  transition: all .555s;
  display: block;
}

.image-5:hover {
  transform: scale(1.1);
}

.link-block {
  text-transform: uppercase;
  text-decoration: none;
}

.div-block-1 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  opacity: .8;
  cursor: pointer;
  background-color: #000b22;
  border: 1px #36a5ff;
  border-radius: 22px;
  flex-flow: column;
  flex: none;
  order: -1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 350px;
  height: 350px;
  padding: 10px 15px 15px;
  transition: all .555s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-1:hover {
  clear: none;
  opacity: 1;
  pointer-events: auto;
  background-color: #000b22;
  border-style: solid;
  border-color: #fff;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 380px;
  height: 380px;
  font-size: 14px;
  position: static;
}

.text-block-in-div-1 {
  color: #fff;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.text-block-2-div-1 {
  color: #fff;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  font-family: Montserrat, Georgia, sans-serif;
  font-weight: 400;
  display: flex;
}

.text-block-2-div-1:hover {
  width: 95%;
}

.bold-text-2-copy {
  color: #fff;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.text-block-2-div-1-2 {
  color: #fff;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.div-block-3 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  opacity: .8;
  cursor: pointer;
  background-color: #ffffffc4;
  border: 1px #36a5ff;
  border-radius: 22px;
  flex-flow: column;
  flex: none;
  order: -1;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 350px;
  height: 350px;
  padding: 10px 15px 15px;
  transition: all .555s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-3:hover {
  opacity: 1;
  border-style: solid;
  border-color: #000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 380px;
  height: 380px;
}

.div-block-3-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  opacity: .8;
  cursor: pointer;
  background-color: #000b22;
  border: 1px #36a5ff;
  border-radius: 22px;
  flex-flow: column;
  flex: none;
  order: -1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 350px;
  height: 350px;
  padding: 10px 15px 15px;
  transition: all .555s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-3-copy:hover {
  opacity: 1;
  border-style: solid;
  border-color: #fff;
  border-radius: 10px;
  width: 380px;
  height: 380px;
}

.bold-text-3-div {
  color: #fff;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.text-block-3-divcopy {
  color: #fff;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 320px;
  font-family: Montserrat, Georgia, sans-serif;
  font-weight: 400;
  display: flex;
}

.image-6 {
  height: 70.6667px;
}

.div-block-4 {
  justify-content: center;
  align-items: center;
  height: 130px;
  display: flex;
}

.image-7 {
  max-width: 90%;
  height: auto;
  transition: all .555s;
}

.image-7:hover {
  transform: scale(1.1)translate(0);
}

.div-block-4-2-copy {
  justify-content: center;
  align-items: center;
  height: 140px;
  display: flex;
}

.div-block-7-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  opacity: .8;
  cursor: pointer;
  background-color: #000b22;
  border: 1px #36a5ff;
  border-radius: 22px;
  flex-flow: column;
  flex: none;
  order: -1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 350px;
  height: 350px;
  margin-left: 0;
  padding: 10px 15px 15px;
  transition: all .555s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-7-copy:hover {
  opacity: 1;
  border-style: solid;
  border-color: #fff;
  border-radius: 10px;
  width: 380px;
  height: 380px;
}

.section-10 {
  width: auto;
  height: auto;
}

.association-structure-6-5-copy {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #000, #666);
  -webkit-background-clip: text;
  background-clip: text;
  order: -1;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
  display: flex;
}

.association-structure-6-5-copy:hover {
  font-size: 60px;
}

.association-structure-5-5 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #000, #666);
  -webkit-background-clip: text;
  background-clip: text;
  flex-flow: column;
  order: -1;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-family: Arimo, Arial, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
  display: flex;
}

.association-structure-5-5.our-identity-4-copy {
  padding-bottom: 20px;
  font-size: 40px;
}

.teks-21-3-copy {
  grid-row-gap: 10px;
  background-color: #fffc;
  border: 1px solid #fff;
  border-radius: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 35%;
  max-width: 50%;
  height: auto;
  padding: 10px 10px 10px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.teks-21-3-copy:hover {
  transform: scale(1);
}

.box-2-7-copy {
  grid-row-gap: 30px;
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/686e34b5b6e4c38d00aeeb4b_Frame%2040.png");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: contain;
  background-attachment: scroll;
  background-clip: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 250px;
  max-width: 443px;
  height: 250px;
  padding: 40px 20px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.div-block-3-fff-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  opacity: .8;
  cursor: pointer;
  background-color: #ffffffc4;
  border: 1px #36a5ff;
  border-radius: 22px;
  flex-flow: column;
  flex: none;
  order: -1;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 350px;
  height: 350px;
  padding: 10px 15px 15px;
  transition: all .555s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-3-fff-copy:hover {
  opacity: 1;
  border-style: solid;
  border-color: #000;
  border-radius: 10px;
  width: 380px;
  height: 380px;
}

.our-identity-4-copy {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90.23deg, #878787, #000 93%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 5px;
  margin-bottom: 0;
  padding-bottom: 5px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
}

.our-identity-4-copy:hover {
  background-color: #000;
  background-image: none;
  font-size: 42px;
}

.our-identity-6-copy {
  text-align: center;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: color-burn;
  background-image: linear-gradient(90.14deg, #878787, #000 93%);
  -webkit-background-clip: text;
  background-clip: text;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 5px 10px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
}

.our-identity-6-copy:hover {
  mix-blend-mode: color-burn;
  font-size: 45px;
}

.section-3-copy {
  grid-column-gap: 10px;
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/686ff4b25192d76f0461d0bf_%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8%20%D0%BD%D0%B0%20%D1%81%D0%B0%D0%B9%D1%82%20(3).png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
}

.picture-1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/68737eae882256860c12f22d_%D0%BB%D0%BE%D0%B3%D0%BE.png");
  background-position: 0 0;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 110px;
  height: 110px;
  display: flex;
}

.picture-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/68737ead630a6b555298ab9d_%D0%BB%D0%BE%D0%B3%D0%BE%20(1).png");
  background-position: 0 0;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 110px;
  height: 110px;
  display: flex;
}

.picture-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/68737eaf3bb69653a7f5d557_%D0%BB%D0%BE%D0%B3%D0%BE%20(2).png");
  background-position: 0 0;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 110px;
  height: 110px;
  display: flex;
}

.frame-37-copy {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 78px;
  height: 78px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.number-box {
  grid-row-gap: 5px;
  background-color: #ffdfdf00;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  padding: 20px 40px;
  text-decoration: none;
  transition: all .555s;
  display: flex;
  overflow: hidden;
}

.numbet-text {
  color: #000;
  text-align: center;
  width: 90%;
  height: auto;
  min-height: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  transition: all .555s;
}

.numbet-text:hover {
  font-size: 20px;
  font-weight: 400;
  transform: translate(0, -10px);
}

.container-4-5 {
  box-sizing: border-box;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  height: auto;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 5vw 40px;
  display: flex;
}

.projecs-name {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #000, #666);
  -webkit-background-clip: text;
  background-clip: text;
  flex: 1;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Arimo, Arial, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.projecs-name.our-identity-4-copy {
  order: 0;
  margin-bottom: 20px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 40px;
  font-weight: 600;
}

.projecs-name.our-identity-4-copy:hover {
  font-size: 42px;
}

.container-10-copy {
  box-sizing: border-box;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  height: auto;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  padding: 30px 5vw 15px;
  text-decoration: none;
  display: flex;
}

.selection-slider {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688fc95deca8d8e359624a13_Frame%2044%20(1).png");
  background-position: 50% 0;
  background-repeat: repeat-y;
  background-size: auto;
  background-attachment: scroll;
  height: auto;
  padding-bottom: 10px;
}

.container-2-copy {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 5px 5vw 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.section-2-copy-copy {
  grid-column-gap: 10px;
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/687f9aa905ceddc79ab7f2df_%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8%20%D0%BD%D0%B0%20%D1%81%D0%B0%D0%B9%D1%82%20(26).png");
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: cover;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  height: auto;
  text-decoration: none;
  overflow: hidden;
}

.box-1-copy-copy {
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: 48%;
  height: auto;
  margin-bottom: 60px;
  padding: 20px 5px 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.box-2-copy-copy {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: 45%;
  height: auto;
  margin-bottom: 60px;
  padding: 20px 5px 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.fonetheme {
  z-index: 99;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #0003;
  order: 0;
  display: none;
  position: fixed;
  inset: 0%;
}

.openwingow {
  z-index: 100;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fffffff2;
  border: 1px solid #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: none;
  position: absolute;
  inset: 20% 0% auto;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.owtext {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #000, #666);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Arimo, Arial, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.form {
  width: 350px;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.owtext2 {
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 17px;
  font-weight: 500;
}

.text-field {
  box-shadow: 0 3px 6px -1px #0003;
}

.owtext-3 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #000, #666);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Arimo, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.xbox {
  color: #000;
  cursor: pointer;
  background-color: #dfffe500;
  order: 0;
  padding: 10px;
  font-size: 20px;
  font-weight: 700;
  transition: all .555s;
  display: flex;
  position: absolute;
  top: 28.933px;
  left: 454.933px;
  transform: rotate(45deg);
}

.xbox:hover {
  transform: scale(1.1)rotate(45deg);
}

.xbox:active {
  background-color: #fff0;
}

.linex {
  background-color: #4f4f4f;
  width: 3px;
  height: 20px;
  padding-top: 0;
  display: flex;
  position: absolute;
}

.linex-2 {
  background-color: #4f4f4f;
  width: 3px;
  height: 20px;
  padding-left: 0;
  display: flex;
  position: absolute;
  transform: rotate(90deg);
}

.link-block-3, .link-block-4, .link-block-5, .link-block-6, .link-block-7, .link-block-8, .link-block-9, .link-block-10, .link-block-11 {
  text-decoration: none;
}

.teks-23-copy-copy-copy {
  grid-row-gap: 10px;
  background-color: #fffc;
  border: 1px solid #fff;
  border-radius: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: none;
  padding: 30px;
  text-decoration: none;
  transition: all .555s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 4px #00000040;
}

.teks-23-copy-copy-copy:hover {
  background-color: #c8d6dec9;
  border-style: none;
  border-color: #fff;
  border-radius: 10px;
  transform: translate(0, -10px);
}

.link-block-15 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #000;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-block-15.none.w--current {
  margin-right: 0;
}

.none {
  margin-right: 20px;
}

.our-identity-2-copy-copy {
  text-align: center;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: overlay;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 5px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
}

.our-identity-2-copy-copy:hover {
  color: #fff;
  mix-blend-mode: normal;
  font-size: 82px;
  position: static;
}

.language1 {
  color: #000;
  -webkit-text-stroke-color: #fff0;
  background-color: #fff0;
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0 5px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: flex;
}

.language1.w--current {
  color: #000;
}

.languagelinkblok {
  z-index: 2147483647;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 10px;
  transition: all .555s;
  display: flex;
  position: relative;
}

.languagelinkblok:hover {
  transform: translate(-7px);
}

.fgnfnggggxxxxxxxxxxxxxx {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.rrthrhrtrrt {
  margin-left: 5px;
  padding-left: 2px;
  padding-right: 2px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.dropdown-toggle-2 {
  z-index: 9999;
  background-color: #fff;
  border-radius: 20px;
  margin-bottom: 0;
  padding: 8px 40px 8px 15px;
  transition: all .111s;
  box-shadow: 0 2px 5px #0003;
}

.dropdown-toggle-2:hover {
  background-color: #f7f7f7;
}

.dropdown-toggle-2:active {
  background-color: #ebebeb;
}

.fbgdbshrtrrrrnnr {
  width: 200px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.fbgdbshrtrrrrnnr.none {
  width: 200px;
  font-family: Montserrat, Georgia, sans-serif;
  font-weight: 400;
}

.menu-nav-bar-copy {
  background-color: #0000003d;
  background-image: linear-gradient(#b9b9b9, #fff);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100px;
  padding: 20px 50px;
  display: flex;
  overflow: hidden;
}

.menu-nav-bar-copy.nav-copy {
  z-index: 100;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-image: linear-gradient(#b9b9b95e, #fff);
  margin-left: auto;
  margin-right: auto;
  position: static;
  inset: 0% 0% auto;
}

.menu-nav-bar-copy.nav-copy-copy {
  z-index: 99;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  z-index: 99;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  inset: 0% 0% auto;
  background-color: #fff0;
  background-image: none;
  flex-flow: row;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 40px;
  font-size: 13px;
  position: absolute;
  inset: 0% 0% auto;
  overflow: visible;
}

.dropdown-toggle-2-copy {
  background-color: #fff;
  border-radius: 20px;
  margin-bottom: 10px;
  padding: 15px 40px 15px 15px;
  transition: all .111s;
  box-shadow: 0 2px 5px #0003;
}

.menubutton {
  margin-right: 20px;
}

.dropdown-toggle-2-copy {
  z-index: 9999;
  background-color: #fff;
  border-radius: 20px;
  margin-bottom: 0;
  padding: 8px 40px 8px 15px;
  transition: all .111s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.dropdown-toggle-2-copy:hover {
  background-color: #f7f7f7;
}

.dropdown-toggle-2-copy:active {
  background-color: #ebebeb;
}

.dropdown-list-4-copy {
  z-index: 9999;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-left: auto;
  margin-right: 40px;
  padding: 10px 20px;
  display: none;
  position: absolute;
  right: -68.3594px;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.dropdown-list-4-copy.frame-29 {
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-15-copy {
  background-color: #92929296;
  border-radius: 20px;
  width: 85px;
  height: 1px;
  margin-top: 2px;
  margin-bottom: 2px;
  display: flex;
}

.image-12 {
  width: 20px;
  min-width: auto;
  max-width: none;
  height: 20px;
  min-height: auto;
  max-height: none;
}

.div-block-17 {
  justify-content: center;
  align-items: center;
  font-size: 13px;
  display: flex;
}

.image-18 {
  height: auto;
}

.fgnnmymy {
  color: #000;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arimo, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.fgnnmymy.traditional-energy {
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
}

.div-block-new-ver1 {
  z-index: 99999;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  opacity: 1;
  background-color: #000b22f2;
  border: 7px solid #83838382;
  border-radius: 22px;
  flex-flow: column;
  flex: none;
  order: -1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 80%;
  height: auto;
  margin-bottom: 0;
  padding: 20px 15px 15px;
  transition: all .555s;
  display: none;
  position: absolute;
  top: 3700px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-new-ver1:hover {
  clear: none;
  width: 80%;
  height: auto;
  box-shadow: none;
  opacity: 1;
  pointer-events: auto;
  background-color: #000b22;
  border-style: solid;
  border-color: #fff;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  position: absolute;
}

.dbnb1 {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  height: auto;
  display: flex;
}

.dbnb2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #fff;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 90%;
  display: flex;
}

.tbid2 {
  color: #fff;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  display: flex;
}

.tbid1 {
  color: #fff;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 25px;
  font-weight: 700;
  transition: all .555s;
}

.tbid1:hover {
  transform: translate(11px);
}

.dbnb3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  display: flex;
}

.dbnbtext {
  color: #fff;
  text-align: left;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.buttonmember {
  grid-column-gap: 4px;
  opacity: 1;
  color: #000;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  height: 42px;
  margin: 20px 20px 0;
  padding: 10px 20px;
  font-family: Montserrat, Georgia, sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: all .555s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 4px #0000004d;
}

.buttonmember:hover {
  background-image: linear-gradient(90deg, #fff, #f8e3e3);
  border-color: #ffffff69;
  transform: scale(1.1);
  box-shadow: inset -1px 20px 3px 20px #3a88c940, 0 4px 4px #0000004d;
}

.buttonmember:active {
  height: 44px;
  box-shadow: inset -1px 20px 3px 20px #417cacbf, 0 4px 4px #0000004d;
}

.dbnb4 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  min-width: auto;
  max-width: none;
  min-height: auto;
  padding-bottom: 20px;
  display: flex;
}

.section-8-copy {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
}

.container-8-copy {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 20px 5vw;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.box-box-2-copy {
  grid-column-gap: 10px;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.box-2-7-copy {
  grid-row-gap: 30px;
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688b838b90b81337a86cbd02_Group%2028%20(4).png");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: contain;
  background-attachment: scroll;
  background-clip: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  max-width: 300px;
  height: 150px;
  padding: 0 20px;
  text-decoration: none;
  transition: all .555s;
  display: flex;
  overflow: hidden;
}

.box-2-7-copy:hover {
  transform: translate(0, -11px);
}

.box-2-7-copy-copy {
  grid-row-gap: 30px;
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/686e34b5b6e4c38d00aeeb4b_Frame%2040.png");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: contain;
  background-attachment: scroll;
  background-clip: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 150px;
  max-width: 150px;
  height: 150px;
  padding: 40px 20px 20px;
  text-decoration: none;
  transition: all .555s;
  display: flex;
  overflow: hidden;
}

.box-2-7-copy-copy:hover {
  transform: scale(1.1);
}

.ryjjrrjyyjjjjjjjjjjjjjjjjjjjjjjjj, .eteeeeeeeeh {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #000, #666);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

._54454554h4545h45h {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1085px;
  height: auto;
  display: flex;
}

.rgtrtrtrtrttrrttr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 750px;
  height: 100px;
  display: flex;
}

.div-block-19 {
  background-color: #33bfdd;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 750px;
  height: 2px;
  display: flex;
}

.trtttttttttttttttttttttt {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 30%;
  display: flex;
}

.ttt {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.div-block-21 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff0;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  transition: all .555s;
  display: flex;
}

.trtttttttttttttttttttttt-copy {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 30%;
  display: flex;
}

.gfggfgfgfgfgf {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
}

.gfggfgfgfgfgf:hover {
  color: #000;
  background-color: #fff0;
  font-weight: 500;
}

.phone-fffff {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.iconbar {
  width: 31px;
  transition: opacity .775s;
}

.iconbar:hover {
  transform: translate(0, -6px)scale(1.2);
}

.tbid1-copy {
  color: #fff;
  text-align: left;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: all .555s;
}

.tbid1-copy:hover {
  transform: translate(11px, -2px);
}

.rjsrsrjrtrtyj {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 10px;
  display: flex;
}

.slider-4, .mask-4 {
  width: 500px;
}

.slide-4 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688d2bcda0a39514f99a9a51_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-01_233528_A3BA80B097BD818CBA96D0D0D0D1D0D0D1D0D1D0D1209CB088B8BDB8.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-5 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688d2bcb695e9e9824bb9cde_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-01_233604_A3BA80B097BD818CBA96D0D0D0D1D0D0D1D0D1D0D1209CB088B8BDB8.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-6 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688d2bcc96aa94525efe63a8_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-01_233540_A3BA80B097BD818CBA96D0D0D0D1D0D0D1D0D1D0D1209CB088B8BDB8.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-7 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688d2bcdcdae88caf29ef639_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-01_233551_A3BA80B097BD818CBA96D0D0D0D1D0D0D1D0D1D0D1209CB088B8BDB8.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.icon-6 {
  color: #fffffff0;
  background-color: #ffffff63;
  border-radius: 20px;
  padding: 0;
  font-size: 30px;
  transition: all .555s;
  box-shadow: 0 2px 5px #0003;
}

.icon-6:active {
  background-color: #ffffff9c;
  font-size: 35px;
}

.dbnb2-2-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #fff;
  text-align: center;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  margin-bottom: 10px;
  display: flex;
}

.eerrrrrrrr {
  color: #000;
}

.rrrrrrrrrrrrrrrrrrrrrrrry {
  color: #fff;
  text-align: left;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.div-block-23 {
  cursor: pointer;
  width: 60px;
  height: 25px;
  transform-style: preserve-3d;
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  transition: all .555s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-23:hover {
  transform: scale(1.1);
}

.div-block-23:active {
  background-color: #dbf9ffbf;
  transform: rotateX(0)rotateY(180deg)rotateZ(0)scale(1.1);
}

.dbnb2-rtttrrttrtr {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #fff;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.image-19 {
  cursor: pointer;
}

.dbnbtext-ghhhgghhggh {
  color: #fff;
  text-align: left;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.div-block-new-ver2 {
  z-index: 99999;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  opacity: 1;
  background-color: #fffffff7;
  border: 7px solid #d1d1d14d;
  border-radius: 22px;
  flex-flow: column;
  flex: none;
  order: -1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 80%;
  height: auto;
  margin-bottom: 0;
  padding: 20px 15px 15px;
  transition: all .555s;
  display: none;
  position: absolute;
  top: 3700px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-new-ver2:hover {
  clear: none;
  width: 80%;
  height: auto;
  box-shadow: none;
  opacity: 1;
  pointer-events: auto;
  background-color: #fffffffc;
  border-style: solid;
  border-color: #fff;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  position: absolute;
}

.tbid2-black {
  color: #000;
  text-align: left;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  display: flex;
}

.tbid1-black {
  color: #000;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 25px;
  font-weight: 700;
  transition: all .555s;
}

.tbid1-black:hover {
  transform: translate(11px);
}

.dbnbtext-ghhhgghhggh-bllack, .dbnbtext-black {
  color: #000;
  text-align: left;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.tbid1-copy-black {
  color: #000;
  text-align: left;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: all .555s;
}

.tbid1-copy-black:hover {
  transform: translate(11px, -2px);
}

.tbid2-copy {
  color: #000;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  display: flex;
}

.dbnbtext-copy-copy {
  color: #000;
  text-align: left;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.rrrrrrrrrrrrrrrrrrrrrrrry-black {
  color: #000;
  text-align: left;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.slider-5 {
  width: 500px;
}

.slide-8 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688defa6e99ff7d887754981_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-02_135748_A3BA80B396B480BEBF80BEB5BA82.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-9 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688defa5ca0a2c012d6ad9a5_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-02_135758_A3BA80B396B480BEBF80BEB5BA82.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-10 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688defa5f077e8f638569919_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-02_135808_A3BA80B396B480BEBF80BEB5BA82.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-11 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/6878ce6796568bbef21f7a3e_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-07-12_174620_Projects.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-12 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/6878ce673052e4a3b0cf488a_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-07-12_174647_Projects.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.div-block-4-black {
  justify-content: center;
  align-items: center;
  height: 160px;
  padding-left: 20px;
  transition: opacity .2s;
  display: flex;
}

.image-20 {
  transition: all .555s;
}

.image-20:hover {
  transform: scale(1.1);
}

.div-block-new-ver3 {
  z-index: 9999999;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  opacity: 1;
  background-color: #000b22f2;
  border: 7px solid #83838382;
  border-radius: 22px;
  flex-flow: column;
  flex: none;
  order: -1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 80%;
  height: auto;
  margin-bottom: 0;
  padding: 20px 15px 15px;
  transition: all .555s;
  display: none;
  position: absolute;
  top: 3700px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-new-ver3:hover {
  clear: none;
  width: 80%;
  height: auto;
  box-shadow: none;
  opacity: 1;
  pointer-events: auto;
  background-color: #000b22;
  border-style: solid;
  border-color: #fff;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  position: absolute;
}

.div-block-4-ytyyyytytyt {
  justify-content: center;
  align-items: center;
  height: 120px;
  display: flex;
}

.yyyyyyyrzr {
  width: auto;
}

.image-6-uuuuuuuuuuuuuuuuuu {
  max-width: none;
  height: auto;
  transition: all .555s;
}

.image-6-uuuuuuuuuuuuuuuuuu:hover {
  transform: translate(0, -25px);
}

.hhhttttttttttttttttttttttttttttw {
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 160px;
  padding-right: 20px;
  display: flex;
}

.dbnb2-2-2-grtrtrtrtrtr {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #fff;
  text-align: center;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  margin-bottom: 40px;
  display: flex;
}

.slider-6 {
  width: 500px;
}

.slide-13 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688df4808bab3380ddbcd957_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-02_141721_Energy20Group.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-14 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/68790996200a952935771922_pic%20bloc11.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-15 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688df48055a6972d919c2c78_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-02_141740_Energy20Group.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-16 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688df47ead49368656be3969_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-02_141730_Energy20Group.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.div-block-new-ver4 {
  z-index: 999999;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  opacity: 1;
  background-color: #fffffff7;
  border: 7px solid #d1d1d14d;
  border-radius: 22px;
  flex-flow: column;
  flex: none;
  order: -1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 80%;
  height: auto;
  margin-bottom: 0;
  padding: 20px 15px 15px;
  transition: all .555s;
  display: none;
  position: absolute;
  top: 4000px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-new-ver4:hover {
  clear: none;
  width: 80%;
  height: auto;
  box-shadow: none;
  opacity: 1;
  pointer-events: auto;
  background-color: #fffffffc;
  border-style: solid;
  border-color: #fff;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  position: absolute;
}

.div-block-4-2-copy-ogfgfgjgfo {
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 140px;
  display: flex;
}

.t44444444444444 {
  transition: all .555s;
}

.t44444444444444:hover {
  transform: scale(1.1);
}

.slider-7 {
  width: 500px;
}

.slide-17 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f17b0549ed90216506367_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-03_110117_MAVEL.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-18 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f17b0f830b978f0d59f2d_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-03_110034_MAVEL.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-19 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f17b0734ed1b7850488b3_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-03_110047_MAVEL.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-20 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f17b0ff1c7fe1dceb5589_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-03_110104_MAVEL.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.dbnb2-2-2-gffgfgfgfgfg {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #fff;
  text-align: center;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  margin-bottom: 40px;
  display: flex;
}

.div-block-new-ver5 {
  z-index: 9999;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  opacity: 1;
  background-color: #000b22f2;
  border: 7px solid #83838382;
  border-radius: 22px;
  flex-flow: column;
  flex: none;
  order: -1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 80%;
  height: auto;
  margin-bottom: 0;
  padding: 20px 15px 15px;
  transition: all .555s;
  display: none;
  position: absolute;
  top: 4000px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-new-ver5:hover {
  clear: none;
  width: 80%;
  height: auto;
  box-shadow: none;
  opacity: 1;
  pointer-events: auto;
  background-color: #000b22;
  border-style: solid;
  border-color: #fff;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  position: absolute;
}

.slider-8 {
  width: 500px;
}

.slide-21 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f1b33d9472161d1ef8ed8_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-03_111736_A3BA80BCBEBD82B0B6B5BDB580B3BE.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-22 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f1b348c03f7dbc7a90a45_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-03_111657_A3BA80BCBEBD82B0B6B5BDB580B3BE.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-23 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f1b34ffd5a1b246fe4b7c_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-03_111709_A3BA80BCBEBD82B0B6B5BDB580B3BE.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-24 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f1b34e11564cdcffd186b_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-03_111719_A3BA80BCBEBD82B0B6B5BDB580B3BE.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.div-block-new-ver6 {
  z-index: 999999;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  opacity: 1;
  background-color: #fffffff7;
  border: 7px solid #d1d1d14d;
  border-radius: 22px;
  flex-flow: column;
  flex: none;
  order: -1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 80%;
  height: auto;
  margin-bottom: 0;
  padding: 20px 15px 15px;
  transition: all .555s;
  display: none;
  position: absolute;
  top: 4000px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-new-ver6:hover {
  clear: none;
  width: 80%;
  height: auto;
  box-shadow: none;
  opacity: 1;
  pointer-events: auto;
  background-color: #fffffffc;
  border-style: solid;
  border-color: #fff;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  position: absolute;
}

.div-block-4-black-2 {
  justify-content: center;
  align-items: center;
  height: 160px;
  padding-left: 20px;
  transition: all .555s;
  display: flex;
}

.div-block-4-black-2:hover {
  transform: scale(1.1);
}

.rjsrsrjrtrtyj-copy {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 10px;
  display: flex;
}

.tbid1-copy-black-copy {
  color: #000;
  text-align: left;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  transition: all .555s;
}

.tbid1-copy-black-copy:hover {
  transform: translate(11px, -2px);
}

.tbid2-copy {
  color: #fff;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  display: flex;
}

.dbnb2-2-2-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #fff;
  text-align: center;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  margin-bottom: 40px;
  display: flex;
}

.slider-9 {
  width: 500px;
}

.slide-26 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f21f35de9ee7e960952e0_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-03_114618_95BBBABE80.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-27 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f21f40a5cc11c640cf09f_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-03_114605_95BBBABE80.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-28 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f21f392aabedfaeacbd8d_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-03_114628_95BBBABE80.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-29 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f23802609de870e375af8_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-07-12_175338_Projects.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-30 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f237f9052b142b78a529f_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-07-12_175353_Projects.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.div-block-new-ver7 {
  z-index: 999999;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  opacity: 1;
  background-color: #000b22f2;
  border: 7px solid #83838382;
  border-radius: 22px;
  flex-flow: column;
  flex: none;
  order: -1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 80%;
  height: auto;
  margin-bottom: 0;
  padding: 20px 15px 15px;
  transition: all .555s;
  display: none;
  position: absolute;
  top: 4400px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-new-ver7:hover {
  clear: none;
  width: 80%;
  height: auto;
  box-shadow: none;
  opacity: 1;
  pointer-events: auto;
  background-color: #000b22;
  border-style: solid;
  border-color: #fff;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  position: absolute;
}

.image-21 {
  margin-left: 40px;
  padding-left: 0;
  transition: all .555s;
}

.image-21:hover {
  transform: scale(1.1);
}

.slider-10 {
  width: 500px;
}

.slide-31 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f3d86d7ad08b66fadfb1f_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-03_134405_948096BF80BED0D0D0D0%259C.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-32 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f3d86bbb485c40be1ea9b_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-03_134312_948096BF80BED0D0D0D0%259C.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-34 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f3d8657d53a50a5f8d48a_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-03_134352_948096BF80BED0D0D0D0%259C.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-35 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f3d86f86eae615640c6a5_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-03_134324_948096BF80BED0D0D0D0%259C.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.div-block-new-ver8 {
  z-index: 900000;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  opacity: 1;
  background-color: #fffffff7;
  border: 7px solid #d1d1d14d;
  border-radius: 22px;
  flex-flow: column;
  flex: none;
  order: -1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 80%;
  height: auto;
  margin-bottom: 0;
  padding: 20px 15px 15px;
  transition: all .555s;
  display: none;
  position: absolute;
  top: 4400px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-new-ver8:hover {
  clear: none;
  width: 80%;
  height: auto;
  box-shadow: none;
  opacity: 1;
  pointer-events: auto;
  background-color: #fffffffc;
  border-style: solid;
  border-color: #fff;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  position: absolute;
}

.tbid1-copy-black-copy-hrryry {
  color: #000;
  text-align: left;
  width: 100%;
  min-width: 100%;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: all .555s;
}

.tbid1-copy-black-copy-hrryry:hover {
  transform: translate(11px, -2px);
}

.tbid2-copy-hhhghggh {
  color: #fff;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  display: flex;
}

.hhhhffhfhfhhffh {
  margin-right: 40px;
  transition: all .555s;
}

.hhhhffhfhfhhffh:hover {
  transform: scale(1.1);
}

.slide-36 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f3fccf4dab718107d46ef_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-03_135250_A19DA2.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-37 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f3fcca731ce5a3b03538d_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-03_135302_A19DA2.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-38 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f401c681e168c021be297_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-03_135514_A19DA2.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.div-block-new-ver9 {
  z-index: 99999;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  opacity: 1;
  background-color: #000b22f2;
  border: 7px solid #83838382;
  border-radius: 22px;
  flex-flow: column;
  flex: none;
  order: -1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 80%;
  height: auto;
  margin-bottom: 0;
  padding: 20px 15px 15px;
  transition: all .555s;
  display: none;
  position: absolute;
  top: 4400px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-new-ver9:hover {
  clear: none;
  width: 80%;
  height: auto;
  box-shadow: none;
  opacity: 1;
  pointer-events: auto;
  background-color: #000b22;
  border-style: solid;
  border-color: #fff;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  position: absolute;
}

.image-18-fggfgffgg {
  height: auto;
  margin-left: 40px;
  transition: all .555s;
}

.image-18-fggfgffgg:hover {
  transform: scale(1.1);
}

.slider-11 {
  width: 500px;
}

.slide-41 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f4284eba9abb3d72c97b4_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-03_140359_SEES.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-42 {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/688f42848b894497a0c49771_Opera%20%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_2025-08-03_140348_SEES.pdf.png");
  background-position: 0 0;
  background-size: cover;
}

.proproblock {
  border: 2px solid #8cd2fa52;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin-top: 16px;
  margin-left: 60px;
  padding: 10px;
  transition: all .555s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.proproblock:hover {
  transform: rotate(2deg);
}

.proproblock-2 {
  border: 2px solid #8cd2fa52;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin-top: 34px;
  margin-left: -142px;
  margin-right: 60px;
  padding: 10px;
  transition: all .555s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.proproblock-2:hover {
  transform: rotate(-2deg);
}

.proproblock-3 {
  border: 2px solid #8cd2fa52;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin-top: 34px;
  margin-left: 40px;
  padding: 10px;
  transition: all .555s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.proproblock-3:hover {
  transform: rotate(2deg);
}

.proproblock-4 {
  border: 2px solid #8cd2fa52;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin-top: 34px;
  margin-left: 0;
  padding: 10px;
  transition: all .555s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.proproblock-4:hover {
  transform: rotate(2deg);
}

.proproblock-5 {
  border: 2px solid #8cd2fa52;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin-top: 34px;
  margin-left: 0;
  padding: 10px;
  transition: all .555s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.proproblock-5:hover {
  transform: rotate(2deg);
}

.proproblock-6 {
  border: 2px solid #8cd2fa52;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin-top: 34px;
  margin-left: 0;
  margin-right: 74px;
  padding: 10px;
  transition: all .555s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.proproblock-6:hover {
  transform: rotate(-2deg);
}

.proproblock-7 {
  border: 2px solid #8cd2fa52;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin-top: 34px;
  margin-left: 0;
  margin-right: 60px;
  padding: 10px;
  transition: all .555s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.proproblock-7:hover {
  transform: rotate(-2deg);
}

.proprodiv {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  transition: all .555s;
  display: flex;
}

.projecs-name-newgem {
  opacity: .3;
  text-align: left;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #000, #666);
  -webkit-background-clip: text;
  background-clip: text;
  flex: 1;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
  display: flex;
}

.projecs-name-newgem:hover {
  opacity: .8;
  transform: translate(0, -34px);
}

.projecs-name-newgem.our-identity-4-copy {
  order: 0;
}

.projecs-name-newgem-ggfgggfg {
  opacity: .3;
  text-align: left;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #000, #666);
  -webkit-background-clip: text;
  background-clip: text;
  flex: 1;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
  display: flex;
}

.projecs-name-newgem-ggfgggfg:hover {
  opacity: .8;
  transform: translate(0, -34px);
}

.projecs-name-newgem-ggfgggfg.our-identity-4-copy {
  order: 0;
}

.projecs-name-newgem-copy-copy {
  opacity: .3;
  text-align: left;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #000, #666);
  -webkit-background-clip: text;
  background-clip: text;
  flex: 1;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin: 0 20px 0 80px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
  display: flex;
}

.projecs-name-newgem-copy-copy:hover {
  opacity: .8;
  transform: translate(0, -34px);
}

.projecs-name-newgem-copy-copy.our-identity-4-copy {
  order: 0;
}

.ghhghggggggggggggggggggggggggg {
  opacity: .3;
  text-align: left;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #000, #666);
  -webkit-background-clip: text;
  background-clip: text;
  flex: 1;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin: 0 0 0 83px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 200px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
  display: flex;
}

.ghhghggggggggggggggggggggggggg:hover {
  opacity: .8;
  transform: translate(0, -34px);
}

.ghhghggggggggggggggggggggggggg.our-identity-4-copy {
  order: 0;
}

.jjjjjjhgc {
  opacity: .3;
  text-align: left;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #000, #666);
  -webkit-background-clip: text;
  background-clip: text;
  flex: 1;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin: 0 20px 0 60px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 30px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
  display: flex;
}

.jjjjjjhgc:hover {
  opacity: .8;
  transform: translate(0, -34px);
}

.jjjjjjhgc.our-identity-4-copy {
  order: 0;
}

.div-block-26 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: #fff;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 40px;
  padding-top: 30px;
  padding-bottom: 30px;
  transition: all .555s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-26:hover {
  transform: translate(0, -16px);
}

.image-26 {
  width: 120px;
  max-width: none;
}

.image-26.classani {
  cursor: pointer;
  cursor: pointer;
  width: 9%;
  max-width: 9%;
}

.classani {
  transition: all .555s;
}

.classani:hover {
  transform: scale(1.1);
}

.image-28 {
  transform-style: preserve-3d;
  margin-top: 40px;
  transition: all .555s;
}

.image-28:hover {
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.div-block-27-pr {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding-right: 0;
  transition: all .555s;
  display: flex;
}

.div-block-27-pr:hover {
  transform: scale(1.1);
}

.linknew {
  text-decoration: none;
}

.fggnrrnrny {
  text-shadow: 0 1px 1px #0003;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #000, #666);
  -webkit-background-clip: text;
  background-clip: text;
  order: -1;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
  transform: translate(0);
}

.fggnrrnrny:hover {
  font-weight: 400;
  transform: translate(0, -11px);
}

.div-block-2-new-b, .div-block-2-new-blackw {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.text-block-2-div-1-2-black, .text-block-2-div-1-2-copy {
  color: #000;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.readmore1, .readmore2 {
  font-family: Montserrat, Georgia, sans-serif;
}

.readmore3 {
  color: #fff;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.div-block-2-new-b-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.readmore4 {
  color: #000;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.readmore4-5, .readmore3-5 {
  font-family: Montserrat, Georgia, sans-serif;
}

.readmore5 {
  color: #fff;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.readmore5-5 {
  font-family: Montserrat, Georgia, sans-serif;
}

.readmore6 {
  color: #000;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.readmore6-5 {
  font-family: Montserrat, Georgia, sans-serif;
}

.readmore7 {
  color: #fff;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.readmore7-5 {
  font-family: Montserrat, Georgia, sans-serif;
}

.readmore8 {
  color: #000;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.readmore8-5 {
  font-family: Montserrat, Georgia, sans-serif;
}

.readmore9 {
  color: #fff;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.readmore9-5-copy {
  font-family: Montserrat, Georgia, sans-serif;
}

.yttttttttttttttttttttttttttttt {
  text-shadow: 0 1px 1px #0003;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #000, #666);
  -webkit-background-clip: text;
  background-clip: text;
  order: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 22px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
  transform: translate(0);
}

.yttttttttttttttttttttttttttttt:hover {
  font-weight: 400;
  transform: translate(38px);
}

.yyyyyyyrzr-copy-copy {
  width: 250px;
  max-width: 70%;
}

.yyyyyyyrzr-copy-copy.classani-copy {
  width: 15%;
  max-width: none;
}

.image-18-hghghghgh-copy {
  height: auto;
  margin-left: -26px;
}

.image-18-hghghghgh-copy.classani-copy {
  width: 10%;
  max-width: none;
}

.fgggggggggggj-copy {
  margin-left: -17px;
}

.fgggggggggggj-copy.classani-copy {
  width: 10%;
}

.classani-copy {
  cursor: pointer;
  width: 11%;
  max-width: none;
  transition: all .555s;
}

.image-25-copy {
  width: 100px;
}

.image-25-copy.classani-copy {
  width: 7%;
}

.classani-copy {
  cursor: pointer;
  transition: all .555s;
}

.classani-copy:hover {
  transform: scale(1.1);
}

._01010-ukraine-kyiv-ivan-mazepa-str-b3-41-copy {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.e-mail-corporateaueagmailcom-2-copy-copy {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-right: 40px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.image-30, .image-31, .image-32, .image-33, .image-34, .image-35, .image-36 {
  width: 100%;
}

.teks-222-fjffgf {
  grid-row-gap: 10px;
  background-color: #fffc;
  border: 1px solid #fff;
  border-radius: 22px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 20px;
  margin-right: 0;
  padding: 10px 10px 10px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.rjsrsrjrtrtyj-copy-gfgfgfgf {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 10px;
  display: flex;
}

.dbnb2-2-2-ggggg, .dbnb2-2-2-coggggpy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #fff;
  text-align: center;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  margin-bottom: 40px;
  display: flex;
}

.image-37 {
  max-width: 90%;
}

.image-yyyyyyt {
  transition: all .555s;
  position: relative;
}

.image-yyyyyyt:hover {
  transform: rotate(90deg);
}

.gtyhhhhhhhhhh {
  max-width: 70%;
}

.tbid1-copy-copy-copy-copy {
  color: #000;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  transition: all .555s;
}

.tbid1-copy-copy-copy {
  color: #000;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  transition: all .555s;
}

.tbid1-copy-copy-copy:hover {
  transform: translate(11px, -2px);
}

.image-40 {
  width: 23px;
  max-width: none;
  overflow: hidden;
}

.div-block-28 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 23px;
  height: auto;
  display: flex;
}

.image-41 {
  width: 23px;
  margin-right: 5px;
}

.image-42 {
  width: 23px;
}

.gidroprologo {
  max-width: 95%;
}

.div-block-4-cgfgfgfopy {
  justify-content: center;
  align-items: center;
  height: 110px;
  display: flex;
}

.text-block-2-hgghghg {
  color: #000;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  font-family: Montserrat, Georgia, sans-serif;
  font-weight: 400;
  display: flex;
}

.text-block-2-hgghghg:hover {
  width: 300px;
}

.div-block-4-cgfgfgfopy-fggfgf {
  justify-content: center;
  align-items: center;
  height: 120px;
  padding-top: 20px;
  display: flex;
}

.div-block-4-cgfgfgfopy-copy {
  justify-content: center;
  align-items: center;
  height: 120px;
  display: flex;
}

.div-block-4-cgfgfgfopy-fggfgf-copy {
  justify-content: center;
  align-items: center;
  height: 150px;
  padding-top: 20px;
  display: flex;
}

.yytytyty {
  width: 10%;
  max-width: none;
}

.gidroprologo-hhhg, .ffjyrrj, .yyytytyjt {
  width: 17%;
  max-width: none;
}

.yyyytty {
  width: 15%;
  max-width: none;
}

.image-27-copy-gggg-ghghhghghg {
  margin-right: -15px;
}

.image-27-copy-gggg-ghghhghghg.classani-copy {
  width: 12%;
  margin-top: 5px;
}

.image-27-copy-gggg-ghghhghghg.classani-copy-hjjjhjh {
  width: 12%;
  max-width: 12%;
  margin-top: 5px;
}

.image-27-copy-gggg-ghghhghghg.classani {
  width: 12%;
  max-width: 12%;
}

.div-block-new-ver10 {
  z-index: 900000;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  opacity: 1;
  background-color: #fffffff7;
  border: 7px solid #d1d1d14d;
  border-radius: 22px;
  flex-flow: column;
  flex: none;
  order: -1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 80%;
  height: auto;
  margin-bottom: 0;
  padding: 20px 15px 15px;
  transition: all .555s;
  display: none;
  position: absolute;
  top: 4800px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-new-ver10:hover {
  clear: none;
  width: 80%;
  height: auto;
  box-shadow: none;
  opacity: 1;
  pointer-events: auto;
  background-color: #fffffffc;
  border-style: solid;
  border-color: #fff;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  position: absolute;
}

.rjsrsrjrtrtyj-copy-copy {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 10px;
  display: flex;
}

.slider-12new {
  width: 500px;
}

.slide-1001new {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/68a41f945abee5b4019b7092_1.PNG");
  background-position: 0 0;
  background-size: cover;
}

.slide-1002new {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/68a41f92acc7245fb5281c23_2.PNG");
  background-position: 0 0;
  background-size: cover;
}

.slide-1003newe {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/68a41f92a8fb43d6a4770969_3.PNG");
  background-position: 0 0;
  background-size: cover;
}

.div-block-new-ver11 {
  z-index: 99999;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  opacity: 1;
  background-color: #000b22f2;
  border: 7px solid #83838382;
  border-radius: 22px;
  flex-flow: column;
  flex: none;
  order: -1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 80%;
  height: auto;
  margin-bottom: 0;
  padding: 20px 15px 15px;
  transition: all .555s;
  display: none;
  position: absolute;
  top: 4800px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-new-ver11:hover {
  clear: none;
  width: 80%;
  height: auto;
  box-shadow: none;
  opacity: 1;
  pointer-events: auto;
  background-color: #000b22;
  border-style: solid;
  border-color: #fff;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  position: absolute;
}

.div-block-4-cgfgfgfopy-fggfgf-copy {
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 110px;
  margin-right: 20px;
  padding-top: 20px;
  display: flex;
}

.tbid2-hhhghgghh, .tbid2-ffhfhhffhf, .tbid2-hjjhjjjhjhjh {
  color: #fff;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 33%;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  display: flex;
}

.slider-13new {
  width: 500px;
}

.slide-1004new {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/68a422868a42f156e262b140_1.png");
  background-position: 0 0;
  background-size: cover;
}

.slide-1005new {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/68a422e8f729f8f18f8500ee_%D0%9D%D1%96%D0%BC%D0%B5%D1%86%D1%8C%D0%BA%D0%BE-%D1%83%D0%BA%D1%80%D0%B0%D1%97%D0%BD%D1%81%D1%8C%D0%BA%D0%BE%D1%8E%20%D1%88%D0%BA%D0%BE%D0%BB%D0%BE%D1%8E%20%D0%BC%D1%96%D1%81%D1%82%D0%B0%20%D0%9A%D0%B8%D1%94%D0%B2%D0%B0%20(3).png");
  background-position: 0 0;
  background-size: cover;
}

.slide-1006new {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/68a422870dd891be6a68ebcb_3.PNG");
  background-position: 0 0;
  background-size: cover;
}

.div-block-new-ver12 {
  z-index: 900000;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  opacity: 1;
  background-color: #fffffff7;
  border: 7px solid #d1d1d14d;
  border-radius: 22px;
  flex-flow: column;
  flex: none;
  order: -1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 80%;
  height: auto;
  margin-bottom: 0;
  padding: 20px 15px 15px;
  transition: all .555s;
  display: none;
  position: absolute;
  top: 4800px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-new-ver12:hover {
  clear: none;
  width: 80%;
  height: auto;
  box-shadow: none;
  opacity: 1;
  pointer-events: auto;
  background-color: #fffffffc;
  border-style: solid;
  border-color: #fff;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  position: absolute;
}

.vbvbbv-vbvb {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 110px;
  margin-left: 20px;
  display: flex;
}

.tbid1-black-ddggg {
  color: #000;
  text-align: left;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 25px;
  font-weight: 700;
  transition: all .555s;
}

.tbid1-black-ddggg:hover {
  transform: translate(11px);
}

.slider-14new {
  width: 500px;
}

.slide-1007new {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/68a42513b8bb09fcd750a67d_1.jpg");
  background-position: 50% 100%;
  background-size: cover;
}

.slide-1008new {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/68a42518fcb3b45f572c7cff_2.png");
  background-position: 50%;
  background-size: cover;
}

.slide-1009newe {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/68a4251e94b4c832f0c7c4eb_3.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-1010new {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/68a42520bf3074aa7a39cb36_4.jpg");
  background-position: 50%;
  background-size: cover;
}

.div-block-new-ver13 {
  z-index: 99999;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  opacity: 1;
  background-color: #000b22f2;
  border: 7px solid #83838382;
  border-radius: 22px;
  flex-flow: column;
  flex: none;
  order: -1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 80%;
  height: auto;
  margin-bottom: 0;
  padding: 20px 15px 15px;
  transition: all .555s;
  display: none;
  position: absolute;
  top: 5000px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-new-ver13:hover {
  clear: none;
  width: 80%;
  height: auto;
  box-shadow: none;
  opacity: 1;
  pointer-events: auto;
  background-color: #000b22;
  border-style: solid;
  border-color: #fff;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  position: absolute;
}

.div-block-4-cgfgfgfopy-fggfgf-copy-copy {
  justify-content: center;
  align-items: center;
  height: 150px;
  padding-top: 20px;
  display: flex;
}

.fgrnnrrrnyrn {
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 110px;
  margin-right: 10px;
  padding-top: 20px;
  display: flex;
}

.tbid2-hhiiyiyyi {
  color: #fff;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  display: flex;
}

.slider-15new {
  width: 500px;
}

.slide-1011new {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/68a4272eaee54957df18138b_1.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-1012new {
  background-image: url("https://cdn.prod.website-files.com/686e202746317df7e8991cf7/68a4272e51f6ad2fc874e954_2.png");
  background-position: 0 0;
  background-size: cover;
}

.tbid1-copy-copy-copy-copy {
  color: #000;
  text-align: left;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: all .555s;
}

.tbid1-copy-copy-copy-copy:hover {
  transform: translate(11px, -2px);
}

.image-38-fgg {
  width: 40%;
  max-width: 90%;
}

.text-block-3-divcopy-hghg {
  color: #fff;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 320px;
  font-family: Montserrat, Georgia, sans-serif;
  font-weight: 400;
  display: flex;
}

.text-block-2-fhfhfhhf {
  color: #000;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 320px;
  font-weight: 400;
  display: flex;
}

.text-block-2-fhfhfhhf:hover {
  width: 320px;
}

.text-block-2fhfhcopy {
  color: #000;
  -webkit-text-stroke-color: #000;
  text-transform: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 320px;
  font-family: Montserrat, Georgia, sans-serif;
  font-weight: 400;
  display: flex;
}

.text-block-2fhfhcopy:hover {
  width: 320px;
}

.bold-text-19, .bold-text-20, .bold-text-21, .bold-text-22, .bold-text-23, .bold-text-24, .bold-text-25, .bold-text-26, .bold-text-27, .bold-text-28, .bold-text-29, .bold-text-30, .bold-text-31 {
  font-family: Montserrat, Georgia, sans-serif;
}

.div-block-29 {
  width: 25px;
  height: 25px;
  transform-style: preserve-3d;
  background-color: #fff0;
  border: 5px solid #caebff;
  border-radius: 20px;
  transition: all .555s;
}

.div-block-29:hover {
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.gfggfgfgfgfgf-ghghhhg {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
}

.gfggfgfgfgfgf-ghghhhg:hover {
  color: #000;
  background-color: #fff0;
  font-weight: 500;
}

.teks-24-3-8 {
  grid-row-gap: 10px;
  text-align: left;
  background-color: #fffc;
  border: 1px solid #fff;
  border-radius: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 220px;
  padding: 30px;
  font-family: Montserrat, Georgia, sans-serif;
  transition: all .555s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 4px #00000040;
}

.teks-24-3-8:hover {
  background-color: #fff;
  border-style: solid;
  border-color: #6d6d6d1f;
  border-radius: 10px;
  transform: translate(0, -10px);
}

.card-4-9 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 250px;
  height: 250px;
  padding: 20px 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.jjjjjjhgc-bbvbvbvbv-copy-copy {
  opacity: 1;
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-color: #000;
  -webkit-background-clip: text;
  background-clip: text;
  flex: 1;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  font-family: Montserrat, Georgia, sans-serif;
  font-size: 41px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
  transition: all .555s;
  display: flex;
}

.jjjjjjhgc-bbvbvbvbv-copy-copy:hover {
  opacity: .8;
  transform: translate(0, -1px);
}

.jjjjjjhgc-bbvbvbvbv-copy-copy.our-identity-4-copy {
  order: 0;
}

.button-3-copy-copy {
  grid-column-gap: 4px;
  opacity: .8;
  color: #000;
  background-image: linear-gradient(90deg, #fff, #f8e3e3);
  border: 1px solid #fff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 203px;
  height: 42px;
  margin-top: 22px;
  margin-left: 71px;
  padding: 10px;
  font-family: Arimo Variablefont Wght, Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  transition: all .555s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 4px #0000004d;
}

.button-3-copy-copy:hover {
  background-image: linear-gradient(90deg, #fff, #f8e3e3);
  border-color: #ffffff69;
  transform: scale(1.1);
  box-shadow: inset -1px 20px 3px 20px #3a88c940, 0 4px 4px #0000004d;
}

.button-3-copy-copy:active {
  height: 44px;
  box-shadow: inset -1px 20px 3px 20px #417cacbf, 0 4px 4px #0000004d;
}

.dropdown-list-4-copy-copy-copy {
  z-index: 9999;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-left: auto;
  margin-right: 40px;
  padding: 10px;
  display: none;
  position: absolute;
  right: -68.3594px;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.dropdown-list-4-copy-copy-copy.frame-29 {
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .frame-29 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .frame-29.none {
    display: none;
  }

  .about-us.anima, .about-us.hnnnny, .about-us.anima, .about-us.hnnnny, .initiatives {
    font-size: 14px;
  }

  .hero-section {
    background-position: 50%;
    background-size: cover;
    background-attachment: scroll;
  }

  .frame-36 {
    grid-row-gap: 15px;
  }

  .hero-right {
    width: 40%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-3 {
    margin-left: 20px;
  }

  .container-2 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .box-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .our-identity-2 {
    color: #fff;
    text-align: center;
    mix-blend-mode: normal;
    font-size: 50px;
  }

  .our-identity-2:hover {
    font-size: 55px;
  }

  .section-4 {
    background-size: cover;
    background-attachment: scroll;
  }

  .our-identity-4 {
    font-size: 25px;
  }

  .our-identity-4:hover {
    font-size: 26px;
  }

  .frame-38-2 {
    height: auto;
  }

  .container-5 {
    grid-column-gap: 30px;
    justify-content: center;
    align-items: flex-start;
  }

  .association-structure {
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    margin-top: 40px;
    padding-left: 10px;
    font-size: 40px;
    font-weight: 700;
    display: flex;
  }

  .association-structure:hover {
    font-size: 40px;
  }

  .box-2-4 {
    width: auto;
    height: auto;
    padding-left: 10px;
  }

  .box-3-2 {
    height: auto;
  }

  .teks-24-5 {
    max-width: none;
  }

  .boxx-3 {
    max-width: none;
    height: auto;
  }

  .box-1-2 {
    max-width: 50%;
  }

  .text-22-2 {
    height: auto;
  }

  .box-2-5 {
    max-width: 50%;
  }

  .frame-42 {
    flex-flow: row;
    width: 100%;
  }

  .teks-222 {
    width: 100%;
  }

  .section-9 {
    background-size: contain;
    transition: all .2s;
  }

  .association-structure-6-5-copy, .association-structure-5-5 {
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-end;
    font-weight: 700;
    display: flex;
  }

  .association-structure-5-5.our-identity-4-copy {
    justify-content: center;
    align-items: center;
    width: 75%;
  }

  .teks-21-3-copy {
    width: 100%;
    max-width: none;
  }

  .our-identity-6-copy, .our-identity-6-copy:hover {
    font-size: 45px;
  }

  .section-3-copy {
    background-size: auto;
  }

  .number-box {
    padding-left: 10px;
    padding-right: 10px;
  }

  .projecs-name {
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-end;
    font-weight: 700;
    display: flex;
  }

  .projecs-name.our-identity-4-copy {
    width: 80%;
    font-size: 40px;
  }

  .projecs-name.our-identity-4-copy:hover {
    font-size: 45px;
  }

  .swiper.is-team {
    margin-top: 2rem;
  }

  .swiper-slide.is-team {
    min-width: 100%;
  }

  .container-10-copy {
    margin-bottom: 0;
  }

  .arrow-slyder {
    margin-top: -34px;
    margin-left: 345px;
    margin-right: 0;
    position: static;
    left: 0;
    right: -84px;
  }

  .arrow-slyder.left {
    margin-top: 37px;
    margin-left: 252px;
    margin-right: 0;
    left: -97px;
  }

  .icon-4 {
    margin: 0;
    padding-left: 0;
    bottom: -341px;
  }

  .container-p-1 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .textname1 {
    font-size: 30px;
  }

  .textname1:hover {
    font-size: 32px;
  }

  .lineart {
    width: 80%;
  }

  .gggg {
    width: 400px;
  }

  .dropdown-toggle, .dropdown, .blok-drop {
    width: 100%;
  }

  .background-video {
    height: auto;
  }

  .activity-card, .activity-card-ukr {
    max-width: 70%;
    height: auto;
  }

  .actbox1 {
    max-width: 70%;
  }

  .actbox2-copy {
    height: 800px;
  }

  .container-2-copy {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-2-copy-copy {
    background-position: 50% 0;
  }

  .boxvsidini {
    width: 100%;
  }

  .vidtext1 {
    width: 90%;
    max-width: 90%;
  }

  .vidtext1:hover {
    width: 90%;
  }

  .boxvsidini-2 {
    width: 100%;
  }

  .vidtext1-copy {
    width: 90%;
    max-width: none;
  }

  .vidtext1-copy:hover {
    width: 90%;
  }

  .container-member {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .number-box-member {
    max-width: 90%;
  }

  .membertextmain {
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-end;
    font-weight: 700;
    display: flex;
  }

  .htj {
    background-position: 50% 100%;
    background-repeat: repeat-x;
    background-size: auto;
    background-attachment: fixed;
  }

  .htjtext {
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-end;
    font-weight: 700;
    display: flex;
  }

  .textboxcont {
    flex-flow: column;
  }

  .collection-list {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .collection-item {
    width: 80%;
  }

  .newboxact {
    max-width: 70%;
  }

  .link-block-15 {
    overflow: hidden;
  }

  .none {
    display: none;
  }

  .our-identity-2-copy {
    color: #fff;
    text-align: center;
    mix-blend-mode: normal;
    font-size: 50px;
  }

  .our-identity-2-copy:hover {
    font-size: 60px;
  }

  .our-identity-2-copy-copy {
    color: #fff;
    text-align: center;
    mix-blend-mode: normal;
    font-size: 70px;
  }

  .our-identity-2-copy-copy:hover {
    font-size: 72px;
  }

  .div-block-new-ver1 {
    display: none;
    position: relative;
    top: 480%;
  }

  .div-block-new-ver1:hover {
    position: relative;
  }

  .dbnb1 {
    flex-flow: column;
  }

  .dbnb3 {
    width: 100%;
  }

  .buttonmember {
    margin-left: 20px;
  }

  .dbnb4 {
    flex-flow: row;
  }

  .box-box-2-copy {
    flex-flow: column;
  }

  .box-2-7-copy {
    order: 1;
  }

  ._54454554h4545h45h {
    flex-flow: column;
  }

  .rgtrtrtrtrttrrttr, .div-block-19 {
    width: 97%;
  }

  .rjsrsrjrtrtyj {
    flex-flow: row;
  }

  .buttonmember-copy {
    margin-left: 20px;
  }

  .div-block-new-ver2 {
    display: none;
    position: relative;
    top: 490%;
  }

  .div-block-new-ver2:hover {
    position: relative;
  }

  .div-block-4-black {
    order: -1;
  }

  .div-block-new-ver3 {
    display: none;
    position: relative;
    top: 510%;
  }

  .div-block-new-ver3:hover {
    position: relative;
  }

  .div-block-new-ver4 {
    display: none;
    position: relative;
    top: 20px;
  }

  .div-block-new-ver4:hover {
    position: relative;
  }

  .div-block-4-2-copy-ogfgfgjgfo {
    order: -1;
  }

  .div-block-new-ver5 {
    display: none;
    position: relative;
    top: 560%;
  }

  .div-block-new-ver5:hover {
    position: relative;
  }

  .div-block-new-ver6 {
    display: none;
    position: relative;
    top: 580%;
  }

  .div-block-new-ver6:hover {
    position: relative;
  }

  .div-block-4-black-2 {
    order: -1;
  }

  .rjsrsrjrtrtyj-copy {
    flex-flow: column;
  }

  .tbid2-copy {
    width: 100%;
  }

  .div-block-new-ver7 {
    display: none;
    position: relative;
    top: 630%;
  }

  .div-block-new-ver7:hover {
    position: relative;
  }

  .image-21 {
    margin-bottom: 20px;
    margin-left: 0;
  }

  .div-block-new-ver8 {
    display: none;
    position: relative;
    top: 640%;
  }

  .div-block-new-ver8:hover {
    position: relative;
  }

  .hhhhffhfhfhhffh {
    order: -1;
    margin-bottom: 20px;
    margin-right: 20px;
  }

  .div-block-new-ver9 {
    display: none;
    position: relative;
    top: 680%;
  }

  .div-block-new-ver9:hover {
    position: relative;
  }

  .image-18-fggfgffgg {
    margin-bottom: 20px;
    margin-left: 10px;
  }

  .proproblock {
    width: 90%;
    margin-left: 0;
  }

  .proproblock-2 {
    order: -1;
    width: 90%;
    margin-left: 0;
    margin-right: 0;
  }

  .proproblock-3 {
    width: 90%;
    margin-left: 0;
  }

  .proproblock-4, .proproblock-5 {
    width: 90%;
  }

  .proproblock-6, .proproblock-7 {
    order: -1;
    width: 90%;
    margin-right: 0;
  }

  .proprodiv {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .projecs-name-newgem {
    opacity: 1;
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-end;
    font-size: 30px;
    font-weight: 400;
    display: flex;
  }

  .projecs-name-newgem.our-identity-4-copy {
    font-size: 40px;
  }

  .projecs-name-newgem.our-identity-4-copy:hover {
    font-size: 45px;
  }

  .projecs-name-newgem-copy {
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-end;
    font-weight: 700;
    display: flex;
  }

  .projecs-name-newgem-copy.our-identity-4-copy {
    font-size: 40px;
  }

  .projecs-name-newgem-copy.our-identity-4-copy:hover {
    font-size: 45px;
  }

  .projecs-name-newgem-ggfgggfg {
    opacity: 1;
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-end;
    margin-left: 60px;
    font-size: 30px;
    font-weight: 400;
    display: flex;
  }

  .projecs-name-newgem-ggfgggfg.our-identity-4-copy {
    font-size: 40px;
  }

  .projecs-name-newgem-ggfgggfg.our-identity-4-copy:hover {
    font-size: 45px;
  }

  .projecs-name-newgem-copy-copy {
    opacity: 1;
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-end;
    margin-left: 60px;
    margin-right: 0;
    font-size: 30px;
    font-weight: 400;
    display: flex;
  }

  .projecs-name-newgem-copy-copy.our-identity-4-copy {
    font-size: 40px;
  }

  .projecs-name-newgem-copy-copy.our-identity-4-copy:hover {
    font-size: 45px;
  }

  .ghhghggggggggggggggggggggggggg {
    opacity: 1;
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-end;
    margin-left: 60px;
    padding-right: 0;
    font-size: 30px;
    font-weight: 400;
    display: flex;
  }

  .ghhghggggggggggggggggggggggggg.our-identity-4-copy {
    font-size: 40px;
  }

  .ghhghggggggggggggggggggggggggg.our-identity-4-copy:hover {
    font-size: 45px;
  }

  .jjjjjjhgc {
    opacity: 1;
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-end;
    margin-right: 0;
    padding-right: 20px;
    font-size: 30px;
    font-weight: 400;
    display: flex;
  }

  .jjjjjjhgc.our-identity-4-copy {
    font-size: 40px;
  }

  .jjjjjjhgc.our-identity-4-copy:hover {
    font-size: 45px;
  }

  .div-block-26 {
    flex-flow: wrap;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-26.classani {
    width: 15%;
  }

  .div-block-27-pr {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .jjjjjjhgc-bbvbvbvbv {
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-end;
    font-size: 40px;
    font-weight: 700;
    display: flex;
  }

  .jjjjjjhgc-bbvbvbvbv.our-identity-4-copy {
    font-size: 40px;
  }

  .jjjjjjhgc-bbvbvbvbv.our-identity-4-copy:hover {
    font-size: 45px;
  }

  .ggffffffffff {
    width: 26%;
    max-width: none;
  }

  .jjjjjjhgc-bbvbvbvbv-copy {
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-end;
    font-size: 40px;
    font-weight: 700;
    display: flex;
  }

  .jjjjjjhgc-bbvbvbvbv-copy.our-identity-4-copy {
    font-size: 40px;
  }

  .jjjjjjhgc-bbvbvbvbv-copy.our-identity-4-copy:hover {
    font-size: 45px;
  }

  .yttttttttttttttttttttttttttttt {
    transform: none;
  }

  .yttttttttttttttttttttttttttttt:hover {
    font-weight: 500;
    transform: translate(29px);
  }

  .yyyyyyyrzr-copy-copy.classani-copy {
    width: 22%;
  }

  .image-18-hghghghgh-copy.classani-copy, .fgggggggggggj-copy.classani-copy, .fgggggggggggj-copy.classani-copy {
    width: 15%;
  }

  .image-27-copy.classani-copy {
    width: 19%;
  }

  .image-25-copy.classani-copy {
    width: 12%;
  }

  .classani-copy {
    width: 17%;
  }

  .teks-222-fjffgf {
    width: 100%;
    margin-left: 0;
  }

  .box-2-7-copy-hhhh {
    order: 1;
  }

  .collection-list-2 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .collection-item-2 {
    width: 80%;
  }

  .textboxcont-copy {
    flex-flow: column;
  }

  .yyyyyyyrzr-copy-copy-copy.classani-copy, .yyyyyyyrzr-copy-copy-copy.classani-copy-copy, .yyyyyyyrzr-copy-copy-copy.classani-copy, .yyyyyyyrzr-copy-copy-copy.classani-copy-copy {
    width: 22%;
  }

  .image-25-copy-copy.classani-copy {
    width: 12%;
  }

  .image-26-copy.classani, .image-26-copy.classani-copy, .image-26-copy.classani, .image-26-copy.classani-copy {
    width: 15%;
  }

  .classani-copy-copy, .classani-copy-copy-copy, .classani-copy-tttt {
    width: 17%;
  }

  .fgggggggggggj-copy-copy.classani-copy, .fgggggggggggj-copy-copy.classani-copy-copy, .fgggggggggggj-copy-copy.classani-copy, .fgggggggggggj-copy-copy.classani-copy-copy, .image-18-hghghghgh-copy-copy.classani-copy, .image-18-hghghghgh-copy-copy.classani-copy-copy, .image-18-hghghghgh-copy-copy.classani-copy, .image-18-hghghghgh-copy-copy.classani-copy-copy {
    width: 15%;
  }

  .yytytyty.classani {
    width: 14%;
  }

  .gidroprologo-hhhg.classani, .ffjyrrj.classani-copy, .ffjyrrj.classani-copy, .yyytytyjt.classani, .yyytytyjt.classani {
    width: 20%;
  }

  .yyyytty.classani {
    width: 17%;
  }

  .image-27-copy-gggg.classani-copy, .image-27-copy-gggg-ghghhghghg.classani-copy, .image-27-copy-gggg-ghghhghghg.classani-copy-hjjjhjh, .image-27-copy-gggg-ghghhghghg.classani-copy, .image-27-copy-gggg-ghghhghghg.classani-copy-hjjjhjh {
    width: 19%;
  }

  .div-block-new-ver10 {
    display: none;
    position: relative;
    top: 640%;
  }

  .div-block-new-ver10:hover {
    position: relative;
  }

  .rjsrsrjrtrtyj-copy-copy {
    flex-flow: column;
  }

  .div-block-new-ver11 {
    display: flex;
    position: relative;
    top: 680%;
  }

  .div-block-new-ver11:hover {
    position: relative;
  }

  .tbid2-hhhghgghh {
    width: 100%;
  }

  .div-block-new-ver12 {
    display: none;
    position: relative;
    top: 640%;
  }

  .div-block-new-ver12:hover {
    position: relative;
  }

  .div-block-new-ver13 {
    display: none;
    position: relative;
    top: 680%;
  }

  .div-block-new-ver13:hover {
    position: relative;
  }

  .association-structure-ukr {
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    margin-top: 40px;
    padding-left: 10px;
    font-size: 40px;
    font-weight: 700;
    display: flex;
  }

  .association-structure-ukr:hover {
    font-size: 40px;
  }

  .ggffffffffff-ffddffd {
    width: 211px;
    max-width: none;
  }

  .rrtrttttttttt {
    transform: none;
  }

  .rrtrttttttttt:hover {
    font-weight: 500;
    transform: translate(29px);
  }

  .ffhhhhhhhhhhhhh.anima, .ffhhhhhhhhhhhhh.hnnnny, .ffhhhhhhhhhhhhh.anima, .ffhhhhhhhhhhhhh.hnnnny, .yrrrrrrrrrrr {
    font-size: 14px;
  }

  .fghhhhhhhhhhhhhhh {
    padding-left: 20px;
    padding-right: 20px;
  }

  .fghhhhhhhhhhhhhhh.none, .fghhhhhhhhhhhhhhh.fdddddddddddddd, .fghhhhhhhhhhhhhhh.none, .fghhhhhhhhhhhhhhh.fdddddddddddddd {
    display: none;
  }

  .teks-24-5-ukr {
    max-width: none;
  }

  .jjjjjjhgc-bbvbvbvbv-copy-copy {
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-end;
    font-size: 40px;
    font-weight: 700;
    display: flex;
  }

  .jjjjjjhgc-bbvbvbvbv-copy-copy.our-identity-4-copy {
    font-size: 40px;
  }

  .jjjjjjhgc-bbvbvbvbv-copy-copy.our-identity-4-copy:hover {
    font-size: 45px;
  }
}

@media screen and (max-width: 767px) {
  .menu-nav-bar.nav-copy {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .frame-29 {
    grid-row-gap: 10px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 10px;
  }

  .hero-section {
    background-position: 40% 100%;
  }

  .hero-container {
    flex-flow: column;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-left {
    justify-content: center;
    align-items: center;
    width: 95%;
    padding-left: 0;
  }

  .frame-35 {
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: center;
    align-items: flex-end;
  }

  .frame-35:hover {
    transform: translate(0, -10px);
  }

  .frame-36 {
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
  }

  .connecting-energy-for-a-shared-future {
    text-align: center;
  }

  .connecting-energy-for-a-shared-future:hover {
    transform: none;
  }

  .the-azerbaijani-ukrainian-energy-association-auea-is-a-professional-platform-designed-to-strengthen {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hero-right {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    padding-top: 10px;
  }

  .button-3 {
    width: 80%;
    margin-top: 10px;
    margin-left: 0;
  }

  .the-azerbaijani-ukrainian-energy-association-auea-is-a-professional-platform-designed-to-strengthen-2 {
    text-align: center;
    width: 100%;
    font-size: 30px;
  }

  .the-azerbaijani-ukrainian-energy-association-auea-is-a-professional-platform-designed-to-strengthen-3 {
    text-align: center;
    max-width: 75%;
    font-size: 16px;
  }

  .our-identity {
    font-size: 30px;
  }

  .our-identity:hover {
    font-size: 31px;
  }

  .text-22:hover {
    transform: translate(0, -10px);
  }

  .our-mission.our-identity {
    font-size: 30px;
  }

  .our-mission.our-identity:hover {
    font-size: 31px;
  }

  .o-form-a-regional-platform-that-will-become-a-driver-of-sustainable-development-green-transformation {
    font-size: 16px;
  }

  .teks-24:hover {
    transform: translate(0, -10px);
  }

  .our-tasks.our-identity {
    font-size: 30px;
  }

  .our-tasks.our-identity:hover {
    font-size: 31px;
  }

  .strengthening-bilateral-energy-partnership-promoting-investments-in-sustainable-energy-sharing-exper, .the-azerbaijani---ukrainian-energy-association-auea---is-an-international-non-profit-organization-cr-2, .building-a-strategic-partnership-in-the-energy-sector-between-ukraine-and-azerbaijan-through-the-exc-2 {
    font-size: 16px;
  }

  .container-3 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .text-box {
    color: #000;
  }

  .boxx {
    grid-row-gap: 30px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .section-4 {
    background-color: #fff;
    background-position: 100%;
    background-size: auto;
  }

  .section-4:hover {
    background-position: 50%;
    background-size: auto;
  }

  .container-4 {
    padding-top: 40px;
    padding-bottom: 10px;
  }

  .boxx-2 {
    max-width: none;
    height: auto;
  }

  .traditional-energy, .renewable-energy-sources-solar-wind-hydrogen.traditional-energy, .renewable-energy-sources-solar-wind-hydrogen.traditional-energy, .energy-efficiency-and-digitalization.traditional-energy, .energy-efficiency-and-digitalization.traditional-energy, .education-and-training-of-personnel-in-the-energy-sector.traditional-energy, .education-and-training-of-personnel-in-the-energy-sector.traditional-energy, .analytics-consulting.traditional-energy, .analytics-consulting.traditional-energy, .support-for-the-restoration-of-ukraine.traditional-energy, .support-for-the-restoration-of-ukraine.traditional-energy {
    font-size: 16px;
  }

  .text-box-2 {
    max-width: none;
    height: auto;
  }

  .our-identity-4, .our-identity-4:hover {
    font-size: 20px;
  }

  .section-5 {
    background-attachment: scroll;
  }

  .container-5 {
    grid-column-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
  }

  .association-structure {
    text-align: center;
    padding-left: 0;
    font-size: 30px;
  }

  .association-structure:hover {
    font-size: 32px;
  }

  .box-3-2 {
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .container-6 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .azerenergy-ojsc-and-its-subsidiaries-azerishig-ojsc-ministry-of-energy-alternative-and-renewable-ene {
    font-size: 16px;
  }

  .boxx-3 {
    flex-flow: column;
  }

  .box-1-2, .box-2-5 {
    max-width: 100%;
  }

  .section-7 {
    background-position: 50% 0;
  }

  .container-7 {
    padding: 20px 20px 10px;
  }

  .card-21 {
    justify-content: center;
    align-items: center;
    max-width: none;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .card-22, .card-23, .card-24 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .boxx-2-2 {
    max-width: none;
    height: auto;
  }

  .text-box-4 {
    max-width: none;
    height: auto;
    margin-top: 40px;
  }

  .box-2-6 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .teks-24-6 {
    height: auto;
  }

  .synergy-of-logistics-and-energy-azerbaijan-as-an-exporter-ukraine-as-a-transport-hub-3, .knowledge-exchange-ukraine-engineering-school-azerbaijan-renewable-energy-practices-3 {
    font-size: 16px;
  }

  .box-3-3 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .joint-innovations-development-of-hydrogen-solutions-smart-grid-digital-energy-3, .investment-opportunities-and-common-platforms-for-technology-export-to-asian-and-european-markets-3 {
    font-size: 16px;
  }

  .our-identity-7 {
    width: 90%;
    margin-top: 20px;
    font-size: 30px;
  }

  .our-identity-7:hover {
    font-size: 30px;
  }

  .container-8 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .frame-42 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: row;
  }

  .teks-222 {
    margin-right: 0;
    padding-left: 10px;
    padding-right: 40px;
  }

  .frame-41 {
    justify-content: center;
    align-items: center;
  }

  .box-box-2 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .box-2-7 {
    background-size: contain;
    width: 350px;
  }

  .image {
    max-width: 40%;
  }

  .image-2, .image-3 {
    width: 45px;
    height: 20px;
  }

  .image-4:hover {
    transform: translate(0);
  }

  .container-9 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom: 0;
    padding-top: 20px;
  }

  .bold-text-2 {
    font-size: 18px;
  }

  .text-block-2-div-1 {
    width: 320px;
  }

  .bold-text-2-copy {
    font-size: 18px;
  }

  .bold-text-3-div {
    width: 90%;
    font-size: 18px;
  }

  .image-6 {
    max-width: 95%;
  }

  .image-7 {
    max-width: 90%;
  }

  .association-structure-6-5-copy {
    padding-bottom: 20px;
    font-size: 40px;
  }

  .association-structure-6-5-copy:hover {
    font-size: 42px;
  }

  .association-structure-5-5.our-identity-4-copy {
    font-size: 30px;
  }

  .association-structure-5-5.our-identity-4-copy:hover {
    font-size: 31px;
  }

  .teks-21-3-copy {
    padding-left: 10px;
    padding-right: 10px;
  }

  .our-identity-4-copy {
    font-size: 30px;
  }

  .our-identity-4-copy:hover {
    font-size: 42px;
  }

  .our-identity-6-copy {
    font-size: 30px;
  }

  .our-identity-6-copy:hover {
    font-size: 32px;
  }

  .picture-1 {
    width: 120px;
  }

  .number-box {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .numbet-text {
    width: 80%;
    font-size: 16px;
  }

  .container-4-5 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding: 10px 40px 0;
  }

  .projecs-name.our-identity-4-copy {
    margin-bottom: 10px;
    font-size: 30px;
  }

  .projecs-name.our-identity-4-copy:hover {
    font-size: 32px;
  }

  .container-10-copy {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-top: 10px;
  }

  .selection-slider {
    padding-bottom: 10px;
  }

  .container-slider, .slider-2 {
    flex-flow: column;
    display: flex;
  }

  .mask-2 {
    width: 70%;
  }

  .professionalism-guarantees-experience {
    font-size: 23px;
  }

  .boxwithname {
    width: 100%;
  }

  .textname1, .textname1:hover {
    font-size: 18px;
  }

  .proect-1, .proect-2, .proect-3, .proect-4, .proect-5, .proect-6, .proect-7, .proect-8, .proect-9, .proect-11, .proect-10, .proect-12, .proect-13, .proect-14, .proect-15, .proect-16, .proect-17, .proect-18, .proect-19, .proect-20, .proect-21, .proect-22, .proect-25, .proect-26, .proect-29, .proect-30, .proect-31, .proect-32, .proect-33 {
    flex-flow: column;
  }

  .lineart {
    width: 100%;
  }

  .gggg {
    width: 300px;
  }

  .dropdown-list {
    display: none;
  }

  .proect-27, .proect-28 {
    flex-flow: column;
  }

  .activity-card {
    max-width: 80%;
  }

  .bold-text-4 {
    font-size: 40px;
  }

  .activity-card-ukr {
    max-width: 80%;
  }

  .acttekst2 {
    font-size: 30px;
  }

  .actbox1 {
    max-width: 80%;
  }

  .box-3act {
    flex-flow: column;
    padding-top: 10px;
  }

  .actbox1-copy {
    max-width: 80%;
  }

  .actbox2-copy {
    max-width: 80%;
    height: 200px;
    padding-top: 0;
  }

  .container-2-copy {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-2-copy-copy {
    background-position: 45%;
  }

  .box-1-copy-copy {
    max-width: 100%;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .box-2-copy-copy {
    max-width: 100%;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .projects-2-copy {
    font-size: 40px;
  }

  .professionalism-guarantees-experience-copy {
    font-size: 23px;
  }

  .background-video-2, .background-video-3, .vidcontini-3 {
    height: auto;
  }

  .number-box-member {
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .boxmember {
    padding-bottom: 20px;
  }

  .membertextmain {
    font-size: 30px;
  }

  .textboxmember {
    font-size: 18px;
  }

  .mp1 {
    width: 200px;
  }

  .mp2 {
    width: 160px;
  }

  .mp7 {
    width: 140px;
  }

  .mp8 {
    width: 120px;
  }

  .htjtext {
    font-size: 30px;
  }

  .htj2text, .textboxmember-copy {
    font-size: 18px;
  }

  .mp4-copy {
    width: 50px;
    height: 50px;
  }

  .memberform {
    max-width: 400px;
  }

  .newform2 {
    justify-content: center;
    align-items: center;
    width: 92.5926%;
  }

  .form222 {
    width: 100%;
  }

  .ffffffffff {
    width: 350px;
  }

  .section-news {
    background-size: cover;
  }

  .collection-item {
    width: 90%;
  }

  .newboxact {
    max-width: 80%;
    height: 200px;
  }

  .actbox1-copy-copy {
    max-width: 80%;
  }

  .drereereerer {
    font-size: 30px;
  }

  .our-identity-2-copy-copy {
    color: #060000;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    background-color: #fff0;
    border: 1px #000;
    font-size: 60px;
  }

  .our-identity-2-copy-copy:hover {
    font-size: 62px;
  }

  .gtrrrrthhrrrtrr:hover {
    font-size: 21px;
  }

  .form-block-2 {
    width: 80%;
  }

  .nav-bar-2.nav-copy, .menu-nav-bar-copy.nav-copy, .menu-nav-bar-copy.nav-copy-copy, .menu-nav-bar-copy.nav-copy, .menu-nav-bar-copy.nav-copy-copy {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .fgnnmymy.traditional-energy {
    font-size: 16px;
  }

  .div-block-new-ver1 {
    cursor: pointer;
    width: 100%;
    padding-top: 10px;
    display: none;
    position: relative;
    top: 20px;
  }

  .div-block-new-ver1:hover {
    width: 100%;
    position: relative;
    top: 20px;
  }

  .dbnb2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .tbid1 {
    font-size: 18px;
    line-height: 35px;
  }

  .dbnb3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .dbnbtext {
    font-size: 16px;
  }

  .buttonmember {
    margin-left: 0;
  }

  .dbnb4 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
  }

  .container-8-copy {
    padding-left: 40px;
    padding-right: 40px;
  }

  .box-box-2-copy {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .box-2-7-copy {
    background-size: contain;
    width: 200px;
    height: 100px;
  }

  .gfgffgggggggggggggggggggggg {
    justify-content: center;
    align-items: center;
  }

  .ryjjrrjyyjjjjjjjjjjjjjjjjjjjjjjjj, .eteeeeeeeeh {
    font-size: 18px;
  }

  .ttt, .gfggfgfgfgfgf, .phone-fffff {
    font-size: 14px;
  }

  .tbid1-copy {
    font-size: 16px;
  }

  .rjsrsrjrtrtyj {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .slider-4, .mask-4, .slide-4, .slide-5, .slide-6, .slide-7 {
    width: 100%;
  }

  .dbnb2-2-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
  }

  .rrrrrrrrrrrrrrrrrrrrrrrry {
    font-size: 16px;
  }

  .buttonmember-copy {
    margin-left: 0;
  }

  .dbnbtext-ghhhgghhggh {
    font-size: 16px;
  }

  .div-block-new-ver2 {
    width: 100%;
    padding-top: 10px;
    display: none;
    position: relative;
    top: 20px;
  }

  .div-block-new-ver2:hover {
    width: 100%;
    position: relative;
  }

  .tbid1-black {
    font-size: 18px;
    line-height: 35px;
  }

  .dbnbtext-ghhhgghhggh-bllack, .dbnbtext-black, .tbid1-copy-black, .dbnbtext-copy-copy, .rrrrrrrrrrrrrrrrrrrrrrrry-black {
    font-size: 16px;
  }

  .slider-5, .slide-8, .slide-9, .slide-10, .slide-11, .slide-12 {
    width: 100%;
  }

  .div-block-4-black {
    height: 110px;
  }

  .div-block-new-ver3 {
    width: 100%;
    padding-top: 10px;
    display: none;
    position: relative;
    top: 20px;
  }

  .div-block-new-ver3:hover {
    width: 100%;
    position: relative;
  }

  .yyyyyyyrzr {
    max-width: 85%;
  }

  .dbnb2-2-2-grtrtrtrtrtr {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .slider-6, .slide-13, .slide-14, .slide-15, .slide-16 {
    width: 100%;
  }

  .div-block-new-ver4 {
    width: 100%;
    padding-top: 10px;
    display: none;
    position: relative;
    top: 20px;
  }

  .div-block-new-ver4:hover {
    width: 100%;
    position: relative;
  }

  .dbnb2-2-2-gffgfgfgfgfg {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .div-block-new-ver5 {
    width: 100%;
    padding-top: 10px;
    display: none;
    position: relative;
    top: 20px;
  }

  .div-block-new-ver5:hover {
    width: 100%;
    position: relative;
  }

  .div-block-new-ver6 {
    width: 100%;
    padding-top: 10px;
    display: none;
    position: relative;
    top: 20px;
  }

  .div-block-new-ver6:hover {
    width: 100%;
    position: relative;
  }

  .rjsrsrjrtrtyj-copy {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .tbid1-copy-black-copy {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 16px;
    display: flex;
  }

  .dbnb2-2-2-copy {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .div-block-new-ver7 {
    width: 100%;
    padding-top: 10px;
    display: none;
    position: relative;
    top: 20px;
  }

  .div-block-new-ver7:hover {
    width: 100%;
    position: relative;
  }

  .div-block-new-ver8 {
    width: 100%;
    padding-top: 10px;
    display: none;
    position: relative;
    top: 20px;
  }

  .div-block-new-ver8:hover {
    width: 100%;
    position: relative;
  }

  .tbid1-copy-black-copy-hrryry {
    font-size: 16px;
  }

  .div-block-new-ver9 {
    width: 100%;
    padding-top: 10px;
    display: none;
    position: relative;
    top: 20px;
  }

  .div-block-new-ver9:hover {
    width: 100%;
    position: relative;
  }

  .proprodiv {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
  }

  .projecs-name-newgem, .projecs-name-newgem-ggfgggfg, .projecs-name-newgem-copy-copy {
    margin-left: 20px;
    font-size: 25px;
  }

  .ghhghggggggggggggggggggggggggg {
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    font-size: 25px;
  }

  .jjjjjjhgc {
    margin-left: 20px;
    font-size: 25px;
  }

  .div-block-26 {
    margin-bottom: 10px;
  }

  .image-28 {
    margin-top: 10px;
  }

  .div-block-27-pr {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-right: 0;
  }

  .jjjjjjhgc-bbvbvbvbv {
    justify-content: center;
    align-items: flex-end;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    font-size: 30px;
  }

  .ggffffffffff {
    width: 24%;
  }

  .jjjjjjhgc-bbvbvbvbv-copy {
    font-size: 30px;
  }

  .fggnrrnrny {
    text-align: center;
    width: 80%;
    margin-bottom: 10px;
    font-size: 20px;
  }

  .fggnrrnrny:hover {
    transform: none;
  }

  .yttttttttttttttttttttttttttttt {
    text-align: center;
    font-size: 20px;
  }

  .yttttttttttttttttttttttttttttt:hover {
    font-weight: 400;
    transform: none;
  }

  ._01010-ukraine-kyiv-ivan-mazepa-str-b3-41-copy, .e-mail-corporateaueagmailcom-2-copy-copy {
    font-size: 14px;
  }

  .teks-222-fjffgf {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .dbnb2-2-2-ggggg, .dbnb2-2-2-coggggpy {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .image-37 {
    max-width: 70%;
  }

  .image-38 {
    max-width: 90%;
  }

  .image-yyyyyyt {
    max-width: 70%;
  }

  .box-2-7-copy-hhhh {
    background-size: contain;
    width: 350px;
  }

  .collection-item-2 {
    width: 90%;
  }

  .tbid1-copy-copy-copy, .tbid1-copy-copy-copy-copy {
    font-size: 16px;
  }

  .div-block-4-cgfgfgfopy {
    order: -1;
  }

  .div-block-new-ver10 {
    width: 100%;
    padding-top: 10px;
    display: none;
    position: relative;
    top: 20px;
  }

  .div-block-new-ver10:hover {
    width: 100%;
    position: relative;
  }

  .div-block-new-ver11 {
    width: 100%;
    padding-top: 10px;
    display: none;
    position: relative;
    top: 20px;
  }

  .div-block-new-ver11:hover {
    width: 100%;
    position: relative;
  }

  .tbid2-hhhghgghh, .tbid2-ffhfhhffhf, .tbid2-hjjhjjjhjhjh {
    width: 100%;
  }

  .div-block-new-ver12 {
    width: 100%;
    padding-top: 10px;
    display: none;
    position: relative;
    top: 20px;
  }

  .div-block-new-ver12:hover {
    width: 100%;
    position: relative;
  }

  .vbvbbv-vbvb {
    order: -1;
    width: 90%;
  }

  .tbid1-black-ddggg {
    font-size: 18px;
    line-height: 35px;
  }

  .div-block-new-ver13 {
    width: 100%;
    padding-top: 10px;
    display: none;
    position: relative;
    top: 20px;
  }

  .div-block-new-ver13:hover {
    width: 100%;
    position: relative;
  }

  .image-43 {
    max-width: 90%;
  }

  .image-44 {
    max-width: 80%;
  }

  .image-45, .image-46, .image-47 {
    max-width: 90%;
  }

  .image-48 {
    max-width: 190%;
  }

  .tbid1-copy-copy-copy-copy {
    font-size: 16px;
  }

  .image-46-fggggfgf {
    max-width: 90%;
  }

  .menu-nav-bar-ukr.nav-copy, .menu-nav-bar-ukr.nav-uk, .menu-nav-bar-ukr.nav-copy, .menu-nav-bar-ukr.nav-uk {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .association-structure-ukr {
    text-align: center;
    padding-left: 0;
    font-size: 30px;
  }

  .association-structure-ukr:hover {
    font-size: 32px;
  }

  .image-38-ukr, .image-45-ukr {
    max-width: 90%;
  }

  .div-block-4-ukrcopy {
    order: -1;
  }

  .our-identity-7-ukr {
    width: 90%;
    margin-top: 20px;
    font-size: 30px;
  }

  .our-identity-7-ukr:hover {
    font-size: 30px;
  }

  .bold-text-3-div-ghyjy, .bold-text-3-div-hghghghg {
    width: 90%;
    font-size: 18px;
  }

  .text-block-2-div-1-ghhghg {
    width: 320px;
  }

  .ggffffffffff-ffddffd {
    width: 24%;
  }

  .image-38-fgg {
    max-width: 90%;
  }

  .rrtrtrtt {
    text-align: center;
    width: 100%;
    font-size: 30px;
  }

  .rrrrrhrtrth {
    text-align: center;
    max-width: 75%;
    font-size: 16px;
  }

  .rrtrttttttttt {
    text-align: center;
    font-size: 20px;
  }

  .rrtrttttttttt:hover {
    font-weight: 400;
    transform: none;
  }

  .jggjgjj {
    max-width: 70%;
  }

  .fghhhhhhhhhhhhhhh {
    grid-row-gap: 10px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 10px;
  }

  .jyyjtyyy {
    font-size: 30px;
  }

  .jyyjtyyy:hover {
    font-size: 31px;
  }

  .yty-hggggggggggggg {
    font-size: 16px;
  }

  .yttttyn.our-identity {
    font-size: 30px;
  }

  .yttttyn.our-identity:hover {
    font-size: 31px;
  }

  .yttttyn.hjjjjjjjjjjjjjjjjjjjjj {
    font-size: 30px;
  }

  .yttttyn.hjjjjjjjjjjjjjjjjjjjjj:hover {
    font-size: 31px;
  }

  .hjjjjjjjjjjjjjjjjjjjjjjjj {
    font-size: 16px;
  }

  .hfffffffffffffffff.our-identity {
    font-size: 30px;
  }

  .hfffffffffffffffff.our-identity:hover {
    font-size: 31px;
  }

  .hfffffffffffffffff.fhhhhhhhhhhhhhhhh {
    font-size: 30px;
  }

  .hfffffffffffffffff.fhhhhhhhhhhhhhhhh:hover {
    font-size: 31px;
  }

  .gjjjjjjjjjjjjjjjjjjjjjjj {
    font-size: 16px;
  }

  .fgnfnfgfnfggf.our-identity {
    font-size: 30px;
  }

  .fgnfnfgfnfggf.our-identity:hover {
    font-size: 31px;
  }

  .fgnfnfgfnfggf.guuuuuuuuuuuuuu {
    font-size: 30px;
  }

  .fgnfnfgfnfggf.guuuuuuuuuuuuuu:hover {
    font-size: 31px;
  }

  .gjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj {
    font-size: 16px;
  }

  .fhhhhhhhhhhhhhhhhhhhhhhhhhhh.nav-copy, .fhhhhhhhhhhhhhhhhhhhhhhhhhhh.nav-copy-copy, .fhhhhhhhhhhhhhhhhhhhhhhhhhhh.hffffffffffffffffffffffffff, .fhhhhhhhhhhhhhhhhhhhhhhhhhhh.nav-copy, .fhhhhhhhhhhhhhhhhhhhhhhhhhhh.nav-copy-copy, .fhhhhhhhhhhhhhhhhhhhhhhhhhhh.hffffffffffffffffffffffffff {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .image-7-ukr {
    max-width: 90%;
  }

  .gfggfgfgfgfgf-ghghhhg, .gfggfgfgfgfgf-dffdfdfdfdfd {
    font-size: 14px;
  }

  .jjjjjjhgc-bbvbvbvbv-copy-copy {
    font-size: 30px;
  }

  .menu-nav-bar-copy-pro.nav-copy, .menu-nav-bar-copy-pro.nav-copy-copy, .menu-nav-bar-copy-pro.nav-copy-copy-pro, .menu-nav-bar-copy-pro.nav-copy, .menu-nav-bar-copy-pro.nav-copy-copy, .menu-nav-bar-copy-pro.nav-copy-copy-pro {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  .menu-nav-bar.nav-copy {
    justify-content: center;
    align-items: center;
  }

  .frame-29 {
    flex-flow: wrap;
  }

  .hero-container {
    padding: 20px 20px 10px;
  }

  .hero-left {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 60px;
  }

  .frame-35 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }

  .frame-36 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .hero-right {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .the-azerbaijani-ukrainian-energy-association-auea-is-a-professional-platform-designed-to-strengthen-2 {
    width: 90%;
    font-size: 30px;
  }

  .the-azerbaijani-ukrainian-energy-association-auea-is-a-professional-platform-designed-to-strengthen-3 {
    max-width: 90%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .teks-21, .teks-21:hover {
    width: 100%;
  }

  .our-identity {
    font-size: 30px;
  }

  .our-identity:hover {
    font-size: 32px;
  }

  .box-2 {
    padding-bottom: 20px;
  }

  .our-vision {
    font-size: 20px;
  }

  .our-vision:hover {
    font-size: 23px;
  }

  .o-form-a-regional-platform-that-will-become-a-driver-of-sustainable-development-green-transformation, .strengthening-bilateral-energy-partnership-promoting-investments-in-sustainable-energy-sharing-exper {
    font-size: 16px;
  }

  .the-azerbaijani---ukrainian-energy-association-auea---is-an-international-non-profit-organization-cr-2 {
    width: 98%;
    font-size: 16px;
  }

  .building-a-strategic-partnership-in-the-energy-sector-between-ukraine-and-azerbaijan-through-the-exc-2 {
    font-size: 16px;
  }

  .container-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .boxx {
    grid-row-gap: 30px;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .our-identity-2, .our-identity-2:hover {
    font-size: 40px;
  }

  .box-2-2 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .teks-24-2 {
    justify-content: center;
    align-items: center;
    width: 90%;
  }

  .container-4 {
    padding: 20px;
  }

  .boxx-2 {
    max-width: none;
    height: auto;
  }

  .card-1 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .traditional-energy {
    font-size: 16px;
  }

  .card-2 {
    justify-content: center;
    align-items: center;
    max-width: none;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .frame-38 {
    grid-column-gap: 25px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .renewable-energy-sources-solar-wind-hydrogen.traditional-energy {
    font-size: 16px;
  }

  .card-3 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .energy-infrastructure-and-logistics {
    font-size: 16px;
  }

  .card-4 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .energy-efficiency-and-digitalization.traditional-energy {
    font-size: 16px;
  }

  .card-5 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .education-and-training-of-personnel-in-the-energy-sector.traditional-energy {
    font-size: 16px;
  }

  .card-6 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .analytics-consulting.traditional-energy {
    font-size: 16px;
  }

  .card-7 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .our-identity-4 {
    width: auto;
    font-size: 20px;
  }

  .teks-24-4 {
    width: auto;
    height: auto;
  }

  .container-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .association-structure {
    margin-top: 20px;
    padding-bottom: 10px;
    font-size: 30px;
  }

  .box-3-2 {
    max-width: none;
    height: auto;
    padding: 10px 0;
  }

  .teks-24-5 {
    max-width: none;
  }

  .azerbaijani-part {
    font-size: 30px;
  }

  .azerenergy-ojsc-and-its-subsidiaries-azerishig-ojsc-ministry-of-energy-alternative-and-renewable-ene {
    font-size: 16px;
  }

  .energy-companies-and-infrastructure-operators-leading-scientific-and-educational-institutions-ntuu-k {
    font-size: 18px;
  }

  .container-7 {
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .card-21 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .synergy-of-logistics-and-energy-azerbaijan-as-an-exporter-ukraine-as-a-transport-hub {
    font-size: 18px;
  }

  .card-22, .card-23, .card-24 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .boxx-2-2 {
    padding-bottom: 10px;
  }

  .text-box-4 {
    margin-top: 40px;
  }

  .synergy-of-logistics-and-energy-azerbaijan-as-an-exporter-ukraine-as-a-transport-hub-2 {
    font-size: 18px;
  }

  .synergy-of-logistics-and-energy-azerbaijan-as-an-exporter-ukraine-as-a-transport-hub-3 {
    font-size: 16px;
  }

  .knowledge-exchange-ukraine-engineering-school-azerbaijan-renewable-energy-practices-2 {
    font-size: 18px;
  }

  .knowledge-exchange-ukraine-engineering-school-azerbaijan-renewable-energy-practices-3 {
    font-size: 16px;
  }

  .joint-innovations-development-of-hydrogen-solutions-smart-grid-digital-energy-2 {
    font-size: 18px;
  }

  .joint-innovations-development-of-hydrogen-solutions-smart-grid-digital-energy-3 {
    font-size: 16px;
  }

  .investment-opportunities-and-common-platforms-for-technology-export-to-asian-and-european-markets-2 {
    font-size: 18px;
  }

  .investment-opportunities-and-common-platforms-for-technology-export-to-asian-and-european-markets-3 {
    font-size: 16px;
  }

  .our-identity-7, .our-identity-7:hover {
    font-size: 30px;
  }

  .container-8 {
    padding-top: 20px;
  }

  .frame-42 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  ._01010-ukraine-kyiv-ivan-mazepa-str-b3-41, .e-mail-corporateaueagmailcom {
    font-size: 18px;
  }

  .our-identity-8 {
    font-size: 25px;
  }

  .e-mail-corporateaueagmailcom-2, .e-mail-corporateaueagmailcom-3 {
    font-size: 18px;
  }

  .teks-21-4 {
    justify-content: center;
    align-items: center;
  }

  .our-identity-9 {
    font-size: 18px;
  }

  .box-2-7 {
    width: 230px;
    height: 100px;
  }

  .image {
    width: auto;
    max-width: 60%;
  }

  .image-2 {
    max-width: 100%;
  }

  .image-4 {
    width: 250px;
  }

  .container-9 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-2 {
    text-align: center;
    width: 90%;
  }

  .text-block-2:hover, .bold-text-2 {
    width: 90%;
  }

  .div-block-1, .div-block-1:hover {
    width: 100%;
    height: 380px;
  }

  .text-block-2-div-1, .text-block-2-div-1:hover {
    width: 80%;
  }

  .bold-text-2-copy:hover {
    font-size: 19px;
  }

  .div-block-3, .div-block-3:hover {
    width: 100%;
    height: 340px;
  }

  .div-block-3-copy, .div-block-3-copy:hover {
    width: 100%;
    height: 390px;
  }

  .bold-text-3-div {
    text-align: center;
    align-self: center;
    width: 90%;
  }

  .bold-text-3-div:hover {
    align-self: center;
  }

  .text-block-3-divcopy {
    width: 80%;
  }

  .image-7 {
    max-width: 65%;
  }

  .div-block-4-2-copy {
    height: 120px;
  }

  .div-block-7-copy {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 390px;
  }

  .div-block-7-copy:hover {
    width: 100%;
    height: 390px;
  }

  .association-structure-6-5-copy {
    padding-bottom: 10px;
    font-size: 40px;
  }

  .association-structure-5-5.our-identity-4-copy {
    width: 70%;
    padding-bottom: 10px;
    font-size: 30px;
  }

  .div-block-3-fff-copy {
    width: 100%;
    height: 380px;
  }

  .div-block-3-fff-copy:hover {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 380px;
  }

  .our-identity-4-copy {
    margin-top: 20px;
    font-size: 30px;
  }

  .our-identity-4-copy:hover {
    font-size: 35px;
  }

  .our-identity-6-copy, .our-identity-6-copy:hover {
    font-size: 30px;
  }

  .picture-1, .picture-2 {
    height: 110px;
  }

  .picture-3 {
    width: 110px;
    height: 110px;
  }

  .numbet-text, .numbet-text:hover {
    font-size: 16px;
  }

  .container-4-5 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 10px 20px;
  }

  .projecs-name.our-identity-4-copy {
    width: 90%;
    font-size: 30px;
  }

  .projecs-name.our-identity-4-copy:hover {
    font-size: 31px;
  }

  .container-10-copy {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 10px 20px;
  }

  .selection-slider {
    background-position: 50% 0;
  }

  .container-p-1 {
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .logo-box {
    height: 40px;
  }

  .box-1-logo-p {
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 5px;
  }

  .frame-43 {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    margin-top: 70px;
  }

  .professionalism-guarantees-experience {
    background-image: linear-gradient(90deg, #fff, #fff);
    width: 80%;
    font-size: 20px;
    font-weight: 500;
  }

  .professionalism-guarantees-experience:hover {
    font-size: 20px;
    font-weight: 500;
  }

  .textname1 {
    width: 100%;
    font-size: 15px;
    font-weight: 700;
  }

  .proect-1 {
    flex-flow: column;
  }

  .design-works-for-dubossary-hpp {
    font-size: 20px;
  }

  .with-installed-capacity-48-mw-4-x-12-mw, .the-beneficiary-state-company-dubossary-hpp-trans-dniester-region-moldova, .location-moldova-on-dnister-river, .scope-of-the-project-performance-of-all-stages-of-design-works-schematic-design {
    font-size: 18px;
  }

  .pic-bloc1 {
    height: 230px;
  }

  .proect-2 {
    flex-flow: column;
  }

  .pic-bloc2 {
    height: 250px;
  }

  .design-works-for-grand-ethiopian-renaissance-dam-project {
    font-size: 20px;
  }

  .installed-capacity-6000-mw, .the-beneficiary-metals-and-engineering-corporation-ethiopia, .location-ethiopia-on-blue-nil-river, .scope-of-the-project-design-optimization-development-of-working-design {
    font-size: 18px;
  }

  .projects-2 {
    height: auto;
    line-height: 35px;
  }

  .proect-3 {
    flex-flow: column;
  }

  .design-works-for-dnister-pumped-storage-plant {
    font-size: 20px;
  }

  .installed-capacity---2-268-mw-in-turbine-mode-2-949-mw-in-pumping-mode, .the-beneficiary-ukrhydroenergo-pjsc, .location-ukraine-on-dnister-river, .scope-of-the-project-all-stages-of-design-works {
    font-size: 18px;
  }

  .proect-4 {
    flex-flow: column;
  }

  .design-works-for-yali-hpp {
    font-size: 20px;
  }

  .installed-capacity-720-mw, .the-beneficiary-song-da-corporation-vietnam, .location-vietnam-of-the-se-san-river, .scope-of-the-project-development-of-design-technical-design-working-design {
    font-size: 18px;
  }

  .proect-5 {
    flex-flow: column;
  }

  .rehabilitation-of-330-kv-substation {
    font-size: 20px;
  }

  .the-beneficiary-npc-ukrenergo, .source-of-funds-the-world-bank, .location-ukraine, .scope-of-the-project-design-works-construction-works-supplying-and-installation-330-kv-and-110-kv-ai {
    font-size: 18px;
  }

  .proect-6 {
    flex-flow: column;
  }

  .pic-bloc6 {
    height: 250px;
  }

  .rehabilitation-of-330-kv-cherkska-substation-with-gis {
    font-size: 20px;
  }

  .scope-of-the-project-design-works-construction-works-supplying-and-installation-330-kv-ais-equipment {
    font-size: 18px;
  }

  .proect-7 {
    flex-flow: column;
  }

  .rehabilitation-of-330-kv-bilotserkivska-substation {
    font-size: 20px;
  }

  .scope-of-the-project-replacement-of-the-at-2-autotransformer-under-the-conditions-of-the-existing-33 {
    font-size: 18px;
  }

  .pic-bloc7 {
    height: 230px;
  }

  .proect-8 {
    flex-flow: column;
  }

  .pic-bloc8 {
    height: 230px;
  }

  .rehabilitation-of-330-kv-brovarska-substation {
    font-size: 20px;
  }

  .scope-of-the-project-replacement-330-kv-and-110-kv-air-insulated-switchgear-installation-of-new-330 {
    font-size: 18px;
  }

  .proect-9 {
    flex-flow: column;
  }

  .rehabilitation-of-110-kv-novoraiska-substation {
    font-size: 20px;
  }

  .the-beneficiary-dtek, .scope-of-the-project-replacement-110-kv-air-insulated-switchgear-construction-works {
    font-size: 18px;
  }

  .proect-11 {
    flex-flow: column;
  }

  .supplying-of-autotransformers {
    font-size: 20px;
  }

  .source-of-funds-usaid, .scope-of-the-project-supporting-the-execution-of-the-contract-for-supplying-of-330-kv-autotransforme {
    font-size: 18px;
  }

  .proect-10 {
    flex-flow: column;
  }

  .supplying-of-disconnectors-35-kv---220-kv {
    font-size: 20px;
  }

  .source-of-funds-energy-community-secretariate, .scope-of-the-project-supplying-of-disconnectors-with-voltage-rate-from-35-kv-to-220-kv-in-amount-148 {
    font-size: 18px;
  }

  .pic-bloc10 {
    height: 250px;
  }

  .proect-12 {
    flex-flow: column;
  }

  .supplying-of-750-kv-disconnectors {
    font-size: 20px;
  }

  .scope-of-the-project-supplying-of-750-disconnectors-including-delivery-services-and-customs-clearanc {
    font-size: 18px;
  }

  .proect-13 {
    flex-flow: column;
  }

  .supplying-of-330-kv-disconnectors {
    font-size: 20px;
  }

  .scope-of-the-project-supplying-of-330-kv-disconnectors {
    font-size: 18px;
  }

  .pic-bloc8-2 {
    height: 220px;
  }

  .proect-14 {
    flex-flow: column;
  }

  .pic-bloc14 {
    height: 230px;
  }

  .supplying-of-hydro-turbine-for-upper-clowhom-hpp {
    font-size: 20px;
  }

  .the-beneficiary-hydromax-energy-ltd, .location-canada, .scope-of-the-project-manufacturing-and-supplying-of-1-unit-of-hydro-turbine-pelton-type-with-install {
    font-size: 18px;
  }

  .proect-15 {
    flex-flow: column;
  }

  .supplying-of-hydro-turbines-for-piedra-river-cascade {
    font-size: 20px;
  }

  .the-beneficiary-hidrotenencias-sa, .location-panama, .scope-of-the-project-manufacturing-and-supplying-of-6-units-of-hydro-turbine-francis-type-with-total {
    font-size: 18px;
  }

  .pic-bloc15 {
    height: 230px;
  }

  .proect-16 {
    flex-flow: column;
  }

  .pic-bloc16 {
    height: 230px;
  }

  .supplying-of-hydro-turbines-for-bugoye-hpp {
    font-size: 20px;
  }

  .the-beneficiary-africa-renewable-energy-fund, .location-republic-of-uganda, .scope-of-the-project-manufacturing-and-supplying-of-2-units-of-hydro-turbine-francis-type-with-total {
    font-size: 18px;
  }

  .proect-17 {
    flex-flow: column;
  }

  .supplying-of-hydro-turbines-for-alba-hpp {
    font-size: 20px;
  }

  .the-beneficiary-egea-new-energy-spa, .location-italy, .scope-of-the-project-manufacturing-and-supplying-of-2-units-of-hydro-turbine-kaplan-type-with-total {
    font-size: 18px;
  }

  .pic-bloc17 {
    height: 230px;
  }

  .proect-18 {
    flex-flow: column;
  }

  .pic-bloc18 {
    height: 230px;
  }

  .supplying-of-hydro-turbines-for-yipo-hpp {
    font-size: 20px;
  }

  .the-beneficiary-daelim-industrial-co-in-partnership-with-apec-asian-power-energy-corp, .location-south-korea, .scope-of-the-project-manufacturing-and-supplying-of-3-units-of-hydro-turbine-kaplan-type-with-total {
    font-size: 18px;
  }

  .proect-19 {
    flex-flow: column;
  }

  .pic-bloc19 {
    height: 230px;
  }

  .supplying-of-hydro-turbines-for-teri-hpp {
    font-size: 20px;
  }

  .the-beneficiary-nhpc-limited, .location-india, .scope-of-the-project-manufacturing-and-supplying-of-4-units-of-radial-axial-hydro-turbine-with-insta {
    font-size: 18px;
  }

  .proect-20 {
    flex-flow: column;
  }

  .supplying-of-steam-turbines-for-paks-nuclear-power-plant {
    font-size: 20px;
  }

  .the-beneficiary-paksi-atomerm-zrt, .location-hungary, .scope-of-the-project-manufacturing-and-supplying-of-4-steam-turbines--220-44-3-with-installed-capaci {
    font-size: 18px;
  }

  .proect-21 {
    flex-flow: column;
  }

  .pic-bloc21 {
    height: 230px;
  }

  .supplying-of-hydro-turbines-for-shamkir-hydro-power-plant {
    font-size: 20px;
  }

  .the-beneficiary-azerenerji-jsc, .location-azerbaijan, .scope-of-the-project-manufacturing-and-supplying-of-rotary-blade-vertical-hydroturbines-kaplan---195 {
    font-size: 18px;
  }

  .proect-22 {
    flex-flow: column;
  }

  .supplying-of-hydro-turbines-for-dnister-psp {
    font-size: 20px;
  }

  .scope-of-the-project-manufacturing-and-supplying-of-three-reversible-hydraulic-machines-with-a-unit {
    font-size: 18px;
  }

  .pic-bloc22 {
    height: 230px;
  }

  .proect-25 {
    flex-flow: column;
  }

  .pic-bloc25 {
    height: 240px;
  }

  .supplying-of-rp-cabinets-under-toachi-pilaton-hpp-project {
    font-size: 20px;
  }

  .the-beneficiary-celec-ep-corporacin-elctrica-del-ecuador, .location-ecuador, .scope-of-the-project-manufacturing-and-supplying-of-relay-protection-cabinets-for-hydropower-plant-p {
    font-size: 18px;
  }

  .proect-26 {
    flex-flow: column;
  }

  .supplying-of-equipment-for-cascade-hpp-psp-of-subdivision-yuzhnoukrainska-npp-project {
    font-size: 20px;
  }

  .the-beneficiary-nnec-energoatom, .scope-of-the-project-manufacturing-and-supplying-of-dc-cabinets-sets-and-set-of-current-distribution {
    font-size: 18px;
  }

  .pic-bloc26 {
    height: 240px;
  }

  .proect-29 {
    flex-flow: column;
  }

  .pic-bloc29 {
    height: 230px;
  }

  .installation-of-hydro-power-unit-at-la-yesca-hpp {
    font-size: 20px;
  }

  .the-beneficiary-comisin-federal-de-electricidad-cfe, .location-mexico, .scope-of-the-project-installation-of-hydro-power-unit-with-installed-capacity-38032-mw {
    font-size: 18px;
  }

  .proect-30 {
    flex-flow: column;
  }

  .rehabilitation-of-hydro-power-units-at-nurek-hpp {
    font-size: 20px;
  }

  .the-beneficiary-barqi-tojik, .location-tajikistan, .scope-of-the-project-overhaul-of-the-ball-valve-of-hydro-power-unit-no-8-and-no-9-overhaul-of-hydro {
    font-size: 18px;
  }

  .pic-bloc30 {
    height: 230px;
  }

  .proect-31 {
    flex-flow: column;
  }

  .rehabilitation-of-hydro-power-units-at-baipazin-hpp {
    font-size: 20px;
  }

  .scope-of-the-project-repair-work-on-4-disc-valves-of-hydro-power-units-with-a-capacity-of-150-mw {
    font-size: 18px;
  }

  .proect-32 {
    flex-flow: column;
  }

  .installation-of-hydro-power-unit-at-kyiv-psp {
    font-size: 20px;
  }

  .scope-of-the-project-installation-of-6-hydro-power-units-with-a-capacity-of-3x43-and-3-x-415-mw-reh {
    font-size: 18px;
  }

  .pic-bloc32 {
    height: 230px;
  }

  .proect-33 {
    flex-flow: column;
  }

  .pic-bloc33 {
    height: 230px;
  }

  .installation-and-repair-works-at-kremenchug-hpp {
    font-size: 20px;
  }

  .scope-of-the-project-installation-of-12-hydro-power-units-with-a-capacity-of-572-mw-each-rehabilita {
    font-size: 18px;
  }

  .fgffggfg {
    width: 140px;
    max-width: 35%;
    margin-top: 60px;
    padding-top: 10px;
  }

  .gggg {
    width: 250px;
  }

  .dropdown-toggle {
    width: 100%;
  }

  .icon-5 {
    font-size: 20px;
  }

  .dropdown-list {
    display: none;
  }

  .proect-27 {
    flex-flow: column;
  }

  .pic-bloc27 {
    height: 240px;
  }

  .supplying-of-equipment-for-dnister-psp {
    font-size: 20px;
  }

  .scope-of-the-project-manufacturing-and-supply-of-double-transformer-complete-substation-complete-wit {
    font-size: 18px;
  }

  .proect-28 {
    flex-flow: column;
  }

  .supplying-of-equipment-for-kaniv-psp {
    font-size: 20px;
  }

  .scope-of-the-project-manufacturing-and-supply-of-power-assemblies-relay-protection-cabinets-and-moto {
    font-size: 18px;
  }

  .activity-card {
    max-width: 100%;
  }

  .bold-text-4 {
    height: 80px;
  }

  .activity-card-ukr {
    max-width: 100%;
  }

  .acttekst2, .acttekst2:hover {
    font-size: 20px;
  }

  .actbox1, .actbox1-copy {
    max-width: 100%;
  }

  .actbox2-copy {
    max-width: 90%;
    height: 150px;
  }

  .container-2-copy {
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .box-1-copy-copy {
    grid-row-gap: 20px;
    padding-bottom: 5px;
  }

  .box-2-copy-copy {
    margin-bottom: 0;
    padding-top: 5px;
  }

  .professionalism-guarantees-experience-copy {
    width: 80%;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
  }

  .professionalism-guarantees-experience-copy:hover {
    font-size: 20px;
    font-weight: 500;
  }

  .vidcontini {
    padding-bottom: 10px;
  }

  .boxvsidini {
    width: 100%;
    padding: 60px 0 20px;
  }

  .vidtext1 {
    max-width: 100%;
    margin-top: 40px;
  }

  .vidcontini-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .boxvsidini-2 {
    padding: 10px 0 20px;
  }

  .vidtext1-copy {
    max-width: 100%;
  }

  .openwingow {
    width: 90%;
    max-width: none;
    padding: 10px 10px 20px;
    display: none;
  }

  .owtext {
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    display: block;
  }

  .form {
    width: 90%;
    max-width: none;
  }

  .owtext2 {
    font-size: 16px;
  }

  .button-3-copy {
    margin-top: 10px;
    margin-left: 40px;
    font-size: 15px;
  }

  .owtext-3 {
    font-size: 18px;
  }

  .xbox {
    left: 89%;
  }

  .container-member {
    padding-top: 0;
  }

  .number-box-member {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .boxmember {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .membertextmain {
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 400;
  }

  .membertextmain:hover {
    font-size: 21px;
  }

  .textboxmember {
    font-size: 16px;
  }

  .nbm2 {
    padding-left: 0;
    padding-right: 0;
  }

  .nbm2:hover {
    transform: scale(1)translate(0);
  }

  .mp1 {
    width: 190px;
    height: 70px;
  }

  .mp2 {
    width: 160px;
    height: 70px;
  }

  .mp3 {
    width: 150px;
    height: 60px;
  }

  .mp4 {
    width: 180px;
    height: 70px;
  }

  .mp5, .mp6, .mp7, .mp8 {
    height: 70px;
  }

  .htj {
    background-position: 50%;
  }

  .htjtext {
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 400;
  }

  .htjtext:hover {
    font-size: 21px;
  }

  .htj2text {
    font-size: 16px;
  }

  .htj2text:hover {
    font-size: 16px;
    font-weight: 400;
  }

  .memberform {
    max-width: 350px;
  }

  .membtext {
    font-size: 20px;
  }

  .button-3-copy-copy {
    width: 80%;
    margin-left: 20px;
    font-size: 14px;
  }

  .textboxcont {
    padding-top: 40px;
    padding-bottom: 10px;
  }

  .textboxcont-2 {
    padding-top: 20px;
  }

  .tnob {
    font-size: 16px;
  }

  .form222 {
    justify-content: center;
    align-items: center;
  }

  .ffffffffff {
    width: 250px;
    height: 200px;
    padding-top: 20px;
  }

  .ffffffffff:hover {
    transform: scale(1.1);
  }

  .container-news {
    padding-left: 10px;
    padding-right: 10px;
  }

  .collection-list-wrapper {
    margin-top: 0;
  }

  .collection-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .collection-item {
    padding-left: 0;
    padding-right: 0;
  }

  .datanewstext {
    font-size: 20px;
  }

  .heading-text {
    font-size: 20px;
    line-height: 30px;
  }

  .secondtextnews {
    font-size: 18px;
  }

  .newboxact {
    max-width: 90%;
    height: 150px;
  }

  .fgffggfg-copy {
    width: 140px;
    max-width: 60%;
  }

  .actbox1-copy-copy {
    max-width: 90%;
  }

  .drereereerer, .drereereerer:hover {
    font-size: 20px;
  }

  .our-identity-2-copy-copy, .our-identity-2-copy-copy:hover {
    font-size: 45px;
  }

  .gfffffffffffffffffffffffffffff {
    padding: 60px 20px 20px;
  }

  .mtpitalian-copy {
    text-align: center;
  }

  .mtpitalian-copy:hover {
    font-size: 20px;
  }

  .bold-text-5 {
    font-size: 16px;
  }

  .bold-text-6 {
    font-size: 16px;
    text-decoration: none;
  }

  .bold-text-7, .bold-text-8 {
    font-size: 16px;
  }

  .bold-text-9 {
    font-size: 18px;
  }

  .gtrrrrthhrrrtrr {
    font-size: 16px;
  }

  .gtrrrrthhrrrtrr:hover {
    font-size: 16px;
    line-height: 20px;
  }

  .rrhrthrhht {
    font-size: 15px;
  }

  .form-block {
    max-width: 250px;
  }

  .bold-text-10 {
    width: 40%;
    max-width: 40%;
    font-size: 20px;
    font-weight: 500;
  }

  .fhhhhffffffffffffffffff-copy-copy, .fgggggggggggggggggggggggggggggf-copy {
    width: 140px;
    max-width: 60%;
  }

  .nav-bar-2.nav-copy, .menu-nav-bar-copy.nav-copy {
    justify-content: center;
    align-items: center;
  }

  .menu-nav-bar-copy.nav-copy {
    justify-content: center;
    align-items: center;
  }

  .menu-nav-bar-copy.nav-copy-copy {
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }

  .rrhrthrhht-copy {
    font-size: 15px;
  }

  .e-mail-code, .e-mail-code-copy, .phone-code, .phone-call {
    font-size: 18px;
  }

  .image-18 {
    width: 50%;
    height: auto;
  }

  .fgnnmymy.traditional-energy {
    font-size: 16px;
  }

  .div-block-new-ver1 {
    width: 120%;
    padding: 10px;
    display: none;
  }

  .div-block-new-ver1:hover {
    width: 120%;
    display: none;
  }

  .tbid1 {
    font-size: 18px;
    line-height: 25px;
  }

  .dbnb3 {
    justify-content: center;
    align-items: center;
  }

  .dbnbtext {
    font-size: 16px;
  }

  .dbnb4 {
    justify-content: center;
    align-items: center;
  }

  .container-8-copy {
    padding-top: 20px;
  }

  .box-2-7-copy {
    width: 230px;
    height: 100px;
  }

  .ryjjrrjyyjjjjjjjjjjjjjjjjjjjjjjjj, .eteeeeeeeeh, .e-mail-corporateaueagmailcom-3-copy, .e-mail-corporateaueagmailcom-2-copy {
    font-size: 18px;
  }

  ._54454554h4545h45h, .rgtrtrtrtrttrrttr {
    flex-flow: column;
  }

  .trtttttttttttttttttttttt-copy {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .gfggfgfgfgfgf {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 14px;
  }

  .phone-fffff {
    font-size: 14px;
  }

  .tbid1-copy {
    font-size: 16px;
  }

  .dbnbtext-copy {
    font-size: 18px;
  }

  .rrrrrrrrrrrrrrrrrrrrrrrry, .dbnbtext-ghhhgghhggh {
    font-size: 16px;
  }

  .div-block-new-ver2 {
    width: 120%;
    padding: 10px;
    display: none;
  }

  .div-block-new-ver2:hover {
    width: 120%;
  }

  .tbid1-black {
    font-size: 18px;
  }

  .dbnbtext-ghhhgghhggh-bllack, .dbnbtext-black, .tbid1-copy-black {
    font-size: 16px;
  }

  .tbid1-copy-copy, .dbnbtext-copy {
    font-size: 18px;
  }

  .dbnbtext-copy-copy {
    font-size: 16px;
  }

  .dbnbtext-copy-black2 {
    font-size: 18px;
  }

  .rrrrrrrrrrrrrrrrrrrrrrrry-black {
    font-size: 16px;
  }

  .div-block-new-ver3 {
    width: 120%;
    padding: 10px;
    display: none;
  }

  .div-block-new-ver3:hover {
    width: 120%;
  }

  .image-6-uuuuuuuuuuuuuuuuuu {
    max-width: 90%;
  }

  .div-block-new-ver4 {
    width: 120%;
    padding: 10px;
    display: none;
  }

  .div-block-new-ver4:hover {
    width: 120%;
  }

  .div-block-4-2-copy-ogfgfgjgfo {
    width: 80%;
  }

  .t44444444444444 {
    max-width: 80%;
  }

  .slider-7, .slide-17, .slide-18, .slide-19, .slide-20 {
    width: 100%;
  }

  .dbnb2-2-2-gffgfgfgfgfg {
    justify-content: center;
    align-items: center;
  }

  .div-block-new-ver5 {
    width: 120%;
    padding: 10px;
    display: none;
  }

  .div-block-new-ver5:hover {
    width: 120%;
  }

  .slider-8, .slide-21, .slide-22, .slide-23, .slide-24 {
    width: 100%;
  }

  .div-block-new-ver6 {
    width: 120%;
    padding: 10px;
    display: none;
  }

  .div-block-new-ver6:hover {
    width: 120%;
  }

  .div-block-4-black-2 {
    height: 110px;
  }

  .tbid1-copy-black-copy {
    font-size: 16px;
  }

  .dbnb2-2-2-copy {
    justify-content: center;
    align-items: flex-end;
  }

  .slider-9, .slide-26, .slide-27, .slide-28, .slide-29, .slide-30 {
    width: 100%;
  }

  .div-block-new-ver7 {
    width: 120%;
    padding: 10px;
    display: none;
  }

  .div-block-new-ver7:hover {
    width: 120%;
  }

  .image-21 {
    max-width: 80%;
  }

  .slider-10, .slide-31, .slide-32, .slide-34, .slide-35 {
    width: 100%;
  }

  .div-block-new-ver8 {
    width: 120%;
    padding: 10px;
    display: none;
  }

  .div-block-new-ver8:hover {
    width: 120%;
  }

  .tbid1-copy-black-copy-hrryry {
    font-size: 16px;
  }

  .hhhhffhfhfhhffh {
    max-width: 70%;
    margin-right: 0;
  }

  .slide-36, .slide-37, .slide-38 {
    width: 100%;
  }

  .div-block-new-ver9 {
    width: 120%;
    padding: 10px;
    display: none;
  }

  .div-block-new-ver9:hover {
    width: 120%;
  }

  .slider-11, .slide-41, .slide-42 {
    width: 100%;
  }

  .proproblock, .proproblock-2, .proproblock-3, .proproblock-4, .proproblock-5, .proproblock-6, .proproblock-7 {
    margin-top: 0;
  }

  .projecs-name-newgem {
    margin-left: 20px;
    font-size: 25px;
  }

  .projecs-name-newgem.our-identity-4-copy, .projecs-name-newgem-copy.our-identity-4-copy, .projecs-name-newgem-copy.our-identity-4-copy {
    font-size: 35px;
  }

  .projecs-name-newgem-ggfgggfg {
    margin-left: 20px;
    font-size: 25px;
  }

  .projecs-name-newgem-ggfgggfg.our-identity-4-copy {
    font-size: 35px;
  }

  .projecs-name-newgem-copy-copy {
    margin-left: 20px;
    font-size: 25px;
  }

  .projecs-name-newgem-copy-copy.our-identity-4-copy {
    font-size: 35px;
  }

  .ghhghggggggggggggggggggggggggg {
    margin-left: 20px;
    font-size: 25px;
  }

  .ghhghggggggggggggggggggggggggg.our-identity-4-copy {
    font-size: 35px;
  }

  .jjjjjjhgc {
    margin-left: 20px;
    font-size: 25px;
  }

  .jjjjjjhgc.our-identity-4-copy {
    font-size: 35px;
  }

  .div-block-26 {
    margin-top: 0;
  }

  .image-28 {
    margin-top: 10px;
  }

  .div-block-27-pr {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
  }

  .jjjjjjhgc-bbvbvbvbv {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    padding-top: 12px;
    padding-right: 10px;
  }

  .jjjjjjhgc-bbvbvbvbv.our-identity-4-copy {
    font-size: 35px;
  }

  .ggffffffffff {
    width: 50%;
    padding-top: 0;
  }

  .jjjjjjhgc-bbvbvbvbv-copy.our-identity-4-copy {
    font-size: 35px;
  }

  .fggnrrnrny {
    margin-bottom: 10px;
    font-size: 18px;
  }

  ._01010-ukraine-kyiv-ivan-mazepa-str-b3-41-copy {
    font-size: 14px;
  }

  .e-mail-corporateaueagmailcom-3-copy-copy {
    font-size: 18px;
  }

  .e-mail-corporateaueagmailcom-2-copy-copy {
    font-size: 14px;
  }

  .teks-222-fjffgf {
    margin-bottom: 20px;
  }

  .dbnb2-2-2-ggggg, .dbnb2-2-2-coggggpy {
    justify-content: center;
    align-items: center;
  }

  .image-37 {
    max-width: 76%;
  }

  .image-38 {
    width: 55%;
    max-width: 80%;
  }

  .form-block-3 {
    width: 100%;
  }

  .image-yyyyyyt {
    width: auto;
    max-width: 40%;
  }

  .box-2-7-copy-hhhh {
    width: 230px;
    height: 100px;
  }

  .ttttttttttttttttttttt {
    font-size: 16px;
  }

  .collection-list-wrapper-uuuu {
    margin-top: 0;
  }

  .collection-list-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .collection-item-2 {
    width: 95%;
  }

  .datanewstext-copy {
    font-size: 20px;
  }

  .tbid1-copy-copy-copy {
    font-size: 16px;
  }

  .bold-text-9-copy {
    font-size: 18px;
  }

  .bold-text-9-copy-copy {
    font-size: 16px;
  }

  .textboxcont-copy {
    padding-top: 40px;
    padding-bottom: 10px;
  }

  .namep {
    font-size: 20px;
  }

  .textp {
    font-size: 18px;
  }

  .text-block-2-hgghghg, .text-block-2-hgghghg:hover {
    width: 79%;
  }

  .div-block-new-ver10 {
    width: 120%;
    padding: 10px;
    display: none;
  }

  .div-block-new-ver10:hover {
    width: 120%;
  }

  .slider-12new, .slide-1001new, .slide-1002new, .slide-1003newe {
    width: 100%;
  }

  .div-block-new-ver11 {
    width: 120%;
    padding: 10px;
    display: none;
  }

  .div-block-new-ver11:hover {
    width: 120%;
  }

  .div-block-4-cgfgfgfopy-fggfgf-copy {
    margin-right: 0;
  }

  .slider-13new, .slide-1004new, .slide-1005new, .slide-1006new {
    width: 100%;
  }

  .div-block-new-ver12 {
    width: 120%;
    padding: 10px;
    display: none;
  }

  .div-block-new-ver12:hover {
    width: 120%;
  }

  .vbvbbv-vbvb {
    width: 100%;
  }

  .tbid1-black-ddggg {
    font-size: 18px;
    line-height: 25px;
  }

  .slider-14new, .slide-1007new, .slide-1008new, .slide-1009newe, .slide-1010new {
    width: 100%;
  }

  .div-block-new-ver13 {
    width: 120%;
    padding: 10px;
    display: none;
  }

  .div-block-new-ver13:hover {
    width: 120%;
  }

  .div-block-4-cgfgfgfopy-fggfgf-copy-copy {
    height: 100px;
  }

  .fgrnnrrrnyrn {
    width: 50%;
  }

  .slider-15new, .slide-1011new, .slide-1012new, .slide-1013new {
    width: 100%;
  }

  .image-45 {
    width: 50%;
    max-width: 80%;
  }

  .image-47 {
    max-width: 70%;
  }

  .tbid1-copy-copy-copy-copy {
    font-size: 16px;
  }

  .our-vision-gfgfgfgfcopy, .our-vision-gfgfgfgfcopy:hover, .our-vision-chgghhghghgopy, .our-vision-chgghhghghgopy:hover, .our-vision-ggfgfgfgf, .our-vision-ggfgfgfgf:hover, .our-vision-rttrrr, .our-vision-rttrrr:hover, .our-vision-uyuyuyuyuy, .our-vision-uyuyuyuyuy:hover {
    font-size: 20px;
  }

  .menu-nav-bar-ukr.nav-copy {
    justify-content: center;
    align-items: center;
  }

  .menu-nav-bar-ukr.nav-uk {
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }

  .card-3-ukrwr, .card-4-ukr {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .association-structure-ukr {
    margin-top: 20px;
    padding-bottom: 10px;
    font-size: 30px;
    line-height: 100%;
  }

  .image-38-ukr {
    max-width: 90%;
  }

  .image-18-ukr {
    width: auto;
    height: 140px;
  }

  .our-identity-7-ukr, .our-identity-7-ukr:hover {
    font-size: 30px;
  }

  .button-3-copy-ukr {
    margin-top: 10px;
    margin-left: 40px;
    font-size: 15px;
  }

  .bold-text-3-div-ghyjy {
    text-align: center;
    align-self: stretch;
    width: 90%;
  }

  .bold-text-3-div-ghyjy:hover {
    align-self: center;
  }

  .div-block-3-fff-copy-gfffgf, .div-block-3-fff-copy-gfffgf:hover {
    width: 100%;
    height: 400px;
  }

  .text-block-2-fhhfhfhf {
    text-align: center;
    width: 90%;
    margin-right: 10px;
  }

  .text-block-2-fhhfhfhf:hover {
    width: 90%;
  }

  .bold-text-3-div-hghghghg {
    text-align: center;
    align-self: center;
    width: 90%;
    margin-right: 10px;
  }

  .bold-text-3-div-hghghghg:hover {
    align-self: center;
  }

  .text-block-2-div-1-ghhghg, .text-block-2-div-1-ghhghg:hover {
    width: 85%;
  }

  .image-5-hhghghg {
    height: 149.734px;
  }

  .div-block-3-fff-copy-ggfgf {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 380px;
  }

  .div-block-3-fff-copy-ggfgf:hover {
    width: 100%;
    height: 380px;
  }

  .text-block-3-divcopy-ygyy, .text-block-3-divcopy-ygyy:hover {
    width: 83%;
  }

  .ggffffffffff-ffddffd {
    width: 50%;
    padding-top: 0;
  }

  .image-38-fgg {
    width: 40%;
    max-width: 80%;
  }

  .text-block-3-divcopy-hghg {
    width: 79%;
  }

  .text-block-2-fhfhfhhf {
    text-align: center;
    width: 90%;
    margin-right: 10px;
  }

  .text-block-2-fhfhfhhf:hover {
    width: 90%;
  }

  .text-block-2fhfhcopy {
    text-align: center;
    width: 80%;
  }

  .text-block-2fhfhcopy:hover {
    width: 80%;
  }

  .rrtrtrtt {
    width: 90%;
    font-size: 30px;
  }

  .rrrrrhrtrth {
    max-width: 90%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .jggjgjj {
    max-width: 76%;
  }

  .fghhhhhhhhhhhhhhh {
    flex-flow: wrap;
  }

  .jyyjtyyy {
    font-size: 30px;
  }

  .jyyjtyyy:hover {
    font-size: 32px;
  }

  .yty-hggggggggggggg {
    width: 98%;
    font-size: 16px;
  }

  .hjjjjjjjjjjjjjjjjjjjjjjjj, .gjjjjjjjjjjjjjjjjjjjjjjj, .gjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj {
    font-size: 16px;
  }

  .fhhhhhhhhhhhhhhhhhhhhhhhhhhh.nav-copy-copy, .fhhhhhhhhhhhhhhhhhhhhhhhhhhh.hffffffffffffffffffffffffff {
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }

  .fhhhhhhhhhhhhhhhhhhhhhhhhhhh.nav-copy {
    justify-content: center;
    align-items: center;
  }

  .fhhhhhhhhhhhhhhhhhhhhhhhhhhh.nav-copy-copy, .fhhhhhhhhhhhhhhhhhhhhhhhhhhh.hffffffffffffffffffffffffff {
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }

  .ggfgfgfgfgffg {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .teks-24-5-ukr {
    max-width: none;
  }

  .image-7-ukr {
    max-width: 65%;
  }

  .gfggfgfgfgfgf-ghghhhg {
    font-size: 14px;
  }

  .gfggfgfgfgfgf-dffdfdfdfdfd {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 14px;
  }

  .card-4-9 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .jjjjjjhgc-bbvbvbvbv-copy-copy.our-identity-4-copy {
    font-size: 35px;
  }

  .button-3-copy-copy {
    margin-top: 10px;
    margin-left: 40px;
    font-size: 15px;
  }

  .menu-nav-bar-copy-pro.nav-copy-copy, .menu-nav-bar-copy-pro.nav-copy-copy-pro {
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }

  .menu-nav-bar-copy-pro.nav-copy {
    justify-content: center;
    align-items: center;
  }

  .menu-nav-bar-copy-pro.nav-copy-copy, .menu-nav-bar-copy-pro.nav-copy-copy-pro {
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }

  .datanewstext-copy-2 {
    font-size: 20px;
  }

  .heading-text-copy {
    font-size: 20px;
    line-height: 30px;
  }

  .secondtextnews-copy {
    font-size: 18px;
  }
}