/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 27 Jul, 2022, 4:46:20 PM
    Author     : Anand
*/

/* css for faq */
body {
background-color: #FFFFFF;
}
.layout {
width: 600px;
margin: auto;
}
.accordion {
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
background: #385898;
border-radius: 10px;
}
.accordion__question p {
margin: 5px;
padding: 0;
font-family: Verdana;
color: #FFFFFF;
font-size: 20px;
}
.accordion__answer p {
margin: 5px;
padding: 10px;
font-size: large;
font-family: Verdana, Geneva, Tahoma, sans-serif;
color: #FFFFFF;
background: #385898;
border-radius: 10px;
}
.accordion:hover {
cursor: pointer;
}
.accordion__answer {
display: none;
}
.accordion.active .accordion__answer {
display: block;
}
/*-----------css for contact form -------------------------*/
*{
    font-family: Arial;
}

.container{
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

input[type="text"]:focus,textarea:focus {
    border-bottom:1px solid #385898;
}

textarea::-webkit-scrollbar {
    width:4px;
    
}

textarea::-webkit-scrollbar-thumb {
    background-color: #385898;
    
}

.center {
    text-align: center;
}

input[type="submit"] {
    margin-top:30px;
    width:90%;
    max-width:200px;
    background: linear-gradient(to right, #385898, #385898);
    color:white;
    font-size:17px;
    cursor:pointer;
    border-radius:3px;
}

.error {
    color:red;
}

.error-border {
    border-bottom: 1px solid red;
}

#success {
    color:lightgreen;
}


/*-----------------------------forgot password css-----------------------*/

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
    background:#f6f6f6;
}

.form-container {
    display: flex;
    height: 98vh;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.form-container .form-wrap {
    background: #fff;
    width: 40%;
    padding: 15px 20px;
}

.form-container .form-wrap h2 {
    text-align: center;
    margin: 0px 0px 20px;
    font-size: 19px;
}

.form-container .form-wrap .form-box {
    margin: 0px 0px 15px;
}

.form-container .form-wrap .form-box input[type="text"]{
    padding: 5px 8px;
    border-radius: 3px;
    border: 1px solid #385898;
    width: 100%;
}

.form-container .form-wrap .form-submit {
    display: flex;
    justify-content: center;
}


.form-container .form-wrap .form-submit input[type="submit"] {
    padding: 4px 10px;
    border: none;
    border-radius: 2px;
    background: #385898;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
    font-size: 16px;
}

/*-----------------------------events css-----------------------*/

html, body {
    /*overflow: hidden; /* don't do scrollbars */
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
}
.container{
    padding: 10px;
}
.wrapper{
    width: 90%;
    height: 650px;
    margin: 0 auto;
}

/*-------------css for videos on watch--------*/


.container{
	padding: 15px;
}
    headt{
	font-size: 25px;
	font-weight: bold;
	color: #666;
        
        top: 2;
	text-align: center;
       
}
.yvideo-box{
	width: 280px;
	height: 220px;
	float:left;
	padding: 10px;
	/*margin-left: 5px;
	margin-right: 5px;*/
}
.yvideo-box h4{
	font-size: 16px;
	margin-top: 5px;
    font-weight: bold;
}
.error{
	font-size: 16px;
	color: #ea4436;
}

.navbar {
  overflow: hidden;
  background-color: white;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
}

/* Links inside the navbar */
.navbar a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change background on mouse-over */
.navbar a:hover {
  background: #385898;
  color: black;
}