#grad1 {

    /* height: 200px; */

    /* background-color: red; For browsers that do not support gradients */

    /* background-image: linear-gradient(red 10%, green 45%, red 10%); */

  /* background-image: linear-gradient(#64062a,#d42557,#64062a); */

  /* background-image: url("https://images.unsplash.com/photo-1542281286-9e0a16bb7366"); */

  background-image: url(../images/header-bg.jpg);

  /* height: 20vh; */



  

  }

  #grad2{

    background-image: url(../images/footer-bg.jpg);

    background-size: cover;

    background-repeat: no-repeat;

  }

  #grad3{

    background-image: url(../images/footer-bg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

  }



  #bg{

    background-image: url(../images/bg.jpg);

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

  }

body{

  font-family: 'Roboto Slab';

  /* font-weight: 100; */

  }

.newcard{

  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);



}

  .newcard:hover{

    transform: scale(1.09);

  }

  .pink{

    color: #e4295e;

  }

  .gold{

    color: #ffdc99;



  }

  .fh3{

    /* font-weight: 200 !important; */

  }

  /* border: 7px solid #FFD700; */

  /* .bd{

    border-image: linear-gradient(#f6b73c, #947e01) 30;

    border-width: 7px;

    border-style: solid;

  } */

  .bd2{

    /* border-image: linear-gradient(#f6b73c, #947e01) 30; */

    border-radius: 20px !important;

    border-width: 4px;

    border-color: #f6b73c;



    border-style: solid; 

    /* border: 4px solid ; */

  }

  .minus{

    margin-top: -30px;

  }



  /* Start organiser's stronghold */

.bg-organizer {

  background-image: url(../images/bg.jpg);

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

}



.heading-text {

  color: #e4295e;

}



.award-exebution {

  background-image: url(../images/goldbg.jpg);

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

}



/* Start event highlights */

.event-highlights {

  background-image: url(../images/bg.jpg);

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

}



/* Start Exebution benefits */



.Exih-Benefits{

  background-image: url(../images/header-bg.jpg);

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

}



/* Start  exebution category*/



.exebution-category {

  background-image: url(../images/goldbg.jpg);

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

}

.footerbg{

  background-image: url(../images/footer-bg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

}

/* start gayu watsapp chat */

/* Button used to open the chat form - fixed at the bottom of the page */
.open-button {
  /* background-color: green; */
  color: white;
  /* padding: 8px 20px; */
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 25px;
  left:25px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: green;
  font-size: 24px;
}

/* The popup chat - hidden by default */
.chat-popup {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0px;
  border: 0px solid #f1f1f1;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  /* max-width: 300px;
  padding: 10px; */
  background-color: white;
  border-radius: 8px;
}

/* Full-width textarea */
.form-container textarea {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
  resize: none;
  min-height: 200px;
}

/* When the textarea gets focus, do something */
.form-container textarea:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/send button */
.form-container .btn {
  background-color: #27540d;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: #27540d;
  margin: auto;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}
a.qlwapp-account{
  display: flex;
  flex-direction: row;
  align-items: center;
  /* justify-content: center; */
  margin: 40px;
}
.qlwapp-avatar img{
  position: relative;
  width: 62px;
  height: 62px;
}
span.qlwapp-label{
  font-size: 12px;
  box-sizing: border-box;
  color: black;
}
.qlwapp-name{
  display: block;
  font-weight: bold;
  line-height: 1.5em;
  font-size: 18px;
  color: black;
}
.qlwapp-info{
  display: flex;
  flex-direction: column;
  margin: 20px;
  display: block;
}



/* end gayu watsapp chat */



/* heaer media */

.logo{

  width: 70%;

}

@media(max-width:768px){

  .upcoming_underline{

    width: 250px;

  }

  .organiser_underline{

    width: 290px;

  }

  .event_underline{

    width: 290px;

  }

  .eeg_underline{

    width: 290px;

  }

}

@media(max-width:320px){

  .logo{

    width: 100vw !important;

    /* height: 100%;  */

    /* max-height: 100px !important;  */

  }







}



#image {

  /* line-height: 1.5em; */

  list-style-image: url(https://img.icons8.com/?size=1x&id=BUyCA1Ge5p9C&format=png);

}



/* scroll to top */



#progress {

  /* background-color: #03cc65; */

  position: fixed;

  bottom: 20px;

  right: 10px;

  height: 60px;

  width: 60px;

  display: none;

  place-items: center;

  border-radius: 50%;

  box-shadow: 0 0 10px rgba(0,0,0,0.2);

  cursor: pointer;

}

#progress-value{

  display: block;

  height: calc(100% - 10px);

  width: calc(100% - -15px);

  background-color: #ffffff;

  border-radius: 50%;

  display: grid;

  place-items: center;

  font-size: 35px;

  color: #001a2e;



}

html{

  scroll-behavior: smooth;

}