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



.collapsed .nav_line1 {
    border: 1px solid #fffefd;
    width: 35px;
    height: 1px;
    transition: 1s;
    transform: rotate(0deg);
}

.collapsed .nav_line2 {
    border: 1px solid #ffffff;
    width: 35px;
    height: 1px;
    transition: 1s;
}

.collapsed .nav_line3 {
    border: 1px solid #ffffff;
    width: 35px;
    height: 1px;
    transform: rotate(0deg);
    transition: 1s;
}

.nav_line1 {
    border: 1px solid pink;
    width: 35px;
    height: 1px;
    transition: 1s;
    transform: rotate(-45deg) translate(-10px, 10px);
}

.nav_line2 {
    border: 1px solid rgba(255, 213, 0, 0.043);
    width: 0px;
    height: 1px;
    transition: 1s;
}

.nav_line3 {
    border: 1px solid pink;
    width: 35px;
    height: 1px;
    transform: rotate(45deg);
    transition: 1s;
}

.nav-item {
    cursor: pointer;
    color: #999;
}

.sty {
    opacity: 0;
    animation-name: div_aniamte;
    animation-fill-mode: forwards;
    animation-duration: 1s;
}

@keyframes div_aniamte {
    from {
        opacity: 0;
        transform: translate(0px, 30px);
    }

    to {
        opacity: 1;
        transform: translate(0px, 0px);
    }
}


.cc {
    background-color: rgba(242, 58, 153, 0.466);
    backdrop-filter: blur(10px);
}

.RR {
    background: rgb(242, 58, 153);
    background: linear-gradient(0deg, rgba(242, 58, 153, 0.4282505238423494) 25%, rgba(252, 103, 211, 0.47867069190957634) 53%, rgba(136, 59, 105, 0.4954774145986519) 74%);
    backdrop-filter: blur(10px);
}

.nav_branda_heading {
    font-size: 0.8rem;
}

.nav_branda_heading span {
    font-weight: bold;
}

.nav_heading {
    font-size: small;
    color: white;
}

.nav_heading_iskcon {
    font-size: x-small;
    color: white;
}

.foot {
    background-color: cornsilk;
}

.nav_branda_heading {
    font-size: 0.8rem;
}

.nav_branda_heading span {
    font-weight: bold;
}

/* ......................................... */

.daily_darshan h2 {
    font-family: 'Emilys Candy', cursive;
    color: rgb(242, 58, 153);
    letter-spacing: 2px;
}

.daily_darshan {
    overflow: hidden;
}



@media screen and (max-width: 768px) {
    .nav_branda_heading {
        font-size: 0.57rem;
    }

    .nav_branda_heading span {
        font-size: 0.7rem;
    }

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

    .mail {
        font-size: 13px;
    }

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


@media screen and (max-width: 360px) {
    .nav_branda_heading {
        font-size: 0.5rem;
    }

    .nav_branda_heading span {
        font-size: 0.6rem;
    }

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

    .mail {
        font-size: 13px;
    }

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

}

@media screen and (max-width: 332px) {
    .nav_branda_heading {
        font-size: 0.36rem;
    }

    .nav_branda_heading span {
        font-size: 0.4rem;
    }
}

/* images */

h1 {
    font-family: 'Playfair Display SC', serif;
    color: rgb(242, 58, 153) !important;
    letter-spacing: 4px;
}


.allmedia ul li:nth-child(1) {
    background: url('./fest/f33.JPG');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia p {
    visibility: hidden;
}


.allmedia ul li:nth-child(2) {
    background: url('fest/f34.JPG');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(3) {
    background: url('./fest/f51.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(4) {
    background: url('fest/f8.JPG');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(5) {
    background: url('fest/f9.JPG');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(6) {
    background: url('fest/f11.JPG');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(7) {
    background: url('fest/f24.JPG');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(8) {
    background: url('fest/f21.JPG');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(9) {
    background: url('fest/f2.JPG');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(10) {
    background: url('fest/f22.JPG');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(11) {
    background: url('fest/f30.JPG');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(12) {
    background: url('fest/f4.JPG');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(13) {
    background: url('fest/f17.JPG');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(14) {
    background: url('fest/f1.JPG');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(15) {
    background: url('fest/f26.JPG');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(16) {
    background: url('fest/f54.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(17) {
    background: url('fest/f55.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(18) {
    background: url('fest/f52.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(19) {
    background: url('fest/f53.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(20) {
    background: url('fest/f56.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(21) {
    background: url('fest/f57.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(22) {
    background: url('fest/f58.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(23) {
    background: url('fest/f59.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(24) {
    background: url('fest/f60.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(25) {
    background: url('fest/f61.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(26) {
    background: url('fest/f62.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(27) {
    background: url('fest/f63.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(28) {
    background: url('fest/f64.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(29) {
    background: url('fest/f65.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(30) {
    background: url('fest/f66.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(31) {
    background: url('fest/f67.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(32) {
    background: url('fest/f68.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(33) {
    background: url('fest/f69_1.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(34) {
    background: url('fest/f69.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(35) {
    background: url('fest/f70.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(36) {
    background: url('fest/f71.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(37) {
    background: url('fest/f72.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(38) {
    background: url('fest/f73.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allmedia ul li:nth-child(39) {
    background: url('fest/f74.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}