.create-shop.violet {
    margin-bottom: 50px;
  }
  @media screen and (max-width: 768px) {
    .create-shop.violet {
      margin-bottom: 30px;
    }
  }

  .create-shop-doc.create-shop {
    margin: 0 auto;
    background: #1A1B1F;
    border-radius: 48px 48px 0 0;
    padding-left: 60px;
    padding-right: 60px;
  }
  @media screen and (max-width: 1200px) {
    .create-shop-doc.create-shop {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  @media screen and (max-width: 768px) {
    .create-shop-doc.create-shop {
      padding-left: 24px;
      padding-right: 24px;
    }
  }
  .create-shop-doc .create-shop-container {
    max-width: 1272px;
    background: #2B2D33;
    border-radius: 24px;
    position: relative;
    margin: 0 auto;
    margin-bottom: -20px;
  }
  .create-shop-doc .create-shop-wrapper {
	  padding: 41px 108px;
	}
  @media (min-width: 769px) and (max-width: 1023px) {
    .create-shop-doc .create-shop-wrapper {
	    padding: 41px 37px!important;
	  }
  }
  @media (min-width: 1024px) and (max-width: 1430px) {
    .create-shop-doc .create-shop-wrapper {
	    padding: 41px 76px;
	  }
  }
  
	.create-shop-doc .create-shop-image {
	  position: absolute;
	  bottom: 0;
	  right: 24px;
	  z-index: 1;
	}

  .create-shop-image .image-desktop {
    display: block;
  }
  .create-shop-image .image-mobile {
    display: none;
  }
  .create-shop-doc .create-shop-image img {
	  vertical-align: top;
  }
  .create-shop-doc .create-shop-right .bttn-doc {
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 206px;
    height: 48px;
		transition: all 300ms;
    background: linear-gradient(90deg, #135B57 0%, #1C6D5E 100%);
    border-radius: 10px;
    border: 1px solid #21A19A;
		z-index: 10;
  }
  .create-shop-doc .create-shop-right .bttn-doc:hover {
    background: linear-gradient(90deg, #0B525A 0%, #1F7C6B 100%);
  }
  .create-shop-doc .create-shop-right .bttn-doc:active {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background: linear-gradient(90deg, #09484F 0%, #1C6D60 100%);
  }

  @media screen and (max-width: 768px) {
    .create-shop-doc .create-shop-wrapper {
      gap:24px;
      padding: 40px!important;
    }
    .create-shop-doc .create-shop-left .medium-text {
      font-size: 16px;
      line-height: 22px;
    }
    .create-shop-doc .create-shop-right .bttn-doc {
      width: 186px!important;
      height: 40px!important;
      font-size: 14px!important;
    }
  }

  @media (max-width: 800px) {
    .create-shop-image .image-desktop {
      display: none;
    } 
    .create-shop-image .image-mobile {
      display: block;
    }
    .create-shop-doc .create-shop-image {
      right: 0;
    }
    .create-shop-container {
      overflow: hidden;
    }
  }

.refresh-menu li.on-hover, .refresh-menu li:hover {
    background: #21A19A29;
}
	.refresh-menu-nav-container {
	  background: #21A19A14;
	}


  .footer-main-wrapper {
    overflow: hidden;
    background: #1A1B1F;
    margin-left: auto;
    margin-right: auto;
    padding-left: 60px;
    padding-right: 60px;
    margin-top: -2px;
  }
   @media screen and (max-width: 1200px) {
    .footer-main-wrapper {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
	.footer-main-list {
    margin-top: 80px;
    max-width: 1272px;
	}
 
  .footer-copyright,
  .footer-copyright-mobile {
    color: #EAEBEB;
  }
  a.footer-copyright-link {
    color: #2B2D33;
  }
  .footer-copyright-mobile a.footer-copyright-link {
    color: #2B2D33;
  }
  .is-index-page .footer-main-wrapper a.footer-copyright-link {
    color: #EAEBEB;
  }
  @media screen and (max-width: 768px) {
    .footer-main-wrapper {
      gap: 24px;    
    }
  }
  @media (max-width: 768px) {
    .footer-main-wrapper {
      padding-left: 0!important;
      padding-right: 0!important;
    }
  }



 .doc-subcol {
    position: relative;
  }
  .doc-start{
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .doc-template .doc-start{
    color: #2B2D33;
    background: rgba(33, 161, 154, 0.08);
  }
  .doc-collection:nth-child(2n){
    background-color:#f5f7f9
  }
  @media (max-width:768px){
	.doc-subcol > .row{
		min-height:175px;
		height:100%;
		padding:30px 25px
	}
}
.doc-subcol-more a{
	color: #107F8C;
	line-height:30px;
	font-size:14px;
}
.doc-search.search-form .bttn-search{
	padding: 16px 12px 16px;
}
.doc-subcol{
	background-color:#f5f5f5;
	border-radius: 24px;
	height:100%;
	margin:0 5px;
}
  .doc-subcol > .row {
    min-height: 332px;
    height: 100%; 
    padding:0;
  }
  .doc-inner {
    display: flex;
    flex-direction: column;
    height: 100%;  
  }
	.doc-subcol-link {
	  display: flex;
	  gap: 12px;
	  border-bottom: 1px solid #EAEBEB;
	  padding: 24px 24px 12px;
	}
  .doc-subcol-link a {
	  color: #2B2D33;
	}
	.doc-subcol-icon {
	  width: 20px;
    height: 20px;
	}
.doc-subcol-chip {
  position: absolute;
  left: 24px;
  top: -10px;
  width: 94px;
  height: 20px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  border-radius: 4px;
}
.doc-subcol-doc-obschaya-informatsiya,
.doc-subcol-simulator {
  background: #AEE9D1;
  color: #2B2D33;
}
.doc-subcol-content.doc-subcol-content-simulator .doc-subcol-2 {
  overflow: visible;
}
.doc-subcol-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 24px 24px 56px;
  overflow: hidden;
}

.doc-subcol-2 {
  flex-grow: 1;
  min-height: 0;       
  overflow: hidden;
}
.doc-subcol-2 a:hover {
  color: #107F8C;
}
.doc-subcol-2 .doc-subcol-2-link {
  line-height: 22px;
  color: #2B2D33;
  font-weight: 400;
}
.doc-subcol-2-link.two-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.doc-subcol-2 .doc-subcol-2-item {
  position: relative;
}
.doc-subcol-2 .doc-subcol-2-item img {
  position: absolute;
  left: -34px;
  top: 50%;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  pointer-events: none; 
}
.doc-subcol-2 > div:not(:last-child) {
  margin-bottom: 12px;
}

.doc-subcol-more {
  margin-top: auto;
  padding-top: 24px;
}
.doc-subcol-more .line-animation:after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.16699L7.33333 7.00032L1.5 12.8337' stroke='%23498CE9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    content: '';
    display: inline-block;
    width: calc(1em / 3);
    height: calc(1em / 2);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position: 0 0;
}
.line-animation:after {
  margin-left: 0;
}

.doc-collection-title {
  font-size: 32px;
  line-height: 40px;
  color: #2B2D33;
}
.doc-collection:not(:first-child) .doc-collection-title {
  margin-top: 90px;
}

.doc-collection:nth-child(2n) {
  background-color: #ffffff;
}
@media (max-width: 768px) {
  .doc-collection-title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 24px;
  }
  .doc-collection:not(:first-child) .doc-collection-title {
    margin-top: 55px;
  }
  .docs-collections-inner {
    padding-top: 40px;
    padding-bottom: 55px;
  }

  .doc-subcol > .row {
    min-height: 175px; 
    height: 100%!important;
	}
}



.doc-subcol-search > .row,
.doc-subcol.shadow-small > .row {
  min-height: 175px!important; 
  height: 100%; 
  padding: 30px 25px;
}
.doc-subcol-search,
.doc-subcol.shadow-small {
  background-color: #ffffff;
  border-radius: 0;
}
.doc-inner-search {
  height: auto;
  display: block !important;
  flex-direction: initial !important;
}
.doc-top__section.doc-top__section--feedback {
  background: #F5F5F5;
  padding: 24px;
}


.header-main .bttn-reg,
.header-main .refresh-menu-nav-btn .bttn-reg {
  border: 1px solid #107F8C;
  background: linear-gradient(90deg, rgba(16, 127, 140, 0.16) 0%, rgba(33, 161, 154, 0.16) 78.34%, rgba(49, 194, 167, 0.16) 100%);
  color: #107F8C;
}
.header-main .refresh-menu-nav-btn .bttn-reg:hover {
  text-decoration: none;
  background: linear-gradient(90deg, rgba(49, 194, 167, 0.4) 0%, rgba(49, 194, 167, 0.4) 78.34%, rgba(49, 194, 167, 0.4) 100%);
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
@media (max-width: 1260px) {
  .with-two-button:not(.with-login) .refresh-menu-login-mobile {
    border: 1px solid #107F8C;
    color: #107F8C;
  }
}

@media screen and (max-width: 768px) {
  .refresh-menu-login-btn-mobile {
    border: 1px solid #107F8C;
    background: linear-gradient(90deg, rgba(16, 127, 140, 0.16) 0%, rgba(33, 161, 154, 0.16) 78.34%, rgba(49, 194, 167, 0.16) 100%);
    color: #107F8C;
  }
  
  .with-two-button:not(.with-login) .refresh-menu-login-mobile {
    border: 1px solid #107F8C;
    background: linear-gradient(90deg, rgba(16, 127, 140, 0.16) 0%, rgba(33, 161, 154, 0.16) 78.34%, rgba(49, 194, 167, 0.16) 100%);
    color: #107F8C;
  } 
}


  .sidebar {
    border: 1px solid #EAEBEB;
    border-radius: 24px;
  }

  .ul-reg li a {
    color: #2B2D33;
  }
  .ul-reg li>a:hover,
  .ul-reg li.active-link:not(.sublink)>a {
    color: #21A19A;
  }
  .ul-reg li.active-link:not(.sublink)>a:after {
    background-color: #21A19A!important;
    width: 2px;
  }
  .ul-reg .ul-reg li.active-link>a {
    background: #21A19A29;
  }
  .doc-sidebar__section.doc-sidebar__section--feedback {
    padding: 20px 25px;
    margin-right: 20px;
    gap: 8px;
    border-radius: 24px;
    background: #F5F5F5;
  }
  .feedback-text {
    font-size: 14px;
    line-height: 22px;
    color: #2B2D33;
  }
  .feedback-description {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #6A6C70;
  }
  
 
 
  .create-shop-doc.create-shop .container {
    max-width: 1272px;
    background: #2B2D33;
    border-radius: 24px;
    position: relative;
    margin: 0 auto;
    margin-bottom: -20px;
  }

  
  
  .doc-template .doc-start {
    border-bottom-right-radius: 48px;
    border-bottom-left-radius: 48px;
  }
  .doc-start {
    color: #2B2D33;
    background: rgba(33, 161, 154, 0.08);
  }
  @media (max-width: 768px) {
    .doc-template .doc-start {
      border-bottom-right-radius: 24px;
      border-bottom-left-radius: 24px;
    }
    .doc-start {
      padding-top: 40px;
      padding-bottom: 49px;
    }
  }
  .doc-top__section-title {
    font-weight: 800;
    font-size: 42px;
    line-height: 50px;
  }
  @media screen and (max-width: 768px) {
    .doc-top__section-title {
      text-align: left;
      font-size: 26px;
      line-height: 32px;
    }
    .doc-top__section-text {
      font-size: 16px;
      text-align: left;
      line-height: 22px;
    }
  }
  .doc-search.search-form .bttn-search {
    padding: 0 12px 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;  
  }
  @media (max-width: 768px) {
    .doc-search.search-form .bttn-search svg {
      width: 16px;
      height: 16px;
    }
  }
  .search-form .input-reg input {
    padding-left: 52px;
  }
  .input-reg input {
    border: 1px solid #EAEBEB;
  }
  .input-reg input:focus, .input-reg textarea:focus, input.input-reg:focus, input[type="text"]:focus {
    border: 1px solid #21A19A;
  }
  .input-reg input:focus-visible, .input-reg textarea:focus-visible, input.input-reg:focus-visible, input[type="text"]:focus-visible {
    border: 1px solid #21A19A;
  }
  @media (max-width: 768px) {
    .search-form .input-reg input {
      padding-left: 48px; 
      font-size: 14px;
    }
    .input-reg.small input, input.input-reg.small {
      height: 48px;
    }
  }
