:root {
	--plyr-color-main: white;
	font-size: calc(0.0125 * var(--t1b-screen-size));
}

* {
	box-sizing: border-box;
}




img {
	vertical-align: middle;
}

body {
	text-shadow: none;
	font-size: calc(0.0125 * var(--t1b-screen-size));
}

.hd-sticky {
	position: sticky;
	top: 0;
}

.ft-sticky {
	position: fixed;
	bottom: 0;
}

@font-face {
	font-family: 'Inter';
	/*src: url("/home/kaleesia/develop/work/eclipse-workspace/t1b-website/fonts/PlayfairDisplay-VariableFont_wght.ttf");*/
	src: url("../fonts/static/Inter_24pt-ExtraLight.ttf") format('truetype');
}

@font-face {
	font-family: 'Inter-sm';
	/*src: url("/home/kaleesia/develop/work/eclipse-workspace/t1b-website/fonts/PlayfairDisplay-VariableFont_wght.ttf");*/
	src: url("../fonts/static/Inter_24pt-ExtraLight.ttf") format('truetype');
}

@font-face {
	font-family: 'Inter-m';
	/*src: url("/home/kaleesia/develop/work/eclipse-workspace/t1b-website/fonts/PlayfairDisplay-VariableFont_wght.ttf");*/
	src: url("../fonts/static/Inter_18pt-Thin.ttf") format('truetype');
}

.bg-color-start {
	background-color: rgb(23, 23, 23) !important;
}

.text-color-t1b {
	color: rgb(222, 221, 218) !important;
}

.home-header-bg {
	background: rgba(0, 0, 0, .3);
}

.bg-color-home {
	background-color: rgb(0, 0, 0) !important;
}

/*.bg-color-home2{
	background-color: rgb(0, 0, 0);
	opacity: 0.8;
	background-image:  repeating-radial-gradient( circle at 0 0, transparent 0,
	 rgb(0, 0, 0) 10px ),  repeating-linear-gradient( rgb(119, 118, 123), rgb(94, 92, 100) );
}*/



.t1b-bg-light-grey {
	background-color: rgb(222, 221, 218) !important;

}

.t1b-bg-grey {
	background-color: rgb(187, 187, 187) !important;
}

.t1-spacing {
	letter-spacing: .3rem;

}

#hd1 {
	font-family: 'Inter';
}

#hd2 {
	font-family: 'Inter-m';
}

#hd3 {
	font-family: 'Inter-sm';
}

/*
@property --plyr-color-main {
  syntax: "<color>";
  inherits: true;
  initial-value: white;
}

@property --plyr-control-icon-size {
  syntax: "<number>";
  inherits: true;
  initial-value: 18;
}
*/


.plyr {
	--plyr-color-main: darkgray;
	/* --plyr-control-icon-size: 2em;*/
}

.plyr .plyr__control[data-plyr="play"] svg {
	/* padding-left: 0.25em;*/
}

.logo1 {
	max-height: 4rem;
}

.alt {
	margin-left: calc(-0.05 * var(--t1b-screen-size));
}


a {
	text-decoration: none;
}

.blog-post-header {
	font-family: "Playfair Display";
}

.hd-infront {
	z-index: 100;
}

.t1b-btn-home {
	font-size: 1.3rem;
	font-weight: 900;
	border-radius: 50px 10px;
	padding: .4rem .8rem;
	width: max-content;
	height: max-content;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 6px 24px 0px rgb(225, 240, 255);
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #e1f0ff;
	letter-spacing: 0.3em;
	background-color: transparent;
	transition: all 0.5s ease-in-out;
	color: #e1f0ff;
	position: relative;
}

.btn-home-group {
	position: sticky;
	z-index: 1;
	bottom: 10%;
	display: flex;
}

.t1b-btn-pdt {
	font-size: 1.0rem;
	font-weight: 900;
	border-radius: 50px 10px;
	padding: .4rem .8rem;
	width: max-content;
	height: max-content;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 6px 24px 0px rgb(225, 240, 255);
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #e1f0ff;
	position: relative;
	letter-spacing: 0.3em;
	background-color: transparent;
	transition: all 0.5s ease-in-out;
	color: #e1f0ff;

}

