#update-banner{
    background: url(images/updates-bg.jpg) no-repeat center;
    background-size: cover;
    height: 610px;
    color: #FFF;
    .container{
        height: 100%;
        .banner-row{
            height: 100%;
            display: flex;
            align-items: flex-end;
            p{
                margin-bottom: 100px;
                font-size: 18px;
            }
            h1{
                font-size: 60px;
                color: #E1A645;
            }
        }
    }
}

#latest-update{
    padding: 70px 0;
    ul{
        margin: 0;
        padding: 0;
        list-style: none;
        li{
            background: #F2F2F2;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding:15px 20px;
            color: #0D2D40;
            font-size: 30px;
        }
    }
}

#updates-card{
    figure{
        position: relative;
        .color-drak{
            color: #3C3C3B;
        }
        figcaption{
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            padding: 30px;
            color: #FFF;
            z-index: 3;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            
            strong{
                font-size: 22px;
                line-height: 26px;
            }
            span{
               font-size: 16px; 
            }
            p{
                margin-bottom: 0;
                line-height: 19px;
                padding-right: 30px;
                
            }
            .adj-width{
                width: calc( 100% - 120px );
            }
            a{
                color: #FFF;
                background: #0D2D40;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 98px;
                font-size: 13px;
                border-radius: 20px;
                text-align: center;
                height: 33px;
            }
        }
    }
    .big-card{
        width: calc( 67% - 15px );
      position: relative;
      
    }

    .overlay{
        position: relative;
        &::before{
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #1A1A1A;
        opacity: 0.5;
        z-index: 1;
      }
    }
    .small-card{
        width: calc( 33% - 15px );
       display: flex;
       flex-direction: column;
       justify-content: space-between;
    }
    .box-wrapper{
        display: flex;
        flex-direction: row;
        gap: 28px;
        margin-bottom: 30px;
         margin-top: 30px;
        flex-wrap: wrap;
        .box-3{
            width: calc( 33% - 15px );           
           
        }
    }
}

.updates__bg{
    background: url("images/updates-bg.jpg") no-repeat center center;
    background-size: cover;
}