Technical-Support-IT/web/css/Index.css

.index.main {
  display: flex;
  flex-direction: column;
  background-color: white;
  overflow: hidden;
}
.index .section1 {
  display: flex;
  flex-direction: column;
  width: auto;
  height: 5200px;
  min-height: 5200px;
}

.e20_36 { 
  position: absolute;
  top: 3900px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: auto;
  height: 1300px;
}
.e11_2 { 
	background-color:rgba(59.00000028312206, 59.00000028312206, 65.0000037252903, 1);
  position: absolute;
  top: 10px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  height: 1300px;
}
.e17_26 { 
	width:815px;
	height:1015px;
	position:absolute;
	left:1012px;
	top:142px;
	border-top-left-radius:40px;
	border-top-right-radius:40px;
	border-bottom-left-radius:40px;
	border-bottom-right-radius:40px;
  background-image:url(woman.png);
	background-size:cover;
  background-repeat:no-repeat;
}
.e20_33 { 
	width:76px;
	height:76px;
	position:absolute;
	left:124px;
	top:356px;
	background-image:url(chat.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.e20_34 { 
	width:75px;
	height:75px;
	position:absolute;
	left:125px;
	top:254px;
	background-image:url(sms.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.e20_35 { 
	width:73px;
	height:73px;
	position:absolute;
	left:125px;
	top:151px;
	background-image:url(contact.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.e20_15 { 
	background-color:rgba(217.0000022649765, 217.0000022649765, 217.0000022649765, 1);
	width:749px;
	height:67px;
	position:absolute;
	left:228px;
	top:154px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}
.e20_21 { 
	background-color:rgba(217.0000022649765, 217.0000022649765, 217.0000022649765, 1);
	width:749px;
	height:67px;
	position:absolute;
	left:225px;
	top:258px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}
.e20_24 { 
	background-color:rgba(217.0000022649765, 217.0000022649765, 217.0000022649765, 1);
	width:749px;
	height:797px;
	position:absolute;
	left:225px;
	top:360px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}

.index .rect {
  position: absolute;
  top: 2715px;
  right: 1368px;
  bottom: 1431px;
  left: 93px;
  width: 459px;
  height: 1054px;
  background-color: #3b3b41;
  border-radius: 40px 40px 40px 40px;
}
.index .rect1 {
  position: absolute;
  top: 3242px;
  right: 1404px;
  bottom: 1472px;
  left: 129px;
  width: 387px;
  height: 486px;
  background-color: #d9d9d9;
  border-radius: 40px 40px 40px 40px;
}
.index .big_title {
  position: absolute;
  top: 3264px;
  right: 1415px;
  bottom: 1576px;
  left: 136px;
  display: flex;
  justify-content: center;
  width: 369px;
  height: 360px;
  font: 400 37px/1.21 "Inter", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
.index .big_title1 {
  position: absolute;
  top: 4057px;
  right: 1587px;
  bottom: 1098px;
  left: 247px;
  display: flex;
  justify-content: center;
  width: 86px;
  height: 45px;
  font: 400 37px/1.21 "Inter", Helvetica, Arial, serif;
  color: #3b3b41;
  text-align: center;
}
.index .big_title11 {
  position: absolute;
  top: 4161px;
  right: 1564px;
  bottom: 994px;
  left: 247px;
  display: flex;
  justify-content: center;
  width: 109px;
  height: 45px;
  font: 400 37px/1.21 "Inter", Helvetica, Arial, serif;
  color: #3b3b41;
  text-align: center;
}
.index .big_title12 {
  position: absolute;
  top: 4263px;
  right: 1445px;
  bottom: 892px;
  left: 247px;
  display: flex;
  justify-content: center;
  width: 228px;
  height: 45px;
  font: 400 37px/1.21 "Inter", Helvetica, Arial, serif;
  color: #3b3b41;
  text-align: center;
}
.index .big_title1_norm {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 749px;
  height: 67px;
  font: 400 37px/1.21 "Inter", Helvetica, Arial, serif;
  color: #3b3b41;
  text-align: left;
  padding: 20px;
}
.index .big_title1_norm2 {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 749px;
  height: 797px;
  font: 400 37px/1.21 "Inter", Helvetica, Arial, serif;
  color: #3b3b41;
  text-align: left;
  padding: 20px;
}
.index .image {
  position: absolute;
  top: 2747px;
  right: 1404px;
  bottom: 2066px;
  left: 129px;
  width: 387px;
  height: 387px;
  border-radius: 40px 40px 40px 40px;
}
.index .hero_title {
  position: absolute;
  top: 3146px;
  right: 1523.5px;
  bottom: 2000px;
  left: 226.5px;
  display: flex;
  justify-content: center;
  width: 170px;
  height: 54px;
  font: 400 45px/1.2 "Inter", Helvetica, Arial, serif;
  color: white;
  text-align: center;
}
.index .rect2 {
  position: absolute;
  top: 2715px;
  right: 731px;
  bottom: 1431px;
  left: 730px;
  width: 459px;
  height: 1054px;
  background-color: #3b3b41;
  border-radius: 40px 40px 40px 40px;
}
.index .rect21 {
  position: absolute;
  top: 3242px;
  right: 767px;
  bottom: 1467px;
  left: 766px;
  width: 387px;
  height: 491px;
  background-color: #d9d9d9;
  border-radius: 40px 40px 40px 40px;
}
.index .big_title2 {
  position: absolute;
  top: 3264px;
  right: 787px;
  bottom: 1531px;
  left: 775px;
  display: flex;
  justify-content: center;
  width: 358px;
  height: 405px;
  font: 400 37px/1.21 "Inter", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
.index .image1 {
  position: absolute;
  top: 2747px;
  right: 767px;
  bottom: 2066px;
  left: 766px;
  width: 387px;
  height: 387px;
  border-radius: 40px 40px 40px 40px;
}
.index .hero_title1 {
  position: absolute;
  top: 3145px;
  right: 881px;
  bottom: 2001px;
  left: 880px;
  display: flex;
  justify-content: center;
  width: 159px;
  height: 54px;
  font: 400 45px/1.2 "Inter", Helvetica, Arial, serif;
  color: white;
  text-align: center;
}
.index .rect3 {
  position: absolute;
  top: 2715px;
  right: 93px;
  bottom: 1431px;
  left: 1368px;
  width: 459px;
  height: 1054px;
  background-color: #3b3b41;
  border-radius: 40px 40px 40px 40px;
}
.index .rect22 {
  position: absolute;
  top: 3242px;
  right: 129px;
  bottom: 1467px;
  left: 1404px;
  width: 387px;
  height: 491px;
  background-color: #d9d9d9;
  border-radius: 40px 40px 40px 40px;
}
.index .big_title21 {
  position: absolute;
  top: 3264px;
  right: 149px;
  bottom: 1540px;
  left: 1413px;
  display: flex;
  justify-content: center;
  width: 358px;
  height: 396px;
  font: 400 36px/1.22 "Inter", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
.index .image2 {
  position: absolute;
  top: 2747px;
  right: 129px;
  bottom: 2066px;
  left: 1404px;
  width: 387px;
  height: 387px;
  border-radius: 40px 40px 40px 40px;
}
.index .hero_title2 {
  position: absolute;
  top: 3138px;
  right: 207.5px;
  bottom: 2008px;
  left: 1482.5px;
  display: flex;
  justify-content: center;
  width: 230px;
  height: 54px;
  font: 400 45px/1.2 "Inter", Helvetica, Arial, serif;
  color: white;
  text-align: center;
}
.index .wrapper {
  position: absolute;
  top: 1300px;
  right: 0px;
  bottom: 2600px;
  left: 0px;
  display: flex;
  flex-direction: column;
  width: auto;
  height: 1300px;
  min-height: 1300px;
  background-color: #3b3c41;
}
.index .image11 {
  position: absolute;
  top: 155px;
  right: 1011px;
  bottom: 828px;
  left: 93px;
  width: auto;
  height: 317px;
  border-radius: 40px 40px 40px 40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.index .image21 {
  position: absolute;
  top: 155px;
  right: 93px;
  bottom: 828px;
  left: 1012px;
  width: auto;
  height: 317px;
  border-radius: 40px 40px 40px 40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.index .image12 {
  position: absolute;
  top: 697px;
  right: 1011px;
  bottom: 286px;
  left: 93px;
  width: auto;
  height: 317px;
  border-radius: 40px 40px 40px 40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.index .image22 {
  width:815px;
	height:317px;
  position: absolute;
  top: 697px;
	left:1012px;
  border-radius: 40px 40px 40px 40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.index .hero_title3 {
  position: absolute;
  top: 491px;
  right: 1011px;
  bottom: 701px;
  left: 93px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: auto;
  height: 108px;
  font: 400 45px/1.2 "Inter", Helvetica, Arial, serif;
  color: white;
  text-align: center;
}
.index .hero_title4 {
  position: absolute;
  top: 491px;
  right: 93px;
  bottom: 701px;
  left: 1012px;
  display: flex;
  justify-content: center;
  width: auto;
  height: 108px;
  font: 400 45px/1.2 "Inter", Helvetica, Arial, serif;
  color: white;
  text-align: center;
}
.index .hero_title5 {
  position: absolute;
  top: 1028px;
  right: 93px;
  bottom: 164px;
  left: 1012px;
  display: flex;
  justify-content: center;
  width: auto;
  height: 108px;
  font: 400 45px/1.2 "Inter", Helvetica, Arial, serif;
  color: white;
  text-align: center;
}
.index .hero_title6 {
  position: absolute;
  top: 1033px;
  right: 1012px;
  bottom: 159px;
  left: 93px;
  display: flex;
  justify-content: center;
  width: auto;
  height: 108px;
  font: 400 45px/1.2 "Inter", Helvetica, Arial, serif;
  color: white;
  text-align: center;
}
.index .wrapper1 {
  position: absolute;
  top: 100px;
  right: 0px;
  bottom: 3900px;
  left: 0px;
  display: flex;
  flex-direction: column;
  width: auto;
  height: 1200px;
  min-height: 1200px;
  background: var(--src) center center/100% 100% no-repeat;
}
.index .rect4 {
  position: absolute;
  top: 345px;
  right: 1011px;
  bottom: 413px;
  left: 93px;
  width: 816px;
  height: 442px;
  background-color: rgba(217, 217, 217, 0.149);
}
.index .hero_title11 {
  position: absolute;
  top: 375px;
  right: 893px;
  bottom: 459px;
  left: 108px;
  width: 919px;
  height: 366px;
  font: 700 101px/1.2 "Inter", Helvetica, Arial, serif;
  color: #3b3b41;
}
.index .rect5 {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 5100px;
  left: 0px;
  width: auto;
  height: 100px;
  background-color: #3b3c41;
}
.index .cover1 {
  position: absolute;
  top: 0px;
  right: 1737px;
  bottom: 5075px;
  left: 49px;
  width: 134px;
  height: 125px;
}
.index .image4 {
  position: absolute;
  top: 21px;
  right: 1762px;
  bottom: 5112px;
  left: 75px;
  width: 83px;
  height: 67px;
}
.index .hero_title7 {
  position: absolute;
  top: 23px;
  right: 934px;
  bottom: 5123px;
  flex-direction: column;
  width: 124px;
  height: 54px;
  font: 400 45px/1.2 "Inter", Helvetica, Arial, serif;
  color: white;
}
.index .hero_title8 {
  position: absolute;
  top: 23px;
  right: 576px;
  bottom: 5123px;
  flex-direction: column;
  width: 283px;
  height: 54px;
  font: 400 45px/1.2 "Inter", Helvetica, Arial, serif;
  color: white;
}
.index .hero_title9 {
  position: absolute;
  top: 23px;
  right: 43px;
  bottom: 5123px;
  flex-direction: column;
  width: 209px;
  height: 54px;
  font: 400 45px/1.2 "Inter", Helvetica, Arial, serif;
  color: white;
}
.index .hero_title10 {
  position: absolute;
  top: 23px;
  right: 327px;
  bottom: 5123px;
  flex-direction: column;
  width: 174px;
  height: 54px;
  font: 400 45px/1.2 "Inter", Helvetica, Arial, serif;
  color: white;
}
.index .hero_title21_box {
  position: absolute;
  top: 4px;
  right: 1489px;
  bottom: 5097px;
  left: 116px;
  display: flex;
  justify-content: center;
  width: 315px;
  height: 99px;
}
.index .hero_title21 {
  font: 400 46px/1.21 "Inter", Helvetica, Arial, serif;
  color: white;
  text-align: center;
}
.index .hero_title21_span0 {
  font: 1em/1.21 "Inter", Helvetica, Arial, serif;
}
.index .hero_title21_span1 {
  font: 1.7826086957em/1.2 "Inter", Helvetica, Arial, serif;
}
html {
  scroll-behavior: smooth; /* Добавление плавного скролла ко всем прокруткам на странице */
}