body{
    background: var(--primary-background-color1);
}
/*########### navbar stylying started from here ###########*/

 /*######## navbar custom styling started here #########*/
.navbar-custom {
    background-color: rgba(255, 255, 255, 0.05); /* Semi-transparent black */
    backdrop-filter: blur(10px); /* Adds the blur effect behind the navbar */
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 6;
}

 /*######## navbar custom styling ended here #########*/

 /*######## navbar brand logo styling started here #########*/
 .navbar-brand img {
    height: 50px;
}

 /*######## navbar brand logo styling ended here #########*/

/*######## navbar menu and link styling started here #########*/

.navbar-nav .nav-link {
    color: var(--quartenary-color1);
    padding: 5px 35px !important;

}
.navbar-nav .nav-link:hover {
    color: var(--primary-color1);
}

.nav-link.active {
    color: var(--primary-color1) !important;
}

/*######## navbar menu and link styling started here #########*/

/*######## Dropdown styling started here #########*/
.dropdown-menu{
    background: var(--primary-background-color1);
    border-radius: 10px;
    padding: 10px;
  }

  /* ############# Dropdown menu links styling started here ############## */
.dropdown-item {
    color: var(--quartenary-color1);
    padding: 10px;
}
.dropdown-item:hover {
   background: transparent;
   color: var(--primary-color1);
   font-style: italic;

}
.dropdown-link {
    text-decoration: none;
    color: var(--quartenary-color1);

}
.dropdown-link:hover {
   background: transparent;
   color: var(--primary-color1);

}



/* ##########dropdown item input styling started here  ######### */
.dropdown-item input[type="checkbox"] {
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--quartenary-color1);
    cursor: pointer;
    outline: none;
    margin-right: 8px;

}


.dropdown-item:hover input[type="checkbox"] {
    background-color: var(--quartenary-color1);
    border: 6px solid var(--primary-color1);

}

.dropdown-item input[type="checkbox"]:checked {
    background-color: var(--quartenary-color1);
    border: 6px solid var(--primary-color1);
}

@media(max-width:992px)
{
    .navbar-nav .nav-link {
        color: var(--quartenary-color1);
        padding: 15px 0px !important;

    }
}

.blog-btn-2 {
    font-size: 11.5px;
    font-weight: 600;
    line-height: 21px;
    /* color: var(--primary-color1);
    background-color: var(--primary-color2); */
    color: white;
    background: #E53935;
    width: 110px;
    height: 34px;
    border-radius: 6px;
    border-color: transparent;

    /* margin-top: 20px; */
}

.blog-btn-2:hover {
    color: rgba(23, 23, 24, 1);
    background-color: transparent;
    border: 1px solid #E53935;
}
/* ##########dropdown item input styling ended here  ######### */


  /* ############# Dropdown menu links styling ended here ############## */


/*######## Dropdown styling started here #########*/


/*########### navbar stylying ended from here ###########*/