/* marquee scroller */
.scroll-container {
	background-color:rgb(119, 192, 221);
	color: #fffefe;
	font-family: 'titillium';
}

/* -----------------------Quotation Animation ------------------------*/
.quotation_animator {
	margin-top: 0.5rem;
	color: var(--pink);
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-family: titillium;
	background-color: var(--light-yellow);
	text-align: center;
	text-shadow: 0.2rem;

}

.quotation_animator::before {
	font-size: 1.4rem;
	font-weight: 300;
	content: " ";
	animation-name: animate-quotations;
	animation-iteration-count: infinite;
	animation-duration: 25s;

}

@keyframes animate-quotations {
	0% {
		content: "-- COMMON QUOTATION KNOWN IN PUBLIC --";
	}

	10% {
		content: '"LOVE ALL SERVE ALL - SRI SATYA SAI BABA ।';
	}

	20% {
		content: '"मौनतामा नै ईश्वरको बास हुन्छ" - गौतम बुद्ध ।';
	}

	30% {
		content: '"सर्व खल्विदम् ब्रह्म = सम्पूर्ण जगत नै ब्रह्म/ईश्वर हो " - उपनिषद् ।';
	}

	45% {
		content: '"Education is not the learning of facts, but the training of the mind to think - Albert Einstein.';
	}

	60% {
		content: '" प्रज्ञानं ब्रह्म = जीव नै ब्रह्म / परमात्माको अंश हौ | " - ऋग्वेद ।';
	}

	/*75% {
		content: '" ईशा वास्यमिदं सर्व = ईश्वरद्वारा सम्पूर्ण जगत् आच्छादित छ " - उपनिषद् ।';
	}*/
	75% {
		content: '"जुवा खेल्नु निश्चय नै खराब हो तर खराब चीजंबाट असल कुरा लिन सक्नु पनि विचारशील मानिसको लक्षण हो । - महाकवि लक्ष्मीप्रसाद देवकोटा"';
	}

	92% {
		content: '"तत्वमसि = तिमी नै परमात्मा हौ | - सामवेद ।"';
	}

	100% {
		content: "अहम् ब्रह्मास्मि - 'म नै ब्रह्म/परमात्मा हुँ | - यजुर्वेद ।";
	}
}

/* Animator CSS ends. */
.container p {
	font-size: 1.5rem;
}

h1 {
	font-size: 3rem;
}

/* -----------------------------feedback modal ".fixed-box" -------------------------*/
 .fixed-box {
        position: fixed;
        top: 5%;
        left: 50%;
        margin: auto;
        transform: translateX(-50%);
        border: 2px groove rgb(58, 186, 196);
        z-index: 99;

        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 1.2rem;

        background-color: white;
    }
   
    @media (min-width:767px) {
        .fixed-box {
            width: 70%;

        }
    }

    @media (max-width:768px) {
        .fixed-box {
            width: 95%;
        }
    }

    .title-container {
        display: flex;
        justify-content: space-between;
        background-color: rgb(58, 186, 196);
        color: white;
        padding: 1rem;
    }

    .close-button {
        cursor: pointer;
    }

    .fixed-box .content {
        padding: 1rem;
    }

    .rating-container {
        cursor: pointer;
    }

    .content{
        display: flex;
        justify-content: center;
    }
    .content-inner{
        display: inline-block;
    }

    .content input{
        width: 100%;
    }

    @media(min-width:767px) {
        .content>div {
            margin-left: 4rem;
            margin-right: 4rem;
        }
    }

    .content button {
        border-radius: 0.3rem;
        border: 1px solid lightslategray;
    }

    #improve-text {
            width: 100%;     
       }
       
       .feeback-response{
        overflow: auto;
       }

    


#group-img {
    border-radius: 13%;
}