.text_fontstyle
{
	/*font-family: 'Arial, Helvetica';*/
  /*font-family: 'times new roman', times;*/
  font-size: 23px;
}
.text_color_brown
{
	color: #993300;
}

.text_fontstyle2
{
	/*font-family: 'times new roman', times;*/
  /*font-family: 'Arial, Helvetica';*/
	font-size: 24px;
}
.pre_strongpending
{
	padding-left: 30px;
}

.textfontsize
{
	font-size: 24px;
}
.ptext_padding
{
	padding-left: 30px;
}

.tabletd_Sponsor tr td
{
	padding: 9px;
    border: 3px solid #c8c4c4 !important;
    vertical-align: top;
}
.firsttd {
    color: #00ff52;
    text-align: center;
}
.secondtd {
    color: #64cced;
    text-align: center;
}
.thirdtd {
    color: coral;
    text-align: center;
}

.fourthtd {
    color: darkgray;
    text-align: center;
}
.fivetd {
    color: gold;
    text-align: center;
}

.td_textcenter {
    text-align: center;
}

.text_stylealign
{
  text-align: justify;
}
.oursponsorswidth
{
  width: 100% !important;
}

.aboutus_text_stylealign
{
  text-align: justify;
      padding: 14px;
}

.animate-charcter
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #0e57be 0%,
    #44107a 29%,
    #fd4441 67%,
    #a9d0f8 100%
  );
  
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
  font-size: 35px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}


/*Start Contact us page css*/
.contain {
  background-color: #eee;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
}

label.contactus_label {
    font-size: 20px;
    margin-bottom: 2px;
    margin-top: 8px;
}
div.form {
  /*background-color: #eee;*/
}
.contact-wrapper {
  margin: auto 0;
}

.submit-btn {
  float: left;
}
.reset-btn {
  float: right;
}

.form-headline:after {
  content: "";
  display: block;
  width: 10%;
  padding-top: 10px;
  border-bottom: 3px solid #ec1c24;
}

.highlight-text {
  color: #ec1c24;
}

.hightlight-contact-info {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.5;
}

.highlight-text-grey {
  font-weight: 500;
}

.email-info {
    margin-top: 20px;
}

::-webkit-input-placeholder { /* Chrome */
  font-family: 'Roboto', sans-serif;
}

.required-input {
  color: black;
}
@media (min-width: 600px) {
  .contain {
    padding: 0;
  }
}

h3,
ul {
  margin: 0;
}

h3 {
  margin-bottom: 1rem;
}

.form-input:focus,
textarea:focus{
  outline: 1.5px solid #ec1c24;
}

.form-input,
textarea {
  width: 100%;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  font-size: 16px;
}

.wrapper > * {
  padding: 1em;
}
@media (min-width: 700px) {
  .wrapper {
    display: grid;
    grid-template-columns: 2fr 2fr;
  }
  .wrapper > * {
    padding: 2em 2em;
  }
}

ul {
  list-style: none;
  padding: 0;
}

.contacts {
  color: #212d31;
}

.form {
  background: #fff;
}

form {
  /*display: grid;*/
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
form label {
  display: block;
  margin-bottom: 8px;
}
form p {
  margin: 0;
}

.full-width {
  grid-column: 1 / 3;
}

button,
.submit-btn,
.form-input,
textarea {
  padding: 6px;
}

button, .submit-btn {
  background: transparent;
  border: 1px solid #4373b7;
  color: #4373b7;
  border-radius: 15px;
  padding: 12px 34px;
  text-transform: uppercase;
  cursor: pointer;
}
button:hover, .submit-btn:hover,
button:focus , .submit-btn:focus{
  background: #0f0e0e;
  outline: 0;
  color: #eee;
}
.error {
  color: #ec1c24;
}

.contactustext
{
	font-size: 15px;
}
.textcolor_contact
{
	color: #4373b7;
}

.contactinfotext_font
{
  font-size: 18px;
}
/*End Contact us page css*/

.container {
  margin: auto;
  border: #fff solid 5px;
  background: #fff;
}

/* mak images fill their container*/
.gridimg {
  max-width: 100%;
}
.gridimg:hover {
  opacity: 0.5;
  cursor: pointer;
}

/* CSS Grid*/
.img-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 5px;
}

/* Media Query for changing grid on bigger screens*/

