/* =============================================================================
   THEME: Selby / fulfilment — consolidated (deduplicated)
   ============================================================================= */

/* -----------------------------------------------------------------------------
   Block 1 — advantages
   ----------------------------------------------------------------------------- */
.block1-preimuhestva-items .span {
  color: #ff004d;
}
.block1-preimuhestva-items .block1-preimuhestva-item-title {
  align-self: stretch;
  position: relative;
  line-height: 30px;
}
.block1-preimuhestva-items .block1-preimuhestva-item-text {
  align-self: stretch;
  position: relative;
  font-size: 17px;
  line-height: 22px;
  color: #71697a;
}
.block1-preimuhestva-items .block1-preimuhestva-item {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07), 0px 4px 35px rgba(0, 0, 0, 0.06);
  border-radius: 20px;
  background-color: #fff;
  flex: 0 0 calc(33% - 20px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 30px 40px;
  box-sizing: border-box;
  gap: 12px;
}
.block1-preimuhestva-items .span1 {
  color: #1d1d1d;
}
.block1-preimuhestva-items .block1-preimuhestva-item3 {
  flex: 1;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07), 0px 4px 35px rgba(0, 0, 0, 0.06);
  border-radius: 20px;
  background-color: #fff;
  display: flex;
  flex: 0 0 calc(50% - 20px);
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 30px 36px;
  gap: 12px;
}
.block1-preimuhestva-items {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 30px;
  text-align: left;
  font-size: 27px;
  color: #1d1d1d;
  font-family: "Basis Grotesque Pro";
}

/* -----------------------------------------------------------------------------
   Block 2 — what is this
   ----------------------------------------------------------------------------- */
.block2-what-is-this-svg2-icon {
  position: absolute;
  top: 402px;
  left: -0.05px;
  width: 649.7px;
  height: 453.8px;
  object-fit: contain;
}
.block2-what-is-this-svg1-icon {
  position: absolute;
  top: -143px;
  left: 1063.95px;
  width: 666.1px;
  height: 564.7px;
  object-fit: contain;
}
.block2-what-is-this .span {
  color: #1d1d1d;
}
.block2-what-is-this .p {
  margin: 0;
}
.block2-what-is-this .p1 {
  margin: 0;
  color: #1d1d1d;
}
.block2-what-is-this .div {
  align-self: stretch;
  position: relative;
  line-height: 64px;
  font-weight: 900;
}
.block2-what-is-this-title {
  position: absolute;
  top: -4px;
  left: 279.95px;
  width: 1170px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.block2-what-is-this .b {
  font-family: "Basis Grotesque Pro";
}
.block2-what-is-this .div1 {
  align-self: stretch;
  position: relative;
  line-height: 22px;
}
.block2-what-is-this .div2 {
  align-self: stretch;
  position: relative;
  line-height: 22px;
  color: #1d1d1d;
}
.block2-what-is-this .parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.block2-what-is-this-main-left- {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 0;
}
.block2-what-is-this-main-left-icon {
  width: 113px;
  position: absolute;
  margin: 0 !important;
  right: 22px;
  bottom: -89px;
  height: 138px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1;
}
.block2-what-is-this-main-left {
  width: 518px;
  box-shadow: 0px 4px 60px rgba(54, 22, 95, 0.07);
  border-radius: 30px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 30px;
  box-sizing: border-box;
  position: relative;
  gap: 30px;
}
.block2-what-is-this-main-right-icon {
  width: 100%;
  margin: 0px !important;
  border-radius: 20px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  z-index: 0;
}
.block2-what-is-this .b1 {
  position: relative;
  line-height: 30px;
}
.block2-what-is-this-main-right2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.block2-what-is-this-main-right3 {
  align-self: stretch;
  position: relative;
  font-size: 17px;
  line-height: 22px;
  color: #71697a;
}
.block2-what-is-this-main-right1 {
  width: 434px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07), 0px 4px 35px rgba(0, 0, 0, 0.06);
  border-radius: 20px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 15px;
  box-sizing: border-box;
  gap: 12px;
  z-index: 1;
}
.block2-what-is-this-main-right {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
  gap: 10px;
  font-size: 24px;
  color: #1d1d1d;
}
.block2-what-is-this-main {
  width: 1170px;
  /* height: 631px; */
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  font-size: 17px;
  color: #71697a;
}
.block2-what-is-this {
  width: 100%;
  min-height: 795px;
  text-align: left;
  font-size: 64px;
  color: #ff004d;
  font-family: "Basis Grotesque Pro";
  left: -285px;
}
.block2-what-is-this-title2 {
  width: 100%;
  font-size: 27px;
  font-family: "Basis Grotesque Pro";
  color: #1d1d1d;
  text-align: left;
  display: inline-block;
}
.block2-what-is-this .div123 {
  align-self: stretch;
  width: 100%;
  position: relative;
  font-size: 36px;
  line-height: 40px;
  font-weight: 900;
  font-family: "Basis Grotesque Pro";
  color: #1d1d1d;
  text-align: left;
  display: inline-block;
}
.block2-what-is-this .div223 {
  flex: 1;
  width: 100%;
  position: relative;
  font-size: 24px;
  font-family: "Basis Grotesque Pro";
  color: #1d1d1d;
  text-align: left;
  display: inline-block;
}
.block2-what-is-this .big-title {
  width: 100%;
  margin-bottom: 20px;
}
.block2-what-is-this ol,
.block2-what-is-this ul {
  list-style: unset;
  padding-left: 20px;
}
.block2-what-is-this li {
  list-style: unset;
  padding-bottom: 10px;
}
.block2-what-is-this li::marker {
  color: #8129ef;
}
.block2-what-is-this ul {
  padding-left: 0;
  color: #1d1d1d;
  font-family: "Basis Grotesque Pro";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

/* -----------------------------------------------------------------------------
   Block 3 — services
   ----------------------------------------------------------------------------- */
.block3-uslugi .p {
  margin: 0;
}
.block3-uslugi .p1 {
  margin: 0;
  color: #1d1d1d;
}
.block3-uslugi-title-block-titl {
  align-self: stretch;
  position: relative;
  line-height: 64px;
  font-weight: 900;
}
.block3-uslugi-title-block-subt {
  align-self: stretch;
  position: relative;
  font-size: 27px;
  line-height: 30px;
  color: #1d1d1d;
}
.block3-uslugi-title-block {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}
.block3-uslugi-content-left-1 {
  position: relative;
  line-height: 22px;
  display: inline-block;
}
.block3-uslugi-content-left {
  width: 568px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}
.block3-uslugi-content-right-ti {
  position: relative;
  line-height: 30px;
  z-index: 0;
}
.block3-uslugi-content-right-te {
  align-self: stretch;
  position: relative;
  font-size: 17px;
  line-height: 22px;
  z-index: 1;
}
.block3-uslugi-content-right-ma-icon {
  width: 22.2%;
  position: absolute;
  margin: 0 !important;
  top: 138px;
  right: 2.53%;
  left: 75.26%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  z-index: 2;
}
.block3-uslugi-content-right {
  flex: 1;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  position: relative;
  gap: 25px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  font-size: 27px;
  color: #fff;
}
.block3-uslugi-content-right-12 {
  max-width: 140%;
  position: absolute;
}
.block3-uslugi-content-right-1212 {
  width: 100%;
  height: 100%;
  position: absolute;
}
.support-block3 {
  padding: 30px 35px;
}
.block3-uslugi-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 30px;
  font-size: 17px;
  color: #1d1d1d;
  width: 100%;
}
.block3-uslugi {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  text-align: left;
  font-size: 64px;
  color: #ff004d;
  font-family: "Basis Grotesque Pro";
  justify-content: center;
}

