/*   reseller-header   */

.reseller-header {
  position: relative;
  background: url("../img/reseller-v2/header-bg.svg") calc(50% + 770px) 50% no-repeat;
  background-size: auto 100%;
  overflow: hidden;
}

.reseller-benefit {
  margin-top: 0;
}

.reseller-header__box {
  display: flex;
  align-items: center;
  min-height: 520px;
}

.reseller-header__image {
  flex-shrink: 0;
  height: 490px;
  margin-right: -140px;
  margin-bottom: -30px;
}

.reseller-header__text {
  color: #1a3378;
}

.reseller-header__title {
  font-weight: 700;
  font-size: 40px;
  line-height: 130%;
  margin-bottom: 20px;
}

.reseller-header__sub-title {
  font-size: 22px;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 15px;
}

.reseller-header__desc p {
  font-size: 18px;
  line-height: 150%;
}

.reseller-header__desc p:not(:last-child) {
  margin-bottom: 15px;
}

.reseller-header__button {
  margin-top: 30px;
}

@media screen and (max-width: 1199px) {

  .reseller-header {
    background-position: calc(50% + 900px) 50%;
  }

  .reseller-header__image {
    height: 360px;
  }

}

@media screen and (max-width: 992px) {

  .reseller-header {
    background: #fff;
  }

  .reseller-header__image {
    display: none;
  }

  .reseller-header__box {
    min-height: 100px;
    padding: 70px 0;
  }

  .reseller-header__title {
    font-size: 40px;
  }

}

@media screen and (max-width: 767px) {

  .reseller-header__box {
    padding: 50px 0;
  }

}

@media screen and (max-width: 600px) {

  .reseller-header__title {
    font-size: 30px;
    margin-bottom: 15px;
  }

  .reseller-header__sub-title {
    font-size: 20px;
  }

}

@media screen and (max-width: 480px) {

  .reseller-header__text {
    text-align: center;
  }

}

/*   end reseller-header   */

/*   reseller-benefit   */

.reseller-benefit__box {
  display: flex;
}

.reseller-benefit__image {
  display: block;
  flex-shrink: 0;
  width: 420px;
  transform: rotate(-10deg);
  margin-top: 50px;
  margin-right: 30px;
}

h2.reseller-benefit__title {
  color: #1a3378;
  margin-bottom: 50px;
}

.reseller-benefit-list__item {
  display: flex;
  margin-bottom: 50px;
}

.reseller-benefit-list__item:last-child {
  margin-bottom: 0;
}

.reseller-benefit-list__icon {
  flex-shrink: 0;
  margin-right: 30px;
}

.reseller-benefit-list__icon img {
  display: block;
  width: 86px;
  height: 86px;
}

.reseller-benefit-list__title {
  font-size: 22px;
  font-weight: 600;
  color: #1a3378;
  margin-bottom: 10px;
}

.reseller-benefit-list__text p {
  color: #1a3378;
  font-size: 18px;
  line-height: 150%;
}

@media screen and (max-width: 1199px) {

  .reseller-benefit__image {
    width: 340px;
  }

}

@media screen and (max-width: 992px) {

  .reseller-benefit__image {
    display: none;
  }

}

@media screen and (max-width: 480px) {

  h2.reseller-benefit__title {
    margin-bottom: 30px;
  }

  .reseller-benefit__box {
    flex-direction: column-reverse;
  }

  .reseller-benefit__image {
    display: block;
    width: 100%;
    max-width: 320px;
    margin: 30px auto 0;
    transform: rotate(0deg);
  }

  .reseller-benefit-list__item {
    margin-bottom: 30px;
  }

  .reseller-benefit-list__icon {
    margin-right: 20px;
  }

  .reseller-benefit-list__icon img {
    width: 66px;
    height: 66px;
  }

  .reseller-benefit-list__title {
    font-size: 20px;
    margin-bottom: 5px;
  }

}

@media screen and (max-width: 359px) {

  .reseller-benefit-list__item {
    flex-direction: column;
  }

  .reseller-benefit-list__icon {
    margin-bottom: 20px;
  }

  .reseller-benefit-list__icon img {
    width: 80px;
    height: 80px;
  }

}

