/*Первый экран*/
.first-desc{ margin-bottom: 45px;}
.first_wrapper{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 25px; max-width:1200px; margin: 0 auto; padding: 0 25px;}
 .first_wrapper .left{ width: 50%; }
 .first_wrapper .left h1{ font-size: 35px; margin-top: 0px; margin-bottom: 0px; }
 .first_wrapper .left span { display: inline-block; background-color: #1250BB; color: #ffffff; padding: 10px 25px; margin: 25px 0; font-size: 16px; cursor: pointer; border-radius: 4px; }
 .first_wrapper .left span:hover { background-color: #0059f3; }
 .first_wrapper .left .specials { display: flex; flex-direction: column; gap: 10px; }
 .first_wrapper .left .special { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 10px; }
 .first_wrapper .left .specials .icon{ flex: 0 0 30px; }
 .first_wrapper .left .specials .icon img{ display: block; width: 100%; height: auto; }
 .first_wrapper .left .specials .info{ flex: 1 1 auto; }
 .first_wrapper .right{ width: 50%; }
 .first_wrapper .right img{ display: block; width: 100%; height: auto; background: #ffffff;}

@media screen and (min-width: 980px) and (max-width: 1300px){
 .first-desc { margin-top: 60px; }
 .first_wrapper .left h1 { font-size: 30px; }
 .first_wrapper .left span { padding: 16px 32px; margin: 20px 0; font-size: 16px; }
 .first_wrapper .left .specials .info { font-size: 14px; }
 .first_wrapper .left .specials { gap: 7px; }
}
@media screen and (min-width: 700px) and (max-width: 980px){
 .first-desc { margin-top: 60px; }
 .first_wrapper .left h1 { font-size: 22px; }
 .first_wrapper .left span { padding: 6px 14px; margin: 10px 0; font-size: 14px; }
 .first_wrapper .left .specials .info { font-size: 13px; }
 .first_wrapper .left .specials { gap: 7px; }
}
@media screen and (min-width: 400px) and (max-width: 700px){
 .first-desc { margin-top: 60px; }
 .first_wrapper .left h1 { font-size: 22px; text-align: center; }
 .first_wrapper .left span { padding: 6px 14px; margin: 10px 0; font-size: 14px; }
 .first_wrapper .left .specials .info { font-size: 13px; }
 .first_wrapper .left .specials { gap: 7px; align-items: center; }
 .first_wrapper { flex-direction: column; }
 .first_wrapper .left { width: 100%; text-align: center; }
 .first_wrapper .right { width: 70%; }
}
@media screen and (max-width: 400px){
 .first-desc { margin-top: 60px; }
 .first_wrapper .left h1 { font-size: 22px; text-align: center; }
 .first_wrapper .left span { padding: 6px 14px; margin: 10px 0; font-size: 14px; }
 .first_wrapper .left .specials .info { font-size: 13px; }
 .first_wrapper .left .specials { gap: 7px; align-items: center; }
 .first_wrapper { flex-direction: column; }
 .first_wrapper .left { width: 100%; text-align: center; }
 .first_wrapper .right { width: 70%; }
}
/*Услуги на главной странице*/
.services_wrapper{ max-width:1200px; margin: 0 auto; padding: 50px 25px;}
 .services_wrapper h2{ font-size: 25px; margin-top: 0; margin-bottom: 20px; }
 .services_wrapper h3, .services_wrapper .item-title { font-size: 17px; margin-top: 20px; margin-left: 0; margin-bottom: 0; font-weight: normal; color: #337ab7; font-weight: bold;}
 .services_wrapper .info {padding: 0;}
 .services_wrapper .info p { margin: 0; padding: 0; font-size: 14px;  line-height: 16px;}
 .services_wrapper .services{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px }
 .services_wrapper .services .service{ display: block; position: relative; margin-bottom: 30px; }
 .services_wrapper .services .service .icon{ margin: 0 0 10px 0; overflow:hidden; box-shadow: 5px 5px 0px 2px #cce1f2; border-radius: 20px; background: #ffffff; border: 1px solid #cce1f2; }
 .services_wrapper .services .service .icon img{ display: block; width: 100%; height: auto;  transition:all 0.5s ease-in; }
 .services_wrapper .services .service .icon:hover img{  transform:scale(1.1); transition:all 0.7s ease-in; }
@media screen and (min-width: 980px) and (max-width: 1300px){
 .services_wrapper h2 { font-size: 23px; margin-bottom: 23px; }
 .services_wrapper h3, .services_wrapper .item-title { font-size: 16px; }
}
@media screen and (min-width: 700px) and (max-width: 980px){
 .services_wrapper h2 { font-size: 23px; margin-bottom: 23px; }
 .services_wrapper h3, .services_wrapper .item-title { font-size: 14px; }
 .services_wrapper .services .service .info { text-align: center; }
}
@media screen and (min-width: 400px) and (max-width: 700px){
 .services_wrapper h2 { font-size: 23px; margin-bottom: 23px; text-align: center; }
 .services_wrapper h3, .services_wrapper .item-title { font-size: 14px; }
 .services_wrapper .services .service .info { text-align: center; }
 .services_wrapper .services { grid-template-columns: repeat(2, 1fr); grid-gap: 30px; }
}
@media screen and (max-width: 400px){
 .services_wrapper h2 { font-size: 20px; margin-bottom: 20px; text-align: center; }
 .services_wrapper h3, .services_wrapper .item-title { font-size: 13px; }
 .services_wrapper .services .service .info { text-align: center; }
 .services_wrapper .services { grid-template-columns: repeat(2, 1fr); grid-gap: 15px; }
}
.services_wrapper .services4{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px }