.leilao-banner {
    height: 400px;
    width: 100%;
    background: #1146AD;
    display: inline-flex;
    align-items: center;
}

.leilao-descbanner {
    color: #fff;
}

.leilao-descbanner h1 {
    font-size: 48px;
    margin-bottom: 40px;
}

.leilao-descbanner p {
    font-size: 26px;
    line-height: 35px;
    font-weight: 100;
}

.leilao-bannercontent {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}




.leilao-menu {
    background: #7AB72F;
    color: #fff;
}

.leilao-menu ul {
    list-style: none;
    padding: 20px 0px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    margin-bottom: 0;
    font-size: 18px;
}

.leilao-menu ul li a {
    color: #fff;

}

.leilao-menu ul li a[class="active"] {
    color: #11318F;
    font-weight: bold;
}

.leilao-content {
    margin-bottom: 80px;
}

.leilao-page-title {
    width: 100%;
    text-align: center;
    margin: 60px 0 80px 0;
}

.leilao-page-title h1 {
    color: #7AB72F;
    font-weight: bolder;
    font-size: 30px;
}

.leilao-cards {
    display: grid;
    grid-template-columns: 412px 412px;
    grid-row-gap: 50px;
}

.leilao-card {
    box-shadow: 0px 0px 14px rgba(36, 36, 36, 0.3);
    border-radius: 8px;
    cursor: pointer;
}

.leilao-card>.img {
        width: 100%;
        height: 295px;
        display: flex;
        justify-content: center;
        align-items: center;
}

.leilao-card>.img>img {
        width: 300px;
        height: 300px;
        /* object-fit: fill; */
}

.leilao-card-header {
    display: grid;
    grid-template-columns: 1fr 0.4fr;
    color: #000;
    border-radius: 8px;
}

.leilao-card-header .leilao-card-title {
    background: #fff;
    font-size: 26px;
    padding: 0px 25px;
    display: flex;
    align-items: center;
}

.leilao-card-header .leilao-card-status {
    background: #fff;
    font-size: 14px;
    padding: 0px 25px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 5px;
}


.leilao-card-header .leilao-card-status .up {
    margin-top: 5px;
}

.leilao-card-header .leilao-card-status .down {
    margin-bottom: 5px;
}

.leilao-card-header .leilao-card-status p {
    margin-bottom: 0;
}

.leilao-card-body {
    padding: 0 20px;
}

.leilao-card-body ul {
    list-style: none;
    margin: 0;
    padding: 15px 25px;
    font-size: 18px;
}

.leilao-cards-container {
    display: flex;
    justify-content: center;
}

.leilao-in-title {margin-bottom: 30px;}
.leilao-in-title ul{list-style: none; display: flex; margin:0; padding: 0; font-size: 18px;}
.leilao-in-title ul li{margin-right:20px;}

.leilao-in-context-desc-btn{padding-top: 20px;}

.leilao-in-container{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;}
.leilao-in-content{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; font-size: 16px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.leilao-in-left{display: flex; flex-direction: column; justify-content: space-around;}
.leilao-in-right{display: flex; flex-direction: column; justify-content: space-around;}
.leilao-in-context{}
.leilao-in-context .leilao-in-context-title{font-weight: bold;}
.leilao-in-context .leilao-in-context-desc{}

.leilao-form-btn {background:#5596CE; border-radius: 68px; color: #fff; padding: 10px 20px;}
.leilao-form-btn:hover {text-decoration: none;}

.leilao-in-attch-info b{font-size: 18px;}
.leilao-in-attch-info p{margin-top: 20px;}

.leilao-moda-content .title {font-size: 30px; font-weight: bold;}

.leilao-moda-content {margin-top: 70px; background: #fbfbfb; padding: 28px;}

.btn-block-leilao{ }
.btn-default-leilao{background:#5596CE; color: #fff; padding: 20px 40px; border-radius: 100px;}


.leilao-trei-content .title {font-size: 30px; font-weight: bold;}

.leilao-trei-content {margin-top: 70px; background: #fbfbfb; padding: 28px;}
.links-trei { display: flex; justify-content: center;}
.content-links{ display: grid; grid-template-columns: 400px 400px; grid-gap: 30px;}
.btn-default-trei{background:#5596CE; color: #fff; padding: 20px 40px; border-radius: 100px; text-align: center;}
.btn-default-trei:hover{text-decoration: none;}