/*   end reseller-benefit   */

/*   reseller-steps   */

h2.reseller-steps__title {
  color: #1a3378;
  margin-bottom: 50px;
}

.reseller-steps__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px -30px;
}

.reseller-steps__item:nth-child(1),
.reseller-steps__item:nth-child(2) {
  width: calc(25% - 30px);
}

.reseller-steps__item {
  width: calc(50% - 30px);
  padding: 15px;
  margin: 0 15px 30px;
  background: #c6c5f7;
  border-radius: 15px;
}

.reseller-steps__head {
  display: flex;
  align-items: center;
  background: #ffdf52;
  height: 56px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(6, 11, 26, .3);
  margin-bottom: 15px;
}

.reseller-steps__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background: #fff;
  flex-shrink: 0;
  font-size: 32px;
  font-weight: 900;
  color: #1a3378;
  line-height: 100%;
  margin-right: 20px;
  border-radius: 10px;
}

.reseller-steps__name {
  font-size: 20px;
  font-weight: 500;
  color: #1a3378;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.reseller-steps__text {
  color: #1a3378;
  font-size: 18px;
  line-height: 150%;
  padding: 0 15px 15px;
}

.reseller-steps__text a {
  color: #1a3378;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid #1a3378;
}

.reseller-steps__text a:hover {
  border-color: transparent;
}

.reseller-steps__text p:not(:last-child) {
  margin-bottom: 10px;
}

@media screen and (max-width: 1199px) {

  .reseller-steps__list {
    margin: 0 -10px -20px;
  }

  .reseller-steps__item:nth-child(1),
  .reseller-steps__item:nth-child(2) {
    width: calc(50% - 20px);
  }

  .reseller-steps__item {
    width: calc(50% - 20px);
    margin: 0 10px 20px;
  }

}

@media screen and (max-width: 767px) {

  .reseller-steps__list {
    margin: 0 0 -20px;
  }

  .reseller-steps__item:nth-child(1),
  .reseller-steps__item:nth-child(2),
  .reseller-steps__item {
    width: 100%;
    margin: 0 0 20px;
  }

}

@media screen and (max-width: 480px) {

  section.reseller-steps {
    margin-bottom: 0;
  }

  h2.reseller-steps__title {
    margin-bottom: 30px;
  }

  .reseller-steps__name {
    font-weight: 700;
    font-size: 18px;
  }

  .reseller-steps__list {
    margin: 0 -15px;
    padding: 0;
    background: #c6c5f7;
  }

  .reseller-steps__item:nth-child(1),
  .reseller-steps__item:nth-child(2),
  .reseller-steps__item {
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 0;
  }

  .reseller-steps__item:last-child {
    margin-bottom: 0;
  }

  .reseller-steps__head {
    border-radius: 0;
    margin-bottom: 0;
  }

  .reseller-steps__num {
    border-radius: 0;
    font-size: 28px;
  }

  .reseller-steps__text {
    padding: 20px;
  }

}

/*   end reseller-steps   */

/*   reseller-services   */

.reseller-services {
  position: relative;
  max-width: 1450px;
  display: block;
  background: #1a3378;
  padding: 50px 0;
  margin-left: auto;
  margin-right: auto;
  border-radius: 60px;
}

.reseller-services::before,
.reseller-services::after {
  position: absolute;
  top: calc(50% - 342px);
  display: block;
  width: 108px;
  height: 684px;
  background: url("../img/reseller-v2/board-lines.svg") 0 0 no-repeat;
  background-size: cover;
  content: '';
}

.reseller-services::before {
  left: 0;
}

.reseller-services::after {
  right: 0;
  transform: scale(-1, 1)
}

.reseller-services__box {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  padding: 50px 0;
}

.reseller-services__left {
  width: 53%;
}

.reseller-services__info {
  width: 45%;
  flex-shrink: 0;
}

.reseller-services__image {
  display: block;
  height: 420px;
}

.reseller-services__title {
  color: #47cfed;
  font-size: 40px;
  font-weight: 500;
  line-height: 120%;
  max-width: 570px;
  margin-bottom: 50px;
}