/* -----------------------------------------------------------------------------
   Block 6
   ----------------------------------------------------------------------------- */
.block6 .span {
  color: #ff004d;
}
.block6 .p {
  margin: 0;
}
.block6-top-title {
  width: 1170px;
  position: relative;
  line-height: 64px;
  font-weight: 900;
  display: inline-block;
}
.block6 .b {
  font-family: "Basis Grotesque Pro";
}
.block6-top-text {
  align-self: stretch;
  position: relative;
  font-size: 27px;
}
.block6-top {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}
.block6-main-title {
  align-self: stretch;
  position: relative;
  line-height: 31px;
}
.block6-main-card-title {
  position: relative;
  line-height: 30px;
  z-index: 0;
}
.block6-main-card-text {
  align-self: stretch;
  position: relative;
  font-size: 17px;
  line-height: 22px;
  color: #71697a;
  z-index: 1;
}
.block6-main-card-background {
  width: 15px;
  position: absolute;
  margin: 0 !important;
  height: 100%;
  top: 0%;
  bottom: 0%;
  left: 0px;
  background-color: #ff004d;
  z-index: 2;
}
.block6-main-card {
  flex: 0 0 calc(33.33% - 20px);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07), 0px 4px 35px rgba(0, 0, 0, 0.06);
  border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 30px 35px;
  box-sizing: border-box;
  position: relative;
  gap: 12px;
}
.block7-main-card {
  flex: 0 0 calc(50% - 20px);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07), 0px 4px 35px rgba(0, 0, 0, 0.06);
  border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 30px 35px;
  box-sizing: border-box;
  position: relative;
  gap: 12px;
}
.block6 .ul {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: 23px;
}
.block6 .div {
  align-self: stretch;
  position: relative;
  line-height: 22px;
}
.block6 .div9 {
  align-self: stretch;
  position: relative;
  font-size: 17px;
  line-height: 22px;
  z-index: 1;
}
.block6 .mask-group-icon {
  width: 37.84%;
  position: absolute;
  margin: 0 !important;
  top: 323.61px;
  right: 0.54%;
  left: 61.62%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  z-index: 2;
}
.backgroundshadow {
  flex: 0 0 calc(33.33% - 20px);
  border-radius: 20px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  position: relative;
  gap: 25px;
  background-image: url("Background+Shadow.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  color: #fff;
}
.backgroundshadow-support {
  padding: 30px 30px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  height: 100%;
}
.block6-main-cards {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  gap: 30px;
}
.block6-main {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  font-size: 27px;
}
.block6 {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px;
  text-align: left;
  font-size: 64px;
  color: #1d1d1d;
  font-family: "Basis Grotesque Pro";
}
.block6 ul {
  list-style: unset;
  padding-left: 20px;
}
.block6 li {
  list-style: unset;
  padding-bottom: 10px;
}

/* -----------------------------------------------------------------------------
   Block 8 — security
   ----------------------------------------------------------------------------- */
.block8-security .span {
  color: #1d1d1d;
}
.block8-security .block8-security-title {
  align-self: stretch;
  position: relative;
  line-height: 64px;
  font-weight: 900;
  color: #ff004d;
}
.block8-security .security-top-card-ing-icon {
  position: absolute;
  margin: 0 !important;
  top: 0px;
  left: 0px;
  border-radius: 20px;
  height: 362px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  z-index: 0;
}
.block8-security .security-top-card-title {
  align-self: stretch;
  position: relative;
  line-height: 22px;
}
.block8-security .security-top-card-text {
  align-self: stretch;
  position: relative;
  line-height: 22px;
  color: #71697a;
}
.block8-security .security-top-card-content {
  max-width: 470px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07), 0px 4px 35px rgba(0, 0, 0, 0.06);
  border-radius: 20px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px;
  box-sizing: border-box;
  gap: 10px;
  z-index: 1;
}
.block8-security .security-top-card {
  width: 571px;
  height: 362px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  gap: 10px;
}
.block8-security .security-top-card2-img-child {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 362px;
  object-fit: cover;
}
.block8-security .p {
  margin: 0;
}
.block8-security .security-top-card2-title {
  position: relative;
  line-height: 22px;
}
.block8-security .security-top-card2-content {
  position: absolute;
  bottom: 0;
  left: 0px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07), 0px 4px 35px rgba(0, 0, 0, 0.06);
  border-radius: 20px;
  background-color: #fff;
  max-width: 470px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 15px;
  box-sizing: border-box;
  gap: 10px;
}
.block8-security .security-top-card2-img {
  width: 569px;
  position: absolute;
  margin: 0 !important;
  top: 0px;
  left: 0px;
  border-radius: 20px;
  height: 362px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 0;
}
.block8-security .security-top-card1 {
  width: 569px;
  height: 362px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.block8-security-top-cards {
  align-self: stretch;
  height: 362px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
  /* overflow: hidden; */
}
.block8-security-top-card-img-child {
  position: absolute;
  top: -121px;
  left: -97px;
  width: 1268px;
  height: 604px;
  object-fit: cover;
}
.block8-security .company-packer-employee-desk-w-icon {
  position: absolute;
  object-fit: cover;
  height: 100%;
}
.block8-security-top-card-img {
  width: 1170px;
  position: absolute;
  margin: 0 !important;
  top: 0px;
  left: 0px;
  border-radius: 20px;
  height: 240px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 0;
}
.text-block8-security-top-card {
  width: 90%;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07), 0px 4px 35px rgba(0, 0, 0, 0.06);
  border-radius: 20px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px;
  box-sizing: border-box;
  gap: 10px;
  z-index: 1;
}
.block8-security-top-card {
  align-self: stretch;
  height: 240px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  gap: 10px;
}
.block8-security-top {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 30px;
  font-size: 17px;
}
.block8-security .bot-left-content-title {
  width: 70%;
  position: relative;
  line-height: 30px;
  display: flex;
  align-items: center;
}
.block8-security .parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
}
.bot-left-content-text-t {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
}
.bot-left-content-text-b {
  align-self: stretch;
  position: relative;
  line-height: 22px;
  font-weight: 500;
  color: #1d1d1d;
}
.bot-left-content-text {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  font-size: 17px;
  color: #71697a;
}
.block8-security .bot-left-content {
  /* position: absolute; */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 19px;
  padding: 30px;
}
.block8-security .bot-left-svg-icon {
  position: absolute;
  top: -40px;
  right: -15px;
  border-radius: 10px;
  width: 140px;
  height: 140px;
  object-fit: cover;
}
.block8-security-bot-left {
  flex: 1;
  position: relative;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07), 0px 4px 35px rgba(0, 0, 0, 0.06);
  border-radius: 20px;
  background-color: #fff;
  height: 411px;
}
.security-bot-rigth-title {
  position: relative;
  line-height: 30px;
  z-index: 0;
}
.security-bot-rigth-text {
  align-self: stretch;
  position: relative;
  font-size: 17px;
  line-height: 22px;
  z-index: 1;
  display: grid;
  align-content: space-between;
  height: 100%;
}
.block8-security .mask-group-icon {
  width: 37.84%;
  position: absolute;
  margin: 0 !important;
  top: 291.61px;
  right: 0.54%;
  left: 61.62%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  z-index: 2;
}
.block8-security .div5 {
  width: 155px;
  position: absolute;
  margin: 0 !important;
  top: 300px;
  left: 117px;
  height: 123px;
  overflow: hidden;
  flex-shrink: 0;
  opacity: 0.2;
  z-index: 3;
}
.block8-security .block8-security-bot-rigth {
  width: 370px;
  border-radius: 20px;
  height: 411px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  position: relative;
  gap: 25px;
  background-image: url("block8-security-bot-rigth.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  color: #fff;
}
.block8-security .block8-security-bot {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  font-size: 27px;
}
.block8-security {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 40px;
  text-align: left;
  font-size: 64px;
  color: #1d1d1d;
  font-family: "Basis Grotesque Pro";
}
.block8-security .service-form-bitton {
  display: flex;
  padding: 10px 40px;
  margin-top: 10px;
  background: linear-gradient(87.1deg, #ff5c00 0, #f90 100%);
  box-shadow: 7px 10px 45px rgba(236, 128, 10, 0.35);
  border-radius: 60px;
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 31px;
  justify-content: center;
  color: #fff;
  text-decoration: none !important;
  transition-property: all;
  transition-duration: 0.3s;
}

/* -----------------------------------------------------------------------------
   Delivery, support, misc UI
   ----------------------------------------------------------------------------- */
.support-block-delivery {
  /* padding: 0px 100px; */
}
.block-delivery .delivery-item33 {
  display: flex;
  flex-direction: column;
  flex: 0 0 calc(33% - 20px);
  width: calc(33% - 20px);
  margin: 0 10px 20px;
  padding: 30px;
  background: #fff;
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.07), 0 14px 15px rgba(0, 0, 0, 0.09);
  border-radius: 20px;
}
.pricing-table td {
  border: unset !important;
}
.red-fon {
  background-image: url(/wp-content/themes/selby/image/block3-uslugi-content-right.png) !important;
}
.red-fon .info-banner__image {
  position: relative;
  width: 100%;
  height: auto;
  right: -72px;
}
.red-fon img.trial-offer-img2 {
  position: absolute;
  bottom: -68px;
  right: -20px;
  z-index: 10;
}
.red-fon h2.info-banner__title {
  color: #fff;
  font-family: "Basis Grotesque Pro";
  font-size: 58px;
  font-style: normal;
  font-weight: 700;
  line-height: 59px;
}
.parent h3 {
  color: #1d1d1d;
  font-family: "Basis Grotesque Pro";
  font-size: 36px;
  font-style: normal;
  font-weight: 900;
  line-height: 40px;
}
.why-us-desc li,
.parent li,
.description li {
  margin-bottom: 8px;
  list-style: disc;
  margin-left: 20px;
}
.why-us-desc li::marker {
    color: #9143f1;
}
.why-us-items-new .why-us-item {
  flex: 0 0 calc(50% - 30px);
  align-content: space-between;
  display: grid;
}
@media (max-width: 768px) {
    .block-why-us .why-us-item {
        flex: 0 0 calc(100% - 30px);
        width: calc(100% - 30px);
    }
}
.block-why-us-duwn .why-us-item {
  padding: 30px 30px;
}
.cardl {
  position: relative;
  padding: 30px 35px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 4px 35px 0 rgba(0, 0, 0, 0.06);
}
.cardl::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 100%;
  background: #9143f1;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.complex-card .complex-card__icon {
  background: #ff004d;
}
.block-complex__title-p {
  width: 100%;
  position: relative;
  font-size: 27px;
  line-height: 30px;
  font-family: "Basis Grotesque Pro";
  color: #1d1d1d;
  text-align: left;
  display: inline-block;
  margin-bottom: 20px;
}
.block-complex__title b {
  color: #ff004d;
}
.block-banner-services {
  margin-bottom: 0 !important;
}
.block-banner-new-services .banner-new-content {
  margin: 60px 0px 0;
  height: 80%;
  gap: 20px;
}
.about-us .about-us__title > span {
  background: #ff004d;
}

