@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap);

.btn-primary {
    background-color: #ffe500;
    border-color: #ffe500;
    color: #152d34
}

.btn-primary:hover {
    border-color: #ffe500
}

.btn-primary:hover,
.btn-secondary {
    background-color: #152d34;
    color: #ffe500
}

.btn-secondary:hover {
    background-color: rgba(21, 45, 52, .92)
}

.downloads {
    padding: 5rem 0
}

@media(max-width:991.98px) {
    .downloads {
        padding: 3rem 0
    }
}

.downloads .downloads-heading {
    margin: 0 0 7rem
}

.downloads .downloads-heading h2 {
    font-weight: 700;
    margin: 0
}

.downloads ul {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    list-style-type: none;
    margin-bottom: 5rem;
    padding-left: 3.3rem
}

.downloads ul li {
    padding-left: 1.4rem;
    position: relative
}

.downloads ul li:before {
    background: url(../images/icon-download.svg);
    background-size: cover;
    content: "";
    height: 3.6rem;
    left: -2rem;
    position: absolute;
    transform: translateX(-50%);
    transition: left .2s ease;
    width: 2.7rem
}

.downloads ul li a {
    font-size: 2.2rem;
    line-height: 3.3rem;
    transition: color .3s ease
}

@media(max-width:991.98px) {
    .downloads ul li a {
        font-size: 2rem;
        line-height: 2.7rem
    }
}

@media(max-width:767.98px) {
    .downloads ul li a {
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

.downloads ul li:hover a {
    color: #ffe500
}

.downloads ul li:hover:before {
    left: -1rem
}

.downloads img {
    max-width: 100%
}