body{
  background-color: #F7F9FA;
  
  width: 100%;
}

.header{
  display: flex;
  width: 100%;
  padding: 13px 10px;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(117deg, #4B9CF9 41.62%, #1C86FF 67.61%, #3476CC 93.72%, #1B67CA 99.53%);
}

.nav__box{
  margin: 0 auto;
  display: flex;
  width: 1700px;
  justify-content: space-between;
  align-items: center;

}

.box__settings__nav{
  display: flex;
  align-items: center;
  gap: 13px;
}

.header__two{
  display: flex;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.15);
  justify-content: space-between;
  align-items: center;
  background: transparent;
}

.nav__box__two{
  margin: 0 auto;
  display: flex;
  width: 1700px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.nav__text{
  color: rgba(51, 51, 51, 0.90);
  font-family: Gilroy;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 15px */
  letter-spacing: -0.225px;
}

.nav__text.active{
  font-weight: 600;
  color: #1789F4;
}

.nav__boxes{
  display: flex;
  align-items: flex-end;
  gap: 3px;
  opacity: 0.4;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Стандартное свойство */
}


.icon__light{
  display: block;
}

.icon__dark{
  display: none;
}

.win__win{
  display: none;
  position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.win__win.active{
  display: block;
}

.win__box{
  position: absolute;
  display: flex;
  width: 357.214px;
  flex-direction: column;
  align-items: flex-start;
  gap: 17px;
  margin-top: 47px;
  z-index: 9999999;
  margin-left: 1445px;
padding: 17px;
border-radius: 12px;
background: #FFF;
box-shadow: 0px -1px 32px -2px rgba(0, 0, 0, 0.08);
}




.box__select{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 11px;
width: 100%;
}

.text__select{
  color: rgba(2, 20, 37, 0.80);
  font-family: Gilroy;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 15px */
  letter-spacing: -0.225px;
}

.select{
  display: flex;
  padding: 15px 14.33px;
  align-items: center;
  gap: 9.554px;
  border-radius: 9px;
border: 1px solid #E2E2E2;
background: #FFF;
width: 100%;
}

.sel__text{
  color: #021425;
font-family: Gilroy;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 14px */
letter-spacing: -0.21px;
width: 100%;
opacity: 0.5;
}

.inp__text{
  background: transparent;
  border: none;
  padding: 0;
  color: rgba(2, 20, 37, 0.80);
font-family: Gilroy;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 15px */
letter-spacing: -0.225px;
width: 306px;
}

.inp__text::placeholder{
  opacity: 0.5;
}

.body__box{
  display: flex;
align-items: flex-start;
gap: 20px;
width: 1700px;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 70px;
justify-content: space-between;
}

.main__box__one{
  width: 744px;
  display: flex;
padding: 20px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
border-radius: 14px;
background: #FFF;
box-shadow: 0px -1px 32px -2px rgba(0, 0, 0, 0.03);
}

.main__box__header{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}

.mrevmrv{
  background: rgba(208, 208, 209, 0.35);
  width: 100%;
  height: 1px;
}

.main__box__head{
  display: flex;
align-items: center;
gap: 10px;
}

.main__button{
  display: flex;
padding: 5px 9px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 93px;
background-color: transparent;
border: none;
color: rgba(51, 51, 51, 0.90);
font-family: Gilroy;
font-size: 16px;
font-style: normal;
font-weight: 500;
cursor: pointer;
transition: 0.3s;
line-height: normal;
letter-spacing: -0.24px;
}

.main__button.active{
  color: #FFF;
  
  border-radius: 6px;
  background: radial-gradient(876.2% 286.06% at 7.02% 0%, #5DAFFD 0%, #3197F6 23.95%, #1789F4 33%, #1884E9 47.15%, #0781F3 97.58%);
}

.main__box__body{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
width: 100%;
}

.item__bode__one,
.item__bode__two{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}

.bode__one,
.bode__two{
  display: none;
}

.bode__one.active,
.bode__two.active{
  display: flex;
}

.bbribv{
  height: 430px;
  padding: 15px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  border-radius: 9px;
border: 1px solid #E2E2E2;
background: #FFF;
resize: none;
}

.vmrvmr{
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
}

.jfjfj{
  width: 100%;
  display: flex;
align-items: center;
justify-content: space-between;
}

.box__select__pool{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 27px;
}

.sel__text__pool{
  color: rgba(51, 51, 51, 0.50);
font-family: Gilroy;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 15px */
letter-spacing: -0.225px;
}

.slider-container {
  width: 100%;
  text-align: center;
}

.slider {
  position: relative;
  width: 100%;
  height: 7px;
  background: #E6E8EC;
  border-radius: 5px;
}

.slider-track {
  position: absolute;
  top: 0;
  left: 0;
  height: 7px;
  background: #1789F4; /* Синий цвет, можно изменить */
  border-radius: 7px;
}

.slider-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7px;
  z-index: 999;
  opacity: 0; /* Скрываем стандартный input */
  cursor: pointer;
}

.slider-thumb {
  position: absolute;
  top: -9px; /* Центрируем относительно трека */
  margin-left: -12px;
  width: 24px;
  height: 24px;
  border-radius: 24px;
border: 4px solid #FCFCFD;
background: radial-gradient(876.2% 286.06% at 7.02% 0%, #5DAFFD 0%, #3197F6 23.95%, #1789F4 33%, #1884E9 47.15%, #0781F3 97.58%), #1789F4;
box-shadow: 0px 9px 25px 0px rgba(0, 0, 0, 0.05), 0px 3px 8px 0px rgba(0, 0, 0, 0.08), 0px 8px 16px -8px rgba(15, 15, 15, 0.20);
  cursor: pointer;
  z-index: 99; /* Чтобы быть поверх трека */
}

.chek1{
  display: flex;
align-items: center;
gap: 10px;
}

.inp__text.top{
  width: 100%;
}

.nbnrbnr{
  display: flex;
align-items: center;
gap: 20px;
width: 100%;
}

.box__select__pool.top{
  width: 1437px;
}


.checkbox{
  display: none;
}

.cheker{
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  border: 1px solid #D2D6E0;
  border-radius: 3px;
  position: relative;
}

.cheker::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50% );
  display: block;
  width: 8px;
  height: 8px;
  background: radial-gradient(876.2% 286.06% at 7.02% 0%, #5DAFFD 0%, #3197F6 23.95%, #1789F4 33%, #1884E9 47.15%, #0781F3 97.58%), #1789F4;
  border-radius: 1px;
  border: none;
  opacity: 0;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.3s;
  cursor: pointer;
}

.checkbox:checked + .cheker::before{
  opacity: 1;
}

.main__box__two{
  display: flex;
width: 935px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}

.text__sample{
  color: rgba(51, 51, 51, 0.90);
font-family: Gilroy;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 14px */
letter-spacing: -0.21px;
opacity: 0.5;
}

.text__sample__box{
  display: flex;
width: 487px;
flex-direction: column;
align-items: flex-start;
gap: 8px;
word-break: break-all;
}

.main__box__two__boxes{
  display: flex;
padding: 20px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
border-radius: 14px;
width: 100%;
background: #FFF;
box-shadow: 0px -1px 32px -2px rgba(0, 0, 0, 0.03);
}

.main__box__two__head{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 13px;
  width: 100%;
}

.main__box__two__title{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

.result__box{
  display: flex;
  align-items: center;

  width: 100%;
  gap: 20px;
  justify-content: space-between;
}

.result{
  width: 100%;
height: 413px;
background: #F2F4F5;
}

.buttonki__result{
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.two__head__box{
  display: flex;

  align-items: flex-end;
  gap: 12px;
width: 100%;
justify-content: space-between;
}

.twoo__head__box{
  display: flex;
  align-items: flex-end;
  gap: 23px;
  width: 100%;
justify-content: space-between;
}

.active__button{
  color: #FFF;
  font-family: Gilroy;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 15px */
  letter-spacing: -0.225px;
  display: flex;
padding: 15px 28px;
justify-content: center;
align-items: center;
gap: 10px;
border: none;
border-radius: 10px;
background: radial-gradient(876.2% 286.06% at 7.02% 0%, #5DAFFD 0%, #3197F6 23.95%, #1789F4 33%, #1884E9 47.15%, #0781F3 97.58%);
}

.twoo__head__box__box{
  display: flex;
  width: 500px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.head__box__box{
  display: flex;
align-items: center;
gap: 10px;
width: 100%;
justify-content: space-between;
}

.select.tet{
  padding: 12px 14.33px;
  
}

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

.select.item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  cursor: pointer;
}

.item1__box.active,
.item2__box.active,
.item3__box.active,
.item4__box.active,
.item5__box.active,
.item6__box.active{
  display: flex;

width: 100%;
}

.item1__box,
.item2__box,
.item3__box,
.item4__box,
.item5__box,
.item6__box{
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;

}

.itemi1.active,
.itemi2.active,
.itemi3.active,
.itemi4.active,
.itemi5.active,
.itemi6.active{
  transform: rotate(180deg);
  animation: fade-in 0.7s linear;
}

.sel__text.active{
  opacity: 1;
}


.win__winn{
  display: none;
  position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(4.050000190734863px);

}

.win__winn.active{
  display: block;
}

.win__boxx{
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 542px;
  flex-direction: column;
  align-items: flex-start;
  align-items: center;
  gap: 20px;
  border: none;
  z-index: 9999999;
  padding: 20px;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px -1px 32px -2px rgba(0, 0, 0, 0.08);
}

.cecqwcec{
  color: rgba(51, 51, 51, 0.90);
text-align: center;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.3px;
}

.vonev{
  color: rgba(51, 51, 51, 0.90);
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.3px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}

.vbevoneee{
  color: rgba(23, 137, 244, 0.90);
text-align: center;
font-family: Gilroy;
font-size: 16px;
font-style: normal;
border: none;
font-weight: 500;
line-height: normal;
letter-spacing: -0.24px;
}

.erbvenve{
  display: flex;
width: 100%;
padding: 15px 91px;border: none;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 10px;
background: linear-gradient(117deg, #4B9CF9 41.62%, #1C86FF 67.61%, #3476CC 93.72%, #1B67CA 99.53%), linear-gradient(117deg, rgba(87, 28, 255, 0.80) 21.37%, rgba(107, 75, 249, 0.80) 72.34%, rgba(76, 52, 204, 0.80) 84.29%, rgba(16, 7, 121, 0.80) 99.53%);
color: #FFF;
text-align: center;
font-family: Gilroy;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 100%; /* 15px */
letter-spacing: -0.225px;
}

.vnenv{
width: 100%;
}

.burnb{
  display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
}

.bnronbrr{
  border-top: 1.5px dashed #E2E2E2;
border-right: 1.5px dashed #E2E2E2;
border-left: 1.5px dashed #E2E2E2;
  display: flex;
padding: 5px 9px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 5px 5px 0px 0px;
color: #021425;
text-align: center;
font-family: Gilroy;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 14px */
opacity: 0.5;
letter-spacing: -0.21px;
}

.rbnrnbr{
  display: flex;
height: 352px;
width: 100%;
padding: 15px 14.33px;
justify-content: center;
align-items: center;
gap: 9.554px;
border-radius: 0px 0px 9px 9px;
border: 1px solid #E2E2E2;
background: #FFF;
color: #021425;
text-align: center;
font-family: Gilroy;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 182%; /* 25.48px */
letter-spacing: -0.21px;
opacity: 0.5;
}

.vrnonbr{
  display: inline-flex;
padding: 20px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
border-radius: 14px;
background: #FFF;
box-shadow: 0px -1px 32px -2px rgba(0, 0, 0, 0.03);
width: 100%;
}

.active__button.teet{
  width: 100%;
}

.obrobvnrov{
  display: flex;
  gap: 10px;
  flex-direction: row;
  width: 100%;
}

.ptnnt{
  color: rgba(51, 51, 51, 0.90);
  font-family: Gilroy;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 22px */
  letter-spacing: -0.33px;
  width: 100%;
}

.ptvervnnt{
  color: rgba(51, 51, 51, 0.90);
  font-family: Gilroy;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.24px;
  width: 100%;
}

.brebbrebdd{
  cursor: pointer;
  color: rgba(51, 51, 51, 0.90);
  font-family: Gilroy;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.24px;
  display: flex;
padding: 5px 9px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 5px 5px 0px 0px;
}

.brebbrebdd.active{
  color: #fff;
  border-radius: 5px 5px 0px 0px;
background: linear-gradient(117deg, rgba(87, 28, 255, 0.80) 21.37%, rgba(107, 75, 249, 0.80) 72.34%, rgba(76, 52, 204, 0.80) 84.29%, rgba(16, 7, 121, 0.80) 99.53%);
}

.tbnrt{
  display: flex;
align-items: center;
gap: 10px;
}

.optmnt{
  display: flex;
width: 100%;
padding: 20px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
border-radius: 0px 14px 14px 14px;
border: 1px solid rgba(226, 226, 226, 0.70);
box-shadow: 0px -1px 32px -2px rgba(0, 0, 0, 0.03);
}

.active__button.pup{
  padding: 15px 9px;
  border-radius: 10px;
background: linear-gradient(117deg, rgba(87, 28, 255, 0.80) 21.37%, rgba(107, 75, 249, 0.80) 72.34%, rgba(76, 52, 204, 0.80) 84.29%, rgba(16, 7, 121, 0.80) 99.53%);
}

.bnrb{
  width: 100%;
  display: flex;
align-items: flex-end;
gap: 20px;
}

.ebronrwew{
  display: flex;
align-items: center;
gap: 10px;
}

.oernboren{
  display: inline-flex;
  width: 100%;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}

.vnenbwerv{
  display: flex;
  align-items: center;
  gap: 0px;
}

.main__box__one__all{
  display: inline-flex;
padding: 20px;
flex-direction: column;
align-items: center;
gap: 20px;
border-radius: 14px;
background: #FFF;
box-shadow: 0px -1px 32px -2px rgba(0, 0, 0, 0.03);
width: 1700px;
}

.button__three__d{
  display: flex;
  padding: 5px 9px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  background-color: transparent;
}

.button__three__d.active{
  border-radius: 6px;
  background: radial-gradient(876.2% 286.06% at 7.02% 0%, #5DAFFD 0%, #3197F6 23.95%, #1789F4 33%, #1884E9 47.15%, #0781F3 97.58%);
}

.bvjfgkf.active{
  color: #FFF;
}

.bvjfgkf{
  color: rgba(51, 51, 51, 0.90);
  text-align: center;
  font-family: Gilroy;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.24px;
  width: 75px;
}

.bmptbmt{
  display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
}

.obrobre{
  width: 100%;
  height: 800px;
  border: 1px solid rgba(226, 226, 226, 0.70);
background: #FFF;
}

.modalka{
  position: absolute;
  margin-top: 20px;
  margin-left: 1410px;
  display: inline-flex;
padding: 13px 14px;
flex-direction: column;
align-items: flex-start;
gap: 23px;
border-radius: 10px;
background: #FFF;
box-shadow: 0px 9px 28px 0px rgba(68, 68, 68, 0.06), 0px 3px 8px 0px rgba(0, 0, 0, 0.06);
width: 230px;
}

.box__select__pool.inv{
  gap: 18px;
}
.obrobre.rvrev{
  height: 352px;
  display: flex;
justify-content: center;
align-items: center;

}

.orinvorbv{
  display: flex;
align-items: flex-start;
gap: 70px;
}

.eorbnr{
  width: 100%;
  display: flex;
align-items: flex-start;
gap: 20px;
justify-content: space-between;
}

.item__box__swap1,
.item__box__swap2,
.item__box__swap3,
.item__box__swap4,
.item__box__swap5{
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}

.item__box__swap1.active,
.item__box__swap2.active,
.item__box__swap3.active,
.item__box__swap4.active,
.item__box__swap5.active{
  display: flex;
}

.eoribnrww{
  display: flex;
align-items: flex-start;
gap: 22px;
width: 100%;
}

.eoribnrekk{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}



.main__box__button1,
.main__box__button2,
.main__box__button3{
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}

.main__box__button1.active,
.main__box__button2.active,
.main__box__button3.active{
  display: flex;
}


.item__box__swap11,
.item__box__swap22{
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}

.item__box__swap11.active,
.item__box__swap22.active{
  display: flex;
}

.voehvonr{
  width: 100%;
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}

.box__radio{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 11px;
width: 100%;
}

.box__radio__box{
  display: flex;
align-items: flex-start;
gap: 10px;
width: 100%;
}

.button__radio{
  display: flex;
padding: 9px;
align-items: center;
gap: 7px;
border-radius: 8px;
border: 1px solid #E2E2E2;
background: #FFF;
color: rgba(51, 51, 51, 0.90);
font-family: Gilroy;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.21px;
}

input{
  margin: 0;
}

.item__box__swap111,
.item__box__swap222{
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}

.item__box__swap111.active,
.item__box__swap222.active{
  display: flex;
}

.main__box__button11,
.main__box__button22{
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}

.main__box__button11.active,
.main__box__button22.active{
  display: flex;
}

.main__box__button111,
.main__box__button222{
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}

.main__box__button111.active,
.main__box__button222.active{
  display: flex;
}

.rbnrnbr.wind{
  cursor: pointer;
}

.erubren{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
width: 100%;
}

label{
  cursor: pointer;
}

.select.vwevewv{
 padding: 13px 14px;
}

.birubnier{
  display: flex;
padding: 20px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
width: 100%;
  border-radius: 0px 14px 14px 14px;
border: 1px solid rgba(226, 226, 226, 0.70);
box-shadow: 0px -1px 32px -2px rgba(0, 0, 0, 0.03);
}

.mtonmot{
  display: flex;
align-items: flex-start;
gap: 10px;
width: 100%;
justify-content: space-between;

}

.mgjffm{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
width: 100%;
}
.item__content{
  width: 100%;
  display: flex;
  gap: 15px;
  flex-direction: column;
}

.brebbrevrivbbdd{
  cursor: pointer;
  color: rgba(51, 51, 51, 0.90);
  font-family: Gilroy;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.24px;
  display: flex;
padding: 5px 9px;
justify-content: center;
align-items: center;
gap: 10px;
}

.brebbrevrivbbdd.active{
  color: #fff;
  border-radius: 6px 6px 0px 0px;
background: radial-gradient(876.2% 286.06% at 7.02% 0%, #5DAFFD 0%, #3197F6 23.95%, #1789F4 33%, #1884E9 47.15%, #0781F3 97.58%), linear-gradient(117deg, rgba(87, 28, 255, 0.80) 21.37%, rgba(107, 75, 249, 0.80) 72.34%, rgba(76, 52, 204, 0.80) 84.29%, rgba(16, 7, 121, 0.80) 99.53%);
}

.obmbbbb{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 11px;
width: 100%;
}

.mtonmot.uvvu{
  flex-wrap: wrap;
}

.ptnnt.vevrev{
  padding-top: 15px;
}