.mini-advantage .mini-advantage__icon {
  background-color: #ff004d;
  box-shadow: 10px 10px 35px 0 rgba(255, 0, 66, 0.3);
}
.services-container a.info-banner__button2511 {
  border-radius: 60px;
  background: linear-gradient(90deg, #f90 0%, #ff5c00 100%);
  box-shadow: 7px 10px 45px 0 rgba(0, 0, 0, 0.07);
  color: #fff;
  padding: 15px 38px;
  align-items: center;
  font-size: 17px;
  font-weight: 700;
  width: max-content;
}
.services-container1 .f-form-submit {
  /* display: block; */
  /* cursor: pointer; */
  /* margin: 0 0 30px; */
  /* padding: 14px 10px !important; */
  /* background: linear-gradient(87.1deg, #ff003d 0, #ff004d 100%); */
  /* box-shadow: 5px 5px 25px rgba(255, 0, 66, 0.3); */
}
.services-container1 .f-form-download {
  /* color: #ff003d; */
  /* transition-property: all; */
  /* transition-duration: 0.3s; */
  /* border: 1px solid #ff003d; */
  /* box-shadow: 5px 5px 25px 0 rgba(255, 0, 66, 0.3); */
}
.block-question .question-tab-button::after {
  /* display: block; */
  /* content: "\f054"; */
  /* font-family: "Font Awesome 5 Free"; */
  /* font-size: 30px; */
  /* color: #ff003d; */
  /* font-weight: 600; */
  /* margin-left: 20px; */
  /* transition-property: all; */
  /* transition-duration: 0.3s; */
  /* transform: rotate(90deg); */
}
.progress-fill,
.progress-fill2 {
  /* height: 100%; */
  /* background: #ff003d; */
  /* border-radius: 3px; */
  /* width: 0%; */
  /* transition: width 0.3s ease; */
}

/* -----------------------------------------------------------------------------
   Why-us slider (Slick)
   ----------------------------------------------------------------------------- */
.why-us-slider-wrapper {
  position: relative;
  padding: 0 60px;
  margin: 0 -15px;
}
#whyUsSlider {
  position: relative;
  overflow: hidden;
}
#whyUsSlider .why-us-item {
  padding: 30px;
  margin: 0px;
  flex: auto;
  position: relative;
  height: auto;
  float: left;
}
#whyUsSlider .why-us-counter {
  position: absolute;
  right: 30px;
}
#whyUsSlider a.service-form-bitton {
  display: inline-block;
  padding: 10px 40px;
  margin-top: 10px;
  background: linear-gradient(87.1deg, #ff5c00 0, #f90 100%);
  box-shadow: 7px 10px 45px rgba(236, 128, 10, 0.35);
  border-radius: 60px;
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 31px;
  color: #fff;
  text-decoration: none !important;
  transition-property: all;
  transition-duration: 0.3s;
}
.service-form-bitton {
  display: flex;
  padding: 10px 40px;
  margin-top: 10px;
  background: linear-gradient(87.1deg, #ff5c00 0, #f90 100%);
  box-shadow: 7px 10px 45px rgba(236, 128, 10, 0.35);
  border-radius: 60px;
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 31px;
  justify-content: center;
  color: #fff;
  text-decoration: none !important;
  transition-property: all;
  transition-duration: 0.3s;
}
.new-fulfil-slider .slider-prev-btn,
.new-fulfil-slider .slider-next-btn {
  /* width: 50px; */
  /* height: 50px; */
  /* border: 2px solid #ff004d; */
  /* background: #ff004d; */
  /* border-radius: 50%; */
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
  /* cursor: pointer; */
  /* color: #ff004d; */
  /* transition: all 0.3s ease; */
}
.new-fulfil-slider .slider-prev-btn:hover,
.new-fulfil-slider .slider-next-btn:hover {
  /* background: #ff003d;
  color: white; */
}
.why-us-prev,
.why-us-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  font-size: 0;
  color: #333;
  transition: all 0.3s ease;
  border: none;
  outline: none;
}
.why-us-prev:hover,
.why-us-next:hover {
  background: #f8f8f8;
  border-color: #ccc;
}
.why-us-prev {
  left: 0;
}
.why-us-next {
  right: 0;
}
.why-us-prev svg,
.why-us-next svg {
  width: 24px;
  height: 24px;
}
.why-us-prev.slick-disabled,
.why-us-next.slick-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.why-us-dots {
  display: flex !important;
  justify-content: center;
  margin-top: 30px;
  list-style: none;
  padding: 0;
}
.why-us-dots li {
  margin: 0 5px;
  display: inline-block;
}
.why-us-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
  background: #ddd;
  border: none;
  font-size: 0;
  cursor: pointer;
  transition: background 0.3s ease;
  outline: none;
}
.why-us-dots li.slick-active button {
  background: #333;
}
#whyUsSlider .slick-list,
#whyUsSlider .slick-track {
  position: relative;
  display: block;
}
#whyUsSlider .slick-track {
  display: flex !important;
  gap: 20px;
}
#whyUsSlider .slick-slide {
  float: none;
  height: auto;
  min-height: 1px;
  display: flex !important;
}
#whyUsSlider .slick-slide > div {
  width: 100%;
  display: flex !important;
}
.why-us-slider-wrapper::after {
  content: "";
  display: table;
  clear: both;
}
.why-us-slider-wrapper .slick-list.draggable {
  padding: 30px 0;
}

