:root {
	--thm-border-radius: .75rem;
	--btn-min-width: 10rem;
--thm-surf-a: rgba(var(--bs-secondary-bg-rgb),.25);
--thm-heading-fnt-size: 1.25rem;
--thm-heading-fnt-weight: 500;
--thm-heading-fnt-family: var(--thm-fnt-sec);

--thm-navbrand-logo-height: 3rem;
--thm-navbrand-logo-width: auto;

/*gradients*/
	--pri-grd-hor-a: linear-gradient(to bottom, rgba(0,15,239,1) 0%,rgba(0,2,170,1) 100%); 
	--pri-grd-hor-av: linear-gradient(to bottom, rgba(0,2,170,1) 0%, rgba(0,15,239,1) 100%); 
	--pri-grd-rad-a:  radial-gradient(ellipse at center, rgba(0,15,239,.5) 0%,rgba(0,2,170,.5) 100%); 
--sec-grd-hor-a: linear-gradient(to bottom, rgba(58,166,255,1) 0%,rgba(27,110,220,1) 100%);
--sec-grd-hor-av: linear-gradient(to bottom, rgba(27,110,220,1) 0%,rgba(58,166,255,1) 100%);
--sec-grd-rad-av: radial-gradient(ellipse at center, rgba(69,196,247,1) 0%,rgba(0,166,216,1) 100%); 


}

html, body {
	font-family: var(--thm-fnt-pri);
	font-weight: 200;
	font-size: 1rem;
	
}
.circle-icon-container {
  display: inline-flex; /* or flex */
  justify-content: center;
  align-items: center;
  width: 1.60rem; /* Set equal width and height for a perfect circle */
  height: 1.60rem;
border: 2px solid transparent;
  border-radius: 50%; /* Creates the circular shape */
  background-color: transparent; /* Example background color */
  color: rgba(var(--thr-a-rgb),1); /* Icon color */
  font-size: .875rem; /* Adjust icon size */
margin-right: .5rem;
}
.bg-surf {
	background: rgba(var(--bs-secondary-bg-rgb), 1);
}

.bg-surfa {
	background: var(--bs-dark-bg-subtle);
}
.bg-pria {
background: rgba(var(--pri-a-rgb),1);
}
.bg-priav {
background: rgba(var(--pri-av-rgb),1);
}
/*div and container styling*/

.dv-wrap {
	background: rgba(var(--bs-secondary-bg-rgb),.25);
	color: rgba(var(--bs-secondary-color-rgb),1);
	padding: 2px;
	border-radius: var(--thm-border-radius);
}

.border {
	border: 1px solid var(--bs-dark-border-subtle);
}

.btn-uni {
	min-width: var(--btn-min-width);
}
.btn-nav {
	background: rgba(var(--pri-av-rgb),.75);
	color: rgba(var(--pri-a-clr),1);
}
.btn-nav a {
text-decoration: none; 
color: inherit;
}
.btn-nav:hover {
background: rgba(var(--pri-av-rgb),1);
	color: rgba(var(--pri-a-clr),1);
}
.dv-cont {
--thm-border-radius: .15rem;
    border: 2px groove rgba(var(--pri-a-clr),.05);
    border-radius: var(--thm-border-radius);
background: var(--thm-surf-a);
}

.dv-cont-title {
	background: transparent;
	color: var(--bs-accordion-color);
	font-size: var(--thm-heading-fnt-size);
font-weight: var(--thm-heading-fnt-weight);
line-height: var(--thm-heading-fnt-size);
 padding-top: .45rem;
border-bottom: 2px solid rgba(var(--pri-a-clr),.15);

}

.navbrand-logo {
height: var(--thm-navbrand-logo-height);
width: var(--thm-navbrand-logo-width);
}

.fa-solid{
filter:drop-shadow(1px 1px 1px  rgba(0,0,0,1));
}