.profile__company-card-item p,
.profile__referals-item p,
.profile26__list-item p {
  font-family: "Gotham";
}

.profile__creation-header {
  display: grid;
  grid-template-columns: 34px 204px;
  align-items: center;
  gap: 0px 10px;
  margin-bottom: 30px;

}

.profile__creation-header-title {
  font-family: "Gotham";
  font-size: 22px;
color: #fff;
text-align: left;
}



.profile__creation-content {
    display: grid;
    grid-template-columns: 331px 331px;
    gap: 20px 10px;
}

.profile__creation-content-input-data {
  border-radius: 12px;
padding-left: 14px;
width: 315px;
height: 46px;
background: #1d1d1d;
border: none;
outline: none;
font-family: "Gotham";
font-size: 12px;
color: #fff;
}

.profile__creation-content-input-data::placeholder {
  color: #3a3a3a;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.profile__creation-content-input-ref-link {
  border-radius: 12px;
padding-left:  14px;
width: 657px;
height: 50px;
background: #1d1d1d;
outline: none;
border: none;
color: #fff;
font-family: "Gotham";
font-size: 14px;
}


.profile__creation-item-btn-send {
  border: 1px solid #2b2b2b;
border-radius: 12px;
width: 671px;
height: 54px;
background: #161616;
font-family: "Gotham";
font-weight: 500;
font-size: 18px;
color: #353535;
transition: all 0.3s ease-in;
margin-top: 27px;

}

.profile__creation-item-btn-send:hover {
  box-shadow: 0 0 20px 0 rgba(232, 28, 90, 0.5);
background: #e81c5a;
color: #fff;
cursor: pointer;

}

.profile__creation-content label {
  font-size: 16px;
color: #fff;
font-family: "Gotham";
margin-bottom: 7px;
display: block;
}

.profile__creation-create {
  margin-top: 10px;
}

.profile__creation-copy {
  position: absolute;
  right: 20px;
  top: 40px;
  cursor: pointer;
}



.profile__creation-content-cell {
  position: relative;
}

.profile__creation-copy-link {
  position: absolute;
  right: 20px;
  top: 40px;
  cursor: pointer;
}

.profile__creation-content .profile__creation-content-cell:last-child {
  grid-column: span 2;
}

.profile26__list-item{
  display: grid;
   grid-template-columns: 147px 158px 34px 70px 72px;
   align-items: center;
   gap: 0px 40px;
   justify-items: center
}

.profile26__list-header-title {
  font-family: "Gotham";
  font-weight: 500;
  font-size: 16px;
color: #fff;
}

.profile26__list-item p {
  font-family: "Gotham";
  color: #7e7e7e;
  font-size: 16px;
}

.profile26__list-item-first{
  justify-self: stretch;
}

.profile26__list-header-title-name {
  margin-left: 10px;
}

.profile26__list-item-grid {
  display: grid;
  grid-template-columns: 33px 10px;
  align-items: center;
}

.profile26__list-item-grid img {
  margin-top: 5px;
}

.profile26__list-company {
  width: 745px;
 
  
}

.profile26__list-item-scroll {
  max-width: 745px;
   overflow: auto;
    white-space: nowrap;
    height: 300px;
}

.profile26__list-item {
  border-bottom: 1px solid #181818;
  height: 46px;
}

.profile26__list-body {
  display: grid;
  grid-template-columns: 34px 200px;
  gap: 0px 10px;
  align-items: center;
  margin-bottom: 10px;
}

.profile26__list-body-title {
  font-family: "Gotham";
  font-size: 22px;
  color: #fff;
  font-weight: 500;
}

.profile__company-card-body {
  display: grid;
  grid-template-columns: 34px 570px 50px;
  align-items: center;
  gap: 0px 10px;
  margin-bottom: 30px;
}

.profile__company-card-body h2 {
  font-family: "Gotham";
  font-size: 22px;
color: #fff;
text-align: left;
font-weight: 500;
}

.profile__company-card-grafics {
  display: grid;
  grid-template-columns: 331px 331px;
  gap: 8px;
  margin-top: 10px;
}