/* -----------------------------------------------------------------------------
   Tracking
   ----------------------------------------------------------------------------- */
.tracking {
  display: flex;
  width: 100%;
  padding: 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  border-radius: 40px;
  background: #1d1d1d;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 4px 35px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
  position: relative;
}
.tracking .light-bg-left {
  border-radius: 970px;
  opacity: 0.7;
  background: #ff004d;
  filter: blur(400px);
  width: 970px;
  height: 970px;
  aspect-ratio: 1/1;
  left: 0;
  top: 0;
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 5;
}
.tracking .light-bg-right {
  width: 700px;
  height: 700px;
  aspect-ratio: 1/1;
  border-radius: 700px;
  opacity: 0.5;
  background: #ff004d;
  filter: blur(225px);
  right: 0;
  bottom: 0;
  transform: translate(50%, 50%);
  position: absolute;
  z-index: 5;
}
.tracking .icon-left {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
}
.tracking .icon-right {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 5;
}
.tracking .tracking__title-wrap {
  display: flex;
  width: 100%;
  padding-right: 92px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  z-index: 10;
}
.tracking .tracking__title {
  align-self: stretch;
  color: #fff;
  font-family: "Basis Grotesque Pro";
  font-size: 58px;
  font-style: normal;
  font-weight: 900;
  line-height: 59.74px;
}
.tracking .tracking__title span {
  color: #ff004d;
}
.tracking .tracking__info {
  align-self: stretch;
  color: #fff;
  font-family: "Basis Grotesque Pro";
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.tracking .tracking__input-wrap {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  z-index: 10;
}
.tracking .tracking__input {
  display: flex;
  align-items: center;
  gap: 20px;
  align-self: stretch;
}
.tracking .tracking__input input {
  display: flex;
  padding: 18px 50px 18px 35px;
  justify-content: center;
  align-items: center;
  gap: 32px;
  flex: 1 0 0;
  border-radius: 30px;
  background: #fff;
  border: 0;
  font-family: "Basis Grotesque Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.tracking .tracking__input-group {
  position: relative;
  flex: 1 0 0;
  display: flex;
}
.tracking .tracking__input-group svg.tracking__success {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-19px, -50%);
}
.tracking .tracking__input-group svg.tracking__fail {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-19px, -50%);
}
.tracking .tracking__input p {
  flex: 1 0 0;
  color: #fff;
  font-family: "Basis Grotesque Pro";
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
  opacity: 0.6;
}
.tracking .tracking__stages-wrap {
  display: flex;
  min-height: 184px;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0);
  position: relative;
  z-index: 10;
  backdrop-filter: blur(5px);
  box-shadow: 0px 0px 3px -1px rgba(255, 255, 255, 2.5);
}
.tracking .tracking__stages {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 20px;
}
.tracking .tracking__stages .tracking__stage {
  display: none;
  min-height: 144px;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 4px 35px 0 rgba(0, 0, 0, 0.06);
  max-width: 33.333333333333%;
}
.tracking .tracking__stage-title {
  display: flex;
  align-items: center;
  gap: 32px;
  align-self: stretch;
  justify-content: space-between;
}
.tracking .tracking__stage-title span {
  color: #1d1d1d;
  font-family: "Basis Grotesque Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.tracking .tracking__stage-status {
  display: flex;
  min-height: 52px;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1 0 0;
  align-self: stretch;
  color: #ff004d;
  font-family: "Basis Grotesque Pro";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}
