/* Start:/local/components/trc/arendator.index/templates/panel_service/style.css?17490532167353*/
.app_panel {
  background-position: center 10%;
  background-image: url("data:image/svg+xml,%3Csvg width='1925' height='1989' viewBox='0 0 1925 1989' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_141_3598)'%3E%3Cellipse cx='917.066' cy='1016.11' rx='563.392' ry='760.65' transform='rotate(39.1298 917.066 1016.11)' fill='url(%23paint0_linear_141_3598)'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_141_3598)'%3E%3Cellipse cx='1253.52' cy='909.562' rx='412.238' ry='556.573' transform='rotate(39.1298 1253.52 909.562)' fill='url(%23paint1_linear_141_3598)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_141_3598' x='67.8828' y='127.119' width='1698.36' height='1777.99' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_141_3598'/%3E%3C/filter%3E%3Cfilter id='filter1_f_141_3598' x='678.508' y='305.42' width='1150.02' height='1208.28' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_141_3598'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_141_3598' x1='917.066' y1='255.464' x2='917.066' y2='1776.76' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230066FF'/%3E%3Cstop offset='1' stop-color='%236FFFDC' stop-opacity='0.17'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_141_3598' x1='1253.52' y1='352.989' x2='1253.52' y2='1466.13' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232FCFF2'/%3E%3Cstop offset='1' stop-color='%23BAEAFF' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.service_index_page {
  position: relative;
}
.service_index_page .block_header_normal {
  margin-bottom: 40px;
}
.service_index_page .block_header_normal .title {
  position: relative;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 60px;
  line-height: 110%;
  text-transform: uppercase;
  color: var(--black);
  margin: 0;
}
.service_index_page .block_header_normal .view {
  margin: auto 0 auto auto;
  position: relative;
  display: flex;
}
.service_index_page .block_header_normal .view a {
  position: relative;
  text-decoration: none;
  display: flex;
}
@media (min-width: 768px) {
  .service_index_page .block_header_normal .view a.view_btn {
    margin-right: 20px;
  }
}
.service_index_page .block_header_normal .view a.view_btn svg {
  position: relative;
  border-radius: 100%;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
  width: 50px;
  height: auto;
}
@media (min-width: 768px) {
  .service_index_page .block_header_normal .view a.view_btn svg {
    width: auto;
  }
}
.service_index_page .block_header_normal .view a.view_btn svg circle {
  fill: var(--white);
}
.service_index_page .block_header_normal .view a.view_btn svg path {
  stroke: var(--black);
}
.service_index_page .block_header_normal .view a.view_btn:hover svg circle {
  fill: var(--blue);
}
.service_index_page .block_header_normal .view a.view_btn:hover svg path {
  stroke: var(--white);
}
.service_index_page .block_header_normal .view a.view_btn.active svg circle {
  fill: var(--blue);
}
.service_index_page .block_header_normal .view a.view_btn.active svg path {
  stroke: var(--white);
}
.service_index_page .section_list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 28rem);
  gap: 6rem;
}
.service_index_page .section_list .item {
  position: relative;
  text-decoration: none;
}
.service_index_page .section_list .item .ico {
  position: relative;
  display: flex;
  width: 28rem;
  height: 28rem;
}
.service_index_page .section_list .item .ico:before {
  z-index: 0;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  content: '';
  border-radius: 2rem;
  background-size: cover;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='280' height='280' viewBox='0 0 280 280' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_1401_6655)'%3E%3Crect width='280' height='280' rx='20' fill='url(%23paint0_linear_1401_6655)' /%3E%3Crect x='0.5' y='0.5' width='279' height='279' rx='19.5' stroke='white' /%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_1401_6655' x='-40' y='-40' width='360' height='360' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='20' /%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_1401_6655' /%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_1401_6655' result='shape' /%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_1401_6655' x1='66.9667' y1='3.62778e-06' x2='257.623' y2='138.923' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.3' /%3E%3Cstop offset='1' stop-color='white' stop-opacity='0.1' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.service_index_page .section_list .item .ico svg {
  z-index: 1;
  margin: auto;
  transition: all 300ms linear;
  max-width: 75%;
  height: auto;
}
.service_index_page .section_list .item .ico svg line,
.service_index_page .section_list .item .ico svg rect,
.service_index_page .section_list .item .ico svg polygon,
.service_index_page .section_list .item .ico svg path {
  fill: var(--black);
}
.service_index_page .section_list .item .ico svg.dop line,
.service_index_page .section_list .item .ico svg.dop path {
  fill: none;
  stroke: #000000;
  stroke-width: 8.5191;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.service_index_page .section_list .item .text {
  position: relative;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 25px;
  line-height: 110%;
  color: var(--black);
  margin-top: 1.8rem;
}
.service_index_page .section_list .item:hover .ico {
  background-size: cover;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='280' height='280' viewBox='0 0 280 280' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_1401_11100)'%3E%3Crect width='280' height='280' rx='20' fill='%231E213B' /%3E%3Crect x='0.5' y='0.5' width='279' height='279' rx='19.5' stroke='white' /%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_1401_11100' x='-40' y='-40' width='360' height='360' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='20' /%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_1401_11100' /%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_1401_11100' result='shape' /%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
.service_index_page .section_list .item:hover .ico svg line,
.service_index_page .section_list .item:hover .ico svg rect,
.service_index_page .section_list .item:hover .ico svg polygon,
.service_index_page .section_list .item:hover .ico svg path {
  fill: var(--white);
}

/* End */
/* /local/components/trc/arendator.index/templates/panel_service/style.css?17490532167353 */