<style>
	/* selector { */
		/* property: value; */
		/* property2: value2; */
		/* property3: value3; */
		/* background: rgb(203,203,203); kitco gray */
		/* background: #062039; CMC&B blue */
		
	/* } */
	
	html {
		margin: 0px;
		padding: 0px;
		height: 100%; /* Ensure the full height of the page */
		width: 100%;
		font-size: 20px;
		
	}
	
	body {
		background: rgb(203,203,203);
		/* background: yellow; */
		/* overflow-x: hidden;								/*Some element is too wide for display port, cant figure out rn */ 
		margin: 0px;
		padding: 0px;
		height: 100%; /* Ensure the full height of the page */
		width: 100%;
		/* font-size: 1rem; */
	}
	
	section {
		/* margin: 100px 0px; */
		margin: 75px 0px;
	}
	
	button {
		margin: 0px 0px 0px 70px;
	}
	
	ul {
		margin: 0px 0px 0px 0px;
		padding: 0;
		list-style-type: none;
		display: flex;   						/* Use flexbox to make the list items align horizontally */
		justify-content: space-around;  			/* Distribute space evenly between items */
		background: #062039;
		width: 100%;  								/* Make it full width */
	}
	
	li {
		display: inline-block;
		margin: 0px 40px 10px 40px;
	}
	
	footer {
		color:white;
		align-items: center;
		justify-content: center;
		width: 100%
	}
	
	.footer {
		 background: #062039;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 20px 0px;
		width: 100%;
		display: grid;
		justify-content: center; 					/* Centers horizontally */
		align-items: center;     					/* Centers vertically */
		height: 16px;           					
		
	}
	
	.footer a {
		text-decoration: none!important;
		color: white!important;
	}
			
	a:link {
		/* color: yellow; */
		color: #FFF12C;
		text-decoration: underline;
	}
	a:visited {
		color: #FFF12C;
		text-decoration: none;
	}
	a:hover {
		color: orange; 
		text-decoration: none;
	}
	a:active {
		color: green;
		text-decoration: underline;
	}
	
	
	
	h2 {
		align-content: center;
		color: yellow;
		text-decoration: none;
		margin: 10px 20px 40px 20px;
		padding: 0px 20px 0px 20px;
		border: 2px solid #062039;
		/* max-width: 200px; */
		/* margin-bottom: 1rem; */
		background-color: #062039;  
		border-radius: 6px;         /* optional for softer corners */
	}	
	
	h3 {
		margin: 10px 0px 20px 60px;
	}
	
	.indexbody {
		color: white;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0px;
		padding: 0px;
		/* width: 100vw; */
		height: 100vh;
		/* overflow: hidden; */
	}
	
	.indexsectiontop {
		margin: 0px 0px;
	}
	
	.desktopindexultop {
		background: rgb(203,203,203);  	          /*kitco gray*/
		/* background: rgb(0,0,0); */             /*black */ 
		/* background: rgb(255,255,255); */       /*white*/
		/* padding: 0px 50px 0px 50px; */
		/* margin: 0px 0px -13px 0px; */
		/* padding: 0px 0px 0px 0px; */
		/* margin: 0px 0px 0px 0px;  */
		width: 100%;
	}
	
	.mobileindexultop {
		display: none;
		justify-content: center;
		text-align: center;
		padding: 10px 50px 0px 50px;
		margin: 0px 0px 0px 0px;	
	}
	
	.mobileindexultop img {
		height: 90px; /* Or whatever makes them feel visually similar */
		width: auto;
		max-width: 100%; /* Prevents overflow on small screens */
	}
	
	.kitcoimg {
		max-width: 100%;
		height: auto;
		display: block; /* (optional, but removes extra little white space) */
	}
	
	.headerimg {
		max-width: 100%;
		height: auto;
		display: block; /* (optional, but removes extra little white space) */
	}
	
	.indexheader {
		background: #062039;
		/* background: red; */
		margin: 0px;
		padding: 0px;
		width: 100%;
		display: grid;
		justify-content: space-around; 				
		align-items: center;    						
		min-height: 88vh;           						/* Make container full height of viewport */ 
		/* font-size:1rem; */
		/* width: 100%; */
		place-items:center;
	}
	
	.indexheader h1 {
		font-size: 2rem;
		font-weight: normal;
	}
	
	.indexheader div {
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		text-align:center;
	}
	
	.indexheader img {
		max-width: 100%;
		height: auto;
	}
	
	.indexlogos {
		display: flex;
		flex-direction:row;
		justify-content: center;
		align-items: center;
		gap: 1rem; /* space between logos */
		flex-wrap: wrap; /* allow wrapping if screen gets small */
	}
	
	.indexlogos img {
		height: 215px; /* Or whatever makes them feel visually similar */
		width: auto;
		max-width: 100%; /* Prevents overflow on small screens */
	}
	
	.indexdesktopnavlist {
		margin: 0px 0px 0px 0px;
		padding: 0;
		list-style-type: none;
		display: flex;   						/* Use flexbox to make the list items align horizontally */
		justify-content: space-around;  			/* Distribute space evenly between items */
		background: #062039;
		
		width: 100%;  								/* Make it full width */
		font-size: 1.2rem;
	}
	
	.indexmobilenavlist {
		margin: 0px 20px 0px 20px;
		display: none;
		flex-direction: row;
		justify-content: center;
		align-content: space-between;
		
	}
	
	/* .menuSpacer { MAY DELETE THIS BECAUSE STYLING IS IMPLEMENTED AT HTML SOURCE*/
		/* display:none; */
		/* height: 95vh; */
	/* } */
	
	/* .indexmobilenavlist2 ul { */
		/* margin: 0px 0px 0px 0px; */
	/* } */
	
	/* .desktopindexsection {  */
		/* background: rgb(203,203,203); */
		/* background: green; */
		/* margin: 0px 0px 0px 0px; */
		/* padding: 0px; */
		/* width: 100%; */
		/* display: grid; */
		/* justify-content: center; 					/* Centers horizontally */ 
		/* align-items: center;     					/* Centers vertically */ 
		/* height: 5vh;           					/* Make container full height of viewport */ 
		/* min-height: 30px; */
		/* width: 100%; */
	/* } */
	
	.desktopindexsection {
		background: rgb(203,203,203);
		padding: 10px 0;
		width: 100%;
		text-align: center;
		max-height: 30px;
		margin: 0px 0px;
	}
	
	.mobileindexsection { 
		display: none;
		background: rgb(203,203,203);
		margin: 0px 0px 0px 0px;
		padding: 0px;
		width: 100%;
		display: grid;
		justify-content: center; 					/* Centers horizontally */
		align-items: center;     					/* Centers vertically */
		height: 5vh;           					/* Make container full height of viewport */
		/* width: 100%; */
	}
	
	/* .desktopindexsection ul { */
		/* display: inline-block; */
		/* margin: 15px 55px 25px 55px; */
		/* background: none; */
		/* font-size: 1.125rem; */
		/* color: black; */
		
		
		/* justify-content: center; */
		/* align-items: center; */
	/* } */
	
	
	.desktopindexsection p {
		margin: 0;
		padding: 0 20px;
		font-size: 1.125rem;
		color: black;
		word-wrap: normal;
	}
	
	.mobileindexsection ul {
		display: inline-block;
		margin: 15px 55px 25px 55px;
		background: none;
		font-size: 1.125rem;
		color: black;
	}
	
	.pagesbody {
		background: rgb(203,203,203);
		font-family: Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		/* font-size: 2rem; */
	}
	
	.pagesheader {
		background: #062039;
		margin: 0px;
		padding: 0px;
		width: 100%;
		display: grid;
		justify-content: center; 					/* Centers horizontally */
		align-items: center;     					/* Centers vertically */
		height: 32vh;            					/* Make container full height of viewport */
		width: 100%;
		place-items: center;
	}
	
	.pagesheader div {
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		text-align:center;
	}
	
	.pagesheader img {
		max-width: 100%;
		height: auto;
	}
	
	.pageslogos {
		display: flex;
		flex-direction:row;
		justify-content: center;
		align-items: center;
		gap: 1rem; /* space between logos */
		flex-wrap: wrap; /* allow wrapping if screen gets small */
	}
	
	.pageslogos img {
		height: 215px; /* Or whatever makes them feel visually similar */
		width: auto;
		max-width: 100%; /* Prevents overflow on small screens */
	}
	
	.pagesdesktopnavlinks {
		
	}
	
	.pagesmobilenavlinks {
		display:none;
		align-content:center;
		justify-content:center;
	}
	
	.pagesmobilenavlinks button {
		margin: 0px 0px;
		
	}
	
	.navul {
		margin: 0px 40px 10px 40px;
		padding: 0;
		list-style-type: none;
		display: flex;   						/* Use flexbox to make the list items align horizontally */
		justify-content: space-around;  			/* Distribute space evenly between items */
		width: 100%;  								/* Make it full width */
	}
	
	.aboutdivmain {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}
	
	.aboutdivmain p {
		font-size: 1.4375rem;
		margin: 0px 25px 0px 25px;
	}
	
	/* .aboutdivmain img { */
		/* height: 620px; /* Or whatever makes them feel visually similar */ */
		/* width: 1250px; */
		/* max-width: 100%; /* Prevents overflow on small screens */ */
	/* } */
	
	.aboutdivmain img {
		height: auto;           /* Let the height adjust based on image's aspect ratio */
		width: 100%;            /* Fill the container width */
		max-width: 1250px;      /* Cap it for large screens */
		display: block;         /* Remove any inline spacing */
		margin: 0 auto;         /* Center image horizontally */
	}
	
	.desktopMeetOurStaff {
		
	}
	
	.desktopMeetOurStaff p {
		white-space: normal; /* Allows wrapping (default, but good to be explicit) */
		word-wrap: break-word; /* Ensures long words don’t overflow */
		max-width: 200px; /* Optional: constrains width so text wraps earlier */
		margin: 0 auto; /* Optional: center text if desired */
		text-align: center; /* Optional: cleaner appearance */
	}
	
	.mobileMeetOurStaff {
		display:none;
		/* margin: 20px 0px 20px 0px; */
		justify-content: space-evenly;
	}
	
	
	.mobileMOSmain {
		display:flex;
		flex-direction: column;
		width: 100%;
	}
	
	.aboutheads {
		display: flex;
		justify-content: space-around;
	}
	
	.aboutheadsemployee {
		display: flex;
		flex-direction: column;
		align-items: center;
		max-width: 45%;
		text-align: center;
	}
	
	.aboutheadsemployee p {
		margin: 5px 0px;
	}
	
	.aboutqualifications {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		margin: 0px 25px;
	}
	
	.aboutqualificationscolumn {
		display: flex;
		flex-direction: column;
		/* align-items: flex-start; */
		align-items: center;
	}
	
	.aboutqualificationscolumn p {
		margin: 5px 0px;
	}
	
	.logogrid {
		display:grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 1rem;
		max-width: 30vw;
	}
	
	.logogrid img {
		/* max-width: 30%; */
		max-height: 150px;
	}
	
	.gridimage1 {
		/* Start at column 1, end before column 3 */	
		grid-column: 1 / 3; 
		/* grid-column: span 2; */
		max-width: 300px;
	}
	
	.gridimage2 {
		grid-column: span 1;
		max-width:300px;
	}
	
	.aboutsection3list {
		margin: 0;
		padding: 0;
		/* list-style-type: square; */
		display: flex;
		flex-direction: column;
		background: rgb(203,203,203);
		/* list-style-type: circle !important; */
	}
	
	.servicessectionmain {
		margin: 0px 20px 0px 25px;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}
	
	.servicessectionsub {
		display: flex;
		flex-direction:column;
		/* align-content: center; */
		align-items: center;
		border: 2px solid #062039;
		border-radius: 6px;
		margin: 0px 10px;
	}
	
	.servicessectionsub h3 {
		text-align: center;
		width:100%;
		margin: 10px 0px 20px 0px;
	}
	
	.servicessectionsublist {
		margin: 0;
		padding: 0;
		list-style-type: square;
		display: flex;
		flex-direction: column;
		background: rgb(203,203,203);
	}
	
	.servicessectionmain2 {
		margin: 0px 0px 25px 0px;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-content: center;	
		text-align:center;
		
	}
	
	.servicessectionmain2 h3, .servicessectionmain2 a {
		margin: 10px 0px;		
	}
	
	/* .servicessectionsub2 { */
		/* margin: 50px 0px; */
		/* padding: 10px 10px; */
		/* border: 2px solid #062039; */
		/* border-radius: 6px; */
	/* } */
	
	.servicessectionsub2 div {
		display: flex;
		flex-direction: column;
		justify-content:center;
		align-content:center;
	}
	
	.servicesbutton {
		margin: 15px 0px 15px 90px;
	}
	
	
	
	.servicesbutton:link {
		display: inline-block;
		padding: 10px 20px;
		background-color: #062039;
		color: white;
		text-decoration: none;
		border: none;
		border-radius: 4px;
		font-size: 1rem;
		cursor: pointer;
		text-align: center;
	}
	
	.servicesbutton:hover {
		background-color: #09406d;
	}
	
	.ebaybutton {
		/* margin: 15px 0px 15px 90px; */
		margin: 0px 0px 0px 0px;
	}
	
	/* .ebaybutton img { */
	  /* display: block; */
	  /* width: 250px; */
	  /* height: auto; */
	/* } */
	
	.ebaybutton:link {
		display: inline-block;
		/* padding: 10px 20px; */
		padding: 0px 0px;
		margin: 0px 0px;
		/* background-color: #062039; */
		background-color: rgb(25,25,25);
		color: white;
		text-decoration: none;
		border: none;
		border-radius: 4px;
		font-size: 1rem;
		cursor: pointer;
		text-align: center;
	}
	
	.ebaybutton:hover {
		background-color: #09406d;
		
	}
	
	.inventorysection1 {
		margin: 20px 20px 20px 20px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		align-content: space-between;
		
	}
	
	.inventorysection1 div {
		/* width: 20vw; */
		
	}
	
	.inventorysection1 button {
		width: 255px;
		margin: 0px;
		text-align:center;
	}
	
	.inventorysection1 .dropdown {
		margin: 0 auto;         /* centers block-level elements */
		text-align: center;     /* centers inline content like the button text */
		max-width: 300px;       /* optional: limit width */
		width: 100%;            /* optional: full width up to max */
	}
	
	.inventorysection1.dropdown {
		/* border: 2px; */
		/* border-radius: 5px; */
		/* border-color: red; */
		/* background: green; */
	}
	
	
	
	/* Dropdown Button */
	.dropbtn {
	  /* background-color: green; */
	  background-color: #2980B9;
	  color: yellow;
	  padding: 16px;
	  font-size: 1rem;
	  border: 2px solid rgb(203,203,203);
	  border-radius: 4px;
	  cursor: pointer;
	  /* width: 50%; */
	  /* gap: 35px; */
	}

	/* Dropdown button on hover & focus */
	.dropbtn:hover, .dropbtn:focus {
	  /* background-color: #2980B9; */
	  /* background-color: rgb(203,203,203); */
	  background-color: #062039;
	}

	/* The container <div> - needed to position the dropdown content */
	.dropdown {
		position: relative;
		display: inline-block;
		
	  /* flex: 1; */
	}

	/* Dropdown Content (Hidden by Default) */
	.dropdown-content {
		display: none;
		position: absolute;
		background-color: rgb(203,203,203);
		/* min-width: 160px; */
		width: 90vw;
		left: 50%;
		transform: translateX(-50%);
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		border-radius: 4px;
		max-height: 500px;
		overflow-y: auto;
		transition: opacity 1.0s ease;
		
	}

	/* Links inside the dropdown */
	.dropdown-content a {
	  color: black;
	  padding: 12px 16px;
	  text-decoration: none;
	  display: block;
	  
	}

	/* Change color of dropdown links on hover */
	.dropdown-content a:hover {
		background-color: #ddd;
		
	}

	/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
	.show {
		display:block;
	}
	
	/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
	/* .show { */
		 /* opacity: 1; */
		/* visibility: visible; */
		 /* pointer-events: auto; */
	/* } */
	
	#menuSpacer {
	  transition: height 1.0s ease;
	}
	
	.dropdown-content.inventory-dropdown {
		/* width: fit-content; */
		
		/* min-width: unset; */
		/* max-width: 100%; */
		/* white-space: nowrap; */
		/* overflow: visible; */
		
		/* position: absolute; */
	}
	
	.new-inventory-dropdown {
		/* width: 90vw !important; */
		
	}
	
	
	
	




















	
	/* .inventorycategorymain { */
		/* display: flex; */
		/* flex-direction:column; */
		/* align-content: center; */
		/* align-items: center; */
		/* border: 2px solid #062039; */
		/* border-radius: 6px; */
		/* margin: 0px 10px; */
	/* } */
	
	.inventorycategoryitems {
		display:flex;
		flex-direction: row;
		align-items: flex-start;
		/* gap: 20px; */
		width: auto;
		justify-content: center; /* or space-between, depending on spacing preference */
		
		flex-wrap: wrap; /* optional: allows them to stack on small screens */
		
		/* overflow-x: hidden; */
		min-width: 90vw;
	}
	
	.inventorycategoryitems {
	
	
}


	
	.inventorycategoryitems div {
		
	}
	
	.inventorycategorylist {
		/* margin: 15px 0px 0px 0px; */
		margin: 0px 0px 0px 0px;
		/* margin: 0 auto; */
		padding: 0px 0px 0px 0px;
		/* list-style-type: square; */
		display: flex;
		/* flex-direction: column; */
		flex-direction: row;
		/* background: rgb(203,203,203); */
		background: #062039;
		flex-wrap: wrap;
		/* height: 45vh; */
		/* background: green !important; */
		border: 2px solid #062039;
		border-radius: 5px;
		align-items: center;
		text-align: center;
		max-height: 500px;
		
		
		min-width: fit-content;
		/* width: 100%; */
		
		/* width: 50vw; */
		/* left: 50%; transform: translateX(-50%); */
		
		/* transform: translateX(-25%); */
		/* max-width: 35vw; */
		/* width: 247px; */
		/* width: 100vw; */
		
	}
	
	.inventorycategorylist li {
		/* justify-content: left; */
		/* width: 100vw; */
		
	}
	
	.inventorycategorylist a {
		color: yellow;
		/* text-decoration: underline; */
		text-decoration: none;
		border: none;
		border-radius: 6px;
		cursor: pointer;
		background: #2980B9;
		/* background: green; */
		/* min-width: 95% !important; */
		/* margin: 0 auto; */
		/* padding: 0px 0px; */
		
		/* min-width: 90%; */
		width: 90%;
		
	}
	
	.inventorycategorylist a:hover {
		color: yellow;
		text-decoration: underline double;
		/* width: fit-content; */
		
	}
	
	.inventoryleftcolumn {
		/* align-content: center; */
		/* justify-content: left; */
		/* width: 100vw; */
	}
	
	.inventoryleftcolumn,
	.inventoryrightcolumn {
		flex: 1 1 auto;
		min-width: 150px; /* ensure it doesn’t shrink too much */
	}
	
	.inventoryleftcolumn li {
		align-items:left;
		/* width: fit-content; */
		
	}
	
	.inventoryrightcolumn li{
		align-items: right;
	}
	
	
	
	
	
	
	.container {
		display: flex;
		justify-content: center;
		overflow: hidden;
		
	}
	
	.slider {
		--slider-index: 0;
		display: flex;
		width: calc(100% - 2 * var(--slider-padding));
		transform: translateX(calc(var(--slider-index) * -101%));
		/* margin: .25rem; */
		transition: transform 300ms ease-in-out; 
	}
	
	.slider img {
		flex: 0 0 15%;
		max-width: 20%;
		aspect-ratio: 1 / 1;
		padding: 40px;
		border-radius: 50px;
	}
	
	.slider div {
		flex: 0 0 15%;
		max-width: 20%;
		aspect-ratio: 1 / 1;
		padding: 40px;
		border-radius: 50px;
	}
	
	@media (max-width: 1600px) {
		.slider img, .slider div {
			padding: 30px;
		}
	} 
	
	
	@media (max-width: 1500px) {
		.slider img, .slider div {
			padding: 10px;
		}
	} 	 
	
	.handle {
		border: none;
		border-radius: 10px;
		width: var(--slider-padding);
		background-color: rgba(6,32,57,.5);
		z-index: 10;
		margin: 40px 0;
		cursor: pointer;
		font-size: 6.25rem;
		color: rgb(203,203,203);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background-color 150ms ease-in-out;
		
	}
	
	.left-handle {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	
	.right-handle {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	
	.handle:hover,
	.handle:focus {
		background-color: rgba(6,32,57,1);
		font-size: 7.5rem;
		
	}
	
	
	
	.carouselsection {
		width: 100vw;
		padding: 0px 0px;
	}
	
	.carouselsection {
		max-width: 100vw;
		margin: auto;
		
	}
	
	.carouselsection2 {
		display:flex;
		
		flex-direction:row;
		margin: 0px 0px;
		
	}
	
	.carouselsection2 button {
		margin: 0px 0px;
		padding: 0px 0px;
		width: 4vw;
		font-size: 6.25rem;
		cursor: pointer;
	}
	
	.carouselsection2 button {
		width: min(4vw, 60px); /* Limits max width */
	}
	
	
	
	.leftScroll {
		margin: 0px 0px;
		width: 4vw;
		border:none;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		font-size: 6.25rem;
	}
	
	.rightScroll {
		margin: 0px 0px;
		width: 4vw;
		border:none;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		font-size: 6.25rem;
	}	
	
	/* .leftScroll, */
	/* .rightScroll { */
	  /* position: relative; */
	  /* z-index: 9999; */
	/* } */
	
	.scrollsnapcarousel {
		margin: 0px 0px 0px 0px;
		width: 92vw;
		overflow-x: auto; /* Enable horizontal scrolling */
		scroll-snap-type: x mandatory; /* Enable scroll snapping */
		scroll-behavior: smooth;
		scrollbar-width: none; /* Firefox */
		-ms-overflow-style: none;  /* Internet Explorer and Edge */
	}

	.scrollsnapcarousel::-webkit-scrollbar {
	  display: none; /* Safari and Chrome */
	}

	.scrollsnapslider {
		display: flex;
		scroll-snap-type: x mandatory; /* Ensures that the scrolling "snaps" to the images */
		scroll-behavior: smooth; /* Smooth scrolling */
		flex-direction: row;
		gap: 1rem;
		padding: 1rem;
		/* justify-content:center; */
		/* align-content: center; */
		/* align-items: center; */
	}

	.scrollsnapslider div {
		flex: 0 0 auto;
		min-width: 250px;
		max-width: 300px;
		/* padding: 20px; */
		scroll-snap-align: center; /* Each image will snap to the center of the viewport */
	}
	
	
	
	
	
	
	
	.coinshowssection1 {
		
	}
	
	.coinshowssection2 {
		
	}
	
	.showcards {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	
	.showcards div {
		margin: 25px 0px;
	}
	
	.appraisalsul {
		background: rgb(203,203,203);
		display:flex;
		flex-direction: column;
		align-items:center;
		margin: 5px 15px;
		width:100vw;
	}
	
	.appraisalmain1 {
		text-align:center;
		align-items:center;
		justify-content:center;
		margin: 5px 10px;
	}
	
	.appraisalsmain1 p {
		margin: 5px 10px;
		text-align:center;
	}
	
	.appraisalmain {
		display:flex;
		flex-direction: row;
		/* background:green; */
		align-content:center;
		justify-content:space-between;
		padding: 0px 30px;
		
	}
	
	.appraisalmain ol {
		padding: 0px 0px;
	}
	
	.appraisalsub {
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		margin: 0px 15px;
	}
	
	.appraisalsections {
		display:flex;
		flex-direction: row;
	}
	
	.appraisalsectionsdiv {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		/* margin: 0px 5vw; */
	margin: none;
	}
	
	.appraisalsectionsdiv img {
		margin: 15px;
	}
	
	/* .policiesandpaymentsmain { */
		/* background: green; */
	/* } */
	
	.policiesandpaymentsintroul {
		background: rgb(203,203,203);
		display:flex;
		flex-wrap:wrap;
		flex-direction: column;
		align-items:center;
		text-align:center;
	}
	
	.policiesandpaymentsintroul h3 {
		margin: 15px 10px;
	}
	
	.policiesandpaymentsmain h3 {
		/* margin: 0px 0px; */
	}
	
	.dividerline {
		/* display:flex; */
		/* width: 100%; */
		/* height: 2vh; */
		/* color: green; */
		height: 2px;
		background-color: black;
		margin: 2rem 0;
		width: 100%;
	}
	
	.policiesandpaymentsul {
		margin: 0px;
		padding: 0px;
		list-style-type: square;
		display: flex;
		flex-direction: column;
		background: rgb(203,203,203);
	}
	
	.policiesandpaymentstallybutton {
		margin:0px 0px 0px 0px;
	}
	
	.policiesandpaymentsol {
		display:flex;
		flex-direction:column;
		padding: 0px 60px;
	}
	
	.cclogos {
		display: flex;
		
		flex-direction: row;
		gap: 1rem;
		margin: 0px 0px 0px 5vw;
		/* width: 5vw; */
		/* height: 5vw; */
		width: 60px;
		height: 60px;
		max-width: 20vw;
	}
	
	.mastercard {
		height: 80px;
		translate: -30px -10px;
	}
	
	.visa {
		height: 80px;
		translate: -80px -10px;
	}
	
	
	
	
	
	
	.testimonial-carousel {
		max-width: 800px;
		width: 90vw;
		margin: 0 auto;
	}
	
	.testimonial-item {
		padding: 20px;
		background-color: #f1f1f1;
		border-radius: 8px;
		margin: 10px;
		/* max-width: 250px; */
	}

	.testimonialsource {
		font-size: .625rem;
	}
	
	.testimonialssubmission {
		display: flex;
		flex-wrap:wrap;
		text-align:center;
		flex-direction: row;
		align-items: center;
		justify-content:center;
		font-size: 1.5rem;
		
	}
	
	.testimonialsbutton {
		font-size: 1rem;
		padding: 20px 40px;
		background-color: #062039;
		color: yellow;
		border: none;
		border-radius: 6px;
		cursor: pointer;
		margin: 0px 0px 0px 0px;
	}
	
	.testimonial-btn:hover {
		background-color: #0c2e59;
	}
	
	.slick-prev, .slick-next {
	  font-size: 32px;
	  z-index: 10;
	  color: black;
	}

	.slick-prev {
	  left: -40px;
	  margin: 0px 10px;
	}

	.slick-next {
	  right: -40px;
	  margin: 0px 10px;
	}
	
	
	
	
	
	
	
	
	
		
	/* .testimonialsmain { */
		
	/* } */
	
	/* .testimonialssub { */
		/* margin: 0; */
	/* } */
	
	/* .contactandhoursmain1 { */
		/* display: flex; */
		/* flex-direction: row-reverse; */
	/* } */
	
	/* .contactandhoursmain2 { */
		/* display: flex; */
		/* flex-direction: row-reverse; */
	/* } */
	
	.contactandhourssection1 {
		margin: 0px 50px 0px 50px;
		margin: 0px 0px;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}
	
	.contactandhourssectionsubleft {
		flex: 1 1 100px; /* Grow and shrink as needed, but at least 100px wide */
		max-width: 45vw; /* Optional: limit how crazy wide they get */
		justify-content: center;
		align-items:center;
	}
	
	.contactandhourssectionsubright {
		flex: 1 1 100px; /* Grow and shrink as needed, but at least 400px wide */
		max-width: 45vw; /* Optional: limit how crazy wide they get */
		justify-content: center;
		align-items:center;
		margin: 20px 0px;
	}
	
	.contactandhourssectionsubright a {
		text-decoration: none;
	}
	
	
	
	/* .facebookButton { */
		/* background-image: url('"C:\Users\rjmcn\OneDrive\Desktop\CoinShopWebsite\images\Facebook_Logo_Primary.png"'); */
		/* background-size: contain; /* Ensure the logo fits within the button */ */
		/* background-repeat: no-repeat; /* Prevents repeating the image */ */
		/* background-position: center left; /* Positions the logo to the left */ */
		/* padding-left: 30px; /* Adjust to add space for the logo */ */
		/* padding-right: 10px; /* Optional: space on the right of the button */ */
		/* padding-top: 10px; /* Optional: space above the text */ */
		/* padding-bottom: 10px; /* Optional: space below the text */ */
		/* border: none; /* Optional: remove the border */ */
		/* font-size: 1rem; /* Set the font size for the button text */ */
		/* cursor: pointer; /* Changes the cursor to indicate it's clickable */ */
		/* display: inline-flex; /* Aligns the button text and image properly */ */
		/* align-items: center; /* Centers the text vertically with the image */ */
	/* } */

	/* .facebook-btn:hover { */
	  /* background-color: #3b5998; /* Optional: adds a hover effect (Facebook blue) */ */
	  /* color: white; /* Changes text color on hover */ */
	/* } */
	
	.contactandhourshoursavailable {
		margin: 20px 40px 20px 40px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	.hoursavailable {
		display: flex;
		flex-direction: row;
		margin: 0px 0px 0px 70px;
	}
	
	.hoursavailablesub {
		margin: 0;
		padding: 0;
		list-style-type: square;
		display: flex;
		flex-direction: column;
		background: rgb(203,203,203);
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.carousel {
		--slider-index: 0;
		display: flex;
		width: calc(100% - 2 * var(--slider-padding));
		transform: translateX(calc(var(--slider-index) * -101%));
		/* margin: .25rem; */
		transition: transform 300ms ease-in-out; 
	}
	
	.carousel img {
		flex: 0 0 15%;
		max-width: 40%;
		aspect-ratio: 1 / 1;
		padding: 40px;
		border-radius: 50px;
	}
	
	.carousel div {
		flex: 0 0 15%;
		max-width: 20%;
		aspect-ratio: 1 / 1;
		padding: 40px;
		border-radius: 50px;
	}
	
	
	
	
	
	.indexdiv {
		text-align:center;
		font-size: 1.25rem;
		color: white;
	}
	
	
	
	
	.aboutp {
		font-size: 1.375rem;
		margin: 10px 10px 10px 10px;
	}
	
	.aboutaboutsection {
		display: flex;
		justify-content: space-around;
	}
	
	.aboutaboutsection p {
		margin: 25px 25px 25px 25px;
	}
	
	.aboutaboutdiv {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}
	
	.aboutsection2 {
		
	}
	
	.aboutsection2 p {
		margin: 0px 0px 0px 75px;
	}
	
	.servicessection1 li {
		display:flex;
		flex-direction: column;
		list-style: square;
	}
	
	.servicesul {
		margin: 0px 0px 0px 50px;
		padding: 0;
		list-style-type: square;
		display: flex;   						/* Use flexbox to make the list items align horizontally */
		justify-content: space-around;  			/* Distribute space evenly between items */
		background-color: rgb(0, 76, 153); 			/* Give the nav bar a background color */
		width: 100%;  								/* Make it full width */
	}
	
	.servicesli {
		display: none;
		margin: 0px 40px 25px 40px;
	}
	
	.appraisalheads {
		display: flex;
		justify-content: space-around;
	}
		
	.headerdiv {
	text-align: center;
	font-size: 2.5rem;
	color: rgb(235,235,0);
	}
	
	
	.scrollHint {
		/* position: absolute; */
		text-align: center;
		font-size: 0.9rem;
		/* font-size: 1.5rem; */
		/* color: #888; */
		color: #062039;
		/* color: yellow; */
		margin-top: 6px;
		transition: opacity 1.0s ease;
		border: solid 1px;
		background: yellow;
		/* width: 25vw; */
		/* align-items: center; */
		/* outline: 2px dashed red; */
		/* min-height: 1em; */
	}
	

	
	.inventoryTabs {
		width: 100vw;
		display: flex;
		justify-content: center;
		cursor: pointer;
		/* background: #062039; */
	}
	
	.inventoryTabs button {
		width: 30vw;
		height: 5vh;
		font-size: 1.8rem;
		background: Grey;
		color: lightgrey;
		margin: 0px;
		padding: 0px 0px;
		border: none;
		border-radius: 0px;
		border-color: Grey;
		cursor: pointer;
		
	}
	
	.storeFocus {
		margin: 10px 0px;
	}
	
	.active-tab {
	  background-color: #062039 !important;
	  color: yellow !important;
	}
	
	.TOSMain {
		font-size: 3rem;
		text-align: center;
		font-weight: bold;
		margin: 2rem;
	}
	
	.TOSEffectiveDate {
		font-size: 1.5rem;
		margin: 1rem 3rem;
	}
	
	.TOSList {
		
	}
	
	.TOSList ul {
		background-color: rgb(203,203,203);
		flex-direction: column;
		text-align: left;
		margin: 0rem 5rem;
		width: fit-content;
	}
	
	.TOSList li {
		
	}
	
	.TOSList a {
		color: black;
	}

	.TOSCatHead {
		font-size: 2rem;
		margin: 1rem 3rem;
	}
	
	.TOSCatBody {
		font-size: 1.3rem;
		margin: 2rem 5rem;
	}
	
	.TOSCatBody p {
		margin: 1rem 0rem;
	}
	
	.TOSCatBody ul {
		flex-direction: column;
		background: rgb(203,203,203);
		/* list-style-type: disc!important; */
	}
	
	
	.check-back-soon-notice {
			font-size: 50px;
			align-content: center;
			justify-content: center;
			text-align: center;
			margin: 200px 50px;
	}
	
	
	@media (max-width: 1500px) {
		html, body {
			font-size: 15px;
		}
		
		/* .whitegraphs img { */
			/* width: 300px; */
			/* height:auto; */
			/* margin: 0px 0px; */
		/* } */
		
		
	}
	
	
	
	@media (max-width: 1451px) {
		html, body {
			font-size: 14px;
		}
	}
	
	@media (max-width: 1408) {
		.policiesandpaymentsol ol {
			margin: 0px 0px;
		}
		
		
	}
	
	@media (max-width: 1402px) {
		html, body {
			font-size: 14px;
		}
		
		li {
			margin: 5px 20px 5px 20px;
		}
		
		.desktopindexultop a {
			width:100%;
			height:auto;
		}
		
		
	}
	
	@media (max-width: 1310px) {
		/* .kitcoimg { */
			/* margin:none; */
			/* padding:none; */
		/* } */
		
		.appraisalmain {
			flex-direction: column;
		}
		
		.appraisalsectionsdiv {
			flex-direction: row;
			display: space-evenly;
		}
	}
	
	@media (max-width: 1250px) {
		.contactandhourssectionsubright button {
			margin: 0px 0px 0px 60px;
		}
	}
	
	@media (max-width: 1150px) {
		.indexlogos img {
			height: 180px;
		}
		
		.pageslogos img {
			height: 180px;
		}
		
		.aboutheads img {
			height: 200px;
		}
		
		.servicessectionmain {
			flex-direction: column;
			/* margin: 10px; */
		}
		
		.thisisgettingmessy {
			margin: 10px;
		}
		
		.servicessectionsub {
			margin: 10px 0px;
		}
		
		.contactandhourssectionsubright button {
			margin: 0px 0px 0px 50px;
		}
		
		button.leftScroll, button.rightScroll {
			font-size: 4rem;
		}
		
	}
	
	@media (max-width: 1053px) {
		
		.inventorysection1 {
			flex-direction:column;
			align-content: center;
		}
		
		.contactandhourssection1 {
			flex-direction: column-reverse;
			align-items:center;
		}
		
		.contactandhourssection1 h3 {
			margin: 10px 0px 20px 0px;
		}
		
		.contactandhourssectionsubleft, .contactandhourssectionsubright {
			width: 90vw;
			margin: 0px 0px;
			max-width: 100vw;
		}
		
		.contactandhourssectionsubright button {
			margin: 10px 0px 10px 30px;
		}
		
		.contactandhoursmain2 iframe {
			margin: 0px 0px 20px 0px;
		}
		
		.hoursavailable {
			margin: 0px 0px;
		}
		
		.whitegraphs img {
			width: 250px;
			height:120px;
		}
	}
	
	@media (max-width:950px) {
		.indexheader ul {
			flex-direction:column;
			text-align:center;
			/* margin: 15px 15px; */
		}
		
		.indexheader ul li a {
			background-color: #0a3d62;
			border-radius: 8px;
			padding: 0.75rem 1.5rem;
			display: inline-block;
			/* width: 80%; */
			width: 75vw;
		}
		
		.pagesheader ul {
			flex-direction:column;
			text-align:center;
		}
		
		.pagesheader ul li a {
			background-color: #0a3d62;
			border-radius: 8px;
			padding: 0.75rem 1.5rem;
			display: inline-block;
			/* width: 80%; */
			width: 75vw;
		}
		
		.dropdown-content {
			max-height: 500px;
			overflow-y: auto;
		}
		
		.indexdesktopnavlist {
			display: none;
			
		}
		
		.pagesdesktopnavlinks {
			display:none;
		}
		
		.indexmobilenavlist {
			display: flex;
			margin: 50px;
			/* transition: opacity 1.0s ease; */
		}
		
		.dropbtn {
			margin: 0px 35px;
		}
		
		.desktopnavlist {
			background:rgb(203,203,203);
			
		}
		
		.desktopnavlist a {
			color:yellow;
			
		}
		
		.desktopnavlist li {
			font-size: 1.5rem;
		}
		
		.desktopnavlist ul {
			width: 100%;
			margin: 0px;
			
		}
		
		.open-downward-only {
			top: 100%;
		}
		
		.whitegraphs img {
			width: 225px;
			height:110px;
		}
		
		
		
	}
	
	@media (max-width: 900px) {
		.indexlogos img {
			height: 120px;
		}
		
		/* .indexheader ul { */
			/* flex-direction:column; */
			/* text-align:center; */
			/* margin: 15px 15px; */
		/* } */
		
		/* .indexheader ul li a { */
			/* background-color: #0a3d62; */
			/* border-radius: 8px; */
			/* padding: 0.75rem 1.5rem; */
			/* display: inline-block; */
			/* width: 20%; */
		/* } */
		
		.dekstopindexsection {
			text-size: 1rem;
			margin: 0px 0px;
			height: 20px;
		}
		
		.desktopindexsection ul {
			display: inline-block;
			/* margin: 0px; */
			background: none;
			font-size: 1rem;
			color: black;
		}
		
		.pageslogos img {
			height: 120px;
		}
		
		.aboutheads img {
			height: 190px;
		}
		
		.aboutdivmain img {
			height: 310px;
			width: 300px;
		}
		
		/* .dropbtn { */
			/* margin: 0px 0px 0px 50px; */
		/* } */
		
		.contactandhourssectionsubright button {
			margin: 10px 0px 10px 25px;
		}
	}
	
	@media (max-width:850px) {
		.pagesdesktopnavlinks {
			display: none;
		}
		
		.pagesmobilenavlinks {
			display: flex;
			width: 100vw;
		}
		
		.whitegraphs img {
			width: 200px;
			height:100px;
		}
		
		/* .whitegraphs img { */
			/* width: 175px; */
			/* height:90px; */
		/* } */
		
		/* .whitegraphs img { */
			/* width: 150px; */
			/* height:80px; */
		/* } */
	}
	
	/* Maybe use .desktopindexultop vs .mobileindexultop at a wider screen size, gray charts might be too small */
	@media (max-width: 800px) {
		.desktopindexultop {
			display: none;
		}
		
		.mobileindexultop {
			display: flex;
			/* justify-content: space-between; */
			margin: 0px;
			padding: 0px;
		}
		
		.desktopindexsection {
			height:30px;
		}
		
		.aboutheads img {
			/* height: 180px; */
		}
		
		.desktopMeetOurStaff {
			display:none;
		}
		
		.mobileMeetOurStaff {
			display: flex;
		}
		
		.aboutheadsemployee {
			max-width:190px;
		}
		
		/* .dropbtn { */
			/* margin: 0px 0px 0px 30px; */
		/* } */
	}
	
	@media (max-width: 768px) {
	  
	  .leftScroll, .rightScroll {
			display: none;
	  }
	}
	
	@media (min-width: 769px) {
	  .scrollHint {
		display: none; /* Hide hint on larger screens */
	  }
	  
	  
	}
	
	
	@media (max-width: 725px) {
		.aboutheads img {
			height: 160px;
		}
		
		.aboutqualifications {
			flex-direction: column;
			text-align:center;
		}
		.logogrid {
			max-width: 100vw;
		}
		
		/* .dropbtn { */
			/* margin: 0px 0px 0px 15px; */
		/* } */
		
		.appraisalsectionsdiv img {
			width: 225px;
			height: 225px;
		}
	}
	
	@media (max-width:650px) {
		.aboutheads img {
			height: 140px;
		}
		
		.aboutdivmain {
			display:flex;
			flex-direction:column;
		}
		
		.aboutdivmain div{
			justify-content:center;
			align-content:center;
			align-items: center;
			text-align:center;
		}
		
		.aboutheadsemployee {
			max-width:120px;
		}
		
		
		
		.dropdown {
			margin: 7.5px;
			/* position: relative; */
		}
		
		
		.contactandhoursmain2 iframe {
			width:500px;
			height:250px;
		}
	}
	
	@media (max-width:580px) {
		.aboutheads img {
			height: 120px;
		}
		
		.servicessectionmain2 {
			flex-direction: column;
			margin: 25px 0px;
		}
		
		.servicessectionmain2 div {
			margin: 10px 0px;
		}
		
		.contactandhoursmain2 iframe {
			width:450px;
			height:225px;
		}
		
		.appraisalsectionsdiv img {
			width: 200px;
			height: 200px;
		}
	}
	
	@media (max-width: 525px) {
		.indexlogos img {
			height: 100px;
		}
		
		.pageslogos img {
			height: 100px;
		}
		
		.policiesandpaymentsol {
			padding: 0px 30px;
		}
		
		/* .policiesandpaymentsmain h3 { */
			/* margin: 10px 0px 10px 30px; */
		/* } */
	}
	
	@media (max-width: 480px) {
		.indexlogos img {
			height: 85px;
		}
		
		.pageslogos img {
			height: 85px;
		}
		
		.contactandhoursmain2 iframe {
			width:375px;
			height:150px;
		}
		
		.appraisalsectionsdiv img {
			width: 175px;
			height: 175px;
		}
		
		.cclogos {
			display: flex;
			flex-direction: row;
			gap: 1rem;
			margin: 0px 0px 0px 5vw;
			/* width: 5vw; */
			/* height: 5vw; */
			width: 50px;
			height: 50px;
			max-width: 20vw;
		}
	
		.mastercard {
			height: 70px;
			translate: -30px -10px;
		}
		
		.visa {
			height: 70px;
			translate: -80px -10px;
		}
	
	}
		
	@media (max-width: 437px) {
		.indexlogos img {
			height: 90px;
		}
		
		.pageslogos img {
			height: 90px;
		}
		
		.showcards img {
			height: 350px
		}
		
		/* .appraisalsectionsdiv { */
			/* flex-direction: column; */
			/* align-items:center; */
		/* } */
		
		.appraisalsectionsdiv img {
			width: 150px;
			height: 150px;
		}
		
	}
	
	@media (max-width: 400px) {
		.indexlogos img {
			height: 75px;
		}
		
		.pageslogos img {
			height: 75px;
		}
		
		.showcards img {
			height: 315px
		}
		
		.contactandhourssectionsubright {
			font-size: .8rem;
		}
		
		.contactandhoursmain2 iframe {
			width:100vw;
			height:125px;
		} 
		
		.appraisalsectionsdiv img {
			margin: 0px;
		}
	}
	
	@media (max-width:362px) {
		.desktopindexsection p {
			font-size: 14px;
		}
		
		.appraisalsectionsdiv img {
			width: 130px;
			height: 130px;
		}
		
		.cclogos {
			display: flex;
			flex-direction: row;
			gap: 1rem;
			margin: 0px 0px 0px 5vw;
			/* width: 5vw; */
			/* height: 5vw; */
			width: 40px;
			height: 40px;
			max-width: 20vw;
		}
	
		.mastercard {
			height: 60px;
			translate: -30px -10px;
		}
		
		.visa {
			height: 60px;
			translate: -80px -10px;
		}
	}
	
	@media (max-width:331px) {
		.desktopindexsection p {
			font-size: 13px;
		}
		
		.indexlogos img {
			height: 65px;
		}
		
		.pageslogos img {
			height: 65px;
		}
	}
	
	:root {
		--slider-padding: 70px;
	}
		
</style>


