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

.navbar_margin {
margin-top: 120px;
}

body {
overflow-x: hidden;
}

.main_navbar {
background: #fff;
box-shadow: 0px 5px 10px -10px var(--text-color);
}

.navbar_relative {
height: 70px;
}

/*==========================changes here*/
.website_title,
.website_social_icon a {
color: var(--text-color);
}

.sidenav2,
#member_slider_indicators .card,
#management_slider_indicators .card {
background: var(--background-color);
}

/*========================================*/
.card1,
.right-div-p,
.left-div-p,
.buttons button,
.contact-footer,
.head_item2,
.head_item3 span,
.member_slider .carousel-inner .card,
{
background: rgb(41, 24, 114);
background: linear-gradient(175deg, rgba(41, 24, 114, 1) 50%, rgba(214, 36, 32, 1) 50%);
}

.blur_main_div {
height: 100vh;
width: 100vw;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, .7);
z-index: 99999;
display: none;
}

.main_navbar {
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}

.navbar_relative {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px;
}

#menu_toggle_btn {
display: none;
}

.website_logo {
margin-left: 30px;
cursor: pointer;
z-index: 999;
}

.website_logo img {
height: 65px;
}

.website_title {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: bold;
font-size: 30px;
width: 100%;
text-align: center;
}

.website_title img {
height: 65px;
width: auto;
}

.website_social_icon {
display: flex;
flex-direction: column;
row-gap: 6px;
align-items: center;
justify-content: center;
grid-column-gap: 12px;
margin-right: 10px;
z-index: 99999999;
position: fixed;
top: 50%;
left: 15px;
transform: translateY(-50%);
}

.website_social_icon i.fa-facebook {
background: #1877F2;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
border-radius: 50%;
align-items: center;
color: #fff;
}

.website_social_icon i.fa-twitter {
background: #000;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
border-radius: 50%;
align-items: center;
color: #fff;
}

.website_social_icon i.fa-whatsapp {
background: #25D366;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
border-radius: 50%;
align-items: center;
color: #fff;
}

.website_social_icon i.fa-paper-plane {
background: #0088CC;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
border-radius: 50%;
align-items: center;
color: #fff;
}

.website_social_icon i.fa-instagram {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
border-radius: 50%;
align-items: center;
color: #fff;
background: #f09433;
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

.donate-btn button {
background: var(--background-color);
color: #fff !important;
padding: 8px 20px;
border-radius: 12px;
margin-right: 12px;
position: relative;
border: 0;
cursor: pointer;
}

.website_social_icon i.fa-youtube {
background: #CD201F;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
border-radius: 50%;
align-items: center;
color: #fff;
}

.website_social_icon a {
font-size: 25px;
cursor: pointer;
display: block;
transition: all .3s;
}

.website_social_icon a {
font-size: 25px;
cursor: pointer;
transition: all .3s;
}

.website_social_icon a:hover {
font-size: 25px;
color: #fff;
transition: all .3s;
}

/*=============================*/
.navar_small_img {
display: none;
position: relative;
}

.nav-bar {
/*top: 0;*/
/*z-index: 111;*/
}

.social_link {
display: flex;
justify-content: space-around;
}

.social_link a {
text-decoration: none;
}

.nav-item img {
height: 40px;
width: 40px;
margin-left: 10px;
margin-top: 5px;
}

.sidenav2 {
position: fixed;
top: 70px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
text-align: center;
padding: 0;
margin: 0;
z-index: 99999;
width: 100%;
color: #fff;
border-bottom: 2px solid #fff;
}

.sidenav2 a {
padding: 12px 16px;
text-decoration: none;
font-size: 15px;
margin: 0;
font-weight: 600;
color: #fff;
text-align: center;
transition: 0.3s;
}

.sidenav2 a .fa {
margin-left: 6px;
text-align: center;
}

.sidenav2 a:hover {
color: white;
}

.category {
display: none;
}

.fa-home {
font-size: 34px !important;
}

/* ========================= */
li a,
.dropbtn {
display: inline-block;
color: white;
text-align: center;
padding: 14px 10px 10px 10px !important;
text-decoration: none;
}

li a:hover,
.dropdown:hover .dropbtn {
background-color: rgba(0, 0, 0, .4);
color: #fff;
}

li.active .dropbtn {
background-color: rgba(0, 0, 0, .4);
color: #fff;
}

li.dropdown {
display: inline-block;
}

.dropdown-content {
display: none;
position: absolute;
right: 0;
background-color: #f9f9f9;
min-width: 190px;
box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
z-index: 999;
}

.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}

.dropdown-content i {
margin-right: 8px !important;
}

.dropdown-content a:hover {
background-color: rgba(0, 0, 0, .5);
}

.dropdown:hover .dropdown-content {
display: block;
}

@media only screen and (max-width:768px) {
.navbar_relative {
  height: 60px;
}

.website_logo img {
  height: 55px;
}

.navbar_margin {
  margin-top: 61px;
}

.dropdown_open {
  background-color: rgba(0, 0, 0, .4)important;
  color: #fff !important;
  transition all .3s;
}

.dropdown_open a {
  color: #fff !important;
}

.dropdown_open .dropdown-content a {
  color: #000 !important;
  background-color: #fff !important;
  transition all .3s;
}

.dropdown_open_none {
  display: none !important;
}

.navar_small_img {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  width: 100%;
  color: #000;
  background: #fff;
}

.navar_small_img img {
  height: 70px;
  width: auto;
  margin: 0;
  padding: 0;
}

.sidenav2 {
  position: fixed;
  top: 0;
  height: 100%;
  width: 200px;
  flex-wrap: inherit;
  flex-direction: column;
  justify-content: inherit;
  align-items: start;
  overflow-Y: auto;
  left: -100%;
  z-index: 99999;
  transition: all .3s;
}

.sidenav2 .dropdown,
.sidenav2 a {
  width: 100%;
  text-align: left !important;
}

.dropbtn {
  padding-left: 15px;
}

.sidenav2 a:hover {
  color: unset;
}

li a:hover,
.dropdown:hover .dropbtn {
  background-color: unset;
  color: unset;
}

.dropdown-content a:hover {
  background-color: rgba(0, 0, 0, .2) !important;
}

.dropdown:hover .dropdown-content {
  /*display: none;*/
}

.navar_small_img a {
  color: #000;
  font-size: 30px;
  padding: 0;
  padding-left: 10px;
  text-align: right !important;
}

.dropdown-content {
  display: none;
  position: static;
}

/*=============================*/
#menu_toggle_btn {
  position: absolute;
  display: block;
  top: 50%;
  left: 10px;
  font-size: 20px;
  transform: translateY(-50%);
  color: #000;
}

.website_logo {
  margin-left: 30px;
}

.website_title {
  position: static;
  top: 0%;
  right: 0px;
  transform: translate(0, 0);
  font-weight: bold;
  font-size: 25px;
  width: 100%;
  text-align: center;
}

/*.website_social_icon{*/
/*    display:none;*/
/*}*/
.donate-btn button {
  display: none;
}
}

@media only screen and (max-width:480px) {

/*    .website_title{*/
/*    font-size:17px;*/
/*}*/
.website_title img {
  height: 45px;
  width: auto;
}
}