.profile__company-card-grafics p {
  font-family: "Gotham";
  font-size: 18px;
color: #353535;
margin-top: 2px;
font-weight: 400;
}

.profile__company-card-grafics-item:hover .profile__company-card-grafics-texts  {
  color: #fff;
}

.profile__company-card-grafics-title {
  color: #353535;
  font-size: 12px;
  margin-bottom: 0px;
  text-align: left;
}

.profile__company-card-grafics-item {
  display: grid;
  grid-template-columns: 32px 200px;
  align-items: center;
  gap: 0px 16px;
  padding-top: 5px;
}

.profile__company-card-grafics-cell {
  border-radius: 18px;
  background: #161616;
  height: 63px;
  padding-left: 16px;
}

.profile__company-card-body-close {
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
}

.profile__company-card {
  width: 745px;


}

.profile__company-card-item {
  display: grid;
  grid-template-columns: 128px 34px 75px 75px;
  gap: 0px 110px;
  align-items: center;
  justify-items: center;
  border-bottom: 1px solid #181818;
  height: 40px;
}

.profile__company-card-item-title {
  font-size: 16px;
font-family: "Gotham";
color: #fff;
}

.profile__company-card-item-cell {
  justify-self: stretch;
  margin-left: 15px;
}

.profile__company-card-item p {
  color: #7e7e7e;
  font-family: "Gotham";
  font-size: 16px;
}

.profile__company-card-item-text {
  color: #36a764  !important;
}

.profile__company-card-item-wallet {
  display: flex;
  align-items: center;
  gap: 0px 5px;
}

.profile__company-card-item-wallet img {
  margin-top: 3px;
}

.profile__company-card-list-text {
  font-family: "Gotham";
  font-size: 22px;
color: #5a5a5a;
margin-bottom: 10px;
margin-top: 20px;
font-weight: 500;
}

