@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;
}

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

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


.main_img {
    background: rgb(107, 106, 107);
    background: linear-gradient(180deg, rgba(107, 106, 107, 0.4674662101168593) 20%, rgba(107, 106, 107, 0.48427293280593486) 80%), url("./prabhu/prabhu.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.main_img h2 {
    color: white;
    font-family: 'Cinzel Decorative', cursive;
    text-align: center;
}

.main_img h1 {
    color: white;
    font-family: 'Beau Rivage', cursive;
    letter-spacing: 1px;
    word-spacing: 2px;
    text-align: justify;
}

.text_decor p {
    text-align: justify;
}

.missions {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background: rgb(233, 217, 199);
    background: linear-gradient(0deg, rgba(233, 217, 199, 1) 12%, rgba(245, 182, 108, 1) 75%);
    -webkit-clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
    clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
}

.missions h1 {
    font-family: 'Montez', cursive;
}

.wave-container {
    height: 40vh;
    background-color: pink;
    backdrop-filter: blur(10px);
    position: relative;
}

.wave-container::before {
    content: "";
    width: 100%;
    height: 118px;
    position: absolute;
    bottom: -0.3%;
    left: 0;
    background-size: auto;
    background-repeat: repeat no-repeat;
    background-position: 1vw bottom;
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200 116' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 1C19.5523 3 32.2291 4 51.5 8C104.5 16 200 37 300 57C400 77 500 96 600 88C700 81 800 46 900 26C987.526 4 1085.36 -1 1150 0C1169.54 -1 1180.49 0 1200 1V116H1150C1100 116 1000 116 900 116C800 116 700 116 600 116C500 116 400 116 300 116C200 116 100 116 50 116H0V1.98128Z' fill='%23ffffff'/></svg>");
}

@media(max-width:850px) {
    .wave-container::before {
        height: 59px
    }
}

p {
    font-family: 'Josefin Sans', sans-serif;
    text-align: justify;
}

.content {
    overflow: hidden;
}