body{
    background-image: url('/img/gallery/wed1.webp');
    background-repeat: no-repeat;
    background-size: cover;
    backdrop-filter: blur(7px);
}

/* cards css  */
#eb-wed-section .wedd-row{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

#eb-wed-section *{
    font-family: 'caveat brush', cursive;
}

#eb-wed-section .wedd-row .line-1{
    padding: 30px 5rem;
    background-color: blanchedalmond;
    border: 4px solid;
    border-radius: 10px;
}

#eb-wed-section .wedd-row .line-1 .image{
    overflow: hidden;
    border-radius: 10px;
    border: 2px solid;
}

#eb-wed-section .wedd-row .img-txt .cost{
    display: flex;
    justify-content: space-between;
}

#eb-wed-section .wedd-row .img-txt .cost p{
    margin-bottom: 0px;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 800;
    margin-top: 5px;
}

#eb-wed-section .wedd-row .img-txt .cost a{
    border: 2px solid;
    border-radius: 5px;
    padding: 6px;
    font-weight: 800;
    background-color: burlywood;
    transition: all .3s ease;
}

#eb-wed-section .wedd-row .img-txt .cost a:hover, .txt-content a:hover{
    background-color: purple;
    color: whitesmoke;
}

#row2{
    margin-top: 3rem;
}

/* card css end  */

/* info section css  */
.txt-content{
    text-align: center;
    border: 2px solid;
    border-radius: 10px;
    padding: 15px;
    margin-top: 3rem;
    background-color: gold;
}

.txt-content p, a{
    font-size: x-large;
}

.txt-content a{
    border: 2px solid;
    padding: 5px 10px;
    width: auto;
    margin: auto auto;
    border-radius: 10px;
    background-color: burlywood;
    transition: all .3s ease;
}

/* spcl css mob view  */
@media (max-width: 468px) {
    #eb-wed-section .wedd-row .img-txt .cost a{
        font-size: small;
    }

    #eb-wed-section .wedd-row .line-1{
        padding: 30px 3rem;
    }
}

@media (max-width: 768px) {
    #eb-wed-section .wedd-row .line-1{
        width: 95%;
    }
}

@media screen and (max-width: 768px) {
    .second{
        margin-top: 3rem;
    }
}

