.vector-icon {
  height: 87.5%;
  width: 57.29%;
  right: 4.18%;
  bottom: -2.16%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  opacity: 0.6;
}
.text {
  position: relative;
}
.btn,
.btn1 {
  border-radius: var(--br-8xs);
  display: flex;
  flex-direction: row;
  padding: var(--padding-sm) var(--padding-21xl);
  align-items: flex-start;
  justify-content: flex-start;
}
.btn1 {
}
.h1,
.h1 h1,
.text2 {
  display: inline-block;
}
.text2 {
  font-size: var(--font-size-base);
  line-height: 22px;
  width: 445px;
}
.h1,.h1 h1 {
  font-size: var(--h1-size);
  line-height: 54px;
  color: var(--green);
  width: 859px;
}
.btn2,
.h1,
.h1 h1,
.text3 {
}
.text3 {
  font-size: 30px;
  line-height: 44px;
  display: inline-block;
  width: 811px;
}
.btn2 {
  border-radius: var(--br-8xs);
  background: linear-gradient(90deg, #48b037, #1ab0ea 52.65%, #00b1b1);
  display: flex;
  flex-direction: row;
  padding: var(--padding-5xl) var(--padding-101xl);
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-child {
  position: relative;
  width: 0;
  height: 60px;
}
.text5 {
  position: relative;
  line-height: 20px;
  display: inline-block;
  width: 432px;
  flex-shrink: 0;
}
.line-parent {
  width: 456px;
  height: 60px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 23px;
}
.text-parent {
  width: 859px;
  height: 331px;
}
.text6 {
  font-weight: 500;
}
.icon,
.icon1 {
  height: 49px;
  overflow: hidden;
}
.icon {
  width: 124px;
}
.icon1 {
  width: 114px;
}
.div1,
.icon1,
.menu {
}
.div1 {
  border-radius: var(--br-xl) 0 0 var(--br-xl);
  background-color: var(--color-white);
  backdrop-filter: blur(4px);
  width: 170px;
  height: 97px;
  overflow: hidden;
  color: #a8aab7;
}
.menu {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-11xl);
}
.div,
.icon2 {
  overflow: hidden;
}
.icon2 {
  height: 5.63%;
  width: 13.75%;
  right: 76.53%;
  bottom: 91.9%;
  max-width: 100%;
  max-height: 100%;
}
.div {
  background: linear-gradient(61.73deg, #1f1e23, #0f290e);
  width: 1440px;
  height: 880px;
  color: var(--color-white);
}
.group-icon,
.h3 {
  position: relative;
}
.h3 {
  font-weight: 600;
}
.group-icon {
  width: 142.3px;
}
.div3 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  width: 334px;
  height: 131px;
  display: flex;
  flex-direction: column;
  padding: var(--padding-2xs) var(--padding-52xl) var(--padding-2xs) 72px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-end;
  gap: var(--gap-3xs);
}
.div3,
.div4,
.icon3 {
  overflow: hidden;
}
.icon3 {
  position: relative;
  width: 175px;
  height: 60px;
  flex-shrink: 0;
}
.div4 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  width: 332px;
  height: 131px;
  display: flex;
  flex-direction: column;
  padding: var(--padding-2xs) 70px var(--padding-2xs) var(--padding-52xl);
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-end;
  gap: var(--gap-mini);
}
.gubkin-logo-1-icon {
  position: relative;
  width: 205.71px;
  height: 80px;
  object-fit: cover;
}
.div5,
.icon4 {
  border-radius: var(--br-3xs);
  overflow: hidden;
}
.div5 {
  background-color: var(--color-white);
  width: 334px;
  height: 131px;
  display: flex;
  flex-direction: column;
  padding: var(--padding-2xs) var(--padding-29xl);
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
.icon4 {
  width: 142px;
  height: 128px;
}
.icon5 {
  position: relative;
  width: 102px;
  height: 51px;
  object-fit: cover;
}
.div6 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  box-shadow: 0 74px 21px transparent, 0 47px 19px rgba(0, 0, 0, 0.01),
    0 26px 16px rgba(0, 0, 0, 0.05), 0 12px 12px rgba(0, 0, 0, 0.09),
    0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0.1);
  width: 104px;
  height: 59px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.icon6 {
  position: relative;
  width: 90px;
  height: 49px;
  object-fit: cover;
}
.div7,
.icon7 {
  border-radius: var(--br-3xs);
  overflow: hidden;
}
.div7 {
  background-color: var(--color-white);
  box-shadow: 0 74px 21px transparent, 0 47px 19px rgba(0, 0, 0, 0.01),
    0 26px 16px rgba(0, 0, 0, 0.05), 0 12px 12px rgba(0, 0, 0, 0.09),
    0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0.1);
  width: 104px;
  height: 59px;
  display: flex;
  flex-direction: column;
  padding: 0 5px;
  box-sizing: border-box;
  align-items: flex-end;
  justify-content: flex-start;
}
.icon7 {
  width: 142px;
  height: 128px;
}
.lukoil-1-icon {
  position: relative;
  width: 66px;
  height: 50px;
  object-fit: cover;
}
.div8,
.icon8,
.vk-cloud {
  overflow: hidden;
}
.div8 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  box-shadow: 0 74px 21px transparent, 0 47px 19px rgba(0, 0, 0, 0.01),
    0 26px 16px rgba(0, 0, 0, 0.05), 0 12px 12px rgba(0, 0, 0, 0.09),
    0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0.1);
  width: 104px;
  height: 59px;
  display: flex;
  flex-direction: column;
  padding: 4px 0;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-end;
}
.icon8,
.vk-cloud {
  width: 142px;
  height: 128px;
}
.icon8 {
  border-radius: var(--br-3xs);
}
.vk-cloud {
}
.bimeister-2-icon,
.div9,
.vk-cloud {
  border-radius: var(--br-3xs);
}
.bimeister-2-icon {
  position: relative;
  width: 94px;
  height: 18px;
  object-fit: cover;
}
.div9 {
  background-color: var(--color-white);
  box-shadow: 0 74px 21px transparent, 0 47px 19px rgba(0, 0, 0, 0.01),
    0 26px 16px rgba(0, 0, 0, 0.05), 0 12px 12px rgba(0, 0, 0, 0.09),
    0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0.1);
  width: 104px;
  height: 59px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: var(--padding-xl) 3px;
  box-sizing: border-box;
  align-items: flex-end;
  justify-content: flex-end;
}
.nedra-digital-1 {
  position: relative;
  width: 49px;
  height: 29px;
  object-fit: cover;
}
.div10 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  box-shadow: 0 74px 21px transparent, 0 47px 19px rgba(0, 0, 0, 0.01),
    0 26px 16px rgba(0, 0, 0, 0.05), 0 12px 12px rgba(0, 0, 0, 0.09),
    0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0.1);
  width: 104px;
  height: 59px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0 var(--padding-7xl);
  box-sizing: border-box;
  align-items: flex-end;
  justify-content: center;
}
.div10,
.div2,
.h33 {
}
.h33 {
  font-size: var(--h3-size);
  font-weight: 600;
  color: var(--color-black);
  text-align: left;
}
.div2 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  box-shadow: 0 205px 58px transparent, 0 131px 53px rgba(0, 0, 0, 0.01),
    0 74px 44px rgba(0, 0, 0, 0.05), 0 33px 33px rgba(0, 0, 0, 0.09),
    0 8px 18px rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0.1);
  width: 1160px;
  height: 424px;
  overflow: hidden;
  text-align: center;
  font-size: var(--font-size-base);
  color: var(--grey);
}
.child,
.h2 {
}
.child {
  width: 0;
  height: 50px;
}
.h2 {
  font-size: var(--h2-size);
  line-height: 46px;
}
.text11,
.text12 {
  line-height: 26px;
  display: inline-block;
}
.text11 {
  width: 978px;
}
.text12 {
  position: relative;
  width: 520px;
}
.div12 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  border: 2px dashed var(--green);
  box-sizing: border-box;
  width: 570px;
  height: 200px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.text13 {
  position: relative;
  line-height: 26px;
  display: inline-block;
  width: 486px;
}
.div13 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  border: 2px dashed var(--green);
  box-sizing: border-box;
  width: 570px;
  height: 175px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: var(--padding-29xl) var(--padding-7xl);
  align-items: flex-start;
  justify-content: flex-end;
}
.vector-illustration-icon {
  width: 579px;
  height: 269px;
  opacity: 0.7;
}
.text14 {
  line-height: 26px;
  display: inline-block;
  width: 455px;
}
.div11,
.div14,
.text14 {
}
.div14 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  border: 2px dashed var(--green);
  box-sizing: border-box;
  width: 570px;
  height: 395px;
  overflow: hidden;
}
.div11 {
  width: 1160px;
  height: 597px;
  font-size: var(--link-size);
}
.inner,
.item {
  width: 1440px;
  height: 1627px;
}
.inner {
  height: 571px;
}
.h21 {
  font-size: var(--h2-size);
  line-height: 46px;
  color: var(--color-white);
}
.div17,
.div18,
.h21 {
}
.div17 {
  font-weight: 900;
  background: linear-gradient(90deg, #48b037, #1ab0ea 52.65%, #00b1b1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.div18 {
  font-size: var(--link-size);
  line-height: 26px;
  display: inline-block;
  width: 308px;
}
.div16,
.div19,
.div22,
.div25,
.div28 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  width: 379px;
  height: 204px;
  overflow: hidden;
}
.div19,
.div22,
.div25,
.div28 {
}
.div22,
.div25,
.div28 {
}
.div25,
.div28 {
}
.div28 {
}
.div31,
.div34 {
}
.div31 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  width: 379px;
  height: 204px;
  overflow: hidden;
}
.div34 {
}
.div34,
.div37,
.div40 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  width: 379px;
  height: 204px;
  overflow: hidden;
}
.div37 {
}
.div40 {
}
.div40,
.h22,
.icon9 {
}
.icon9 {
  height: 61.03%;
  width: 63.09%;
  right: 36.91%;
  bottom: -16.66%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  display: none;
  opacity: 0.6;
}
.h22 {
  font-size: var(--h2-size);
  line-height: 46px;
  color: var(--color-white);
}
.p {
  margin: 0;
}
.text15 {
  bottom: 30px;
  font-weight: 600;
  display: inline-block;
  width: 346px;
}
.div43,
.icon10 {
  width: 82px;
  height: 82px;
  overflow: hidden;
}
.div43 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  width: 379px;
  height: 204px;
  font-size: var(--h3-size);
}
.text16 {
  bottom: 30px;
  font-weight: 600;
  display: inline-block;
  width: 250px;
}
.div44,
.text16,
.text17 {
}
.div44 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  width: 379px;
  height: 204px;
  overflow: hidden;
  font-size: var(--h3-size);
}
.text17 {
  font-weight: 600;
  display: inline-block;
  width: 300px;
}
.div45,
.icon12 {
  overflow: hidden;
}
.icon12 {
  height: 40.2%;
  right: 0;
  bottom: 54.9%;
  max-height: 100%;
  width: 82px;
}
.div45 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  width: 379px;
  height: 204px;
  font-size: var(--h3-size);
}
.text18 {
  font-weight: 600;
  display: inline-block;
  width: 277px;
}
.div46,
.text18,
.text19 {
}
.div46 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  width: 379px;
  height: 204px;
  overflow: hidden;
  font-size: var(--h3-size);
}
.text19 {
  font-weight: 600;
  display: inline-block;
  width: 318px;
}
.cdo-icon {
  right: 0;
  width: 82px;
  height: 82px;
  overflow: hidden;
}
.div47 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  width: 379px;
  height: 204px;
  overflow: hidden;
  font-size: var(--h3-size);
}
.div47,
.div48,
.text20 {
}
.text20 {
  font-weight: 600;
  display: inline-block;
  width: 299px;
}
.div48 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  width: 379px;
  height: 204px;
  overflow: hidden;
  font-size: var(--h3-size);
}
.cta-child,
.div15 {
  width: 1440px;
}
.div15 {
  height: 1627px;
  font-size: var(--font-size-81xl);
}
.cta-child {
  height: 314px;
}
.text21 {
  line-height: 54px;
  display: inline-block;
  width: 575px;
}
.btn-child {
  width: 520px;
  height: 120px;
}
.btn-child,
.btn3,
.text22 {
}
.text22 {
  text-transform: uppercase;
  background: linear-gradient(90deg, #48b037, #1ab0ea 52.65%, #00b1b1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.btn3 {
  width: 520px;
  height: 120px;
  font-size: var(--link-size);
}
.cta,
.rectangle-icon {
  width: 1440px;
}
.cta {
  height: 314px;
  font-size: var(--h1-size);
  color: var(--color-white);
}
.rectangle-icon {
  height: 1067px;
}
.h23,
.h34,
.text23 {
  display: inline-block;
}
.h23 {
  font-size: var(--h2-size);
  line-height: 46px;
  width: 360px;
}
.h34,
.text23 {
  position: relative;
  width: 900px;
}
.h34 {
  font-weight: 600;
}
.text23 {
  font-size: var(--link-size);
  line-height: 26px;
}
.h3-container,
.h3-group,
.h3-parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.h3-container,
.h3-group {
}
.h3-container {
}
.icon15 {
  width: 50.29px;
}
.icon15,
.icon16,
.icon17 {
  height: 66px;
  overflow: hidden;
}
.icon16 {
  width: 66px;
}
.icon17 {
  width: 70.58px;
}
.avatar,
.icon17,
.name {
}
.avatar {
  border-radius: 50%;
  background-color: var(--color-gainsboro);
  width: 140px;
  height: 140px;
}
.name {
  font-weight: 600;
  color: var(--green);
}
.div51 {
  font-size: var(--font-size-sm);
}
.div50,
.div51,
.text26 {
}
.text26 {
  font-size: var(--link-size);
  line-height: 26px;
  display: inline-block;
  width: 800px;
}
.div50 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  box-shadow: 0 205px 58px transparent, 0 131px 53px rgba(0, 0, 0, 0.01),
    0 74px 44px rgba(0, 0, 0, 0.05), 0 33px 33px rgba(0, 0, 0, 0.09),
    0 8px 18px rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0.1);
  width: 1160px;
  height: 457px;
  overflow: hidden;
  color: var(--color-black);
}
.div49 {
  width: 1440px;
  height: 1372px;
  font-size: var(--h3-size);
  color: var(--color-white);
}
.div49,
.div55,
.h24 {
}
.h24 {
  font-size: var(--h2-size);
  line-height: 46px;
  color: var(--color-black);
}
.div55 {
  font-size: var(--link-size);
  line-height: 26px;
  display: inline-block;
  width: 283px;
}
.div53,
.div56,
.div59,
.div62 {
  border-radius: var(--br-3xs);
  background: linear-gradient(61.73deg, #1f1e23, #0f290e);
  width: 380px;
  height: 204px;
  overflow: hidden;
}
.div56,
.div59,
.div62 {
}
.div59,
.div62 {
}
.div62 {
}
.div66 {
  position: relative;
  line-height: 26px;
  font-weight: 600;
  display: inline-block;
  width: 283px;
}
.div65,
.div67 {
  border-radius: var(--br-3xs);
  width: 380px;
  height: 204px;
  overflow: hidden;
}
.div65 {
  border: 2px dashed var(--green);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: var(--padding-11xl) 25px;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: var(--link-size);
  color: var(--color-black);
}
.div67 {
  background: linear-gradient(61.73deg, #1f1e23, #0f290e);
}
.ul {
  margin: 0;
}
.text27,
.text28 {
  font-size: var(--font-inherit);
  line-height: 12px;
  display: inline-block;
  font-family: var(--font-inherit);
  width: 283px;
}
.text28 {
  width: 215px;
}
.div52 {
  width: 1160px;
  height: 504px;
  font-size: var(--font-size-81xl);
  color: var(--color-white);
}
.div52,
.h25,
.icon18 {
}
.icon18 {
  width: 334px;
  height: 4px;
}
.h25 {
  font-size: var(--h2-size);
  line-height: 46px;
}
.div73 {
  position: relative;
  font-size: var(--font-size-sm);
  line-height: 26px;
}
.parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.frame-item {
  position: relative;
  width: 380px;
  height: 0;
}
.frame-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.div74 {
  position: relative;
  font-size: var(--font-size-sm);
  line-height: 22px;
  display: inline-block;
  width: 380px;
}
.div71,
.div75,
.div79 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
}
.div75,
.div79 {
}
.div79 {
}
.div70 {
  width: 1182px;
  height: 444px;
  font-size: var(--link-size);
}
.div70,
.h26,
.icon19 {
}
.icon19 {
  width: 37px;
  height: 32px;
  overflow: hidden;
}
.h26 {
  font-size: var(--h2-size);
  line-height: 46px;
  display: inline-block;
  width: 411px;
}
.icon20 {
  width: 133px;
  height: 38px;
  overflow: hidden;
}
.icon20,
.link,
.text29 {
}
.text29 {
  line-height: 22px;
  display: inline-block;
  width: 503px;
}
.link {
  line-height: 26px;
  color: var(--blue);
}
.div84,
.div85,
.icon21 {
  overflow: hidden;
}
.div84 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  border: 2px dashed var(--green);
  box-sizing: border-box;
  width: 570px;
  height: 380px;
}
.div85,
.icon21 {
  width: 103px;
  height: 37px;
}
.div85 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  border: 2px dashed var(--green);
  box-sizing: border-box;
  width: 570px;
  height: 380px;
}
.child1,
.div83,
.icon22 {
  width: 1160px;
  height: 466px;
}
.child1,
.icon22 {
  width: 1440px;
  height: 1045px;
}
.icon22 {
  height: 78.31%;
  width: 39.86%;
  right: 0;
  bottom: 0.01%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  opacity: 0.6;
}
.div89,
.h27 {
  position: relative;
}
.h27 {
  line-height: 46px;
  display: inline-block;
  width: 874px;
}
.div89 {
  flex: 1;
  line-height: 26px;
}
.wrapper {
  border: 1px solid var(--color-black);
  box-sizing: border-box;
  width: 841px;
  display: flex;
  flex-direction: row;
  padding: var(--padding-base) var(--padding-481xl) var(--padding-base)
    var(--padding-3xs);
  align-items: flex-start;
  justify-content: flex-start;
}
.div91 {
  position: relative;
  line-height: 26px;
  z-index: 0;
}
.icon23 {
  margin: 0 !important;
  width: 12px;
  height: 7.41px;
  z-index: 1;
}
.email,
.parent1 {
  position: relative;
}
.parent1 {
  border: 1px solid var(--color-black);
  box-sizing: border-box;
  width: 841px;
  display: flex;
  flex-direction: row;
  padding: var(--padding-base) var(--padding-481xl) var(--padding-base)
    var(--padding-3xs);
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.email {
  line-height: 26px;
}
.frame-div,
.wrapper4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.wrapper4 {
  border-radius: var(--br-8xs);
  background-color: var(--green);
  flex-direction: row;
  padding: var(--padding-xl) 80px;
  color: var(--color-white);
}
.frame-div {
  flex-direction: column;
  gap: var(--gap-11xl);
}
.rectangle-div {
  position: relative;
  background-color: var(--color-gainsboro);
  width: 12px;
  height: 12px;
}
.rectangle-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  font-size: var(--font-size-xs);
}
.div87,
.div88 {
  display: flex;
  flex-direction: column;
}
.div88 {
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
  text-align: left;
  font-size: var(--link-size);
}
.div87 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  box-shadow: 0 205px 58px transparent, 0 131px 53px rgba(0, 0, 0, 0.01),
    0 74px 44px rgba(0, 0, 0, 0.05), 0 33px 33px rgba(0, 0, 0, 0.09),
    0 8px 18px rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0.1);
  width: 1160px;
  height: 951px;
  overflow: hidden;
  padding: 0 143px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.div86,
