@import url('https://fonts.googleapis.com/css2?family=Aboreto&family=Beau+Rivage&family=Cinzel+Decorative&family=Cinzel:wght@500&family=Emilys+Candy&family=Josefin+Sans&family=Julius+Sans+One&family=Lobster&family=Montez&family=Playfair+Display+SC&family=Rampart+One&family=Sail&family=Tangerine:wght@700&family=Tilt+Prism&display=swap');


.foot {
    background-color: cornsilk;
}


/* ********************************************** */



.donate_backGorund {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
    clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
    background: rgb(27, 27, 27);
    background: linear-gradient(180deg, rgba(27, 27, 27, 0.5010796554950105) 13%, rgba(27, 27, 27, 0.4982785350468313) 96%), url("./all_images/donate.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.donate h1 {
    color: white;
    font-family: 'Cinzel', serif;
}

.donate p {
    font-family: 'Tangerine', cursive;

}

.back_button a {
    text-decoration: none;
    /* color: rgb(255, 52, 85);
     */
    color: pink;

}

.back_button a :hover {
    color: darkgray;
}



.donation_cards h1 {
    color: rgb(239, 40, 150);
    font-family: 'Sail', cursive;
    text-shadow: 3px 3px 5px rgba(135, 135, 135, 0.548);
}

.donation_cards {
    overflow: hidden;
}

.cow_donate .card {
    box-shadow: 3px 3px 5px rgba(135, 135, 135, 0.548);
}

.cow_donate h4 {
    color: rgb(239, 40, 150);
}

.cow_donate p {
    /* color: rgb(248, 79, 93); */
    color: pink;
}


.gauSeva {
    background: rgb(27, 27, 27);
    background: linear-gradient(180deg, rgba(27, 27, 27, 0.5010796554950105) 13%, rgba(27, 27, 27, 0.4982785350468313) 96%), url("./all_images/cow_calf.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 120%;
    transition: .5s;
}

.gauSeva:hover {
    transition: .5s;
    background-size: 140%;
}

.gauSeva div {
    border: 2px solid white;
    border-radius: 10px;
}

.arrowSvg {
    color: pink;
    opacity: 0;
    transition: .5s;
}


.gauSeva:hover .arrowSvg {
    opacity: 1;
    transition: .5s;
}

/* thakur seva */

.thakurSeva {
    background: rgb(27, 27, 27);
    background: linear-gradient(180deg, rgba(27, 27, 27, 0.5010796554950105) 13%, rgba(27, 27, 27, 0.4982785350468313) 96%), url("./all_images/dd_4.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 107%;
    transition: .5s;
}

.thakurSeva:hover {
    transition: .5s;
    background-size: 128%;
}

.thakurSeva div {
    border: 2px solid white;
    border-radius: 10px;
}

.thakurSeva:hover .arrowSvg {
    opacity: 1;
    transition: .5s;
}

/* Vaishnav Seva */

.vaishnavSeva {
    background: rgb(27, 27, 27);
    background: linear-gradient(180deg, rgba(27, 27, 27, 0.5010796554950105) 13%, rgba(27, 27, 27, 0.4982785350468313) 96%), url("./donate/donate_sadhu.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 107%;
    transition: .5s;
}

.vaishnavSeva:hover {
    transition: .5s;
    background-size: 127%;
}

.vaishnavSeva div {
    border: 2px solid white;
    border-radius: 10px;
}

.vaishnavSeva:hover .arrowSvg {
    opacity: 1;
    transition: .5s;
}

/* Vidhya Daan */

.vidhyaSeva {
    background: rgb(27, 27, 27);
    background: linear-gradient(180deg, rgba(27, 27, 27, 0.5010796554950105) 13%, rgba(27, 27, 27, 0.4982785350468313) 96%), url("./all_images/gurukul1.JPG");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 108%;
    transition: .5s;
}

.vidhyaSeva:hover {
    transition: .5s;
    background-size: 127%;
}

.vidhyaSeva div {
    border: 2px solid white;
    border-radius: 10px;
}

.vidhyaSeva:hover .arrowSvg {
    opacity: 1;
    transition: .5s;
}

/* anna Daan */

.annaSeva {
    background: rgb(27, 27, 27);
    background: linear-gradient(180deg, rgba(27, 27, 27, 0.5010796554950105) 13%, rgba(27, 27, 27, 0.4982785350468313) 96%), url("./donate/donate_food.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 130%;
    transition: .5s;
}

.annaSeva:hover {
    transition: .5s;
    background-size: 149%;
}

.annaSeva div {
    border: 2px solid white;
    border-radius: 10px;
}

.annaSeva:hover .arrowSvg {
    opacity: 1;
    transition: .5s;
}

/* Nitya Seva */

.nityaSeva {
    background: rgb(27, 27, 27);
    background: linear-gradient(180deg, rgba(27, 27, 27, 0.5010796554950105) 13%, rgba(27, 27, 27, 0.4982785350468313) 96%), url("./all_images/nityaSeva.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 120%;
    transition: .5s;
}

.nityaSeva:hover {
    transition: .5s;
    background-size: 140%;
}

.nityaSeva div {
    border: 2px solid white;
    border-radius: 10px;
}

.nityaSeva:hover .arrowSvg {
    opacity: 1;
    transition: .5s;
}

/* Food For Life */

.foodForLife {
    background: rgb(27, 27, 27);
    background: linear-gradient(180deg, rgba(27, 27, 27, 0.5010796554950105) 13%, rgba(27, 27, 27, 0.4982785350468313) 96%), url("./all_images/foodForLife.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 120%;
    transition: .5s;
}

.foodForLife:hover {
    transition: .5s;
    background-size: 140%;
}

.foodForLife div {
    border: 2px solid white;
    border-radius: 10px;
}

.foodForLife:hover .arrowSvg {
    opacity: 1;
    transition: .5s;
}

/* Festival seva */

.festivalSeva {
    background: rgb(27, 27, 27);
    background: linear-gradient(180deg, rgba(27, 27, 27, 0.5010796554950105) 13%, rgba(27, 27, 27, 0.4982785350468313) 96%),
        url("./all_images/kartikmsainfo.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 115%;
    transition: .5s;
}

.festivalSeva:hover {
    transition: .5s;
    background-size: 125%;
}

.festivalSeva div {
    border: 2px solid white;
    border-radius: 10px;
}

.festivalSeva:hover .arrowSvg {
    opacity: 1;
    transition: .5s;
}

@media screen and (max-width: 768px) {

    .foot p {
        font-size: 11px;
    }

    .mail {
        font-size: 13px;
    }

    .foot .first_p {
        font-size: 10px;
    }

    .festivalSeva div {
        border: 0px solid white;
    }

    .foodForLife div {
        border: 0px solid white;
    }

    .nityaSeva div {
        border: 0px solid white;
    }

    .annaSeva div {
        border: 0px solid white;
    }

    .vidhyaSeva div {
        border: 0px solid white;
    }

    .vaishnavSeva div {
        border: 0px solid white;
    }

    .gauSeva div {
        border: 0px solid white;
    }

    .thakurSeva div {
        border: 0px solid white;
    }
}