.reseller-services__sub-title {
  font-size: 30px;
  font-weight: 500;
  color: #fff;
  line-height: 130%;
  text-align: center;
  margin-bottom: 50px;
}

.reseller-services__list li {
  font-size: 30px;
  font-weight: 400;
  color: #ffe77d;
  line-height: 120%;
  margin-bottom: 20px;
  background: url("../img/reseller-v2/check-icon.svg") 0 0 no-repeat;
  padding: 5px 0 0 70px;
  min-height: 46px;
}

.reseller-services__list li:last-child {
  margin-bottom: 0;
}

.reseller-services__list li span {
  color: #dd97f7;
}

.reseller-services__alert {
  color: #dd97f7;
  font-size: 18px;
  font-weight: 300;
  line-height: 140%;
  margin-top: 30px;
}

@media screen and (max-width: 1199px) {

  .reseller-services {
    border-radius: 0;
    padding: 70px 0;
  }

  .reseller-services__box {
    padding: 0;
    align-items: flex-start;
  }

  .reseller-services__left {
    padding-right: 50px;
  }

  .reseller-services__image {
    height: auto;
  }

}

@media screen and (max-width: 992px) {

  .reseller-services__title {
    text-align: center;
    margin: 0 auto 50px;
  }

  .reseller-services__box {
    flex-direction: column;
  }

  .reseller-services__left {
    width: 100%;
    padding-right: 0;
  }

  .reseller-services__image {
    max-height: 400px;
    margin: 0 auto 30px;
  }

  .reseller-services__info {
    width: auto;
    max-width: 600px;
    margin: 0 auto;
  }

}

@media screen and (max-width: 600px) {

  .reseller-services__title {
    font-size: 30px;
  }

  .reseller-services__image {
    width: 100%;
  }

  .reseller-services__sub-title {
    font-size: 24px;
  }

  .reseller-services::before,
  .reseller-services::after {
    display: none;
  }

}

@media screen and (max-width: 480px) {

  .reseller-services__title {
    font-weight: 700;
    margin-bottom: 30px;
  }

  .reseller-services__sub-title {
    margin-bottom: 30px;
  }

  .reseller-services__list li {
    font-size: 24px;
    background-size: 30px 30px;
    padding: 2px 0 0 45px;
    min-height: 1px;
  }

}

/*   end reseller-services   */

/*   reseller-profit   */

h2.reseller-profit__title {
  color: #1a3378;
  margin-bottom: 50px;
}

.reseller-profit__list {
  position: relative;
  padding-left: 210px;
  display: flex;
  flex-wrap: wrap;
}

.reseller-profit__labels {
  position: absolute;
  left: 0;
  top: 0;
  background: #1a3378;
  width: 210px;
  height: 300px;
  padding: 8px 30px;
  border-radius: 15px;
}

.reseller-profit__labels li {
  font-size: 18px;
  color: #fff;
  text-align: left;
  padding: 20px 0;
  border-bottom: 2px solid #fff;
}

.reseller-profit__labels li:last-child {
  border-bottom: 0;
}

.reseller-profit__image {
  display: block;
  position: absolute;
  right: 20px;
  top: -165px;
  transform: rotate(5deg);
}

.reseller-profit__item {
  width: calc(25% - 20px);
  height: 220px;
  background: #edf2ff;
  margin: 0 0 20px 20px;
  border-radius: 15px;
}

.reseller-profit__head {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1a3378;
  font-size: 22px;
  font-weight: 500;
  height: 60px;
  border-radius: 15px;
  margin-bottom: 8px;
}

.reseller-profit__head.starter {
  background: #ffdf52;
}

.reseller-profit__head.advanced {
  background: #6bd171;
}

.reseller-profit__head.expert {
  background: #47cfed;
}

.reseller-profit__head.business {
  background: #dd97f7;
}

.reseller-profit__item ul li {
  font-size: 30px;
  font-weight: 500;
  line-height: 100%;
  color: #1a3378;
  padding: 20px 0;
  margin: 0 30px;
  text-align: center;
  border-bottom: 2px solid #1a3378;
}