.profile__referals-header {
  display: grid;
  grid-template-columns: 154px  34px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.profile__referals {
  width: 746px;
  
}

.profile__referals-body {
  display: grid;
  grid-template-columns: 34px 120px;
  align-items: center;
  gap: 0px 10px
}

.profile__referals-body-title {
  font-family: "Gotham";
  font-size: 22px;
color: #fff;
text-align: left;
font-weight: 500;
}

.profile__referal-close {
  border: none;
  background: none;
  cursor: pointer;
}

.profile__referals-item {
  display: grid;
  grid-template-columns: 129px 155px 49px 77px 78px 78px;
  justify-items: center;
  gap: 0px 21px;
  border-bottom: 1px solid #181818;
  height: 40px;
  align-items: center;
  margin-top: 10px;
  
}

.profile__referals-item h2 {
  font-family: "Gotham";
  font-size: 16px;
color: #fff;
}

.profile__referals-item p {
  color: #7e7e7e;
  font-size: 16px;
  
}

.profile__referals-copy {
  display: grid;
  grid-template-columns: 108px 12px;
  align-items: center;
  
}

.profile__referals-copy img {
  margin-top: 3px;
}

.profile__referals-item-first {
  justify-self: stretch;
  margin-left: 5px;
}

.profile__referals-item-text {
  color: #36a764  !important;
}

.modal__graphics-body, .modal__create-graphics-body, .modal__company-success-body {
  position: relative;
    background: #111;
    max-width: 768px;
    border-radius: 40px;
    margin: auto;
    cursor: default;
    padding: 35px;
    transition: all 0.5s;
}

.modal-create-company {
  position: fixed;
    inset: 0;
    z-index: 500;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 20px;
    overflow-y: auto;
    transform: translate(0%, -100%);
    display: flex;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s;
}

.modal-create-company-animate {
  opacity: 1 !important;
    visibility: visible !important;
    transform: translate(0%, 0) !important;
    transition: opacity 0.5s;
    pointer-events: painted !important;
}

.modal__graphics-polygon {
  position: absolute;
  left: 0;
  top: 90px
}

.modal__graphics-header {
  display: grid;
  grid-template-columns: 280px 210px;
  justify-content: space-between;
}

.modal__graphics-header-left {
  display: grid;
  grid-template-columns: 68px 194px;
  align-items: center;
  gap: 0px 18px;
}

.modal__graphics-header-left p {
  margin-bottom: 0px;
}

.modal__graphics-header-left h2 {
   font-family: "Gotham";
  font-size: 22px;
color: #fff;
margin-top: 5px;
text-align: left;
}

.modal__graphics p {
  font-family: "Gotham";
color: #7e7e7e;
font-size: 13px;
}

.modal__graphics-header-right {
  display: grid;
  grid-template-columns: 169px 34px;
  align-items: center;
  position: relative;
  gap: 0px 10px;
}

.modal__graphics-company-list {
  font-family: "Gotham";
  border-radius: 51px;
  border: none;
width: 169px;
height: 34px;
background: #1d1d1d;
font-size: 12px;
letter-spacing: 0.01em;
color: #fff;
transition: background 0.3s ease-in;
cursor: pointer;
}

.modal__graphics-company-list:hover {
  background: #e81c5a;
}



.modal__graphics-lists {
  position: absolute;
  width: 169px;
  background: #1d1d1d;
  border-radius: 12px;
  margin-top: 3px;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s ease-in;
}

.modal__graphics-lists-show {
  height: 126px !important;
  overflow: visible !important;
  opacity: 1 !important;
}

.modal__graphics-lists a {
   font-family: "Gotham";
 font-size: 12px;
color: #fff;
  display: grid;
  grid-template-columns: 6px 130px 4px;
  align-items: center;
  gap: 0px 5px;
  padding-bottom: 8px;
  padding-left: 10px;
}

.modal__graphics-lists a:hover {
  text-decoration: underline;
}

.modal__graphics-lists li {
  border-bottom: 1px dashed #222;
  margin-bottom: 8px;
}

.modal__graphics-lists li:last-child {
  border: none;
}

.modal__graphics-lists ul {
  list-style: none;
  margin: 15px 0 0;
  padding: 0;
}


.modal-create-company-close {
  cursor: pointer;
}

.modal__graphics-content {
  display: grid;
  grid-template-columns: 340px 340px;
  gap: 0px 8px;
  align-items: center;
}

.modal__graphics-content h2 {
  font-family: "Gotham";
  font-size: 20px;
color: #fff;
margin: 0;
text-align: left;
}

.modal__graphics-content p {
  margin: 0;
}

.modal__graphics-content-grid {
  display: grid;
  grid-template-columns: 32px 194px;
  gap: 0px 10px;
  align-items: center;
}

.modal__graphics-content-item {
  display: grid;
  border: 1px solid #2b2b2b;
border-radius: 18px;
width: 324px;
height: 68px;
padding-left: 16px;
}

.modal__graphics-content-text {
  margin-bottom: 10px !important;
  margin-top: 15px !important;
}


.modal__graphics-content-cell:nth-child(2) {
  margin-top: 40px;
}

.modal__graphics-content-cell:nth-child(4) {
  margin-top: 40px;
 
}

.modal__graphics-content-cell:nth-child(5) {
 grid-column: span 2;
}

.modal__graphics-content-promo {
  font-family: "Gotham";
  font-weight: 600;
  display: block;
  border: 1px solid #2b2b2b;
border-radius: 18px;
width: 688px;
height: 76px;
text-align: center;
line-height: 76px;
background: #1d1d1d;
font-size: 24px;
color: #fff;
margin-top: 20px;
transition: all 0.3s ease-in;
}

.modal__graphics-content-promo:hover {
  box-shadow: 0 0 20px 0 rgba(232, 28, 90, 0.4);
background: #e81c5a;
}

.modal__graphics-content-more {
  font-family: "Gotham";
  text-align: center;
  display: block;
  font-size: 10px;
  color: #7e7e7e;
  margin-top: 5px;
}

.modal__graphics-content-more:hover {
  text-decoration: underline;
}

.modal__create-graphics-polygon {
  position: absolute;
  left: 0;
  top: 90px;
}

.modal__create-graphics-header {
  display: grid;
  grid-template-columns: 280px 220px;
  justify-content: space-between;
 
}

.modal__create-graphics-left {
  display: grid;
  grid-template-columns: 68px 194px;
  align-items: center;
  gap: 0px 10px
}

.modal__create-graphics-left p, .modal__create-graphics label{
  font-family: "Gotham";
  color: #7e7e7e;
  font-size: 13px;
}

.modal__create-graphics-left p {
  margin: 0;
}

.modal__create-graphics-left h2 {
  font-family: "Gotham";
  font-weight: 500;
  color: #fff;
  margin: 0;
  font-size: 22px;
margin-top: 2px;
}

.modal__create-graphics-right {
  display: grid;
  grid-template-columns: 188px 34px;
  align-items: center;
  gap: 0px 10px;
}

.modal__create-graphics-link-referal {
  border-radius: 51px;
  display: flex;
  text-align: center;
  line-height: 34px;
  background: #1d1d1d;
  width: auto;
  text-align: left;
  padding-left: 10px;
height: 34px;
font-size: 12px;
letter-spacing: 0.01em;
color: #fff;
font-family: "Gotham";
transition: background 0.3s ease-in;
}

.modal__create-graphics-link-referal span {
width: 175px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	min-width: -webkit-fill-available;
}

.profile__referals-copy img, .profile__company-card-item-wallet img{
  cursor: pointer;
}


.modal__create-graphics-link-referal:hover {
  background: #e81c5a;
}

.modal__create-graphics-content form {
  display: grid;
  grid-template-columns: 610px 68px;
  align-items: center;
  gap: 0px 10px;
}

.modal__create-graphics-content-name {
  border: 1px solid #2b2b2b;
  border-radius: 18px;
  padding-left: 16px;
  width: 690px;
  height: 68px;
  background: #161616;
  outline: none;
  color: #fff;
}

.modal__create-graphics-content-btn {
  border-radius: 18px;
fill: #161616;
border: 1px solid #2b2b2b;
width: 68px;
height: 68px;
 background: #161616;
 cursor: pointer;
 transition: background 0.3s ease-in;
 margin-top: 40px;
}

.modal__create-graphics-content-btn:hover {
  background: #e81c5a;
}


.modal__create-graphics-content-promo {
    font-family: "Gotham";
  font-weight: 600;
  border: 1px solid #2b2b2b;
border-radius: 18px;
width: 688px;
height: 76px;
background: #161616;
text-align: center;
font-size: 24px;
color: #353535;
outline: none;
}

.modal__create-graphics-last {
  grid-column: span 2;
}



.modal__create-graphics-content-grid {
  display: grid;
  grid-template-columns: 162px 520px;
  gap: 0px 10px;
  margin-top: 15px;
}

.modal__create-graphics-generate {
  font-family: "Gotham";
  border-radius: 12px;
width: 162px;
height: 54px;
background: #36a764;
font-size: 18px;
color: #fff;
border: none;
cursor: pointer;
}

.modal__create-graphics-generate:hover {
  box-shadow: 0 0 20px 0 rgba(54, 167, 100, 0.4);
background: #36a764;
}

.modal__create-graphics-create {
border: 1px solid #2b2b2b;
    border-radius: 12px;
    cursor: pointer;
    width: 515px;
    height: 55px;
    background: #161616;
    font-size: 18px;
    color: #353535;
    transition: all 0.3s ease-in;
}

.modal__create-graphics-create:hover {
  box-shadow: 0 0 20px 0 rgba(232, 28, 90, 0.5);
background: #e81c5a;
color: #fff;
}

.modal__create-graphics label {
  display: block;
  margin-bottom: 10px;
  margin-top: 15px;
}

.modal-create-graphics-close {
  cursor: pointer;
}

.modal__company-success-polygon {
  position: absolute;
  left: 0;
  top: 110px;
}

.modal__company-success-header {
  display: grid;
  grid-template-columns: 357px 34px;
  align-items: center;
  justify-content: space-between;

}

.modal__company-success-left {
  display: grid;
  grid-template-columns: 68px 281px;
  align-items: center;
  gap: 0px 10px
}

.modal__company-success-left h2 {
    font-family: "Gotham";
  font-size: 22px;
color: #fff;
}

.modal__company-success-promocode {
  display: flex;
    font-family: "Gotham";
  font-weight: 600;
  border-radius: 18px;
  gap: 0px 5px;
  font-size: 24px;
color: #fff;
justify-content: center;
align-items: center;
width: 688px;
transition: all 0.3s ease-in;
height: 76px;
background: #1d1d1d;
margin-bottom: 20px;
}

.modal__company-success-promocode:hover {
box-shadow: 0 0 20px 0 rgba(232, 28, 90, 0.4);
background: #e81c5a;
}

.modal__company-success-referal-link {
  border: 1px solid #2b2b2b;
  font-family: "Gotham";
border-radius: 18px;
padding-left: 10px;
width: 675px;
height: 76px;
background: #161616;
font-size: 22px;
color: #353535;
outline: none;

}

.profile__creation-content-err-id {
  font-size: 12px;
color: #f4405f;
font-family: "Gotham";
}

.profile__creation-content-err {
  display: grid;
  grid-template-columns: 14px 270px;
  align-items: center;
  gap: 0px 5px;
  margin-top: 5px;
  margin-left: 20px;
}

.modal__company-success-content p {
  font-size: 13px;
   font-family: "Gotham";
   color: #7e7e7e;
   margin: 10px 0px;
}

.modal-success-close {
  cursor: pointer;
}

.modal__company-success-referal-copy {
      cursor: pointer;
    position: absolute;
    right: 20px;
    top: 55px;
}

.modal__company-success-referal-pos {
  position: relative;
}


.profile__creation-item {
  /* width: 670px; */
  width: auto;
  margin: auto;
  
}

.profile26__list-item-dekstop {
  display: grid;
}

.profile26__list-item-mobile {
    display: none;
  }

  .profile__company-card-item-scroll {
    width: 745px;
    overflow: auto;
    white-space: nowrap;
   height: 200px;
  }

  .profile__company-card-item-dekstop {
    display: grid;
  }

  .profile__company-card-item-mobile {
    display: none;
  }

  .profile__company-card-grafics-item-pos1 {
    position: relative;
  }

  .profile__company-card-grafics-item-pos-img1 {
    position: absolute;
    opacity: 1;
    top: -10px;
  }

  .profile__company-card-grafics-item-pos-img2 {
    position: absolute;
    opacity: 0;
     top: -10px;
  }

  .profile__company-card-grafics-item:hover .profile__company-card-grafics-item-pos-img1 {
    opacity: 0;
  }


  .profile__company-card-grafics-item:hover .profile__company-card-grafics-item-pos-img2 {
    opacity: 1;
  }

  .profile__referals-item-scroll {
    max-width: 745px;
    overflow: auto;
    white-space: nowrap;
     height: 300px;
  }

  .profile__referals-item-dekstop {
    display: grid;
  }

  .profile__referals-item-mobile {
    display: none;
  }

  .profile__company-card-grafics-item-pos2 {
    position: relative;
  }

  .profile__company-card-grafics-item-pos-img3 {
    position: absolute;
    top: -10px;
    opacity: 1;
  }

  .profile__company-card-grafics-item-pos-img4 {
    position: absolute;
    top: -10px;
    opacity: 0;
  }

  .profile__company-card-grafics-item:hover .profile__company-card-grafics-item-pos-img3 {
    opacity: 0;
  }
  .profile__company-card-grafics-item:hover .profile__company-card-grafics-item-pos-img4 {
    opacity: 1;
  }

  .profile__company-card-grafics-item-pos3, .profile__company-card-grafics-item-pos4 {
    position: relative;
  }

  .profile__company-card-grafics-item-pos-img5 {
    position: absolute;
    top: -10px;
    opacity: 1;
  }

  .profile__company-card-grafics-item-pos-img6 {
    position: absolute;
    top: -10px;
    opacity: 0;
  }

  .profile__company-card-grafics-item-pos-img7 {
    position: absolute;
    top: -10px;
    opacity: 1;
  }

  .profile__company-card-grafics-item-pos-img8 {
    position: absolute;
    opacity: 0;
      top: -10px;
  }
  .profile26__list-item:hover, .profile__company-card-item:hover, .profile__referals-item:hover {
    background: #1C1C1C;
  }

  .profile__company-card-grafics-item:hover .profile__company-card-grafics-item-pos-img7 {
    opacity: 0;
  }

  .profile__company-card-grafics-item:hover .profile__company-card-grafics-item-pos-img8 {
    opacity: 1;
  }

  .profile__company-card-grafics-item:hover .profile__company-card-grafics-item-pos-img5 {
    opacity: 0;
  }

  .profile__company-card-grafics-item:hover .profile__company-card-grafics-item-pos-img6 {
    opacity: 1;
  }

@media screen and (max-width: 1200px) {
  .profile__creation-content-err {
    margin-left: 0px;
  }

  .profile__creation-content-err-id {
    font-size: 10px;
  }

  .modal__graphics-lists-none {
    display: none;
  }

  .profile__referals-item-mobile {
    display: grid;
  }

  .profile__referals-item-dekstop {
    display: none;
  }

  .profile__referals-item-scroll {
    max-width: 300px;
  }

  .profile__company-card-item-dekstop {
    display: none;
  }

  .profile__company-card-item-mobile {
    display: grid;
  }

  .profile__company-card-item-scroll {
    max-width: 300px;
    height: 270px;
  }

  .profile26__list-item-dekstop {
    display: none;
  }

  .profile26__list-item-mobile {
    display: grid;
  }

  .modal__graphics-header-right {
    grid-template-columns: 34px;
  }

  .modal__graphics-lists-mobile {
    display: block;
  }

  .modal__graphics-content {
    grid-template-columns: 250px;
  }

  .modal__graphics-content-item {
    width: 250px;
  }

  .modal__graphics-content-cell:nth-child(5) {
        grid-column: span 1;
  }

  .modal__graphics-content-promo {
    width: 265px;
  }

  .modal__graphics-header-left h2 {
    font-size: 18px ;
  }

  .modal__graphics-content h2 {
    font-size: 16px;
  }

  .modal__graphics-header {
    grid-template-columns: 237px  34px;
  }

  .modal__graphics-body, .modal__create-graphics-body, .modal__company-success-body {
    padding: 30px;
  }

  .modal-create-company {
    padding: 0;
  }

  .modal-create-company-close {
    margin-left: 15px;
  }

  .modal__graphics-content-promo {
    font-size: 18px;
  }

  .modal__graphics-lists-mobile {
    margin-top: 10px;
  }

  .modal__graphics-content-cell:nth-child(2), .modal__graphics-content-cell:nth-child(4) {
    margin-top: 10px;
  }

  .modal__create-graphics-none {
    display: none;
  }

  .modal__create-graphics-mobile {
    display: block;
  }

  .modal__create-graphics-header {
    grid-template-columns: 260px 34px;
  }

  .modal__create-graphics-right {
    grid-template-columns: 34px;
  }

  .modal__create-graphics-content form {
    grid-template-columns: 220px 30px;
    gap: 0px 30px;
  }

  .modal__create-graphics-content-name {
    width: 220px;
    height: 48px;
  }

  .modal__create-graphics-content-promo {
    font-size: 16px;
    width: 290px;
    height: 48px;
  }

  .modal__create-graphics-content-btn {
    width: 48px;
    height: 48px;
  }

  .modal__create-graphics-content-grid {
    grid-template-columns: 135px 150px;
  }

  .modal__create-graphics-create {
    width: 150px;
  }

  .modal__create-graphics-generate {
    width: 120px;
    height: 50px;
  }

  .modal__create-graphics-mobile {
    margin-top: 10px;
  }

  .modal__create-graphics-left h2 {
    font-size: 18px;
  }


  .modal__company-success-promocode, .modal__company-success-referal-link {
    width: 270px;
    font-size: 16px;
    height: 58px;
    margin: auto;
  }

  .modal__company-success-referal-link {
    width: 260px;
    margin: auto;
    display: flex;
  }

  

  .modal__company-success-left h2 {
    font-size: 16px;
  }

  .modal__company-success-header {
    grid-template-columns: 250px 34px;
  }

  .modal__company-success-content p {
    text-align: center;
  }

  .modal__company-success-left {
    grid-template-columns: 68px 175px;
  }


  .profile__creation-item {
  width: 291px;
}

.profile__creation-content {
  grid-template-columns: 300px;
}

.profile__creation-content .profile__creation-content-cell:last-child {
  grid-column: span 1;
}

.profile__creation-content-input-data {
  width: 270px;
}

.profile__creation-content-input-ref-link {
  width: 270px;
}

.profile__creation-item-btn-send {
  width: 270px;
}

.profile__creation-header-title {
  font-size: 18px;
  font-weight: 500;
}

.profile__creation-content label {
  font-size: 14px;
}

.profile__creation-content-input-ref-link {
  font-size: 12px;
}

.profile__creation-copy, .profile__creation-copy-link {
  right: 35px;
}

.profile__creation-item-btn-send {
  height: 50px;
}


.profile__company-card {
  width: 300px;
}

.profile__company-card-content {
  max-width: 300px;
  overflow-x: auto; /* Включение горизонтальной прокрутки */
  white-space: nowrap;
}


.profile__company-card-content::-webkit-scrollbar {
  width: 8px; /* Ширина вертикального скролла */
  height: 8px; /* Высота горизонтального скролла */
}

.profile__company-card-content::-webkit-scrollbar-track {
  background: #373636; /* Цвет фона/дорожки */
  border-radius: 4px;
}

.profile__company-card-content::-webkit-scrollbar-thumb {
  background: #fff; /* Цвет самого ползунка */
  border-radius: 4px;
}

.profile__company-card-grafics {
  grid-template-columns: 300px;
}


.profile__company-card-body {
  grid-template-columns: 34px 200px 50px;
}

.profile__company-card-body h2 {
  font-size: 18px;
}

.profile__company-card-grafics p {
  font-size: 16px;
}

.profile__company-card-item {
  
  gap: 0px 40px;

}

.profile26__list-company {
          max-width: 300px;
        
}

.profile__referals {
    max-width: 300px;
    
}

.profile__referals::-webkit-scrollbar {
  width: 8px; /* Ширина вертикального скролла */
  height: 8px; /* Высота горизонтального скролла */
}

.profile__referals::-webkit-scrollbar-track {
  background: #373636; /* Цвет фона/дорожки */
  border-radius: 4px;
}

.profile__referals::-webkit-scrollbar-thumb {
  background: #fff; /* Цвет самого ползунка */
  border-radius: 4px;
}


.profile26__list-company::-webkit-scrollbar {
  width: 8px; /* Ширина вертикального скролла */
  height: 8px; /* Высота горизонтального скролла */
}

.profile26__list-company::-webkit-scrollbar-track {
  background: #373636; /* Цвет фона/дорожки */
  border-radius: 4px;
}

.profile26__list-company::-webkit-scrollbar-thumb {
  background: #fff; /* Цвет самого ползунка */
  border-radius: 4px;
}

.profile26__list-item {
  grid-template-columns: 121px 158px 34px 70px 72px;
  gap: 0px 20px;
}

.profile26__list-body-title {
  font-size: 18px;
}

.profile26__list-header-title {
  font-size: 14px;
}

.profile__referals-body-title {
  font-size: 18px;
}

.profile__referals-header {
  grid-template-columns: 144px  34px;
}

.profile__referal-close {
  margin-left: -10px;
}

.profile__company-card-list-text {
  font-size: 18px;
}

.modal__company-success-referal-copy {
  top: 47px;
}

  
}

@media screen and (min-width: 1200px) {
   .modal__graphics-lists-none {
    display: block;
  }

  .modal__create-graphics-none {
    display: block;
  }

  .modal__graphics-lists-mobile {
    display: none;
  }

  .modal__create-graphics-mobile {
    display: none;
  }
}