.t1b-btn-dark {
	font-size: 1.0rem;
	font-weight: 900;
	border-radius: 50px 10px;
	padding: .4rem .8rem;
	width: max-content;
	height: max-content;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 6px 24px 0px #0d6efd;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #0d6efd;
	position: relative;
	letter-spacing: 0.3em;
	background-color: transparent;
	transition: all 0.5s ease-in-out;
	color: rgb(232, 232, 232);

}

.t1b-btn-light {
	font-size: 1.3rem;
	font-weight: 900;
	border-radius: 50px 10px;
	padding: .4rem .8rem;
	width: max-content;
	height: max-content;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 6px 15px 0px rgb(46, 194, 126);
	overflow: hidden;
	cursor: pointer;
	border: none;
	position: relative;
	letter-spacing: 0.3em;
	background-color: transparent;
	transition: all 0.5s ease-in-out;
	color: rgb(0, 0, 0);

}

.t1b-btn-all {
	white-space: nowrap;
	width: max-content;
}

.t1b-btn-txt {
	z-index: 1;
	font-weight: 900;
	letter-spacing: .3em;
	color: #e1f0ff;
}

.t1b-btn-txt-b {
	z-index: 1;
	font-weight: 900;
	letter-spacing: .3em;
	color: rgb(33, 33, 33);
}

.t1b-btn-txt-w {
	z-index: 1;
	font-weight: 900;
	letter-spacing: .3em;
	color: rgb(255, 255, 255);
}

.type1::after {
	content: "";
	position: absolute;
	left: 0;
	/*top: 0;*/
	transition: all 0.5s ease-in-out;
	/*background: linear-gradient(30deg, #0c81e4, #01377d);*/
	background: #0d6efd;
	/*background: radial-gradient(circle, #0d6efd 75%, rgba(0, 78, 212, 1) 100%);*/
	border-radius: 30px;
	visibility: hidden;
	height: 10px;
	width: 100px;
	z-index: -1;
}

.t1b-btn-home:hover {
	box-shadow: 1px 1px 200px #0d6efd
		/*#0c81e4-blue*/
	;
	color: #fff;
	border: 2px solid #0d6efd;
}

.t1b-btn-pdt:hover {
	box-shadow: 1px 1px 200px #0d6efd
		/*#0c81e4-blue*/
	;
	color: #fff;
	border: 2px solid #0d6efd;
}

.t1b-btn-dark:hover {
	box-shadow: 1px 1px 200px #0d6efd
		/*#0c81e4-blue*/
	;
	color: #fff;
	border: 2px solid #0d6efd;
}

.t1b-btn-light:hover {
	box-shadow: 1px 1px 200px rgb(46, 194, 126)
		/*#0c81e4-blue*/
	;
	color: #fff;
	border: none
		/*.2px solid rgb(246, 245, 244)*/
	;
}

.type1:hover::after {
	visibility: visible;
	transform: scale(100) translateX(2px);
}


.t1b-btn-x:hover {
	border-color: rgb(0, 0, 0);
}

.t1b-btn-x {
	border-color: rgb(148, 148, 148);
}

.t1b-name {
	font-size: 2.0rem;
}

.t1b-plyr {
	width: 100%;
}

.cart-img {}

.vid-sec {
	display: flex;
	width: 60%;
	height: 45%;
	justify-content: end;
	flex: 0 1 70%;
	margin-top: 20px;
	margin-bottom: 20px;

}

.card-sec {
	/*width: 40%;*/
	flex: 1 1 20%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.justify-content-space-evenly {
	justify-content: space-evenly;
}

.justify-content-space-between {
	justify-content: space-between;
}

.justify-content-space-around {
	justify-content: space-around;
}

.f-direc-c {
	flex-direction: column;
}

.pd-l {
	padding-left: 10%;
}

.main-sec {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/*flex-direction: row-reverse;*/
	flex-wrap: wrap;
}

.shop-sec {
	/*max-width: 150px;*/
	max-height: 100px;
}

/*.card-body {
	flex: 1 1 20%;
}*/

.al-f {
	align-items: flex-start;

}

.card-1 {
	display: flex;
	flex-wrap: nowrap;
	column-gap: 0;
}

.b-example-divider {
	width: 100%;
	height: 3rem;
	background-color: rgba(0, 0, 0, .1);
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .19), inset 0 .125em .5em rgba(0, 0, 0, .19);
}