.tracking .tracking__loader {
  display: none;
  width: 24px;
  height: 24px;
  border: 2px solid #58162a;
  border-top: 2px solid #ff004d;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  position: absolute;
  right: 19px;
  top: 30%;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.block-service-form .service-form {
    position: relative;
    background: url(../image/service-form-fon.jpg) no-repeat center;
    background-size: cover;
    border-radius: 30px;
    padding: 40px;
}
.block-why-us .why-us-counter {
    background: #9143F1;
    box-shadow: 10px 10px 35px 0 rgba(145, 67, 241, 0.30);
}
.block-why-us .big-title > strong {
    color: #9143f1;
}
.new-fulfil-slider .big-title {
    margin-bottom: 20px;
}
.services-container {
    .service-card {
        min-height: 300px;
    }
}
.services-container {
    .service-card.item-2 h3, .service-card.item-3 h3, .service-card.item-5 h3, .service-card.item-4 h3 {
        padding-bottom: 10px;
        font-family: "Basis Grotesque Pro";
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px;
    }
}
.services-container {
    & .services-grid2 {
        .item-1, .item-6 {
        background-image: url(https://selbyagency.ru/wp-content/uploads/2026/04/BackgroundShadow-e1776245369459.png) !important;
        }
    ;
        width: 100%;
        width: 100;
        width: 10;
        width: 1;
    }
}
.new-banner-fulfil {
    .new-main-banner-content .list-v1 .list-v1__item {
        width: 100%;
        break-inside: avoid;
        margin-bottom: 20px;
        max-width: 100%;
    }
}
.new-banner-fulfil {
    .new-main-banner-content .list-v1 {
        display: block;
        flex-wrap: wrap;
        columns: unset;
        column-gap: 20px;
        margin-bottom: -20px;
    }
}
.services-container {
    & .services-grid2 {
        .service-card .content {
            display: flex;
            max-width: 100%;
            padding: 15px;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            gap: 0px;
            border-radius: 20px;
            background: #FFF;
            box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 4px 35px 0 rgba(0, 0, 0, 0.06);
            position: absolute;
            left: 0px;
            bottom: 0px;
        }
    }
}


.grid-block {
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 40px;
    align-self: stretch;

    & .item-title {
        color: #1D1D1D;
        font-family: "Basis Grotesque Pro";
        font-size: 27px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
    }
    
    & .item-content-top {
        color: #71697A;
        font-family: "Basis Grotesque Pro";
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }
    
    & .grid-block-item {
        display: flex;
        padding: 30px 35px;
        padding-left: 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        flex: 1 0 0;
        align-self: stretch;
        border-radius: 15px;
        background: #FFF;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 4px 35px 0 rgba(0, 0, 0, 0.06);
        border-left: 15px solid #9143f1;

       &:nth-child(3) {
         border:unset;
         padding-left:35px;
         background-image:url(https://selbyagency.ru/wp-content/uploads/2026/04/BackgroundShadow-e1776245369459.png);
         background-repeat: no-repeat;
         background-size: cover;
         background-position-x: -200px;
         position: relative;

         .grid-img {
              position: absolute;
              right: 0;
              top: 55%;
          }
         
         
         
         .item-bot {
            display: flex;
            padding: 8px 12px;
            justify-content: center;
            align-items: center;
            gap: 10px;
            align-self: stretch;
            border-radius: 12px;
            background: #FFF;
            color: #71697A;
            font-family: "Basis Grotesque Pro";
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px;
         }
         .item-content-top {
            color: #FFF;
            font-family: "Basis Grotesque Pro";
            font-size: 17px;
            font-style: normal;
            font-weight: 400;
            line-height: 22px;
         }
         .item-title {
           color:#FFF;
         }
       }
    }
    
    & .item-bot {
        color: #1D1D1D;
        font-family: "Basis Grotesque Pro";
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px;
    }
    
    & .item-content {
        display: grid;
        height: 100%;
        gap: 20px;
        align-content: space-between;
    }

}
.block3-uslugi {
    li {
        list-style: disc;
    }
    
    ul {
        margin-left: 25px;
    }
    .block3-uslugi-content-right-ti {
        position: relative;
        line-height: 14px;
        font-size: 24px;
        z-index: 0;
    }
}
.oris-text {
    display: flex;
    padding: 30px 35px;
    padding-left: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 4px 35px 0 rgba(0, 0, 0, 0.06);
    border-left: 15px solid #9143f1;
    
    h4 {
        color: #1D1D1D;
        font-family: "Basis Grotesque Pro";
        font-size: 27px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
    }
    p {
        color: #71697A;
        font-family: "Basis Grotesque Pro";
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; 
    }
}


/* =============================================================================
   Responsive — media queries
   ============================================================================= */
@media (min-width: 1800px) {
  .block2-what-is-this-svg1-icon {
    top: -143px;
    left: 1363.95px;
    width: 666.1px;
    height: 564.7px;
  }
  .block2-what-is-this-svg2-icon {
    top: 402px;
    left: 435.95px;
    width: 649.7px;
    height: 453.8px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1400px;
    padding: 0px 115px;
  }
}


@media (max-width: 1199px) {
  .block2-what-is-this-main {
    width: 100% !important;
  }
  .block3-uslugi-content-right-12 {
    max-width: 360% !important;
  }
  .block3-uslugi-content-right-ma-icon {
    top: 195px;
  }
  .block3-uslugi-content-left {
    width: 48% !important;
  }
  .sup2-block2 {
    height: 1070px;
  }
  .security-top-card2-img {
    width: 430px !important;
  }
  .block8-security-top-card-img {
    width: 100% !important;
  }
  .block8-security-bot-left {
    /* height: 520px !important; */
  }
  .block8-security .bot-left-content-title {
    width: 400px;
  }
}

@media (max-width: 1024px) {
  .block-banner-new-services .banner-new-content {
    margin: 30px 0px 0;
    gap: 34px;
    height: 90%;
  }
  .security-top-card2-img {
      width: 100% !important;
  }
  .tracking .tracking__title {
    font-size: 32px;
    line-height: 36px;
  }
  .tracking .tracking__info {
    font-size: 22px;
    line-height: 26px;
  }
  .tracking .tracking__input input {
    font-size: 18px;
  }
  .tracking .tracking__stage-status {
    font-size: 18px;
    line-height: 22px;
  }
}

@media (max-width: 1023px) {
  .block8-security .bot-left-content {
    width: 440px;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .block1-preimuhestva-item {
    flex: 0 0 calc(100% - 20px) !important;
  }
  .block2-what-is-this-main {
    flex-direction: column !important;
    height: 1170px !important;
  }
  .block2-what-is-this {
    height: 1170px !important;
  }
  .block2-what-is-this-main-left {
    width: 74% !important;
  }
  .block2-what-is-this-main-right {
    width: 710px !important;
  }
  .block2-what-is-this-main-right-icon {
    width: 710px !important;
  }
  .sup2-block2 {
    height: 1440px !important;
  }
  .block6-main-card {
    flex: 0 0 calc(50% - 20px) !important;
  }
  .backgroundshadow {
    flex: 0 0 calc(50% - 20px) !important;
  }
  .block8-security-top-cards {
    flex-direction: column !important;
    height: unset !important;
    align-items: unset !important;
  }
  .block8-security .security-top-card2-img {
    width: 569px !important;
  }
  .block8-security-top-card-img {
    width: 569px !important;
  }
  .block8-security .block8-security-bot {
    flex-direction: column !important;
    height: 625px;
  }
  .block8-security .bot-left-content {
    width: 610px;
    top: 0px !important;
    left: 0px !important;
  }
  .block8-security .block8-security-bot-rigth {
    width: 659px !important;
    height: 246px !important;
  }
}

@media (max-width: 767px) {
  .why-us-slider-wrapper {
    padding: 0 40px;
  }
  .why-us-prev {
    left: -10px;
  }
  .why-us-next {
    right: -10px;
  }
  .why-us-prev,
  .why-us-next {
    width: 40px;
    height: 40px;
  }
  .tracking {
    gap: 30px;
    padding: 30px;
  }
  .tracking .tracking__title-wrap {
    gap: 16px;
    padding-right: 0px;
  }
  .tracking .tracking__title {
    font-size: 27px;
    line-height: 30px;
  }
  .tracking .tracking__info {
    font-size: 17px;
    line-height: 22px;
  }
  .tracking .tracking__input-wrap {
    gap: 16px;
    flex-direction: column;
  }
  .tracking .tracking__input {
    gap: 16px;
    flex-direction: column;
  }
  .tracking .tracking__stages {
    gap: 16px;
    flex-direction: column;
  }
  .tracking .tracking__stages .tracking__stage {
    max-width: unset;
  }
  .tracking .tracking__stage-title {
    gap: 10px;
  }
  .tracking .tracking__stage-title span {
    font-size: 15px;
    line-height: 18px;
  }
}

@media (max-width: 768px) {
  .block6-main-card {
    flex: 0 0 calc(100% - 20px) !important;
  }
  .backgroundshadow {
    flex: 0 0 calc(100% - 20px) !important;
    height: 442px !important;
  }
  .block6-main-cards {
    margin-bottom: 40px;
  }
  .block7-main-card {
    flex: 0 0 calc(100% - 20px) !important;
  }
  .delivery-item33 {
    flex: 0 0 calc(100% - 20px) !important;
    width: calc(100% - 20px) !important;
  }
  .block3-uslugi-content-left {
    width: 100% !important;
  }
  .block3-uslugi-content {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column !important;
  }
  .block3-uslugi {
    flex-direction: column !important;
  }
  .block3-uslugi-content-right-12 {
    max-width: 284% !important;
    position: absolute;
    height: 100%;
  }
  .block3-uslugi-content-right-ma-icon {
    width: 34.2% !important;
    top: 265px !important;
    right: 19.53% !important;
    left: 63.26% !important;
  }
  .block3-uslugi-content-left-1 {
    width: 100% !important;
  }
  .block2-what-is-this-main-right-icon {
    width: 100%;
    /* height: 535px !important; */
  }
  .block2-what-is-this-main-left-icon {
    bottom: -110px !important;
    display: none;
  }
  .block2-what-is-this-main-left {
    width: 100% !important;
  }
  .block2-what-is-this-main-right {
    width: 100% !important;
  }
  .block2-what-is-this-main-right1 {
    width: 100% !important;
  }
  .block2-what-is-this-main {
    top: 130px !important;
    left: unset !important;
    width: 100% !important;
    flex-direction: column !important;
  }
  .block2-what-is-this .div123 {
    font-size: 30px !important;
  }
  .block2-what-is-this .div223 {
    font-size: 17px !important;
  }
  .block6-top-text {
    font-size: 17px !important;
  }
  .block2-what-is-this {
    left: unset !important;
    margin-top: 40px !important;
  }
  .block2-what-is-this .big-title {
    left: unset !important;
  }
  .sup1-block2 {
    width: 100% !important;
    height: 445px !important;
  }
  .block2-what-is-this-title2 {
    left: unset !important;
    top: 160px !important;
    font-size: 17px !important;
  }
  .sup-block2 {
    top: 390px !important;
  }
  .sup2-block2 {
    height: 1450px !important;
    margin-top: -30px !important;
  }
  .block6-main {
    font-size: 24px !important;
  }
  .block8-security-top-cards {
    height: unset !important;
    flex-direction: column !important;
  }
  /* .security-top-card {
    width: 100% !important;
    height: 440px !important;
  } */

  /* .security-top-card1 {
    width: 100% !important;
    height: 440px !important;
  } */
  /* .security-top-card2-img {
    width: 100% !important;
    height: 440px !important;
  } */
  .block8-security .security-top-card {
    width: 100%;
  }
  .block8-security .security-top-card1 {
    width: 100%;
  }
  .security-top-card2-img {
    width: 100% !important;
  }
  img.security-top-card-ing-icon, img.security-top-card2-img-child {
      width: 100%;
  }
  .security-top-card2-content {
    /* width: 100% !important; */
    bottom: 0;
  }
  .block8-security-top-card-img {
    width: 100% !important;
  }
  .text-block8-security-top-card {
    width: 100% !important;
  }
  .block8-security-bot {
    flex-direction: column !important;
    height: 830px !important;
    margin-bottom: 40px !important;
  }
  .block8-security-bot-left {
    height: 100% !important;
    width: 100% !important;
  }
  .bot-left-content {
    width: 100% !important;
  }
  .bot-left-content-title {
    width: unset !important;
  }
  .block8-security-bot-rigth {
    width: 100% !important;
    height: 410px !important;
  }
  .block8-security-bot .mask-group-icon {
    top: 237.61px !important;
  }
  .block1-preimuhestva-item,
  .block1-preimuhestva-item3 {
    flex: 0 0 calc(100% - 20px) !important;
  }

  .grid-block {
    flex-direction: column;
  }
  .grid-block {
    & .grid-block-item {
        &:nth-child(3) {
            border: unset;
            padding-left: 35px;
            background-image: url(https://selbyagency.ru/wp-content/uploads/2026/04/BackgroundShadow-e1776245369459.png);
            background-repeat: no-repeat;
            background-size: cover;
            background-position-x: 0px;
        }
    }
  }
}
@media (max-width: 576px) {
    .how-work .how-work__subtitle {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 40px;
        max-width: 100%;
    }
    .block-page-content {
        margin: 0 0 60px;
    }
}

@media (max-width: 480px) {
  .why-us-slider-wrapper {
    padding: 0px;
  }
  .block8-security-top-card {
    height: 380px;
  }
  .service-card {
      width: 100%;
      max-width: unset;
  }
  span.info-tag {
      width: auto !important;
      text-wrap: auto;
      white-space: unset !important;
  }
  .services-container {
      .service-card {
          min-height: 450px;
      }
  }
  .block-service-form .service-form {
      padding: 40px;
  }
  .block-service-form .service-form-content h2 {
      font-size: 30px;
      line-height: 30px;
  }
  .backgroundshadow-support {
      padding: 30px 30px;
  }
}
.banner-img-text {
    color: #FFF;
    font-family: "Basis Grotesque Pro";
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: 31px;
    display: flex;
    width: 500px;
    max-width: 45%;
    padding: 30px;
    align-items: flex-start;
    border-radius: 30px 30px 30px 0;
    background: #9143F1;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 4px 35px 0 rgba(0, 0, 0, 0.06);
    position: absolute;
    right: 0;
    bottom: 0px;
    z-index: 2;
}
.banner-fulfil-wb {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-height: 800px;
    position: relative;

    .new-main-banner-content {
        max-width: 50%;
    }
    img {
        padding-top: 20px;
        height: 100%;
        width: 100%;
    }
}
.banner-fulfil-wb.oz {
    max-height: 755px;
    
}
@media(max-width: 1599px) {
    .banner-fulfil-wb.oz {
        max-height: 650px;
    }
}
@media(max-width: 1199px) {
    .banner-fulfil-wb.oz, .banner-fulfil-wb {
        max-height: unset;
    } 
}
@media (max-width: 1440px) {
    .banner-img-text {
        right: 0;
        bottom: 0;
        border-radius: 25px 25px 25px 0;
    }
}
@media (max-width: 1024px) {
    .banner-img-text {
        right: 0;
        bottom: 0;
        font-size: 19px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        display: flex;
        width: 366px;
        border-radius: 20px 20px 20px 0;
    }
}

@media (max-width: 768px) {
    .banner-fulfil-wb {
        flex-direction: column;
        
        .new-main-banner-content {
            max-width: 100%;
        }
        
        img {
            width: 100%;
        }
        .banner-img-text {
            right: 0;
            bottom: 0;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 20px;
            display: flex;
            width: 588px;
            max-width: 80%;
        }
    }
}

@media (max-width: 620px) {
    .banner-fulfil-wb {
        .banner-img-text {
            right: 0;
            bottom: 0;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 14px;
            display: flex;
            width: 460px;
            border-radius: 15px 15px 15px 0px;
            padding: 20px;
        }
    }
}
.list-v1 .list-v1__item {
    display: flex;
    font-family: unset;
    font-size: unset;
    font-style: unset;
    font-weight: unset;
    line-height: unset;
    color: unset;
}
.advantage-card__title {
    width: 87%;
}