body{
    font-family: 'Courgette', cursive !important; 
    color: rgb(69, 5, 130);
    
}
nav{
    box-shadow: 2px 2px 5px rgb(223, 190, 255) ;
}
nav .log-button{
    color: rgb(110, 38, 178);
}
nav .nav-link{
    color: rgb(110, 38, 178) !important;
}
nav .button{
    background-color: rgb(110, 38, 178);
    color: aliceblue;
    font-weight: bolder;
}
.create-button{
    background-color: rgb(110, 38, 178);
    color: aliceblue;
    font-weight: bolder;
}
.navbar-brand{
    color: rgb(110, 38, 178) !important;
    font-size: 25px;
}
.main{
    margin-top: 60px;
    padding-top: 20px;
    min-height: 85vh;
    background-color: rgb(255, 245, 233);
    box-shadow: 0px 0px 10px rgb(180, 180, 180);
}
.donate{
    padding: 40px 30px;
}
.donate-bg{
    background-color: rgb(255, 245, 233);
    min-height: 80vh;
    box-shadow: 0px 0px 10px rgb(180, 104, 255);
}
.donate-bg1{
    background-color: rgb(238, 238, 255);
    min-height: 80vh;
    box-shadow: 0px 0px 10px rgb(180, 104, 255);
}
.donate-button{
    background-color: rgb(110, 38, 178);
    color: aliceblue;
    font-weight: bolder;
}
.donate-image{
    width: 52%;
    border: 4px solid rgb(69, 159, 255);
    background-color: antiquewhite;
}
.request{
    padding: 40px 30px;
}
.request-bg{
    background-color: rgb(255, 250, 209);
    min-height: 80vh;
    box-shadow: 0px 0px 10px rgb(180, 104, 255);
}
.request-image{
    width: 52%;
    border: 4px solid rgb(255, 160, 160);
    background-color: #d5f8fb
}
.faq {
    padding-top: 20px;
    min-height: 70vh;
    background-color: rgb(62, 0, 100);
    box-shadow: 0px 0px 10px rgb(180, 180, 180);
}


.donate-main{
    margin-top: 60px;
    padding-top: 20px;
    min-height: 65vh;
    background-color: rgb(219, 255, 237);
    box-shadow: 0px 0px 10px rgb(180, 180, 180);
}
.donated-product{
    background-color: rgb(255, 243, 220);
}
.product-d{
    border-radius: 15px;
    padding: 10px;
    border: 2px solid rgb(255, 214, 160);
    color: white;
    background-color: rgb(155, 2, 155) !important;
}
.product-d:hover{
    border-radius: 20px;
    background-color: rgb(82, 0, 160) !important;
    color: white;
    padding: 6px;
    box-shadow: 0 0 10px purple;
    transition: .5s;
}
.product-r{
    border-radius: 15px;
    padding: 10px;
    border: 2px solid rgb(255, 208, 146);
}
.product-r:hover{
    border-radius: 20px;
    background-color: rgb(82, 0, 160) !important;
    color: white;
    padding: 12px;
    box-shadow: 0 0 10px purple;
    transition: .5s;
}
.signal-donate{
    margin-top: 60px;
    padding-top: 20px;
    min-height: 65vh;
    background-color: rgb(219, 255, 237);
    box-shadow: 0px 0px 10px rgb(180, 180, 180);
}
/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
  }
  
  /* Container for image text */
  .caption-container {
    text-align: center;
    background-color: #222;
    padding: 2px 16px;
    color: white;
  }
  
  .product-row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* Six columns side by side */
  .column {
    float: left;
    width: 16.66%;
  }
  
  /* Add a transparency effect for thumnbail images */
  .demo {
    opacity: 0.6;
  }
  
  .active,
  .demo:hover {
    opacity: 1;
  }
  .mySlides{
  width:100%
  }
  .product-container{
      border: 5px solid sandybrown;
  }
  .single-request{
    margin-top: 60px;
    padding-top: 20px;
    min-height: 65vh;
    color: rgb(120, 0, 136);
    box-shadow: 0px 0px 10px rgb(180, 180, 180);
      background-color: azure;
  }
  .pills{
    margin-top: 60px;
    padding-top: 20px;
    min-height: 65vh;
    box-shadow: 0px 0px 10px rgb(180, 180, 180);
      background-color: rgb(253, 253, 253);
  }
  .pills .nav-tabs{
      display:flex ;
      justify-content: space-around;
      align-items: center;

  }
  .user-deshboard-image{
      width: 150px;
      margin: 30px;
      border: 5px solid rgb(143, 115, 255);
  }
  .pills .nav-tabs{
      background-color: aliceblue;
  }
  .pill2{
    margin-top: 60px;
    padding-top: 20px;
    min-height: 65vh;
    box-shadow: 0px 0px 10px rgb(180, 180, 180);
    background-color: rgb(253, 253, 253);
  }
  .pill2 .nav-tabs{
    display:flex ;
    justify-content: space-around;
    align-items: center;

}
.image-section{
    background: rgb(120, 156, 141);
}
.image-section img{
    margin: 20px;
    border: 5px solid white;
}
.catagory-list{
    margin-top: 100px;
}
.catagory-list ul{
    list-style: none;
}
.catagory-list ul li{
    padding-left: 10px ;
    padding-top: 5px   ;
    padding-bottom: 3px;
    border-bottom: 3px solid rgb(162, 214, 253) ;
}
.catagory-list ul li:hover{
    background-color: rgb(215, 231, 250);
    border-bottom: 3px solid rgb(0, 95, 197) ;
}
.catagory-list ul a{
    color:black;
    text-decoration: none;

}
.catagory-list ul a:hover{
    color:rgb(0, 45, 150);
    text-decoration: none;

}