@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');


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

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

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


.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("./about_gg_pics/about_gg-main.JPG");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.missions {
    overflow: hidden;
    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(50% 7%, 100% 0, 100% 95%, 0 100%, 0 0);
    clip-path: polygon(50% 7%, 100% 0, 100% 95%, 0 100%, 0 0);
}

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

.missions p {
    font-family: 'Oswald', sans-serif;
    text-align: justify;
}

.missions ol li {
    font-family: 'Josefin Sans', sans-serif;
    text-align: justify;
}

.main_img h2 {
    color: white;
    font-family: 'Aboreto', cursive;
    font-family: 'Beau Rivage', cursive;
    text-align: center;
}

.main_img p {
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: 1px;
    word-spacing: 2px;
    text-align: justify;
}

.text_decor p {
    text-align: justify;
}

.text_decor {
    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.2rem;
    }

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