:root{
     --blue:#004295;
     --light:#f4f8fc;
}
 *{
    box-sizing:border-box;
    margin:0;
    padding:0;
    font-family:Arial,Helvetica,sans-serif
}
 body{
    background:#fff;
    color:#222;
    line-height:1.6
}
 a{
    color:var(--blue);
    text-decoration:none
}
 header{
    background: linear-gradient(135deg, #0042956e, #0a5cc21c), url('/picture/landing/head-img.jpg') no-repeat center;
    color:#fff;
    padding:80px 20px;
    position:relative;
    overflow:hidden;
    background-size: cover;
}
 header::after{
    content:"";
    position:absolute;
    right:-100px;
    top:-100px;
    width:300px;
    height:300px;
    background:rgba(255,255,255,.08);
    border-radius:50%
}
 .container{
    max-width:1200px;
    margin:auto
}
 h1{
    font-size:42px;
    margin-bottom:20px
}
 header p{
    max-width:700px;
    font-size:18px
}
 .btn{
    display:inline-block;
    margin-top:25px;
    padding:14px 28px;
    background:#fff;
    color:var(--blue);
    border-radius:30px;
    font-weight:bold;
    transition:.3s
}
 .btn:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 20px rgba(0,0,0,.15)
}
 section{
    padding:70px 20px
}
 .section-title{
    font-size:32px;
    margin-bottom:40px;
    color:var(--blue);
    text-align:center
}
 .models,.services{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:20px
}
 .card{
    background:var(--light);
    padding:25px;
    border-radius:18px;
    transition:.3s;
    position:relative
}
 .card:hover{
    transform:translateY(-5px)
}
 .card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:var(--blue);
    border-radius:18px 18px 0 0
}
 .card h3{
    margin-bottom:10px
}
 ul{
    margin-left:18px
}
 .cta{
    background:var(--blue);
    color:#fff;
    text-align:center
}
 .cta h2{
    font-size:36px;
    margin-bottom:20px
}
 .about{
    background: var(--light);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08), 0 4px 10px rgba(0, 0, 0, 0.05);
    z-index: 10;
    position: relative;
}
 .about-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
    align-items:center
}
 footer{
    background:#022f6e;
    color:#fff;
    padding:30px 20px;
    text-align:center
}
 .badge{
    display:inline-block;
    background:#e6eef9;
    color:var(--blue);
    padding:6px 14px;
    border-radius:20px;
    font-size:14px;
    margin-bottom:10px
}
 .timeline{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:20px;
    margin-bottom: 20px;
}
 .timeline div{
    background:#fff;
    border-left:5px solid var(--blue);
    padding:20px;
    border-radius:12px
}
 .models::before, .services::before {
     display: none;
}
 p.big_pp {
     font-size: 23px;
}
 div#top_header {
     margin-top: -20px;
}
.services .card li::before {
    width: 13px;
    height: 10px;
    display: block;
    position: absolute;
    left: -16px;
    top: 7px;
    content: '';
    background: url('/picture/landing/check.svg') no-repeat;
}

.services .card li {
    position: relative;
}

.tractor__icon img {
    max-height: 34px;
}

.card h3 {
    margin-bottom: 10px;
    font-weight: 900;
    overflow-wrap: break-word;
    hyphens: auto;
}

.section-title {
    font-size: 32px;
    margin-bottom: 40px;
    color: var(--blue);
    text-align: center;
    font-weight: 900;
}
.card {
    background: var(--light);
    padding: 25px;
    border-radius: 18px;
    transition: .3s;
    position: relative;
    box-shadow: 0 3px 8px rgb(25 114 209 / 16%);
}
section.in__repair span.badge {
    font-weight: 400;
    white-space: normal;
    display: inline-block;
    background: #e6eef9;
    color: var(--blue);
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.5;
}

section.in__repair .card h3 {
    font-weight: 400;
    font-size: 18px;
}

section.about.in__repair {
    box-shadow: none;
}

section.in__repair .about {
    box-shadow: none;
}

.model-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 15px 0;
}
.model-links a {
    background: #fff;
    color: var(--blue);
    padding: 8px 16px;
    border-radius: 25px;
    border: 1px solid var(--blue);
    transition: .2s;
}

section.about.in__repair .card {
    box-shadow: none;
}
.services + p {
    margin-top: 30px;
}

i.icon {
    display: block;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 2px;
}

i.icon.icon-fire {
    background: url('/picture/icons/fire.png') no-repeat center;
    background-size: contain;
}

i.icon.icon-gear {
    background: url('/picture/icons/gear.png') no-repeat center;
    background-size: contain;
}

i.icon.icon-drop {
    background: url('/picture/icons/droplet.png') no-repeat center;
    background-size: contain;
}

i.icon.icon-zap {
    background: url('/picture/icons/zap.png') no-repeat center;
    background-size: contain;
}

i.icon.icon-fuel {
    background: url('/picture/icons/fuelpump.png') no-repeat center;
    background-size: contain;
}