.reseller-profit__item ul li:last-child {
  border-bottom: 0;
}

.reseller-profit__support {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 22px;
  color: #1a3378;
  background: #c6c5f7;
  height: 60px;
  border-radius: 10px;
  margin-left: 20px;
}

@media screen and (max-width: 1199px) {

  .reseller-profit__labels {
    display: none;
  }

  .reseller-profit__list {
    padding-left: 0;
    margin: 0 -10px;
  }

  .reseller-profit__item {
    height: auto;
    margin: 0 10px 20px;
  }

  .reseller-profit__head {
    margin-bottom: 0;
  }

  .reseller-profit__support {
    margin: 0 10px;
    font-size: 20px;
  }

  .reseller-profit__image {
    height: 160px;
    top: -140px;
    right: 40px;
  }

  .reseller-profit__item ul li::before {
    display: block;
    font-size: 16px;
    line-height: 130%;
    content: attr(data-text);
    margin-bottom: 10px;
  }

}

@media screen and (max-width: 992px) {

  .reseller-profit__item {
    width: calc(50% - 20px);
  }

  .reseller-profit__support {
    text-align: center;
    padding: 20px;
    height: auto;
    line-height: 130%;
  }

}

@media screen and (max-width: 767px) {

  .reseller-profit__image {
    display: none;
  }

}

@media screen and (max-width: 480px) {

  h2.reseller-profit__title {
    margin-bottom: 30px;
  }

  .reseller-profit__list {
    margin: 0 -5px;
  }

  .reseller-profit__item {
    width: calc(100% - 20px);
  }

}

/*  end reseller-profit   */

/*   reseller-calc   */

.reseller-calc {
  display: flex;
  align-items: center;
  margin-top: 50px;
}

.reseller-calc__image {
  display: block;
  width: 315px;
  flex-shrink: 0;
  margin-right: 40px;
}

.reseller-calc__desc {
  font-size: 30px;
  color: #1a3378;
  line-height: 130%;
  margin-bottom: 30px;
}

@media screen and (max-width: 992px) {

  .reseller-calc__image {
    width: 240px;
    margin-right: 30px;
  }

  .reseller-calc__desc {
    font-size: 24px;
    margin-bottom: 20px;
  }

}

@media screen and (max-width: 767px) {

  .reseller-calc__image {
    width: 180px;
  }

  .reseller-calc__desc {
    font-size: 22px;
  }

}

@media screen and (max-width: 480px) {

  .reseller-calc {
    flex-direction: column;
  }

  .reseller-calc__image {
    width: 220px;
    margin: 0 auto 20px;
  }

  .reseller-calc__info {
    text-align: center;
  }

}

@media screen and (max-width: 380px) {

  .reseller-calc__desc {
    font-size: 20px;
  }

}

/*   end reseller-calc   */

/*   reseller-faq   */

h2.reseller-faq__title {
  color: #1a3378;
}

.reseller-faq h2.title {
  color: #1a3378;
  margin-bottom: 40px;
}

.reseller-faq .faq__item {
  margin-bottom: 20px;
}

.reseller-faq .faq__title {
  color: #1a3378;
  font-size: 20px;
  padding-left: 75px;
}

