@font-face {
 font-family: BarlowCondensedReg;
 src: url(https://kseblobstorage.blob.core.windows.net/sitefiles/Ball-Fonts/barlow/BarlowCondensed-Regular.otf);
}
@font-face {
 font-family: BarlowCondensedBold;
 src: url(https://kseblobstorage.blob.core.windows.net/sitefiles/Ball-Fonts/barlow/BarlowCondensed-Bold.otf);
}
body {
    background-color: #0e2240;
}

  section {
  overflow-x: hidden;
}

.secthead {
Background-color: #0e2240;
width: 100%;
height: auto;
padding: 0;
margin-top: 119px;
/* box-shadow: 0 -5px 25px 5px #888888; */
}

.sectplans1 {
Background-color: #f5f5f5;
width: 100%;
height: auto;
padding: 80px 0 60px 0;
/* box-shadow: 0 -5px 25px 5px #888888; */
}

.sectplans1 h1 {
  font-family: 'Oswald', sans-serif;
  font-size: 3rem;
  text-align: center;
}
.sectplans1 h2 {
  font-family: 'Oswald', sans-serif;
  font-size: 1.8rem;
  text-align: center;
}
.sectplans1 h3 {
  font-family: 'Oswald', sans-serif;
  font-size: 1.3rem;
  text-align: center;
  padding: 10px 0;
}

.sectplans {
Background-color: #fff;
width: 100%;
height: auto;
padding: 60px 0 60px 0;
/* box-shadow: 0 -5px 25px 5px #888888; */
}

.sectprice {
Background-color: #f5f5f5;
width: 100%;
height: auto;
padding: 60px 0 60px 0;
/* box-shadow: 0 -5px 25px 5px #888888; */
}


ul{
    background-image: url("assets/img/timeline-background.jpg");
}
ol, ul {
padding: 3rem;
}
.time li {
margin: 2rem;
}
.reveal{
position: relative;
transform: translateY(150px);
opacity: 0;
transition: 1s all ease;
}

.reveal.active{
transform: translateY(0);
opacity: 1;
}
.button {
  font-family: 'Oswald', sans-serif;
background-color: #fec524;
box-shadow: none;
border: none;
/*border-radius: 30px;*/
color: #0E2340;
text-transform: uppercase;
font-weight: 500;
font-style: normal;
padding: 0.8rem;
font-size: .9rem;
width: 250px;
max-width: 250px;
transition: all 0.3s ease 0s;
text-align: center;
margin: 1rem 0px;
    text-decoration: none;
}
.button2 {
font-family: 'Oswald', sans-serif;
background-color: #fff;
box-shadow: none;
border: none;
/*border-radius: 30px;*/
color: #0E2340;
text-transform: uppercase;
font-weight: 700;
font-style: normal;
padding: 0.8rem 2rem 0.8rem 2rem;
font-size: 1rem;
width: 450px;
max-width: 450px;
transition: all 0.3s ease 0s;
text-align: center;
margin: 1rem 0px;
    text-decoration: none;
}

.button3 {
background-color: #fec524!important;
  border: 3px solid #fec524!important;
  color: #0E2340!important;
}
.button4 {
padding: 15px 30px 15px 30px;
transition: 0.3s;
font-family: 'Oswald', sans-serif;
font-weight: 500;
font-size: 0.9rem;
color: #fff;
width: 100%;
border: 3px solid #0e2240;
background-color: #0e2240;
margin-bottom: 10%;
text-transform: uppercase;
text-decoration: none;
}

.button:hover {
color: #8a2432!important;
}

.button2:hover {
color: #fee59f!important;
}

.button3:hover {
color: #8a2432!important;
}

.button4:hover {
color: ##ffc800!important;
}

.accordion-button:not(.collapsed) {
color: #0E2340!important;
background-color: #D3D3D3!important;
    box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%)!important;
}

.largetext-top p {
font-size: 6rem;
line-height: 6rem;
text-transform: uppercase;
font-style: italic;
font-weight: 700;
text-align:left;
color: #fff;
text-shadow: 3px 3px 0px #000;
width: 500px;
margin-top: -20px;
}
.smalltext-top p{
font-size: 1.3rem;
color: #fff;
/*padding: 105px 184px;*/
text-transform: uppercase;
font-style: italic;
}
.smalltext-bottom p{
font-size: 1.1rem;
color: #fff;
/*padding: 170px 173px;*/
font-style: italic;
line-height: 1.5;
max-width: 1200px;
margin-top: -25px
}
.largetext p {
font-size: 4rem;
line-height: 5rem;
text-transform: uppercase;
font-style: italic;
font-weight: 700;
text-align:left;
text-shadow: 3px 3px 0px #cecece;
}

.smalltext p {
font-size: 1.2rem;
line-height: 1.4;
}

.contain-l {
position: absolute;
top:0;
max-width:400px;
padding: 300px 177px;
}

.contain-xl {
background-color: rgba(14, 35, 64, 0.7);
position: absolute;
right:0;
top: 5%;
max-width:800px;
padding:65px;
}
.bg-DNcrowd {
/*background-color: #0E2340;*/
background-image: url("assets/img/JM-Half-Background.jpg");
background-repeat: no-repeat;
height: 850px;
background-size: cover;
}

.bg-DNdark2 {
background-image: url("assets/img/bgDNdark2.jpg");
background-repeat: no-repeat;
}

.header-text p {
color: #0e2240;
padding-left: 4rem;
padding-bottom: 4rem;
}
.DN-sect h1 {
font-weight: 700;
font-style: italic;
font-size: 1.3rem;
line-height: 1.4rem;
/*margin: 0.5rem 0px;*/
max-width: 300px;
text-transform: uppercase;
}

.DN-sect {
/*margin: 0 auto;*/
margin-left: 40px;
margin-right: 40px;
}

/* Style the tab */
.tab {
/*overflow: hidden;
border: 1px solid #ccc;
background-color: #f1f1f1;*/
}

/* Style the buttons inside the tab */
.tab button {
padding: 15px 15px;
transition: 0.3s;
font-family: 'Oswald', sans-serif;
font-weight: 500;
font-size: 1rem;
color: #fff;
width: 100%;
border: 3px solid #0e2240;
background-color: #0e2240;
margin: 20px 0 10px;
text-transform: uppercase;
}

/* Change background color of buttons on hover */
.tab button:hover {
color: #fec524;
}

/* Create an active/current tablink class */
.tab button.active {
background-color: #fff;
color: #0E2340;
}

/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border-top: none;
}

