.ds-partners-page { 

  width: 100%;

  font-family: 'Roboto', sans-serif;

}



.ds-partners-jump { 

  padding: 0px 30px; 

}



.ds-partners-jump__inner{

  max-width: 1440px;

  margin: 0 auto;

  width: 100%;

}



.ds-partners-jump__box{

  width: 100%;

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));

  gap: 0;

  padding: 0px 90px;

  border-radius: 48px 48px 0px 0px;

  background: #20375B;

  overflow: hidden;

  min-height: 187px;

  align-items: center; 

}



.ds-partners-jump__col{

  display: flex;

  flex-direction: column;

  gap: 10px;

  position: relative;

  min-width: 0;

  justify-content: center;

  align-items: center;

  padding: 20px 30px;

  font-family: 'Roboto', sans-serif;

}



.ds-partners-jump__col.is-divided:after{

  content:"";

  position:absolute;

  top: 20px;

  right: 0;

  bottom: 20px;

  width: 2px;

  background: #FFFFFF;

}



.ds-partners-jump__link{

  color: #FFF !important;

  font-weight: 700;

  font-size: 28px;

  line-height: 60px;

  width: 100%;

  font-family: 'Roboto', sans-serif;

}



.ds-partner { 

  scroll-margin-top: 110px; 

}



.ds-partner__bg { 

  padding: 85px 30px; 

}



.ds-partner.is-bg-blue  .ds-partner__bg { 

  background: #F4F8FD; 

}



.ds-partner.is-bg-white .ds-partner__bg { 

  background: #FFFFFF; 

}



.ds-partner__container-960 { 

  max-width: 960px; 

  margin: 0 auto; 

  display: flex;

  flex-direction: column;

  gap: 20px;

}



.ds-partner__container-1440 { 

  max-width: 1440px; 

  margin: 0 auto; 

}



.ds-partner__name {

  color: #20375B;

  font-size: 60px;

  line-height: 72px;

  font-weight: 700;

  text-align: center;

  font-family: 'Syne', sans-serif;

}



.ds-partner__logo { 

  max-width: 100%; 

  height: auto; 

  display: block; 

}



.ds-partner__text { 

  color: #000000; 

  font-size: 21px; 

  line-height: 36px; 

  font-family: 'Roboto', sans-serif;

}

.ds-partner__text strong {

  color: #9E3240;

}



.ds-space-50 { 

  height: 50px; 

}



.ds-rolebox { 

  width: 100%; 

  overflow: hidden; 

}



.ds-rolebox__head {

  background: #20375B;

  border-radius: 48px 48px 0 0;

  min-height: 143px;

  display: flex;

  align-content: center;

  justify-content: center;

  align-items: center;

}



.ds-rolebox__head-inner { 

  max-width: 1440px; 

  margin: 0 auto; 

}



.ds-rolebox__title {

  color: #fff;

  font-size: 48px;

  font-weight: 400;

  line-height: 60px;

  text-align: center;

  font-family: 'Roboto', sans-serif;

}



.ds-rolebox__body {

  border-radius: 0 0 48px 48px;

  padding: 26px 18px 30px;

}



.ds-rolebox__body.is-rolebody-white { 

  background: #FFFFFF; 

}



.ds-rolebox__body.is-rolebody-blue  { 

  background: #F4F8FD; 

}



.ds-rolebox__body-inner { 

  max-width: 960px; 

  margin: 0 auto; 

}



.ds-rolebox__content { 

  color: #000000; 

  font-size: 21px; 

  line-height: 36px; 

  font-family: 'Roboto', sans-serif;

}



.ds-social__title {

  color: #9E3240;

  font-size: 48px;

  font-weight: 400;

  line-height: 60px;

  font-family: 'Roboto', sans-serif;

}



.ds-social { 

  display: flex; 

  flex-direction: column; 

}



.ds-social__row {

  display: grid;

  grid-template-columns: 170px 1fr;

  gap: 40px;

  padding: 15px 0;

  border-bottom: 1px solid #9E3240;

  align-items: center;

}

.ds-social__row:first-child {

  border-top: 1px solid #9E3240;

}



.ds-social__left { 

  color: #9E3240; 

  font-weight: 400; 

  font-size: 21px; 

  line-height: 36px; 

  font-family: 'Roboto', sans-serif;

}



.ds-social__right { 

  font-size: 21px; 

  line-height: 36px; 

  font-family: 'Roboto', sans-serif;

}



.ds-social__link { 

  color: #000000;

  text-decoration: none; 

  word-break: break-word; 

  font-family: 'Roboto', sans-serif;

}



.ds-social__link:hover { 

  text-decoration: none;

  color: #000000; 

}



.ds-partner__bg { 

  position: relative; 

}



.ds-rolebox{

  position: relative;

  overflow: visible;

}



