.servicePage{
  padding:90px 0;
}

.servicePage__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:40px;
  align-items:center;
}

.servicePage__details{
  margin-top:40px;
}

.servicePage__details .btn{
  display:table;
  margin:18px auto 0;
  grid-column:1 / -1;
  justify-self:center;
  text-align:center;
  position:relative;
  padding-left:52px;
  padding-right:52px;
}
.servicePage__details .btn i{
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  margin:0;
}

.servicePage__details .container{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:28px 40px;
}

.servicePage__details .info-block{
  margin:0;
  background:#fff;
  border:1px solid rgba(19,45,70,.08);
  border-radius:18px;
  padding:20px 22px;
  box-shadow:0 12px 26px rgba(0,0,0,.08);
}

.servicePage__media img{
  border-radius:18px;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  height:360px;
  width:100%;
  object-fit:cover;
}

.servicePage__content h2{
  margin:0 0 12px;
  color:#132D46;
  font-size:var(--h2-size);
}

.servicePage__content{
  align-self:center;
}

.servicePage__content p{
  color:#6A6E79;
  margin:0 0 16px;
}

.servicePage__content h3,
.servicePage__details h3{
  margin:0 0 16px;
  color:#132D46;
  font-size:1.5rem;
  text-align:center;
}

.info-block{
  margin:26px 0;
}

.info-list{
  list-style:none;
  margin:0 auto;
  padding:0;
  max-width:820px;
  display:grid;
  grid-template-columns: 1fr;
  gap:14px;
  color:#6A6E79;
}

.info-list li{
  display:flex;
  gap:12px;
  align-items:flex-start;
  font-size:1rem;
  line-height:1.5;
  background:none;
  border:0;
  border-radius:0;
  padding:0;
  box-shadow:none;
}

.info-list li i{
  color:#204788;
  font-size:20px;
  margin-top:2px;
  flex:0 0 auto;
}

.info-block--closing .info-list{
  display:block;
  max-width:760px;
}

.servicePage__details .info-block--closing{
  grid-column:1 / -1;
  background:none;
  border:0;
  box-shadow:none;
  padding:0;
}

.info-block--closing .info-list li{
  justify-content:center;
  align-items:center;
  text-align:center;
  background:none;
  border:0;
  box-shadow:none;
  padding:0;
  font-weight:700;
}

.info-block--closing .info-list li i{
  display:none;
}

@media(max-width:980px){
  .servicePage__grid{grid-template-columns:1fr}
  .servicePage__details .container{grid-template-columns:1fr;}
}

@media(max-width:720px){
  .servicePage__content{
    text-align:center;
  }
  .servicePage__content h2{
    font-size:var(--h2-size);
  }
}