.reseller-faq .faq__title::before {
  content: '';
  position: absolute;
  left: 20px;
  top: calc(50% - 15px);
  display: block;
  width: 38px;
  height: 30px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="39" height="31" fill="none"><path fill="%23C574E3" d="M.698 5.19c0-2.76 2.225-5 4.97-5h19.881c2.745 0 4.97 2.24 4.97 5v17.943l8.179 7.058H5.668c-2.745 0-4.97-2.239-4.97-5v-20Z"/><path fill="%23EDF2FF" d="M17.24 18.68h-3.443c0-.708.048-1.332.144-1.87.104-.548.28-1.039.528-1.473a4.703 4.703 0 0 1 1.007-1.207c.376-.314.7-.616.972-.905.272-.29.48-.584.624-.882.144-.297.216-.615.216-.953 0-.418-.06-.76-.18-1.026a1.171 1.171 0 0 0-.516-.591c-.224-.137-.508-.206-.852-.206-.28 0-.544.069-.792.206-.24.136-.435.35-.587.64-.152.28-.236.655-.252 1.122H10.04c.024-1.2.288-2.173.792-2.921a4.433 4.433 0 0 1 2.04-1.654c.856-.354 1.812-.53 2.867-.53 1.168 0 2.172.18 3.012.542.84.362 1.484.902 1.932 1.618.447.708.671 1.58.671 2.619 0 .692-.131 1.295-.396 1.81a5.605 5.605 0 0 1-1.043 1.425 52.38 52.38 0 0 1-1.452 1.4c-.464.41-.78.828-.948 1.255-.168.418-.26.945-.276 1.581Zm-3.935 3.67c0-.58.208-1.063.624-1.45.416-.393.955-.59 1.62-.59.663 0 1.203.197 1.62.59.415.387.623.87.623 1.45 0 .579-.208 1.066-.624 1.46-.416.386-.956.58-1.62.58-.664 0-1.203-.194-1.62-.58a1.932 1.932 0 0 1-.623-1.46Z"/></svg>');
}

.reseller-faq .faq__item--open .faq__title::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="39" height="31" fill="none"><path fill="%23EDF2FF" d="M.698 5.19c0-2.76 2.225-5 4.97-5h19.881c2.745 0 4.97 2.24 4.97 5v17.943l8.179 7.058H5.668c-2.745 0-4.97-2.239-4.97-5v-20Z"/><path fill="%231A3378" d="M17.24 18.68h-3.443c0-.708.048-1.332.144-1.87.104-.548.28-1.039.528-1.473a4.703 4.703 0 0 1 1.007-1.207c.376-.314.7-.616.972-.905.272-.29.48-.584.624-.882.144-.297.216-.615.216-.953 0-.418-.06-.76-.18-1.026a1.171 1.171 0 0 0-.516-.591c-.224-.137-.508-.206-.852-.206-.28 0-.544.069-.792.206-.24.136-.435.35-.587.64-.152.28-.236.655-.252 1.122H10.04c.024-1.2.288-2.173.792-2.921a4.433 4.433 0 0 1 2.04-1.654c.856-.354 1.812-.53 2.867-.53 1.168 0 2.172.18 3.012.542.84.362 1.484.902 1.932 1.618.447.708.671 1.58.671 2.619 0 .692-.131 1.295-.396 1.81a5.605 5.605 0 0 1-1.043 1.425 52.38 52.38 0 0 1-1.452 1.4c-.464.41-.78.828-.948 1.255-.168.418-.26.945-.276 1.581Zm-3.935 3.67c0-.58.208-1.063.624-1.45.416-.393.955-.59 1.62-.59.663 0 1.203.197 1.62.59.415.387.623.87.623 1.45 0 .579-.208 1.066-.624 1.46-.416.386-.956.58-1.62.58-.664 0-1.203-.194-1.62-.58a1.932 1.932 0 0 1-.623-1.46Z"/></svg>');
}

.reseller-faq .faq__title::after {
  content: '';
  position: absolute;
  right: 20px;
  top: calc(50% - 6px);
  display: block;
  width: 22px;
  height: 12px;
  background-size: cover;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="14" fill="none"><path stroke="%231A3378" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="m1.664 2.14 11 10 11-10"/></svg>');
}

.reseller-faq .faq__item--open .faq__title::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="14" fill="none"><path stroke="%23EDF2FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="m1.664 2.14 11 10 11-10"/></svg>');
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}

.reseller-faq .faq__item--open .faq__title {
  color: #edf2ff;
  border-radius: 0 0 10px 10px;
}

.reseller-faq .faq__desc {
  color: #1a3378;
  font-size: 18px;
  font-weight: 400;
  padding-left: 75px;
}

