/* Start:/uslugi/assets/css/style.css?17907375635751*/
:root{
  --color-bg:#ffffff;
  --color-card:#F4F7FB;
  --color-card-hover:#EEF4FB;
  --color-card-border:#E3EAF3;
  --color-text:#1F2A44;
  --color-text-muted:#6B7A90;
  --color-primary:#3A65B4;
  --color-primary-hover:#3A65B4;
  --color-arrow-bg:#3A65B4;
  --color-arrow-bg-hover:#2F5499;
  --radius-card:12px;
  --radius-btn:50%;
  --shadow-card:0 12px 28px rgba(48, 61, 113, .10);
  --transition:.2s ease;
}

.page-services{
    font-family:"Gilroy";
}

.section-title{
  font-size:24px;
  font-weight:700;
  margin:0 0 24px;
  color:#5381C1;
}

.section + .section{ margin-top:48px; }

.services-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:20px;
}

.service-card{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:160px;
  padding:20px;
  background:var(--color-card);
  border-radius:var(--radius-card);
  transition:
    transform var(--transition),
    box-shadow var(--transition),
    background var(--transition);
}

.service-card:hover{
  transform:translateY(-2px);
  background:var(--color-card-hover);
  box-shadow:var(--shadow-card);
}

.service-card__title{
  font-size:17px;
  font-weight:600;
  margin:0 0 8px;
  color:var(--color-primary);
}

.service-card__link{
  color:inherit;
  text-decoration:none;
}
.service-card__link:hover{ color:var(--color-primary-hover); }

.service-card__link::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
}

.service-card__text{
  font-size:14px;
  color:var(--color-text-muted);
  margin:0;
  padding-right:56px;
}

.service-card__arrow{
  position:absolute;
  right:16px;
  bottom:16px;
  width:40px;
  height:40px;
  border-radius:var(--radius-btn);
  background:var(--color-arrow-bg);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  transition:background var(--transition), transform var(--transition);
}

.service-card:hover .service-card__arrow{
  background:var(--color-arrow-bg-hover);
}

.service-card__arrow svg{
  display:block;
  width:18px;
  height:18px;
}

.directions-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
}

.direction-card{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 20px;
  background:#fff;
  border:1px solid var(--color-card-border);
  border-radius:var(--radius-card);
  transition:
    background var(--transition),
    border-color var(--transition),
    color var(--transition);
}

.direction-card:hover{
  background:#F7FAFD;
  border-color:#9EB7D9;
  color:var(--color-primary-hover);
}

.direction-card__title{
  font-size:15px;
  font-weight:600;
  color:#3A65B4;
  margin:0;
}

.direction-card__link{
  color:inherit;
  text-decoration:none;
}
.direction-card__link::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
}

.direction-card__arrow{
  flex-shrink:0;
  color:var(--color-arrow-bg);
  transition:transform var(--transition), color var(--transition);
}

.direction-card:hover .direction-card__arrow{
  color:var(--color-primary-hover);
  transform:translateX(2px);
}

.direction-card__arrow svg{
  display:block;
  width:18px;
  height:18px;
}

.cta{
  background-color:#3A65B4;
  color:#fff;
  border-radius:16px;
  padding:32px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
  margin:0 0 50px;
}

.cta .podbor__form-radio-w{
    margin-right:0;
    grid-column:1 / -1;
}
.cta .podbor__form-checkbox-text a{
    color:#fff;
    text-decoration:underline;
}

.cta__title{
  font-size:24px;
  font-weight:700;
  margin:0 0 15px;
}

.cta__text{
  font-size:14px;
  color:rgba(255, 255, 255, .8);
  margin:0 0 16px;
  max-width:530px;
    line-height:19px;
}

.cta__phone{
  font-size:18px;
  font-weight:700;
  color:#fff;
  text-decoration:none;
}
.cta__phone:hover{ text-decoration:underline; }

.cta__form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.cta__field{
  width:100%;
  padding:12px 14px;
  border:none;
  border-radius:8px;
  font-size:14px;
  background:#fff;
  color:var(--color-text);
}
.cta__field::placeholder{ color:#9AA6B8; }
.cta__field:focus{
  outline:2px solid rgba(255, 255, 255, .6);
  outline-offset:1px;
}

.cta__btn{
  grid-column:1 / -1;
  padding:14px;
  border:none;
  border-radius:8px;
  background:#E8632C;
  color:#fff;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  transition:background var(--transition);
}
.cta__btn:hover{ background:#D4551F; }

.cta__consent{
  grid-column:1 / -1;
  display:flex;
  align-items:flex-start;
  gap:8px;
  font-size:12px;
  color:rgba(255, 255, 255, .75);
  line-height:1.4;
}

.ctaresult{
    grid-column:1 / -1;
    position:absolute;
    z-index:1;
}

.ctaresult .alert{
    background:rgb(229 78 37);
    border-radius:10px;
    padding:10px;
    color:#fff;
}

.ctaresult .alert .close{
    position:absolute;
    background:rgb(229 78 37);
    right:-10px;
    top:-10px;
    border-radius:10px;
    padding:2px 4px;
    color:#fff;
}

.cta__consent input[type="checkbox"]{
  flex-shrink:0;
  margin-top:2px;
}

.cta__consent a{
  color:#fff;
  text-decoration:underline;
}


@media (max-width:1024px){
  .services-grid{ grid-template-columns:repeat(3, 1fr); }
  .directions-grid{ grid-template-columns:repeat(2, 1fr); }
}

@media (max-width:768px){
  .section-title{ font-size:20px; }
  .services-grid{ grid-template-columns:repeat(2, 1fr); }
  .directions-grid{ grid-template-columns:1fr; }
  .cta{
    grid-template-columns:1fr;
    padding:24px;
  }
  .cta__form{ grid-template-columns:1fr; }
  .cta__btn{ grid-column:auto; }
  .cta__consent{ grid-column:auto; }
}

@media (max-width:480px){
  .services-grid{ grid-template-columns:1fr; }
  .service-card__text{ padding-right:52px; }
}
/* End */
/* /uslugi/assets/css/style.css?17907375635751 */