@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*{
  padding: 0;
  margin: 0;
  transition: all 0.7s;
}
body{
  width: 100%;
  overflow: auto;
  font-size: 14px;
  /* background-color: #F9EBE0; */
  background: #4776E6;
  background: -webkit-linear-gradient(to right, #8E54E9, #4776E6);
  background: linear-gradient(to right, #8E54E9, #4776E6);
  color: white;
}

span, button{
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  word-spacing: 0.2rem;
  letter-spacing: 0.07rem;
}
.modal li{
  font-size: 1rem;
  padding-bottom: 0.25rem;
}
.spacing-0{
  word-spacing: 0 !important;
  letter-spacing: 0 !important;
}
.bg-card-custom{
  background: #95b8ec70;
}
.bg-custom{
  background-color: #af9de570;
}
.navbar-nav{
  --bs-nav-link-padding-y: 0.2rem !important;
}
.about-div{
  background: no-repeat right/50% url("images/home3.png");
}
.text-shadow{
  text-shadow: 2px 2px 4px black;
}
.design{
  position: absolute;
  transform: rotate3d(2,2,1, 35deg);
  z-index: -10;
  left: -10%;
  top:20%;
  height: 200px;
  width: 150%;
  background-color: aliceblue;
}
.img-width-125{
  width: 125px;
}
.heading-text{
  font-size: 3rem;
  font-family: 'Righteous', sans-serif;
  line-height: 3rem;
}
.pre-heading-text{
  font-family: 'Righteous', sans-serif;
  font-size: 2.3rem;
  line-height: 3rem;
}
.fw-100{
  font-weight: 100;
}
.semi-heading-text{
  font-size: 1.5rem;
}
.box-heading{
  font-size: 1.2rem;
}
.text-justify{
  text-align: justify;
}
.box-align-center{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.box-align-evenly{
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.flex-item-center{
  display: flex;
  justify-content: center;
  align-items: center;
}
.accordion {
  background-color: rgb(35, 34, 34);
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
}
.active{
  background-color: rgb(35, 34, 34);
}
.accordion:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.active:after {
  content: "\2212";
}
.panel {
  padding: 0 18px;
  background-color: rgb(35, 34, 34);
  max-height: 0;
  overflow: hidden;
  color: white;
  transition: max-height 0.2s ease-out;
}

@media (max-width: 991.9px) {
  .about-div {
    background: none;
  }
}