.ds-rolebox:before{

  content: "";

  position: absolute;

  right: -255px;

  top: 40%;

  transform: translateY(-50%);

  width: 850px;

  height: 960px;

  background-image: url(https://realchem.local/wp-content/uploads/2025/12/1342_REALCHEM_MARK_RGB.png);

  background-repeat: no-repeat;

  background-position: right center;

  background-size: contain;

  opacity: 1;

  pointer-events: none;

  z-index: 2;

}

.ds-partner__bg{

  overflow-x: hidden;

}



.ds-rolebox__head,

.ds-rolebox__body{

  position: relative;

  z-index: 1;

}









@media (max-width: 1440px){

  .ds-partners-jump { padding: 0px 24px; }

  .ds-partners-jump__box { padding: 0px 72px; border-radius: 44px 44px 0px 0px; min-height: 172px; }

  .ds-partners-jump__col { padding: 18px 26px; }

  .ds-partners-jump__link { font-size: 26px; line-height: 56px; }



  .ds-partner__bg { padding: 76px 26px; }

  .ds-partner__container-960 { gap: 18px; }

  .ds-partner__name { font-size: 54px; line-height: 66px; }

  .ds-partner__text { font-size: 20px; line-height: 34px; }

  .ds-space-50 { height: 44px; }



  .ds-rolebox__head { border-radius: 44px 44px 0 0; min-height: 128px; }

  .ds-rolebox__title { font-size: 44px; line-height: 56px; }

  .ds-rolebox__body { border-radius: 0 0 44px 44px; padding: 24px 16px 28px; }

  .ds-rolebox__content { font-size: 20px; line-height: 34px; }



  .ds-social__title { font-size: 44px; line-height: 56px; }

  .ds-social__row { grid-template-columns: 170px 1fr; gap: 34px; padding: 15px 0; }

  .ds-social__left { font-size: 20px; line-height: 34px; }

  .ds-social__right { font-size: 20px; line-height: 34px; }



  .ds-rolebox:before { right: -230px; width: 780px; height: 880px; }

}



@media (max-width: 1290px){

  .ds-partners-jump__box.is-flat{

    grid-template-columns: repeat(2, minmax(0, 1fr));

    padding: 0px 42px;

    min-height: auto;

    align-items: stretch;

  }



  .ds-partners-jump__box.is-flat .ds-partners-jump__link{

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 18px 18px;

    text-align: center;

  }



  .ds-partners-jump__box.is-flat .ds-partners-jump__link{

    border-top: 2px solid #FFFFFF;

  }



  .ds-partners-jump__box.is-flat .ds-partners-jump__link:nth-child(-n+2){

    border-top: 0;

  }



  .ds-partners-jump__box.is-flat .ds-partners-jump__col,

  .ds-partners-jump__box.is-flat .ds-partners-jump__col.is-divided:after{

    display: none !important;

  }

}



@media (max-width: 768px){

  .ds-partners-jump__box.is-flat{

    grid-template-columns: 1fr;

    padding: 0px 22px;

  }



  .ds-partners-jump__box.is-flat .ds-partners-jump__link{

    padding: 12px 16px;

  }



  .ds-partners-jump__box.is-flat .ds-partners-jump__link:nth-child(-n+1){

    border-top: 0;

  }

}



@media (max-width: 1280px){

  .ds-partners-jump { padding: 0px 22px; }

  .ds-partners-jump__box { padding: 0px 60px; border-radius: 40px 40px 0px 0px; min-height: 160px; }

  .ds-partners-jump__col { padding: 16px 24px; }

  .ds-partners-jump__link { font-size: 24px; line-height: 52px; }



  .ds-partner__bg { padding: 68px 22px; }

  .ds-partner__container-960 { gap: 16px; }

  .ds-partner__name { font-size: 50px; line-height: 62px; }

  .ds-partner__text { font-size: 19px; line-height: 32px; }

  .ds-space-50 { height: 40px; }



  .ds-rolebox__head { border-radius: 40px 40px 0 0; min-height: 120px; }

  .ds-rolebox__title { font-size: 40px; line-height: 52px; }

  .ds-rolebox__body { border-radius: 0 0 40px 40px; padding: 22px 16px 26px; }

  .ds-rolebox__content { font-size: 19px; line-height: 32px; }



  .ds-social__title { font-size: 40px; line-height: 52px; }

  .ds-social__row { grid-template-columns: 170px 1fr; gap: 30px; padding: 15px 0; }

  .ds-social__left { font-size: 19px; line-height: 32px; }

  .ds-social__right { font-size: 19px; line-height: 32px; }



  .ds-rolebox:before { right: -205px; width: 720px; height: 820px; opacity: 0.85; }

}



@media (max-width: 1024px){

  .ds-partners-jump { padding: 0px 18px; }

  .ds-partners-jump__box { padding: 0px 42px; border-radius: 34px 34px 0px 0px; min-height: 140px; }

  .ds-partners-jump__col { padding: 14px 20px; }

  .ds-partners-jump__link { font-size: 20px; line-height: 44px; }



  .ds-partner { scroll-margin-top: 90px; }

  .ds-partner__bg { padding: 56px 18px; }

  .ds-partner__container-960 { gap: 14px; }

  .ds-partner__name { font-size: 42px; line-height: 52px; }

  .ds-partner__text { font-size: 18px; line-height: 30px; }

  .ds-space-50 { height: 34px; }



  .ds-rolebox__head { border-radius: 34px 34px 0 0; min-height: 108px; }

  .ds-rolebox__title { font-size: 34px; line-height: 44px; }

  .ds-rolebox__body { border-radius: 0 0 34px 34px; padding: 20px 16px 24px; }

  .ds-rolebox__content { font-size: 18px; line-height: 30px; }



  .ds-social__title { font-size: 34px; line-height: 44px; }

  .ds-social__row { grid-template-columns: 150px 1fr; gap: 24px; padding: 14px 0; }

  .ds-social__left { font-size: 18px; line-height: 28px; }

  .ds-social__right { font-size: 18px; line-height: 28px; }



  .ds-rolebox:before { right: -165px; width: 560px; height: 640px; opacity: 0.55; }

}



@media (max-width: 768px){

  .ds-partners-jump { padding: 0px 14px; }

  .ds-partners-jump__box { padding: 0px 22px; border-radius: 26px 26px 0px 0px; min-height: 120px; grid-template-columns: 1fr; }

  .ds-partners-jump__col { padding: 12px 16px; }

  .ds-partners-jump__col.is-divided:after { display: none; }

  .ds-partners-jump__link { font-size: 18px; line-height: 38px; text-align: center; }



  .ds-partner { scroll-margin-top: 80px; }

  .ds-partner__bg { padding: 44px 14px; }

  .ds-partner__container-960 { gap: 12px; }

  .ds-partner__name { font-size: 34px; line-height: 42px; }

  .ds-partner__text { font-size: 17px; line-height: 28px; }

  .ds-space-50 { height: 28px; }



  .ds-rolebox__head { border-radius: 26px 26px 0 0; min-height: 92px; }

  .ds-rolebox__title { font-size: 26px; line-height: 34px; padding: 0 10px; }

  .ds-rolebox__body { border-radius: 0 0 26px 26px; padding: 18px 14px 22px; }

  .ds-rolebox__content { font-size: 17px; line-height: 28px; }



  .ds-social__title { font-size: 26px; line-height: 34px; }

  .ds-social__row { grid-template-columns: 1fr; gap: 12px; padding: 12px 0; }

  .ds-social__left { font-size: 17px; line-height: 26px; }

  .ds-social__right { font-size: 17px; line-height: 26px; }



  .ds-rolebox:before { display: none; }

}



@media (max-width: 480px){

  .ds-partners-jump { padding: 0px 12px; }

  .ds-partners-jump__box { padding: 0px 14px; border-radius: 22px 22px 0px 0px; min-height: 108px; }

  .ds-partners-jump__col { padding: 10px 12px; }

  .ds-partners-jump__link { font-size: 16px; line-height: 34px; }



  .ds-partner { scroll-margin-top: 70px; }

  .ds-partner__bg { padding: 36px 12px; }

  .ds-partner__container-960 { gap: 10px; }

  .ds-partner__name { font-size: 28px; line-height: 36px; }

  .ds-partner__text { font-size: 16px; line-height: 26px; }

  .ds-space-50 { height: 22px; }



  .ds-rolebox__head { border-radius: 22px 22px 0 0; min-height: 84px; }

  .ds-rolebox__title { font-size: 22px; line-height: 30px; padding: 0 8px; }

  .ds-rolebox__body { border-radius: 0 0 22px 22px; padding: 16px 12px 20px; }

  .ds-rolebox__content { font-size: 16px; line-height: 26px; }



  .ds-social__title { font-size: 22px; line-height: 30px; }

  .ds-social__left { font-size: 16px; line-height: 24px; }

  .ds-social__right { font-size: 16px; line-height: 24px; }

}







@media (max-width: 1290px){

  .ds-partners-jump__box.is-flat{

    grid-template-columns: repeat(2, minmax(0, 1fr));

    padding: 0px 42px;

    min-height: auto;

    align-items: stretch;

  }



  .ds-partners-jump__box.is-flat .ds-partners-jump__link{

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 18px 18px;

    text-align: center;

  }



  .ds-partners-jump__box.is-flat .ds-partners-jump__link{

    border-top: 2px solid #FFFFFF;

  }



  .ds-partners-jump__box.is-flat .ds-partners-jump__link:nth-child(-n+2){

    border-top: 0;

  }



  .ds-partners-jump__box.is-flat .ds-partners-jump__col,

  .ds-partners-jump__box.is-flat .ds-partners-jump__col.is-divided:after{

    display: none !important;

  }

}



@media (max-width: 768px){

  .ds-partners-jump__box.is-flat{

    grid-template-columns: 1fr;

    padding: 0px 22px;

  }



  .ds-partners-jump__box.is-flat .ds-partners-jump__link{

    padding: 12px 16px;

  }



  .ds-partners-jump__box.is-flat .ds-partners-jump__link:nth-child(-n+1){

    border-top: 0;

  }

   .ds-partners-jump__box.is-flat .ds-partners-jump__link:nth-child(-n+2){

    border-top: 2px solid #FFFFFF;

  }

}

