/* ==================================
   SILVER CELEBRATION BANNER
================================== */

.silver-banner{
  background:#e8edfa;
  border-radius:16px;
  padding:40px 30px;
  border-top:6px solid #4a6fcf;
  box-shadow:0 8px 25px rgba(74,111,207,0.12);
}

.silver-banner-inner{
    width:100%;
    min-height:550px;

    background-image:url('../images/silver.jpg');
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

    background-color:#f8f9fb;

    border-radius:24px;

    box-shadow:
        0 15px 35px rgba(0,0,0,0.08),
        0 5px 15px rgba(0,0,0,0.05);

    border:1px solid #e5e7eb;

    transition:all .4s ease;
}

/* Hover Effect */

.silver-banner-inner:hover{
    transform:translateY(-5px);
    box-shadow:
        0 25px 50px rgba(0,0,0,0.12),
        0 10px 25px rgba(0,0,0,0.08);
}

/* Large Screen */

@media (min-width:1400px){
    .silver-banner-inner{
        min-height:650px;
    }
}

/* Tablet */

@media (max-width:992px){
    .silver-banner-inner{
        min-height:450px;
    }
}

/* Mobile */

@media (max-width:768px){

    .silver-banner{
        padding:20px 0;
    }

    .silver-banner-inner{
        min-height:250px;
        border-radius:15px;
        background-size:contain;
    }
}