.content-part7{
  width: 100%;
  height: auto;
  /* border: 2px solid red; */
  display: flex;
  justify-content: space-between;
  padding-block: var(--main-block-padding);
  gap: 60px;
  align-items: center;
}

.content-part7 > div {
  width: 100%;
  height: 100%;
  /* border: 2px solid blue; */
}


.content-part7-left{
  display: flex;
  flex-direction: column;
  gap: 50px;
  flex-shrink: 2;
}

.logos-box{
  display: none;
}

.content-part7-right{
  flex-shrink: 1;
}

.content-part7-right > img{
  width: 100%;

}

.content-part7-left > div:last-child{
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.part7-left-text-top {
  display: flex;
  align-items: center;
  gap: 20px;
}
.part7-left-text-top > span:first-child{
  width: 40px;
  height: 40px;
  background-color: rgb(203, 203, 203);
  border-radius: 50%;
  display: flex;
  justify-content: center;  
  align-items: center;
  font-weight: 900;
}
.part7-left-text-top > span:last-child{
  font-size: 1.4rem;
  font-weight: 600;
  position: relative;
}
.part7-left-text-top > span:last-child::after{
  content: "";
  display: inline-block;
  height: 1px;
  width: 100px;
  background-color: rgb(208, 208, 208);
  position: absolute;
  left: -6px;
  top: 30px;
}

.part7-left-text-middle{
  font-size: 1.4rem;
  width: 80%;
  color: rgb(113, 112, 112);
}

.part7-left-text-bottom {
  display: flex;
  align-items: center;
  gap: 30px;
}
.part7-left-text-bottom > span:first-child{
  font-size: 1.4rem;
  text-transform: capitalize;
}
.part7-left-text-bottom > span:last-child{
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
  align-items: center;
}

.part7-left-text-bottom > span:last-child::after{
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: rgb(203, 203, 203);
  border-radius: 50%;
  position: absolute;
  z-index: -1;
  left: 8px;
}

@media screen and (max-width: 1280px) {
  .content-part7-left{
    gap: 3vw;
  }
  .content-part7-left > div:last-child{
    gap: 3vw;
  }


  .content-part7-left > .part-title > span:last-child{
    font-size: 3vw;
  }
  .part7-left-text-middle{
    font-size: 1.6vw;
  }
}


@media screen and (max-width: 768px){
  .content-part7-right{
    display: none;
  }
  .logos-box{
    display: block;
    width: 100%;
    /* border: 1px solid red; */
  }
  .logos-box > img{
    width: 100%;
  }
  .content-part7-left > .part-title > span:last-child{
    font-size: 6vw;
  }
  .part7-left-text-middle{
    font-size: 3vw;
  }
  .content-part7{
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 480px){
  .part7-left-text-middle{
    font-size: 4vw;
  }
}