.reseller-faq .faq__desc:before {
  left: 20px;
  width: 38px;
  height: 30px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="39" height="31" fill="none"><path fill="%23C574E3" d="M.698 5.282c0-2.762 2.225-5 4.97-5h19.881c2.745 0 4.97 2.238 4.97 5v17.942l8.179 7.058H5.668c-2.745 0-4.97-2.239-4.97-5v-20Z"/><path fill="%23EDF2FF" d="m17.085 7.365-.46 10.688H13.7l-.46-10.688h3.845Zm-3.94 14.018c0-.515.184-.945.555-1.289.37-.35.85-.526 1.441-.526.591 0 1.068.175 1.431.526.37.344.555.774.555 1.29 0 .515-.185.948-.555 1.3-.363.343-.84.515-1.43.515-.592 0-1.072-.172-1.442-.516a1.72 1.72 0 0 1-.556-1.3Z"/></svg>');
}

@media screen and (max-width: 767px) {

  .reseller-faq .faq__title {
    font-size: 18px;
  }

}

@media screen and (max-width: 480px) {

  .reseller-faq h2.title {
    margin-bottom: 30px;
  }

  .reseller-faq .faq__item {
    margin-bottom: 15px;
  }

  .reseller-faq .faq__title {
    padding-left: 20px;
    font-size: 16px;
  }

  .reseller-faq .faq__title::before {
    display: none;
  }

  .reseller-faq .faq__title::after {
    transform: scale(.7);
  }

  .reseller-faq .faq__desc {
    padding-left: 20px;
    font-size: 17px;
  }

}

/*   end reseller-faq   */

/*   reseller-promo   */

h2.reseller-promo__title {
  color: #1a3378;
  margin-bottom: 50px;
}

.reseller-promo__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 50px;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1100" height="126" fill="none"><path stroke="%23C6C5F7" stroke-width="6" d="M479.849 114.924h-430"/><circle cx="259.849" cy="114.863" r="10.943" fill="%23C6C5F7"/><path stroke="%23C6C5F7" stroke-width="6" d="M1088.39 114.924h-38.54M11.31 114.924h38.539"/><circle cx="10.943" cy="10.943" r="10.943" fill="%23C6C5F7" transform="matrix(-1 0 0 1 22.253 103.92)"/><path stroke="%23C6C5F7" stroke-width="6" d="M108.788 11.387v102.539"/><circle cx="10.943" cy="10.943" r="10.943" fill="%23C6C5F7" transform="matrix(0 -1 -1 0 119.792 22.328)"/><path stroke="%23C6C5F7" stroke-width="6" d="M404.788 11.387v104.539"/><circle cx="10.943" cy="10.943" r="10.943" fill="%23C6C5F7" transform="matrix(0 -1 -1 0 415.792 22.328)"/><path stroke="%23C6C5F7" stroke-width="6" d="M694.788 11.387v102.539"/><circle cx="10.943" cy="10.943" r="10.943" fill="%23C6C5F7" transform="matrix(0 -1 -1 0 705.792 22.328)"/><path stroke="%23C6C5F7" stroke-width="6" d="M984.788 11.387v104.539"/><circle cx="10.943" cy="10.943" r="10.943" fill="%23C6C5F7" transform="matrix(0 -1 -1 0 995.792 22.328)"/><circle cx="1088.39" cy="114.863" r="10.943" fill="%23C6C5F7"/><path stroke="%23C6C5F7" stroke-width="6" d="M769.849 114.924h-300"/><circle cx="549.849" cy="114.863" r="10.943" fill="%23C6C5F7"/><path stroke="%23C6C5F7" stroke-width="6" d="M1059.85 114.924H759.849"/><circle cx="839.849" cy="114.863" r="10.943" fill="%23C6C5F7"/></svg>');
}

.reseller-promo__list li {
  width: 25%;
  padding: 0 20px;
}

.reseller-promo__list li img {
  display: block;
  width: 130px;
  height: 130px;
  margin: 0 auto 30px;
}

.reseller-promo__list li p {
  font-size: 22px;
  font-weight: 500;
  line-height: 130%;
  color: #1a3378;
  text-align: center;
}

/*   alert   */

.reseller-promo-alert {
  text-align: center;
}

.reseller-promo-alert__content {
  display: inline-flex;
  background: #c6c5f7;
  padding: 30px;
  color: #1a3378;
  text-align: center;
  margin: 50px auto 0;
  border-radius: 15px;
}

