.twoColumnsBlock-description span.switch-sp-accent{
  text-decoration: underline;
  color: var(--primary-dark-color);
}
.switch-sp-description{
  margin: 0 auto;
  margin-bottom: 41px;
}
.security{
  padding-top: 104px;
  padding-bottom: 104px;
}

.security-heading{
  text-align: center;
  margin-bottom: 26px;
}
.security-container{
  padding: 72px 85px 46px;
  margin-bottom: 56px;
}
.security-imgWrapper{
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: nowrap;
}
.security-icon{
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 8px;
  align-self: start;
  transform: translateY(30%);
}
.security-stars{
  font-style: normal;
  font-weight: bold;
  font-size: 56px;
  line-height: 1.18;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 850px){
  .security-imgWrapper{
    max-width: 90%;
    overflow-x: hidden;
    justify-content: flex-start;
    margin: 0 auto;
        min-height: 120px;
  }
  .security{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .security-container{
    padding: 30px 15px 30px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 630px){
  .security-imgWrapper .security-stars{
    font-size: 32px;
  }
}

/* AUTOMATE YOUR SCREENS - STEPS */
.automate {
  background-color: var(--bg-grey-color);
  color: var(--primary-dark-color);
  padding: 88px 0 109px;
  text-align: center;
}
.automate-heading{
  margin-bottom: 24px;
}
.switch-sp-description{
  max-width: 800px;
  margin-bottom: 56px;
}
.switch-sp-description img{
  width: 48px;
  height: 48px;
}
.switch-sp-steps-icon{
  width: 189px;
  height: 189px;
}
.switch-sp-steps-index{
  color: var(--primary-dark-color);
  width: 91px;
  height: 91px;
  font-size: 56px;
}
.automate .steps-item:not(:last-child) .steps-icon:after{
  background-image: url("data:image/svg+xml,%3Csvg width='72' height='12' viewBox='0 0 72 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M61.7143 0L72 6L61.7143 12V7.03923H0V4.96077H61.7143V0Z' fill='%231F1656'/%3E%3C/svg%3E%0A");
  margin-left: -21px;
}

@media screen and (max-width: 766px) {
  .automate {
    padding: 64px 0 137px;
  }
  .automate-heading{
    margin-bottom: 16px;
  }
  .switch-sp-description{
    margin-bottom: 41px;
  }
  .switch-sp-steps-index{
    font-size: 48px;  
  }
}

.switch-sp-steps-list {
  margin: 0 -16px 0;
}
.subhead.switch-sp-steps-text{
  margin-top: 24px;
} 
.switch-sp-steps-item {
  margin: 0 16px 133px;
}
@media screen and (min-width: 1199px) {
  .subhead.switch-sp-steps-text{
    margin-top: 16px;
  } 
  .switch-sp-steps-item {
    margin: 0 38px;
  }
  
}
@media screen and (max-width: 1000px){
  br {
    display: none;
  }

}
@media screen and (max-width: 1199px){
  .automate-overline{
    text-align: center;
    color: var(--additional-4-color);
    margin-bottom: 16px;
  }
  .switch-sp-steps-item {
  margin: 0 12px 36px;
}
.automate {
    padding: 48px 0 48px;
  }
  .switch-sp-description{
    max-width: 70vw;
  }
  .automate .steps-item:not(:last-child) .steps-icon:after{
    width: 70px;
    left: calc((100% - 21px) / 2);
  }
}
@media screen and (min-width: 1200px){
  .automate-overline{
    display: none;
  }
}

/* COMPARE YOUR BILL*/
.compare-container{
  display: block;
  width: 100%;
  height: auto;
  background-image: url("../../../images/landing/switch-to-sp/compare/bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 114px;
  padding-bottom: 118px;
}
.compare-text-content{
  text-align: center;
  position: absolute;
  top: 30%;
  left: 33vw;
  z-index: 100;
}
.compare-heading{
  margin-bottom: 56px;
}
.compare-block{
  background-color: #ffffff;
  padding: 28px;
  display: block;
  width: calc(100% - 2 * 28px);
  height: calc((100% - 2 * 28px) * 0,48);
  position: relative;
}
.compare-block img.compare-img--cage{
  display: block;
  width: 100%;
  height: 100%;
}
.compare-block img.compare-img--bird{
  display: block;
  width: 302px;
  height: auto;
  position: absolute;
  top: -100px;
  right: 0;
}
.compare-block img.compare-img--line{
  display: block; 
  width: 720px;
  max-width: 70vw;
  height: auto;
  position: absolute;
  top: 22%;
  left: 30vw;
}
@media screen and (min-width: 1400px) {
  .compare-block img.compare-img--line{
    max-width: 720px;
    top: 22%;
    left: 30%;
  }
}
@media screen and (min-width: 701px) and (max-width: 1100px){
  .compare-block img.compare-img--line{
    max-width: 60vw;
  }
}
@media screen and (min-width: 700px) and (max-width: 1200px){
  br {
    display: none;
  }
  .compare-heading{
    font-size: 44px;
  }
  .compare-text-content{
    max-width: 60vw;
    top: 270px;
  }
}

@media screen and (min-width: 551px) and (max-width: 699px){
  .compare-text-content{
    top: 400px;
    left: calc(100vw / 6);
    margin-right: 40px;
  }
  .compare-block img.compare-img--line{
    max-width: 60vw;
  }
}
@media screen and (max-width: 550px) {

  .compare-container{
    padding-top: 40px;
    padding-bottom: 40px;
    background-image: none;
  }
  .compare-block img.compare-img--cage{
    width: auto;
  }

  .compare-block img.compare-img--bird{
    width: 198px;
    height: auto;
    right: -15px;    
  }
  .compare-block img.compare-img--line{
    width: 70vw;
    height: auto;
    top: 30vw;
    left: 20vw;
  }
  .compare-heading{
    font-size: 32px;
  }
  .compare-text-content{
    text-align: center;
    /* max-width: 270px; */
    max-width: 70vw;
    top: 270px;
    left: calc(100vw / 6);
  }
}

.optional .optional-description{
  position: static;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #1F1656;
}

.compare{
  background-color: white;
  position: relative;
  padding: 0;
}
.compare>.content{
  position: absolute; /* абсолютное положение элемент */
  /* положение элемента */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 158px;
}
.compare:before {
  display: block; /* отображать элемент как блок */
  content: ""; /* содержимое псевдоэлемента */
  width: 100%; /* ширина элемента */
  padding-top: 48.63%;
}
.compare-wrapper{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate( -50%, -50%);
  max-width: 90%;
}
.compare .h1{
  font-family: Inter;
font-style: normal;
font-weight: bold;
font-size: 50px;
line-height: 1.12;
width: 672px;

}
@media screen and (max-width: 1199px) {
  .compare .h1{
    font-size: 36px;
    line-height: 1.12;
    width: 490px;
    margin-top: 50px;
    max-width: 100%;
  }
  .compare .actions.actions--1 .btn {
    min-width: 250px;
}
}
.compare-img{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .compare:before {
    display: block; /* отображать элемент как блок */
    content: ""; /* содержимое псевдоэлемента */
    width: 100%; /* ширина элемента */
    padding-top: 191%;
  }
  .compare-img{
  width: 110%;
  }
  .compare{
    max-width: 450px;
  }
}
@media screen and (max-width: 515px) {
  .compare{
    max-width: 83%;
  }
}

.brands{
 position: relative;
 width: 576px;
}
.brand-img{
  position: absolute;
  transition: all ease-in 400ms;
}

.brand-img:hover{
  transform: scale(1.2);
}

.lenovo{
  top: 220px;
  left: 28px;
}
.liyama{
  left: 58px;
  top: 110px;
}

.dell{
  top: 31px;
  left: 121px;
}

.sonic{
    top: 51px;
    left: 193px;
}

.philips{
    top: 35px;
    left: 335px;
}
.lg{
  top: 69px;
    right: 62px;
}

.samsung{
  top: 210px;
  right: 23px;
}

@media screen and (max-width: 599px) {
  .brands{
    position: relative;
    width: 320px;
  }
  .lenovo{
    top: 121px;
    left: 11px;
    width: 39.5px;
  }
  .liyama{
    left: 32px;
    top: 63px;
    width: 27.5px;
  }

  .dell{
    top: 16px;
    left: 67px;
    width: 24px;
  }

  .sonic{
      top: 27px;
      left: 107px;
      width: 41.9px;
  }

  .philips{
      top: 18px;
      left: 185px;
      width: 34.7px;
  }
  .lg{
    top: 40px;
    right: 43px;
    width: 16.5px;
  }

  .samsung{
    top: 115px;
    right: 12px;
    width: 35.9px;
  }
}