.footer-border {
	border: solid
		/*rgb(72, 161, 35)*/
		rgb(46, 194, 126);
	border-width: .8px 0 0 0;
}

.box {
	margin-left: 70px;
	margin-right: 70px;
}

.alt-tm :nth-child(2) {
	font-size: 3rem;
}



.cart {
	width: min-content;
}

#item1 {
	background-color: grey;
	/*display: flex;
	flex-wrap: wrap;*/
}

#item2 {
	display: flex;
	flex-wrap: wrap;
}

#item3 {
	display: flex;
	flex-wrap: wrap;
}


.t1b-foot-page {
	min-height: 100vh;
}

.tiered-gradient-shadow {
	box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}

.img-screenshot {
	max-width: 100%;
}



.alt-tm {
	column-gap: 0;
}

.nwp {
	white-space: nowrap;
}

.home-container {
	display: grid;
	/*grid-auto-flow: row dense;*/
	width: 100%;
	/*height: 100%;*/

	grid-template: repeat(4, auto) / repeat(6, 1fr)
		/* 160px 4fr 1fr*/
	;
	grid-row-gap: 20px;
	grid-column-gap: 10px;

}

.conct {
	grid-area: 1/3/1/span 4;
}

.conct-card {
	grid-area: 1/1/1/span 2;
}

.kit-container {
	display: grid;
	grid-auto-flow: row dense;
	width: 100%;
	/*height: 100%;*/

	grid-template: repeat(11, auto) / 160px 4fr 1fr;
	grid-row-gap: 20px;
	grid-column-gap: 10px;

}


.kit-desc {
	display: grid;
	/*grid-auto-flow: column;*/
	width: 100%;
	height: 100%;
	grid-template-areas:
		"area1 area2";
	grid-template-rows: auto auto;
	/*grid-template-columns: 1fr 1fr;*/
	grid-row-gap: 20px;
	grid-column-gap: 20px;

}

.kit-master {
	display: grid;
	grid-auto-flow: row dense;
	width: 100%;
	/*height: 100%;*/

	grid-template: repeat(3, auto) / 1fr;
	grid-row-gap: 0px;
	grid-column-gap: 0px;
}

.master-1 {
	grid-area: 1/1/1/span 2;
}

.master-2 {
	grid-area: 2/1/2/span 2;
}

.kit-desc-1 {
	grid-area: area1;
}

.kit-desc-2 {
	grid-area: area2;
	margin-right: 5rem;
}

.kit-title {
	grid-area: 1/1/1/span 4;
}

.kit-img {
	grid-area: 2/1/2/1;
	width: min-content;
}

.kit-det {
	margin-left: 8%;
	text-align: start;
	grid-area: 2/2/2/2;
}

.kit-price {
	grid-area: 2/3/2/3;
}

.kit-title2 {
	grid-area: 4/1/4/span 4;
}

.kit-img2 {
	grid-area: 5/1/5/1;
	width: min-content;
}

.kit-det2 {
	margin-left: 8%;
	text-align: start;
	grid-area: 5/2/5/2;
}

.kit-price2 {
	grid-area: 5/3/5/3;
}

.kit-title3 {
	grid-area: 7/1/7/span 4;
}

.kit-img3 {
	grid-area: 8/1/8/1;
	width: min-content;
}

.kit-det3 {
	margin-left: 8%;
	text-align: start;
	grid-area: 8/2/8/2;
}

.kit-price3 {
	grid-area: 8/3/8/3;
}

.kit-row-gap {
	margin-top: 80px;
}

.kit-col-gap {
	margin-left: 60px;
	margin-right: 60px;
}

.main-m-r {
	padding-right: 40px;
}

.hd-solid {
	background: rgba(0, 0, 0, 1);

}

.kitf-hide {
	display: none;
}

.kitf-box {
	border: 2px solid #e1f0ff;
	border-radius: 50px 10px;
	margin-top: 1rem;
	padding-bottom: 1rem;
}

.sat-img {
	width: 40%;
}

.cont-width {
	width: 60%;
}




/* Additional style for Q&A section – ensures consistent dark background and spacing */
.qa-section {
	background-color: #0b0e14;
	/* deep dark to match page, distinct from body if needed */
	padding: 2rem 3rem;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0px -5px 100px rgb(0, 0, 0)
		/*rgb(36, 31, 49)*/
	;
	margin-top: 1rem;
	position: relative;
	color: #e0e7ff;

}