.div87,
.icon24 {
}
.div86 {
  width: 1736.05px;
  height: 1075px;
  text-align: center;
  font-size: var(--h2-size);
}
.icon24 {
  height: 21.33%;
  width: 18.06%;
  right: 72.15%;
  bottom: 62.85%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.b,
.div98 {
  font-size: var(--font-size-xs);
}
.b {
  font-size: var(--link-size);
  line-height: 26px;
}
.parent2,
.parent3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
  font-size: var(--font-size-sm);
}
.parent2 {
  gap: var(--gap-mini);
  font-size: var(--link-size);
}
.div104 {
  line-height: 26px;
}
.studyzyfracom {
  line-height: 26px;
}
.btn4,
.icon25,
.studyzyfracom {
}
.icon25 {
  height: 4.59%;
  width: 1.25%;
  right: 61.25%;
  bottom: 44.59%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.btn4 {
  border-radius: var(--br-8xs);
  background: linear-gradient(90deg, #48b037, #1ab0ea 52.65%, #00b1b1);
  width: 258px;
  display: flex;
  flex-direction: row;
  padding: var(--padding-5xl) var(--padding-101xl);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
}
.div97,
.phone-icon {
  overflow: hidden;
}
.phone-icon {
  height: 5.9%;
  width: 1.25%;
  right: 61.32%;
  bottom: 55.74%;
  max-width: 100%;
  max-height: 100%;
}
.div97 {
  background-color: var(--color-white);
  width: 1440px;
  height: 305px;
}
.frame-parent2,
.name-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.name-parent {
  align-self: stretch;
  gap: var(--gap-9xs);
}
.frame-parent2 {
  gap: var(--gap-3xs);
  z-index: 0;
}
.child2 {
  position: relative;
  border-radius: var(--br-3xs);
  background-color: var(--color-gainsboro);
  width: 379px;
  height: 280px;
  z-index: 1;
}
.video-icon {
  margin: 0 !important;
  width: 32px;
  height: 32px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 2;
}
.div106,
.div107 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.div106 {
}
.div107 {
}
.div105,
.div107,
.div108 {
}
.div108 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.div105 {
  width: 1160px;
  height: 448px;
  font-size: var(--link-size);
}
.b3 {
  font-size: var(--h2-size);
  line-height: 46px;
}
.b3,
.b4,
.child5 {
}
.b4 {
  text-transform: uppercase;
}
.child5 {
  border-right: 1px dashed var(--green);
  box-sizing: border-box;
  width: 1px;
  height: 71px;
}
.ellipse-div {
  border-radius: 50%;
  background: linear-gradient(90deg, #48b037, #1ab0ea 52.65%, #00b1b1);
  width: 5px;
  height: 5px;
}
.icon26 {
  width: 32px;
  height: 32px;
}
.noun-chatbox-round-4422677-1-icon {
  position: relative;
  width: 32px;
  height: 32px;
  overflow: hidden;
  flex-shrink: 0;
}
.div111 {
  position: relative;
  display: inline-block;
  width: 318px;
  flex-shrink: 0;
}
.noun-chatbox-round-4422677-1-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 3px;
}
.div110 {
  width: 399px;
  height: 104px;
}
.b5 {
  text-transform: uppercase;
  display: inline-block;
  width: 478px;
}
.b5,
.child6,
.div113 {
}
.child6 {
  border-right: 1px dashed var(--green);
  box-sizing: border-box;
  width: 1px;
  height: 432px;
}
.div113 {
  display: inline-block;
  width: 202px;
}
.frame-child4 {
  border-radius: 50%;
  background: linear-gradient(90deg, #48b037, #1ab0ea 52.65%, #00b1b1);
  width: 5px;
  height: 5px;
}
.parent4 {
  width: 255px;
  height: 32px;
}
.div114 {
  display: inline-block;
  width: 280px;
}
.noun-chatbox-round-4422677-2-icon {
  width: 32px;
  height: 32px;
  overflow: hidden;
}
.parent5 {
  width: 333px;
  height: 41px;
}
.div115 {
  display: inline-block;
  width: 272px;
}
.parent6 {
  width: 325px;
  height: 41px;
}
.div116 {
  display: inline-block;
  width: 341px;
}
.parent7,
.parent8,
.parent9 {
  width: 394px;
  height: 32px;
}
.parent8,
.parent9 {
  height: 41px;
}
.parent9 {
  height: 32px;
}
.div119 {
  display: inline-block;
  width: 375px;
}
.parent10,
.parent11 {
  width: 428px;
  height: 32px;
}
.parent11 {
  height: 41px;
}
.div121 {
  display: inline-block;
  width: 316px;
}
.parent12 {
  width: 369px;
  height: 41px;
}
.div122 {
  display: inline-block;
  width: 333px;
}
.div112,
.parent13 {
  width: 386px;
  height: 41px;
}
.div112 {
  width: 494px;
  height: 468px;
}
.icon28,
.icon29,
.icon30 {
  width: 334px;
  height: 4px;
}
.icon29,
.icon30 {
  width: 37px;
  height: 32px;
  overflow: hidden;
}
.icon30 {
}
.div109 {
  width: 1097px;
  height: 673px;
}
.child7,
.div109,
.h28 {
}
.child7 {
  background: linear-gradient(61.73deg, #1f1e23, #0f290e);
  width: 1440px;
  height: 2030px;
}
.h28 {
  font-size: var(--h2-size);
  line-height: 46px;
}
.child8 {
  position: relative;
  border-radius: var(--br-3xs);
  background-color: var(--color-gainsboro);
  width: 1100px;
  height: 548px;
}
.video-icon3 {
  position: relative;
  width: 48px;
  height: 48px;
  overflow: hidden;
  flex-shrink: 0;
}
.div124 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  box-shadow: 0 205px 58px transparent, 0 131px 53px rgba(0, 0, 0, 0.01),
    0 74px 44px rgba(0, 0, 0, 0.05), 0 33px 33px rgba(0, 0, 0, 0.09),
    0 8px 18px rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0.1);
  width: 1160px;
  height: 608px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: var(--padding-11xl);
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-end;
}
.div126 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  width: 177px;
}
.parent14 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.b6 {
  position: relative;
  line-height: 26px;
  color: var(--blue);
}
.div125,
.div129,
.div133,
.div137,
.div141,
.frame-parent5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-74xl);
}
.div125,
.div129,
.div133,
.div137,
.div141 {
  width: 373px;
  flex-direction: row;
  gap: var(--gap-xl);
}
.div129,
.div133,
.div137,
.div141 {
}
.div133,
.div137,
.div141 {
}
.div137,
.div141 {
}
.div141 {
}
.instance-child {
  position: relative;
  border-radius: var(--br-3xs);
  width: 180px;
  height: 220px;
  object-fit: cover;
}
.rectangle-container,
.rectangle-group {
  width: 374px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.rectangle-container {
}
.rectangle-parent1,
.rectangle-parent2,
.rectangle-parent3,
.rectangle-parent4,
.rectangle-parent5,
.rectangle-parent6,
.rectangle-parent7,
.rectangle-parent8 {
  width: 374px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.rectangle-parent2,
.rectangle-parent3,
.rectangle-parent4,
.rectangle-parent5,
.rectangle-parent6,
.rectangle-parent7,
.rectangle-parent8 {
}
.rectangle-parent3,
.rectangle-parent4,
.rectangle-parent5,
.rectangle-parent6,
.rectangle-parent7,
.rectangle-parent8 {
}
.rectangle-parent4,
.rectangle-parent5,
.rectangle-parent6,
.rectangle-parent7,
.rectangle-parent8 {
  width: 373px;
}
.rectangle-parent5,
.rectangle-parent6,
.rectangle-parent7,
.rectangle-parent8 {
}
.rectangle-parent6,
.rectangle-parent7,
.rectangle-parent8 {
}
.rectangle-parent7,
.rectangle-parent8 {
}
.rectangle-parent8 {
}
.b21 {
  font-size: var(--h2-size);
  line-height: 46px;
}
.b21,
.div123,
.h29 {
}
.div123 {
  width: 1440px;
  height: 2315px;
  font-size: var(--link-size);
  color: var(--color-white);
}
.h29 {
  line-height: 46px;
}
.div176,
.div177 {
  position: relative;
}
.div176 {
  line-height: 100px;
  font-weight: 900;
  background: linear-gradient(90deg, #48b037, #1ab0ea 52.65%, #00b1b1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.div177 {
  font-size: var(--h3-size);
  font-weight: 600;
}
.inner1,
.parent44 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.parent44 {
  width: 255px;
  height: 137px;
  gap: var(--gap-3xs);
}
.inner1 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  border: 2px dashed var(--green);
  box-sizing: border-box;
  width: 380px;
  height: 240px;
  overflow: hidden;
  padding: var(--padding-31xl) var(--padding-5xl);
  font-size: var(--font-size-61xl);
}
.noun-graduation-2908648-1-icon {
  width: 94px;
  height: 56px;
  overflow: hidden;
}
.b22 {
  line-height: 46px;
  display: inline-block;
  width: 724px;
}
.noun-graduation-2908648-1-parent {
  border-radius: var(--br-3xs);
  background-color: var(--green);
  width: 770px;
  height: 240px;
  overflow: hidden;
  color: var(--color-white);
}
.inner2,
.parent45 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.parent45 {
  width: 198px;
  height: 137px;
  gap: var(--gap-3xs);
}
.inner2 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  border: 2px dashed var(--green);
  box-sizing: border-box;
  width: 380px;
  height: 240px;
  overflow: hidden;
  padding: var(--padding-31xl) var(--padding-5xl);
  font-size: var(--font-size-61xl);
}
.b23 {
  position: relative;
  line-height: 46px;
}
.inner3,
.parent46,
.wrapper5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.wrapper5 {
  border-radius: var(--br-3xs);
  background-color: var(--green);
  width: 380px;
  height: 240px;
  overflow: hidden;
  padding: var(--padding-31xl) var(--padding-5xl);
  box-sizing: border-box;
  justify-content: flex-end;
  color: var(--color-white);
}
.inner3,
.parent46 {
  justify-content: flex-start;
}
.parent46 {
  width: 243px;
  height: 137px;
  gap: var(--gap-3xs);
}
.inner3 {
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  border: 2px dashed var(--green);
  box-sizing: border-box;
  width: 380px;
  height: 240px;
  overflow: hidden;
  padding: var(--padding-31xl) var(--padding-5xl);
  font-size: var(--font-size-61xl);
}
.noun-test-3129866-1-icon {
  width: 58px;
  height: 66px;
  overflow: hidden;
}
.div175 {
  width: 1160px;
  height: 582px;
  font-size: var(--h2-size);
}
.desktop-4 {
  position: relative;
  background-color: var(--color-white);
  width: 100%;
  height: 13328px;
  overflow: hidden;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--color-black);
  font-family: var(--h3);
}