header {
	position: sticky;
	top: 0;
	z-index: 1000;
	padding: 15px 40px;
	background: linear-gradient(339deg, rgb(184 184 184 / 88%), rgb(228 220 220 / 70%));
	background-image: linear-gradient(rgb(226 225 225 / 88%), rgb(255 255 255 / 70%));
	border-bottom: 2px solid #0082f6;
	box-shadow: 0px 10px 19px #0082f6;
	backdrop-filter: blur(6px);
}

#myDiv {
	background-color: red;
	bottom: 0;
	width: 100%;
	left: 0;
	padding: 20px 0 0;
	font-size: 20px;

	opacity: 1;
	visibility: visible;
	transform: translateY(0);

	transition:
	opacity 250ms ease,
	visibility 250ms ease,
	transform 250ms ease;
}

#myDiv.cta-hide {
	opacity: 0;
	visibility: hidden;
	transform: translateY(100%);
	pointer-events: none;
}

.pd-inside {
    padding-top: 5px;
    padding-bottom: 5px;
}

.lead{
	font-weight: 400!important;
}

.mb-shadow{
	border-bottom: 2px solid #0082f6;
	box-shadow: 0px 10px 19px #0082f6;
}

.fw-link{
	font-size: 1.2rem !important;
	font-weight: 600 !important;
	transition: font-size 0.2s ease-out !important;
}
.fw-link:hover{
	font-size: 1.3rem !important;
	cursor: pointer !important;
	transition: font-size 0.2s ease-out !important;
	text-shadow: 0px 0px 5px #0082f6;
}
.bg-ctagold{
	background-color: #0082f6 !important;
	color: white !important;
}

.featurette-heading {
	font-size: 3rem;
}

.mtop{
	border-top: 1px solid #0082f6;
}

.mt-xl{
	padding-top: 10rem;
}

.bg-letter-grey{
	color: #212529;
}

.navlink-color{
	color: #212529 !important;
}

.bg-greenfont{
	color: #03c700 !important;
}

.backsuccess{
	background-color: #03c700 !important;
}

.custom-tooltip {
	width: 80% !important;
}

.bg-electronics{
	background-color: #242424;
}

.tb-padd{
	padding-top: 10px;
	padding-bottom: 10px;
}

.mr-electronics{
	border-right: 2px solid black;
}

.mr-electronics:hover {
	background: #0082f6;
}

.text-options{
	font-size: 10px !important;
}

::marker {
	color: red;
}

/*Q&A*/

.accordion-button:not(.collapsed) {
	background-color: #0082f6 !important;
	color: white!important;
}

.accordion-button:focus {
	box-shadow: 0px 0px 0 0.15rem #0082f6!important;
}


/*Breakpoints*/
/*pc/laptop*/
@media (min-width: 62em) {
	.mtopxl {
		margin-top: 3rem;
	}
}

/*table*/
@media (max-width: 767.98px) {
	.mt-xl{
		padding-top: 17rem;
	}
	.mt-tablet{
		margin-top: 5rem;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
	.mt-xl{
		padding-top: 23rem;
	}
	.mt-tablet{
		margin-top: 5rem;
	}
}

/*smartphone*/
@media (max-width: 575.98px) { 
	.col-w{
		width: 100% !important;
	}
	.mt-xl{
		padding-top: 5rem;
	}

	.mt-tablet{
		margin-top: 0rem;
	}
}


/*L-XL sizes >tablet &  <laptop*/
@media (min-width: 991px) and (max-width: 1200px) {
	.mt-xl{
		padding-top: 17rem;
	}
}