.container-btn {
width: 50%;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
margin-right: auto;
margin-left: auto;
}
.container-main {
  width: 85%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

.container-plans {
  width:80%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
.container-card {
width: 100%;
max-width: 1300px;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
margin-right: auto;
margin-left: auto;
}

.container-FAQ {
width: 90%;
    max-width: 1300px;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
margin-right: auto;
margin-left: auto;
}

.container-Promo {
width: 60%;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
margin-right: auto;
margin-left: auto;
}
.contain-benefits {
background-image: url("assets/img/palette.png");
/*background-color: rgba(0, 0, 0, 0.7);*/
  display: flex;
    margin: 0 auto;
flex-direction: column;
  max-width: 1300px;
padding: 9rem;
background-size: contain;
background-position: 50% 0%;
background-repeat: no-repeat;
height: 800px;
}

.MG {
width: 23rem;
margin:0 auto;
margin-bottom: 45px;
transition: transform .2s; /* Animation */
}
.MG:hover {
transform: scale(1.05);
}

@media (max-width: 992px){
.MNav {
    margin-top: 30px;
    margin-bottom: 30px;
}
}
@media (max-width: 820px){
.Cont-Text {
 padding: 150px 20px 0 20px!important;
}
}

@media (max-width: 768px){
.middle {
 height: 375px!important;
 background-attachment: initial!important;
}
.Cont-Text {
 padding: 150px 20px 0 20px!important;
}
.contain-xl {
    background-color: rgba(14, 35, 64, 0.7);
    position: relative;
    right:0;
    top: 14%;
    max-width:800px;
    padding:65px;
}
.secthead {
  margin-top: 103px;
}
.bg-DNcrowd {
background-position: top;
height: 600px;
}
.largetext-top p {
font-size: 3rem;
line-height: 3rem;
text-transform: uppercase;
font-style: italic;
font-weight: 700;
text-align: left;
color: #fff;
text-shadow: 3px 3px 0px #000;
max-width: 300px!important;
}
.smalltext-top p{
font-size: 1.2rem;
color: #fff;
/*padding: 100px 23px;*/
text-transform: uppercase;
font-style: italic;
}
.smalltext-bottom p{
font-size: 1rem;
/*padding: 36px 23px;*/
}
.largetext p {
font-size: 2rem;
line-height: 2.6rem;
text-transform: uppercase;
font-style: italic;
font-weight: 700;
text-align:left;
}
.contain-l {
position: absolute;
top:0;
max-width:200px;
padding:180px 20px;
}
.contain-benefits {
background-image: url(assets/img/palette.png);
/* background-color: rgba(0, 0, 0, 0.7); */
display: flex;
flex-direction: column;
max-width: 100%;
padding: 40px;
background-size: cover;
background-position: 50% 0%;
background-repeat: no-repeat;
height: 1150px;
}
.MG {
width: 18rem;
margin:0 auto;
margin-bottom: 30px;
transition: transform .2s; /* Animation */
}
.MG:hover {
transform: scale(1.05);
}
.MNav {
 margin-top: 30px;
}
.container-Promo {
 width: 85%;
}
.DN-sect {
/*margin: 0 auto;*/
margin-left: 0;
margin-right: 0;
text-align: center;
}
.container-btn {
width: 75%;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
margin-right: auto;
margin-left: auto;
}
.container-plans {
width: 100%!important;
}
.price-mobile {
 padding: 0!important;
}
.table-mobile{
 margin-top: 3rem!important;
}
.mobilevid {
 height: 200px;
}
.page-section {
padding: 3rem 0;
}
}

.Cont-Text {
  padding: 205px 100px 0 185px;
}
.middle {
  height: 850px;
  background-image: url("../assets/img/Jamal-BB-Background.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.SoldOut p {
   font-size: 2.5rem;
   color: red;
   text-transform: uppercase;
   font-style: italic;
   font-weight: 700;
   text-align:left;
}
@media (min-width: 768px) {
section {
  padding: 0 0;
}
}

table, td {
   border: 1px solid black;
   border-collapse: collapse;
}
.midtext1 {
color: #000000;
font-family: 'Oswald', sans-serif;
font-size: 1.3rem;
padding: 20px;
font-weight: 500
}
.midtext2 {
color: #000000;
font-family: 'Oswald', sans-serif;
font-size: .9rem;
padding: 20px;
font-weight: 400
}
.midtextHD {
background-color: #0e2240;
width:100%;
height: 75px;
}
.midtextHD2 {
background-color: #0e2240;
width:100%;
}
.midtextHD p {
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 1.5rem;
text-align: center;
text-transform: uppercase;
font-weight: 400;
margin-top: 1rem;
font-style: italic;
}
.midtextHD2 p {
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 1rem;
text-align: center;
text-transform: uppercase;
font-weight: 400;
margin-top: 0.3rem;
margin-bottom: 0.3rem;
font-style: italic;
}
.textHD p {
color: #000;
text-align: center;
font-family: 'Oswald';
font-size: 2.5rem;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 2rem;
font-style: italic;
}
.textHD2 p {
color: #000;
text-align: center;
font-family: 'Oswald';
font-size: 1.5rem;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 2rem;
font-style: italic;
}
.table-pricing-color {
   float: left;
   width: 1em;
   height: 1em;
   margin: 5px 5px 5px 5px;
   border-width: 1px;
   border-style: solid;
   border-color: #000000;
}

.sect-foot {
   padding: 10rem 0 5rem 0;
}

.bg-DNdarkfooter {
   background-color: #0e2240;
}