/* Bigger than Phones(tablet) */
@media only screen and (min-width: 750px) {
  .img-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Bigger than Phones(laptop / desktop) */
@media only screen and (min-width: 970px) {
  .img-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}


/*DSAC Board CSS Start*/
.h1eading{
  
font-weight: 700;
font-style: normal;
color: #98c23d;
font-size: 32px;
  
}


.content {
  width: 80%;
  padding: 20px;
  margin: 0 auto;
  padding: 0 60px 0 0;
}

.centerplease {
  margin: 0 auto;
  max-width: 270px;
  font-size: 40px;
}

.question {
    color: #fff;
    position: relative;
    background: #4373b7;
    margin: 0;
    padding: 10px 10px 10px 50px;
    display: block;
    width: 100%;
    cursor: pointer;
    margin-bottom: 14px;
}
.setmarginleft
{
  margin-left: 15px;
}

.answers {
  font-weight:300;
  /*background: #f2f2f2;*/
  padding: 0px 15px;
  margin: 0px 0;
  height: 0;
  overflow: hidden;
  /*z-index: -1;*/
  position: relative;
  opacity: 0;
  -webkit-transition: .7s ease;
  -moz-transition: .7s ease;
  -o-transition: .7s ease;
  transition: .7s ease;
  text-align: justify;
}

.questions:checked ~ .answers{
  height: auto;
  opacity: 1;
  padding: 15px;
}

.plus {
  color:#fff;
  position: absolute;
  margin-left: 10px;
  margin-top: 5px;
  z-index: 5;
  font-size: 2em;
  line-height: 100%;
  -webkit-user-select: none;    
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
}

.questions:checked ~ .plus {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.questions {
  display: none;
}
/*DSAC Board CSS End*/

/*Start Member Form Design css*/
 
.membercontainer{
  /*max-width: 700px;*/
  width: 85%;
  background-color: #fff;
  padding: 25px 30px;
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0,0,0,0.15);
      margin: auto;
}
.membercontainer .title{
  font-size: 25px;
  font-weight: 500;
  position: relative;
}
.membercontainer .title::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 30px;
  border-radius: 5px;
  background: linear-gradient(135deg, #71b7e6, #5990b6);
}
.content form .user-details{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px 0 12px 0;
}
form .user-details .input-box{
  margin-bottom: 15px;
  width: calc(100% / 2 - 20px);
}
form .input-box span.details{
  display: block;
  font-weight: 500;
  margin-bottom: 5px;
  font-size: 18px;
}
.user-details .input-box input,select{
  height: 45px;
  width: 100%;
  outline: none;
  font-size: 16px;
  border-radius: 5px;
  padding-left: 15px;
  border: 1px solid #ccc;
  border-bottom-width: 2px;
  transition: all 0.3s ease;
}
.user-details .input-box input:focus,
.user-details .input-box input:valid{
  border-color: #9b59b6;
}
 form .gender-details .gender-title{
  font-size: 20px;
  font-weight: 500;
 }
 form .category{
   display: flex;
   width: 80%;
   margin: 14px 0 ;
   justify-content: space-between;
 }
 form .category label{
   display: flex;
   align-items: center;
   cursor: pointer;
 }
 form .category label .dot{
  height: 18px;
  width: 18px;
  border-radius: 50%;
  margin-right: 10px;
  background: #d9d9d9;
  border: 5px solid transparent;
  transition: all 0.3s ease;
}
 #dot-1:checked ~ .category label .one,
 #dot-2:checked ~ .category label .two,
 #dot-3:checked ~ .category label .three{
   background: #9b59b6;
   border-color: #d9d9d9;
 }
 form input[type="radio"]{
   display: none;
 }
 form .button{
   height: 45px;
   /*margin: 35px 0*/
 }
 form .button .style1{
   height: 100%;
   width: 100%;
   border-radius: 5px;
   border: none;
   color: #fff;
   font-size: 18px;
   font-weight: 500;
   letter-spacing: 1px;
   cursor: pointer;
   transition: all 0.3s ease;
   background: linear-gradient(135deg, #71b7e6, #5969b6);
 }
 form .button .style1:hover{
  /* transform: scale(0.99); */
  background: linear-gradient(-135deg, #71b7e6, #5978b6);
  }
 @media(max-width: 584px){
 .membercontainer{
  max-width: 100%;
}
form .user-details .input-box{
    margin-bottom: 15px;
    width: 100%;
  }
  form .category{
    width: 100%;
  }
  .content form .user-details{
    max-height: 300px;
    overflow-y: scroll;
  }
  .user-details::-webkit-scrollbar{
    width: 5px;
  }
  }
  @media(max-width: 459px){
  .membercontainer .content .category{
    flex-direction: column;
  }
}

/*End Member Form Design css*/

/*Start President message page css */
  .president_text_stylealign
  {
    text-align: justify;
    padding: 42px;
    margin-bottom: -63px;
  }

  .designationpre{
    margin-left: 35px;
    margin-top: 43px;
  }
      
      
/*End President message page css */
.textfontcolor{
    color: #3697e7;
    font-size: 20px;
    text-align: center;
    margin-bottom: 21px;
}
.textfontcolors{
    font-size: 16px;
    margin: 0px 0px 7px !important;
}
.jointodaybtn {
    background: #dc1010;
    border: 1px solid #dc1010;
    color: #fff;
    border-radius: 15px;
    padding: 21px 55px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 900;
}