body{
	background-color: #102A43 !important;
	color: white !important;
}

header {
	position: sticky;
	top: 0;
	z-index: 1000;	
	background-color: #102A43;	
	border-bottom: 1px solid #DB0F00;
	box-shadow: 0px 13px 19px #DB0F00;
	backdrop-filter: blur(6px);
	color: white !important;
}

.navbar{
	--bs-navbar-nav-link-padding-x: 1.2rem !important;
}

.accordion{
	--bs-accordion-color: white !important;
	--bs-accordion-bg: transparent !important;
	--bs-accordion-border-color: #DB0F00 !important;
	box-shadow: 0px 7px 50px #DB0F00;
}

.card{
	--bs-card-color: white !important;
	--bs-card-bg: transparent !important;
	--bs-card-border-color: #DB0F00 !important;
	color: white !important;
	/*box-shadow: 0px 0px 25px #DB0F00;*/
}

.accordion-button {
	color: white !important;
}

.text-strong{
	color: #DB0F00;
}

#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: 1px solid #DB0F00;
	box-shadow: 0px 10px 19px #DB0F00;
}

.fw-link{
	font-size: 1.2rem !important;
	font-weight: 600 !important;
	transition: font-size 0.2s ease-out !important;
	color: white !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;
}

.dropdown-menu{
	background-color: #1e3f5f !important;
}

.bg-ctagold{
	background-color: #DB0F00 !important;
	color: white !important;
}

.bg-grenbtn{
	background-color:  #03c700 !important;
	color: white !important;;
}

.featurette-heading {
	font-size: 3rem;
}

.mtop{
	border-top: 1px solid #DB0F00;
}

.mt-xl{
	padding-top: 10rem;
}

.bg-letter-grey{
	color: #212529;
}

.navlink-color{
	color: #212529 !important;
}

.bg-greenfont{
	color: #03c700 !important;
}

.bg-yellowfont{
	color: #ffd400 !important;
}
.backsuccess{
	background-color: #03c700 !important;
}

.custom-tooltip {
	width: 80% !important;
}

.bg-electronics{
	background-color: #DB0F00;
}

.tb-padd{
	padding-top: 20px;
	padding-bottom: 20px;
}

.mr-electronics{
	border-right: 2px solid black;
}

.mr-electronics:hover {
	background: #0082f6;
}

.text-options{
	font-size: 10px !important;
}

::marker {
	color: #DB0F00;
}

/*Q&A*/

.accordion-button:not(.collapsed) {
	background-color: #DB0F00 !important;
	color: white!important;
}

.accordion-button:focus {
	box-shadow: 0px 0px 0 0.15rem #DB0F00!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;
	}
}