#d-flexNav{
    background-color: rgb(34, 34, 65);
    padding: 20px 20px 20px 20px;
}
#d-flex{
    flex-wrap: wrap;
}
#offcanvasTop{
    height: 30rem;
}
#navMenu{
    display: none;
    margin-top: -10px;
}
@media (max-width: 1115px){
    #navMenu{
        display: block;
    }
    #cardsNav{
        display: none;
    }
}
#discoverLogo{
    width: 120px;
}
@media (max-width: 1115px){
    #discoverLogo{
        width: 100px;
        height: 30px;
    }
}
#cards{
    background-color: transparent;
}
#cardsNav{
    background-color: transparent;
}
#innerCard{
    margin-right: -150px;
}
#innerCard a{
    font-size: 17px;
    font-weight: bold;
}
.hoverr{
    width: 40%;
    display: none;
    background-color: white;
    padding: 10px;
    line-height: 50px;
    color: black;
    z-index: 1;
}
.hoverr li{
    list-style: none;
    font-size: 17px;
    color: rgb(34, 34, 65);
}
.mainHover:hover .hoverr{
    display: block;
    position: absolute;
}
#login{
    border: 2px solid white;
    border-radius: 40px;
    padding: 5px 15px 5px 15px;
    color: white;
}
#login:hover{
    background-color: rgb(250, 250, 250);
    color: black;
}
#mLogin{
    background-color: rgb(49, 49, 70);
}

/*******SECOND CONTAINER */
#secondConta{
    z-index: 0;
}
@media (max-width: 1115px){
    #secondConta{
        display: none;
    }
}

/*****CHECKING HOVER */
.checkingHover{
    display: none;
    width: 40%;
    display: none;
    background-color: white;
    padding: 10px;
    line-height: 50px;
    color: black;
    z-index: 1;
}
.checkingCont:hover .checkingHover{
    display: block;
    position: absolute;
}
.checkingHover{
    list-style: none;
    font-size: 17px;
    color: rgb(34, 34, 65);
}
/********SAVING HOVER */
.savingHover{
    display: none;
    width: 40%;
    display: none;
    background-color: white;
    padding: 10px;
    line-height: 50px;
    color: black;
    z-index: 1;
}
.savingCont:hover .savingHover{
    display: block;
    position: absolute;
}
.savingHover{
    list-style: none;
    font-size: 17px;
    color: rgb(34, 34, 65);
}
/********RETIRE HOVER */
.retireHover{
    display: none;
    width: 40%;
    display: none;
    background-color: white;
    padding: 10px;
    line-height: 50px;
    color: black;
    z-index: 1;
}
.retireCont:hover .retireHover{
    display: block;
    position: absolute;
}
.retireHover{
    list-style: none;
    font-size: 17px;
    color: rgb(34, 34, 65);
}
#cardss2 a{
    border: 2px solid rgb(15, 15, 48);
    border-radius: 30px;
    padding: 10px;
}
#cardss1 a{
    color: rgb(15, 15, 48);
    font-size: 17px;
    padding-bottom: 15px;
}
#cardss1 a:hover{
   border-bottom: 4px solid brown;
}
#cardss2{
    background: transparent;
}
#openAct:hover{
    background: rgb(15, 15, 48);
    color: white;
}

/********THIRD CONTAINER */
#thirdCont{
    background-color: rgb(34, 34, 65);
    flex-wrap: wrap;
}
#thirdCont img{
    width: 40rem;
    height: 25rem;
    border-bottom-right-radius: 200px;
}
@media (max-width: 490px){
    #thirdCont img{
        width: 30rem;
        height: 15rem;
        border-bottom-right-radius: 150px;
    }
    #thirdCont {
        padding: 0px;
    }
}

.make{
    font-size: 14px;
}

#tCards{
    width: 40rem;
    background: transparent;
}
#tCards h3{
    color: rgb(185, 86, 19);
}
#tCards h2{
    color: white;
    font-size: 37px;
}
#tCards h5{
    color: white;
    font-size: 22px;
    line-height: 35px;
}

/***********NO BANKING FEE */
#noBanking{
    background: transparent;
}
#noBanking ul{
    font-size: 20px;
    line-height: 60px;
}
#noBanking p{
    font-size: 20px;
}
#noBanking h5{
    font-size: 25px;
}
#noBankingLi li{
    list-style: none;
}

/*******ALL THE IMPORTANT */
#allImportant{
    width: 70%;
}
#allImportant h1{
    color: rgb(34, 34, 65);
}
@media (max-width: 490px){
    #allImportant{
        width: 100%;
    }
}

/********CASH BACK */
#cashCard{
    border-left: 2px solid rgb(153, 151, 151);
    border-right: 0px;
    border-bottom: 0px;
    border-top: 0px;
    background: transparent;
}
#cashCard h1{
    font-weight: bold;
    color: rgb(185, 86, 19);
}
#cashCard h4{
    color: rgb(185, 86, 19);
}

/*******OPEN ACCOUNT FORM */
#openForm select{
    height: 50px;
    font-size: 17px;
}
#openForm button{
    background-color: rgb(185, 86, 19);
    border-radius: 20px;
    font-weight: bold;
}

/* CAROUSEL FOR THE DISCOVER */
#carousel{
    /* position: absolute; */
    width: 100%;
    height: 30%;
    overflow: hidden;
}

/*******NEW YEAR */
#newYear p{
    font-size: 17px;
}
#newYear li{
    font-size: 20px;
    font-weight: bold;
}
#newYear2 {
    overflow: hidden;
    background-color: rgb(185, 86, 19);
    color: white;
}
#newYear2 p{
    font-size: 20px;
}
#newYear2 input{
    font-size: 20px;
    height: 50px;
    border-bottom: 2px solid black;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

/******OPEN A DISCOVER BANK ACCOUNT */
#openD{
    background: transparent;
}
#openD li{
    font-size: 20px;
}
#openD a{
    background: rgb(185, 86, 19);
    padding: 10px 20px 10px 20px;
    color: white;
    border-radius: 30px;
}
#openD2{
    background: transparent;
    border-left: 2px solid rgb(185, 86, 19);
    border-top: 0px;
    border-bottom: 0px;
    border-right: 0px;
}
#openD2 h2{
    color: rgb(185, 86, 19);
}

/*******MODERN MONEY */
#modern h2{
    color: rgb(15, 15, 48);
}

/*********FIND THE RIGHT ACCOUNT */
#right{
    background-color: rgb(34, 34, 65);
    flex-wrap: wrap;
}
#findCards{
    background: transparent;
    align-items: center;
    width: 26rem;
}

/********ONLINE BANKING PRODUCT */
#online{
    background: transparent;
}
#online ul{
    color: rgb(34, 34, 65);
    font-size: 20px;
    list-style: none;
}

/*********FOOTER */
#footer{
    background-color: rgb(34, 34, 65);
}