:root  {
	--bs-dark-rgb: 10, 15, 32;
	--amk-blue-light: #9399b6;
	--amk-blue-mid: #303f71;
	--amk-blue-dark: #161f3d;
	--amk-orange: #eb5500;
	--amk-orange-dark: #ca4900;
	--amk-orange-light: #ff7629;
	--amk-green: #009707;
	--amk-bg-light: #315191;
	--amk-bg-dark: #20325f;
	--amk-bg-darkest: #172341;
	--amk-grey-dark: #1a1a1a;
	--amk-grey: #313131;
	--amk-grey-light: #999999;
	--amk-alt: #f7ddcd;
  	--amk-red: #c50000;
    --amk-red-dark: #371915;
    --amk-red-light: #ff0000;
    --bs-light-rgb: 242, 242, 242;
}

body {
	color: var(--amk-blue-mid);
}

/* Color Utilities */
.text-blue-light {
	color: var(--amk-blue-light);
}

.text-green {
	color: var(--amk-blue-light);
}

.text-orange {
	color: var(--amk-orange);
}

.text-orange-light {
	color: var(--amk-orange-light);
}

/* Buttons */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--amk-orange);
    --bs-btn-border-color: var(--amk-orange);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--amk-orange-dark);
    --bs-btn-hover-border-color: var(--amk-orange-dark);
    --bs-btn-focus-shadow-rgb: 253, 116, 49;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--amk-orange-light);
    --bs-btn-active-border-color: var(--amk-orange-light);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--amk-orange-light);
    --bs-btn-disabled-border-color: var(--amk-orange-light);
    -webkit-box-shadow: 2px 2px 15px 4px rgba(0,0,0,0.08); 
    box-shadow: 2px 2px 15px 4px rgba(0,0,0,0.08);
}

.btn-primary, .sppb-btn-primary {
    border-color: var(--bs-btn-border-color);
    background-color: var(--bs-btn-bg);
}

.btn-primary:hover, .sppb-btn-primary:hover {
    border-color: var(--bs-btn-hover-bg);
    background-color: var(--bs-btn-hover-bg);
    -webkit-box-shadow: 2px 2px 15px 4px rgba(0,0,0,0.12); 
    box-shadow: 2px 2px 15px 4px rgba(0,0,0,0.12);
}

a.btn:focus {
	color: var(--bs-btn-color);
}

.box-shadow {
  -webkit-box-shadow: 2px 2px 10px 4px rgba(0,0,0,0.2); 
box-shadow: 2px 2px 10px 4px rgba(0,0,0,0.2);
}

.btn-alt {
    background: white;
    border: 2px solid var(--amk-red);
    font-weight: 500;
  -webkit-box-shadow: 2px 2px 10px 4px rgba(0,0,0,0.5); 
box-shadow: 2px 2px 10px 4px rgba(0,0,0,0.5);
  color: black;
  font-family: 'Merriweather', sans-serif;
}

.btn-alt:hover, .btn-alt:active, .btn-alt:focus, .btn-alt:focus-within, :not(.btn-check)+.btn.btn-alt:active, .btn.btn-alt:first-child:active {
    background: white;
    border: 2px solid var(--amk-red);
  color: var(--amk-red);
}

.btn-alt strong {
    color: var(--amk-red);
}

@media screen and (max-width: 600px) {
  .btn-alt {
    font-size: .875em;
  }
}

@media screen and (min-width: 768px) {
  .btn-sticker {
  position: absolute;
    z-index: 2000;
    bottom: 0%;
    right: 0%;
}}

/* Paddings and Margins */

/* Various */
.seperator {
  height: 100%;
  width: 1px;
  background: black;
  margin: auto;
  }

.sp-scroll-up, .sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
  background: var(--amk-orange);
}

.table-dark {
      --bs-table-border-color: #ffffff29;
}

.py-6 {
  padding: 4rem 0;
}

.pt-6 {
padding-top: 4rem;
  }

.pb-6 {
  padding-bottom: 4rem;
}

/* Size Utilities */
.mw-990 {
	max-width: 990px;
	width: 100%;
}

.mw-800 {
	max-width: 800px;
	width: 100%;
}

.mw-400 {
	max-width: 400px;
	width: 100%;
}

.mw-200 {
	max-width: 200px;
	width: 100%;
}
/*.form-row {
    max-width: 676px;
} */
/* Text */

h1, h2, h3, .serif {
	font-family: 'Merriweather', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--amk-bg-dark);
}

.row-hero h1 {
  color: white;
}

.bg-dark h2, .bg-gradient h2 {
  color: var(--amk-orange);
}

.text-shadow {
    text-shadow: 0px 0px 5px #000000;
}

p a {
  color: var(--amk-orange);
  font-weight: 500;
  text-decoration: underline;
}
p a:hover, p a:active, p a:focus {
  color: var(--amk-orange-dark);
  font-weight: 500;
}

/* Tables */
	.table-dark {
	    --bs-table-bg: transparent;
	}
	
	td {
		font-weight: 300;
	}
	
/* Sections */

.img-wrapper {
    max-width: 767px;
    width: 100%;
    position: relative;
    margin: 0 auto;
}

.frdom {
  padding: 2rem 0rem;
}

#sp-highlights, #sp-details {
    border-top: 1px solid var(--amk-orange);
    border-bottom: 1px solid var(--amk-orange);
}
.bg-dark {
	background: rgb(22,31,61);
	background: linear-gradient(180deg, rgba(22,31,61,1) 0%, rgba(12,19,43,1) 100%);
	color: white;
}

.bg-gradient {
	background: var(--amk-bg-dark);
	background: linear-gradient(180deg, var(--amk-bg-light) 0%, var(--amk-bg-dark) 100%)!important;
	color: white;
}

.bg-alt {
	background: var(--amk-alt)!important;
}

.row-hero {
	background-color: #0c132b;
	background-image: url(/images/backgrounds/bg1.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.row-details {
	background-image: url(/images/backgrounds/bg3.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tip .tooltiptext {
  visibility: hidden;
  width: 130px;
  background-color: var(--amk-blue-dark);
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  opacity: 0;
  transition: opacity 1s;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tip .tooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent var(--amk-blue-dark) transparent;
}

/* FAQ */
.accordion-button:not(.collapsed) {
    color: var(--amk-bg-light);
    background-color: white;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--amk-bg-light);
}

.accordion-button:focus {
    border-color: var(--amk-bg-light);
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--amk-bg-light);
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon);
}

/* Zoom */
.zoom {
    max-width: 500px;
    max-height: 500px;
    overflow: hidden; 
	width: 100%;
	height: 100%;
}

.zoom img {
    width: 100%;
    height: 100%;
	max-width: 100%;
	max-height: 100%;
    transition: all 2s ease-in-out;
}

.zoom:hover img {
    transform: scale(2, 2);
    cursor: pointer;
     overflow: hidden;
}