.qa-card {
	background: #1a1e26;
	/*border: 1px solid #3a4456;*/
	border-radius: 1rem;
	/*transition: transform 0.2s ease, box-shadow 0.2s ease;*/
	box-shadow: 0 8px 25px rgba(0, 180, 255, 0.15);
}

/*.qa-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(0, 180, 255, 0.15);
	border-color: #3a4456;
}*/

.qa-question {
	font-weight: 700;
	color: #e0e7ff;
	letter-spacing: 0.3px;
	font-size: 1.3rem;
}

.qa-answer {
	color: #b0b8cc;
	line-height: 1.6;
	font-size: 1rem;
}

.qa-icon {
	font-size: 1.8rem;
	opacity: 0.8;
	margin-right: 0.75rem;
}

.footer-border {
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

/* Forward Capacity Contract section styles */
.fcc-section {
	background: linear-gradient(145deg, #0d1117 0%, #0a0e14 100%);
	padding: 3rem 1.5rem;
	border-top: 1px solid #1e2430;
	border-bottom: 1px solid #1e2430;
	margin-top: 1rem;
	font-size: 1.3rem;
}

.fcc-heading {
	color: #c9d4ff;
	font-weight: 700;
	letter-spacing: 0.5px;
	border-bottom: 2px solid #2f81f7;
	display: inline-block;
	padding-bottom: 0.5rem;
}

.fcc-title {
	/*font-size: 2.8rem;*/
	font-weight: 800;
	letter-spacing: 1px;
	background: linear-gradient(135deg, #ffffff 0%, #7aa2f7 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	margin-bottom: 0.5rem;
}

.fcc-text {
	color: #9aaab9;
}

.fcc-highlight {
	color: #7aa2f7;
	font-weight: 600;
}

.fcc-block {
	padding: 1px;
}

.fcc-pref {
	border: 1px solid rgb(12, 129, 228);
	border-radius: 40px 0 40px 0;
	padding: 0.85rem 2.5rem;
	display: inline-block;
}

.fcc-card:hover {
	border-color: #2f81f7;
	box-shadow: 0 0 18px rgba(47, 129, 247, 0.15);
}

.fcc-block h3,
h4 {
	color: #e6edf3;
	/*font-size: 1.15rem;*/
	font-weight: 700;
	letter-spacing: 0.3px;
}


.fcc-block li::marker {
	color: rgb(46, 194, 126);
	/* Set this to whatever color you want */
	list-style-type: "•";
	/* The bullet character */
}

.fcc-block p,
.fcc-block li {
	color: #9aaab9;
	/*font-size: 0.96rem;
	line-height: 1.6;*/
}

.fcc-table {
	width: 100%;
	color: #c9d1d9;
	border-collapse: separate;
	border-spacing: 0 8px;
}

.fcc-table th {
	background: #1a232e;
	color: #8b9eb0;
	font-weight: 600;
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	padding: 0.75rem 1rem;
	border-radius: 0.75rem 0.75rem 0 0;
	border-bottom: 1px solid #25313e;
}

.fcc-table td {
	background: #0f161e;
	padding: 0.85rem 1rem;
	border-bottom: 1px solid #1d2833;
	/*font-size: 0.95rem;*/
}

.fcc-table tr:last-child td {
	border-bottom: none;
}

.fcc-table td:first-child {
	border-radius: 0.75rem 0 0 0.75rem;
}

.fcc-table td:last-child {
	border-radius: 0 0.75rem 0.75rem 0;
}

.fcc-stat-number {
	font-size: 2rem;
	font-weight: 800;
	color: #7aa2f7;
	display: block;
	margin-bottom: 0.25rem;
}

.fcc-stat-label {
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #8a9bb8;
}

.fcc-badge {
	color: #b6d4fe;
	padding: 0.35rem 1rem;
	font-size: 1.3rem;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 2rem;
	letter-spacing: 0.3em;
}

.fcc-subtitle {
	color: #9aa7c7;
	margin-bottom: 2.5rem;
	font-weight: 300;
	letter-spacing: 1px;
}

.fcc-cta {
	/*background: linear-gradient(90deg, #1a3a6b 0%, #0d2a4a 100%);*/
	border: 1px solid rgb(12, 129, 228);
	border-radius: 40px 0 40px 0;
	padding: 0.85rem 2.5rem;
	color: #e0ecff;
	font-weight: 600;
	transition: all 0.2s ease;
	display: inline-block;
}

.fcc-divider {
	height: 1px;
	background: linear-gradient(90deg, transparent, #2e3a4e, transparent);
	margin: 2.5rem 0;
}


.text-muted-custom {
	color: #7a8a9e !important;
}

.fcc-highlight-blue {
	color: #0C81E4;
	font-weight: 600;
}

/* Slideshow container */
.slideshow-container {
	position: relative;
	/* Crucial: Keeps absolute children inside this box */
	width: 100%;
	/* MUST have a height because children are absolute */
	margin: 0 auto;
	/* Centers the slideshow on the page */
	overflow: hidden;
	/* Cleans up anything spilling out */
	height: 80vh;
}

/* 2. Base style for ALL slides */
.slide {
	/*position: absolute;*/
	/* Stacks all 3 slides directly on top of each other */
	display: flex;
	flex-wrap: nowrap;
	top: 0;
	left: 0;
	width: 400vw;


	/*height: 100%;*/
	/*opacity: 0;*/
	/* Hides all slides by default */
	/*visibility: hidden;*/
	/* Prevents users from accidentally clicking hidden links */
	/*transition: opacity 0.8s ease-in-out, visibility 3s;*/
	/* Smooth fade animation */
	animation: car 24s steps(4, jump-end) 4s infinite;
}

@keyframes car {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}

	200% {
		transform: translateX(-200%);
	}

	300% {
		transform: translateX(-300%);
	}


}

/* 2. THE FIX: Create the tinted overlay layer */
.slide::after {
	position: absolute;
	/* Pulls the tint out of the flex flow so it doesn't push your text around */

	/* STYLE A: Full Dark Tint Overlay */
	background-color: rgba(0, 0, 0, 0.4);

	/* STYLE B: Gradual Left-Side Tint Fade (Highly Recommended for Left-Aligned Text) */
	/* background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); */

	z-index: 1;
	/* Pushes the tint above the image layer */
}

/* Make sure the images fill their slide container nicely */
.slide img {
	flex: 0 0 100vw;
	width: 100vw;
	height: 80vh;
	/*object-fit: cover;*/
	/* Prevents your images from stretching out of proportion */
	/* ADD THIS LINE BELOW */
	filter: brightness(0.6);
	/* 1.0 is normal, 0.6 dims the image down by 40% */
}

.slide-text {
	/*position: relative;*/
	/*top: 40%;*/
	/* Push down to the middle */
	transform: translateY(-70vh);
	padding-left: 200px;
	/* Perfectly centers it vertically */
	/*left: 50px;*/
	/* Spacing from the left edge */
	/*max-width: 400px;*/
	/* Prevents text from stretching too wide */
	text-align: left;
	/* Forces all text to align left */
	color: #d9f4d4;
	font-weight: bolder;
}

.slide-text1 {
	transform: translateY(-60vh);
	color: white;
}

/*.slide-text2 {
	transform: translateX(100%);
}*/

/* Standard typography rules (NO absolute positions here!) */
/*h2.slide-text  {
	position: absolute;
	top: 30%;
}

h3.slide-text  {
	position: absolute;
	top: 50%;
}*/

/* 1. Container for both buttons */
.btn-group {
	display: flex;
	/* Positions items side-by-side horizontally */
	gap: 15px;
	/* Creates a clean gap between the two buttons */
	margin-top: 25px;
	/* Spacing below your paragraph text */
}

.limit {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  margin-right: 0.3em;
}
.lim-text { font-size: 0.9em; }
.sub { font-size: 0.65em; }
.frac {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  margin: 0 0.3em;
}
.frac .num {
  border-bottom: 1.5px solid currentColor;
  padding: 0 0.3em;
}
.frac .den { padding: 0 0.3em; }

.left-text {
  text-align: left !important;
}

.indent{
	margin-left: 3em !important;
}

@media screen and (min-width: 993px) {

	:root {
		font-size: calc(0.0115 * var(--t1b-screen-size));
	}

	.con-sec {
		display: flex;
		width: 100%;
		/*height: 45%;*/
		justify-content: end;
		flex: 0 1 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.card-sec {
		width: 100%;
		flex: 1 1 40%;
		margin-top: 20px;
		margin-bottom: 20px;
		align-items: center;
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.card-width {
		width: 40%;
	}

	.cont-width {
		width: 60%;
	}

	/*.card-sec {
		margin-bottom: 20px;
		height: 100%;
		width: 100%;
		margin-top: 20px;
	}*/

	/*.slide img {
		Set your preferred slideshow width 
		height: 80vh;
	}*/

}

/*@media screen and (max-width: 992px) {

	.hd-sticky {
		position: relative;
		top: 0;
	}

	.t1b-btn-all {
		white-space: normal !important;
		width: fit-content !important;
	}

	.vid-sec {
		display: flex;
		width: 60%;
		height: 45%;
		justify-content: end;
		flex: 0 1 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}*/


@media screen and (max-width: 992px) {
	:root {
		font-size: calc(0.0125 * var(--t1b-screen-size));
	}

	.hd-sticky {
		position: relative;
		top: 0;
	}

	.t1b-btn-all {
		white-space: normal !important;
		width: fit-content !important;
	}

	.card-sec {
		width: 90%;
		flex: 1 1 100%;
		margin-top: 20px;
		margin-bottom: 20px;
		align-items: center;
	}

	.main-sec {
		display: flex;
		justify-content: space-between;
		align-items: center;
		/*flex-direction: column-reverse;*/
		flex-wrap: wrap;
	}

	.card-width {
		width: 40%;
	}

	.cont-width {
		width: 60%;
	}

	.shop-sec {
		max-width: 150px;
		max-height: 100px;
	}

	.con-sec {
		display: flex;
		width: 100%;
		flex: 0 1 100%;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.pd-l {
		padding-left: 4%;
	}

	.card-body {
		flex: 1 1 100%;
	}

	.al-f {
		align-items: center;

	}

	.card-1 {
		flex-wrap: nowrap;
	}

	.box {
		max-width: 540px;
	}

	main :nth-child(3) #item1 {
		order: 1;
	}

	main :nth-child(3) #item2 {
		order: 3;
	}

	main :nth-child(3) #item2 {
		order: 2;
	}

	.kit-specs {
		flex-direction: column;
	}

	.kit-col-gap {
		margin-left: 5px;
		margin-right: 5px;
	}

	.cart-img {
		display: none;
	}

	.t1b-btn-home {
		font-size: .9rem;
		padding: .4rem .8rem;
		letter-spacing: 0.3rem;
	}

	.t1b-btn-pdt {
		font-size: .8rem;
		/*padding: .1rem .2rem;*/
		letter-spacing: 0.2rem;
	}


	.t1b-btn-dark {
		font-size: .8rem;
		/*padding: .1rem .2rem;*/
		width: max-content;
		height: 3rem;
		letter-spacing: 0.2rem;

	}


	.t1b-btn-light {
		font-size: .9rem;
		/*padding: .4rem .8rem;*/
		letter-spacing: 0.2rem;
	}

	.main-m-r {
		padding-right: 0px;
	}

	/*.slideshow-container {*/
	/* Set your preferred slideshow width */
	/*height: 80vh;
	}*/

}

@media screen and (max-width: 768px) {
	:root {
		font-size: calc(0.015 * var(--t1b-screen-size));
	}

	.slideshow-container {
		height: unset;
	}

	.master-1 {
		grid-area: 3/1/3/span 2;
		margin-top: 1.5rem;
	}

	.kit-container {
		grid-template: repeat(9, auto) / 160px 1fr;
	}

	.kit-det {
		grid-area: 3/1/3/span 3;
	}

	.kit-det2 {
		grid-area: 6/1/6/span 3;
	}

	.kit-det3 {
		grid-area: 9/1/9/span 3;
	}

	.post-gap {
		display: none;
	}

	.con-sec {
		display: flex;
		width: 100%;
		/*height: 45%;*/
		justify-content: end;
		flex: 0 1 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}


	.card-sec {
		width: 80%;
		flex: 1 1 100%;
		margin-top: 20px;
		margin-bottom: 20px;
		align-items: center;
	}

	.main-sec {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column-reverse;
		flex-wrap: wrap;
	}

	.btn-home-group {
		flex-direction: column;
	}

	.shop-sec {
		max-width: 150px;
		max-height: 100px;
	}



	.pd-l {
		padding-left: 4%;
	}

	.card-body {
		flex: 1 1 100%;
	}

	.al-f {
		align-items: center;

	}

	.card-1 {
		flex-wrap: nowrap;
	}

	.box {
		max-width: 540px;
	}

	/*main :nth-child(3) #item1 {
		order: 1;
	}

	main :nth-child(3) #item2 {
		order: 3;
	}

	main :nth-child(3) #item2 {
		order: 2;
	*/

	.kit-specs {
		flex-direction: column;
	}

	.kit-col-gap {
		margin-left: 5px;
		margin-right: 5px;
	}

	.cart-img {
		display: none;
	}

	.t1b-btn-home {
		font-size: .9rem;
		padding: .4rem .8rem;
		letter-spacing: 0.3rem;
	}

	.t1b-btn-pdt {
		font-size: .8rem;
		/*padding: .1rem .2rem;*/
		letter-spacing: 0.2rem;
	}


	.t1b-btn-dark {
		font-size: .8rem;
		/*padding: .1rem .2rem;*/
		width: max-content;
		height: 3rem;
		letter-spacing: 0.2rem;

	}


	.t1b-btn-light {
		font-size: .9rem;
		/*padding: .4rem .8rem;*/
		letter-spacing: 0.2rem;
	}

	.main-m-r {
		padding-right: 0px;
	}

}

@media screen and (max-width: 576px) {
	:root {
		font-size: calc(0.015 * var(--t1b-screen-size));
	}

	.master-1 {
		grid-area: 3/1/3/span 2;
		margin-top: 1.5rem;
	}

	.kit-container {
		grid-template: repeat(9, auto) / 160px 1fr;
	}

	.kit-det {
		grid-area: 3/1/3/span 3;
		margin-left: 5%;
	}

	.kit-det2 {
		grid-area: 6/1/6/span 3;
		margin-left: 5%;
	}

	.kit-det3 {
		grid-area: 9/1/9/span 3;
		margin-left: 5%;
	}

	.post-gap {
		display: none;
	}

	.con-sec {
		width: 100%;
		/*height: 45%;*/
		justify-content: end;
		flex: 0 1 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}


	.card-sec {
		/*width: 95%;*/
		flex: 1 1 100%;
		margin-top: 20px;
		margin-bottom: 20px;
		align-items: center;
	}

	.main-sec {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
		/*flex-wrap: wrap;*/
	}

	.btn-home-group {
		flex-direction: column;
	}

	.shop-sec {
		max-width: 150px;
		max-height: 100px;
	}


	.pd-l {
		padding-left: 4%;
	}

	.card-body {
		flex: 1 1 100%;
	}

	.al-f {
		align-items: center;

	}

	.card-1 {
		flex-wrap: nowrap;
	}

	.box {
		max-width: 540px;
	}

	main :nth-child(3) #item1 {
		order: 1;
	}

	main :nth-child(3) #item2 {
		order: 3;
	}

	main :nth-child(3) #item2 {
		order: 2;
	}

	.kit-specs {
		flex-direction: column;
	}

	.kit-col-gap {
		margin-left: 5px;
		margin-right: 5px;
	}

	.cart-img {
		display: none;
	}

	.t1b-btn-home {
		font-size: .9rem;
		/*		padding: .4rem .8rem;*/
		letter-spacing: 0.3em;
	}

	.t1b-btn-pdt {
		font-size: .8rem;
		/*padding: .1rem .2rem;*/
		letter-spacing: 0.2rem;
		height: 3rem;
	}


	.t1b-btn-dark {
		font-size: .8rem;
		/*padding: .1rem .2rem;*/
		width: max-content;
		height: 3rem;
		letter-spacing: 0.2rem;

	}


	.t1b-btn-light {
		font-size: .9rem;
		/*padding: .4rem .8rem;*/
		letter-spacing: 0.2rem;
	}

	.main-m-r {
		padding-right: 0px;
	}

	/*.slide img {
		height: 100vh;
	}*/

	.btn-home-group {
		bottom: 45%;
	}

	/*#slide2 {
		background-image: url('images/16-mer-replicator-rv.jpg');
	}

	#slide1 {
		background-image: url('images/2-mer-test-replicator-rv.jpg');
	}*/

	/*.slideshow-container {*/
	/* Set your preferred slideshow width */
	/*width: 100vw;
	}*/


}