.reseller-promo-alert__content::before,
.reseller-promo-alert__content::after {
  flex-shrink: 0;
  content: '';
  display: block;
  width: 38px;
  height: 60px;
  background: url("../img/reseller-v2/alert-icon.svg") 0 0 no-repeat;
  background-size: 36px 58px;
}

.reseller-promo-alert__content::before {
  margin-right: 30px;
}

.reseller-promo-alert__content::after {
  margin-left: 30px;
}

.reseller-promo-alert__text {
  text-align: center;
}

.reseller-promo-alert__text strong {
  display: block;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 5px;
}

.reseller-promo-alert__text p {
  font-size: 18px;
  line-height: 150%;
}

@media screen and (max-width: 1199px) {

  .reseller-promo__list {
    background: none;
    padding-top: 0;
  }

  .reseller-promo__list li p {
    font-size: 20px;
  }

  .reseller-promo__list li img {
    margin-bottom: 20px;
  }

}

@media screen and (max-width: 992px) {

  .reseller-promo__list {
    margin-bottom: -40px;
  }

  .reseller-promo__list li {
    width: 50%;
    margin-bottom: 40px;
  }

  .reseller-promo__list li p {
    max-width: 260px;
    margin: 0 auto;
  }

}

@media screen and (max-width: 480px) {

  h2.reseller-promo__title {
    margin-bottom: 30px;
  }

  .reseller-promo__list {
    margin: 0;
  }

  .reseller-promo__list li {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }

  .reseller-promo__list li:last-child {
    margin-bottom: 0;
  }

  .reseller-promo__list li img {
    margin: 0 20px 0 0;
    width: 80px;
    height: 80px;
  }

  .reseller-promo__list li p {
    margin: 0;
    text-align: left;
  }

  .reseller-promo-alert__content::before,
  .reseller-promo-alert__content::after {
    display: none;
  }

  .reseller-promo-alert__text strong {
    font-size: 19px;
    line-height: 130%;
  }

  .reseller-promo-alert__text p {
    font-size: 17px;
  }

  .reseller-promo-alert__content {
    margin-top: 30px;
    padding: 20px;
  }

}

@media screen and (max-width: 380px) {

  .reseller-promo__list li p {
    font-size: 18px;
    font-weight: 500;
  }

}

/*   end reseller-promo   */

/*   reseller-rules   */

.reseller-rules {
  background: #edf2ff;
  margin: 0;
}

.reseller-rules__box {
  display: flex;
  align-items: flex-end;
}

.reseller-rules__image {
  display: block;
  width: 500px;
  flex-shrink: 0;
  margin-right: 30px;
}

h2.reseller-rules__title {
  color: #1a3378;
  margin-bottom: 40px;
}

.rules-list li:before {
  content: counter(rules-counter);
  flex-shrink: 0;
  margin-right: 20px;
  display: block;
  width: 44px;
  height: 44px;
  background: #ffdf52;
  color: #1a3378;
  font-size: 22px;
  font-weight: 700;
  line-height: 44px;
  text-align: center;
  border-radius: 10px;
}

.rules-list li {
  counter-increment: rules-counter;
  position: relative;
  font-size: 18px;
  line-height: 150%;
  color: #1a3378;
  margin-bottom: 20px;
  display: flex;
  align-items: baseline;
}

.rules-list li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1199px) {

  .reseller-rules__box {
    align-items: center;
  }

  .reseller-rules__image {
    width: 340px;
  }

}

@media screen and (max-width: 992px) {

  .reseller-rules__image {
    display: none;
  }

}

@media screen and (max-width: 480px) {

  h2.reseller-rules__title {
    margin-bottom: 30px;
  }

  .reseller-rules__box {
    flex-direction: column-reverse;
  }

  .reseller-rules__image {
    display: block;
    width: 100%;
    max-width: 280px;
    margin: 30px auto 0;
  }

  .rules-list li {
    font-size: 17px;
  }

  .rules-list li:before {
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    margin-right: 15px;
  }

}

/*  end reseller-rules   */