/* .bodi{
    font-family: Georgia, 'Times New Roman', Times, serif;
} */
#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: 1;
}
@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;
}
.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;
}
@media (max-width: 490px){
    #tCards h2{
        font-size: 30px;
    }
}
.openA{
    background-color: rgb(185, 86, 19);
    color: white;
    border-radius: 50px;
    font-size: 20px;
    padding: 10px 30px 10px 30px;
}

/* WE MAKE */
#weMake{
    align-items: center;
    border: none;
    background: transparent;
}
/********GROW YOUR MONEY */
.grow{
    color: rgb(145, 68, 17);
    /* color: rgb(109, 108, 108); */
}
.growH{
    color: rgb(34, 34, 65);
}

/*****NO FEES PERIOD */
#noFee{
    background: rgb(221, 102, 23);
    width: 35rem;
}
#noFee p{
    color: rgb(34, 34, 65);
}
.noFeeImg{
    width: 35rem;
}
@media (max-width: 1115px){
    .noFeeImg{
        width: 30rem;
    }
    #noFee{
        width: 30rem;
    }
}

/********YOU LL NEVER PAY */
#youWill{
    background: transparent;
}
#youWill ul{
    list-style: none;
    line-height: 40px;
    color: rgb(34, 34, 65);
}
.youu{
    color: rgb(145, 68, 17);
}

/******ADD A LITTLE FUEL*/
#addCard{
    box-shadow: 5px 5px 15px ;
}
.addButton{
    padding: 10px 20px 10px 20px;
    background: rgb(204, 89, 12);
    color: white;
    border-radius: 30px;
}
.hrrr{
    margin-top: 100px;
    border: 2px solid black;
}
/*****SAVING FAQ */
#savingFaq{
    background-image: url(../Image/savingFaq.png);
    flex-wrap: wrap;
}
#dropSave{
    width: 100%;
    height: 100px;
}
#ahhh:hover #svggg{
    transform: rotate(180deg);
}
#dropMenu{
    width: 100%;
}

/* OPENING A HIGH YEILD */
#yeild1{
    background: transparent;
    margin-top: 30px;
}
#yeild1 h1{
    color: rgb(34, 34, 65);
}
#yeild1 :last-child button{
    background: rgb(204, 89, 12);
    border-radius: 30px;
    padding: 5px 20px 5px 20px;
    color: white;
    margin-top: 30px;
}
#yeild1 ul{
    list-style: none;
    line-height: 40px;
    font-size: larger;
    margin-top: 30px;
}
#yeild2{
    margin-top: 30px;
    border-left: 2px solid rgb(204, 89, 12);
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
    background: transparent;
}
#yeild2 :first-child{
    color: rgb(34, 34, 65);
}
#yeild2 :nth-child(2){
    color: rgb(204, 89, 12);
}
#yeild2 :nth-child(3){
    line-height: 45px;
    margin-top: 30px;
}
#yeild2 :last-child{
    margin-top: 30px;
}

/*****MODERN MONEY  */
.image-container{
    position: relative;
    overflow: hidden;
}
.image-container:hover .img-fluid{
    transform: scale(1.5);
    transition: .5s ease-out;
}

/*****FDIC MEMBER */
#imgRadius{
    border-bottom-right-radius: 30%;
}
#fdic{
    background: transparent;
}
#fdic ul{
    line-height: 40px;
}

/*********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);
}