body {
  background-color: #00141f;
  margin: 0px;
  padding: 0px;
}

.txt--no-transform {
	text-transform: none !important;
}

.wrapper {
  overflow: hidden;
}


h1, h2, h3, h4, h5,h6 
{
  text-transform: none !important;
}
li {
  position:static !important;
}
ul li::before {
  content: none!important;
}
.video--style {
  background-color:inherit !important;
  border:none!important;
  box-shadow:none !important;
}
.discountHeader {
  width: 100%;
  min-height: 72px;
  background: #008889;

  >.headerContent {
    display : flex;
       justify-content: end;
        align-items: center;
    >h1 {
      
      font-family: "Lato";
      font-style: normal;
      font-weight: 400;
      font-size: 24px;
      line-height: 29px;
      color: #ffffff;
      text-align: center;
    }
  }

  >.headerTimer {
    display : flex;
       justify-content: start;
        align-items: center;
    >h1 {
      font-family: "Lato";
      font-style: normal;
      font-weight: 700;
      font-size: 40px;
      line-height: 48px;
      color: #ffffff;
    }
  }
}

.headerLogo{
  margin-top: 71px;
}

.headerLogo {
  >img {
    margin-left: 2px;
    height: 62px;
    width: 60px;
  }
}

.heroContent {
  
  >h1 {
    text-transform: none;
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    color: #E0E0E0;
    text-align: center;
    width: 95%;
  }

  >h2 {
    height: 39px;
    font-family: "Lexend Mega", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #ffffff;

    >img {
      width: 54px;
      height: 56px;
    }
  }

  >hr {
    width: 500px;
    height: 1px;
    background-color: #ffffff;
    opacity:1.25;
  }

  >h3 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #fff614;
    width: 95%;
  }

  >h4 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    color: #ffffff;
    text-align: center;
    width: 90%;
  }


  .vidyard-player-container
  {
  width:72% !important;
  }
  
  
  >button {
    background: #ff0202;
    line-height: 54px;
    border: none;

    hover {
      background: #ff5555;
    }

    >a {
      display: block;
      text-decoration: none;
      color: #ffffff;
    }

    h5 {
      font-family: "Lexend Mega";
      font-style: normal;
      font-weight: 700;
      font-size: 24px;
      color: #ffffff;
    }
  }

}

.frame {
  height: auto;
  background: #ffffff;

  >h1 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 900;
    font-size: 40px;
    line-height: 48px;
    color: #000000;
    text-align: center;
  }

  >h2 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 350;
    font-size: 36px;
    color: #000000;
    text-align: center;
  }

  >h3 {
    width: 55%;
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    color: #000000;
  }

  >h4 {
    width: 78%;
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    color: #000000;
  }

  .red {
    color: red;
    font-weight: bold;
  }

  >img {
    >child1 {
      height: 363px;
    }

    /* Screenshot 2024-02-09 at 5.08 2 */
    >child2 {
      height: 204px;
      width: 172px;
    }

    /* Screenshot 2024-02-09 at 5.10 1 */
    >child3 {
      height: 363px;
    }
  }
}
.logo-image{
  position:absolute;
  margin-bottom:0px;
  margin-left:2px;
  >img {
    max-width: 100%;
    height: auto;
    width: 45px;
    margin-bottom: 0;
}


}
.logo {
  /* height: auto; */
  margin-left:55px; 

  >h1 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-size: 64px;
    line-height: 77px;
    text-align: center;
    color: #ffffff;
  }
  >h2 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 350;
    font-size: 24px;
    line-height: 55px;
    text-align: center;
    color: #ffffff;
  }

  >h3 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 350;
    font-size: 24px;
    line-height: 55px;
    text-align: center;
    color: #ffffff;
  }

  hr {
    font-weight: 100;
    margin: 30%;
    background-color: white;
    border: 0;
    height: 2px;
    opacity: 2.25;
  }

  >h4 {
    height: auto;
    /* Adjust height as needed */
    width: 100%;
    /* Adjust width as needed */
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 70px;
    text-align: center;
    color: #ffffff;

    .highlight {
      font-family: "Lemon";
      font-style: normal;
      font-weight: 400;
      font-size: 36px;
      line-height: 47px;
      text-decoration-line: underline;
      color: #fff614;
    }
  }

  /* > img {
    .child1 {
    }
    .child2 {
    }
  } */
  >h5 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 60px;
    text-align: center;
    color: #ffffff;
  }

  >h6 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 55px;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

    .highlight {
      font-size: 80px;
      line-height: 96px;
      color: #fa0000;
      text-decoration: underline;
      text-underline-offset: 1rem;
    }

    .red {
      color: #fa0000;
    }
  }

  >img {
    width: auto;
    height: 382px;
  }
}

.frame2 {
  width: 100%;
  background: #ffffff;

  >h1 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 77px;
    text-align: center;
    color: #000000;
  }
  .vidyard-player-container
  {
width:60% !important;
  }
  >video {
    width: 600px;
    /* Adjust as needed */
    height: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    overflow: hidden;
  }

  >h2 {
    width: 100%;
    height: auto;
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 85px;
    text-align: center;
    color: #000000;

    .highlight4 {
      font-weight: 700;
      font-size: 64px;
      color: #ff0202;
    }

    .red {
      font-weight: bold;
      color: #ff0202;
    }
  }

  >img {
    width: 100%;
    height: auto;
  }
}
.img-class{
  .child1{
    width:75%;
    height: auto;
  }
  .child2{
    width:100%;
    height:auto;
  }
}
.frame3 {
  background: #00141f: width: 100%;

  >h1 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    color: #ffffff;
  }

  >img {
    height: auto;
  }

  >h2,
  h3,
  h4,
  h5 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 75px;
    text-align: center;
    /* Center the text horizontally */
    color: #ffffff;

    .red {
      color: #ff0202;
    }
  }

  hr {
    font-weight: 100;
    width: 80%;
    margin: 5%;
    background-color: white;
    border: none;
    height: 5px;
    opacity: 2.725;
  }

  >h6 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 77px;
    text-align: center;
    color: #fa0000;
    text-decoration: line-through;
  }

  >h7 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-size: 96px;
    line-height: 140px;
    text-align: center;
    color: #05fa00;
    text-decoration: underline;
    text-underline-offset: 2rem;
  }

  >button {
    height: 50px;
    background: #ff0202;
    
    border: none;

    hover {
      background: #ff5555;
    }

    >a {
      display: block;
      text-decoration: none;
      color: #ffffff;
    }

    h8 {
      font-family: "Lexend Mega";
      font-style: normal;
      font-weight: 700;
      font-size: 24px;
      color: #ffffff;
    }
  }

  h9 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #ffffff;
    width:65%;
    .p{
      line-height:2.5;
    }
  }

  >h10 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 77px;
    text-align: center;
    color: #ffffff;
  }
}

.frame4 {
  background: #00141f;

  >img {
    width: 100%;
    /* Make the image fill the container */
    height: auto;
  }

  h1 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #ffffff;
  }

  h2 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 550;
    font-size: 20px;
    line-height: 29px;
    text-align: center;
    color: #ffffff;
  }

  h3 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 58px;
    color: #ffffff;
  }

  >button {
    background: #ff0202;
    height: 54px;

    border: none;

    hover {
      background: #ff5555;
    }

    >a {
      display: block;
      text-decoration: none;
      color: #ffffff;
    }

    h4 {
      font-family: "Lexend Mega";
      font-style: normal;
      font-weight: 700;
      font-size: 24px;
      color: #ffffff;
    }
  }

  hr {
    font-weight: 100;
    width: 80%;
    margin: 5%;
    background-color: white;
    border: none;
    height: 5px;
    opacity: 2.725;
  }

  >h5 {
    height: 39px;
    font-family: "Lexend Mega", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #ffffff;

    >img {
      width: 45px;
      height: 47px;
    }
  }

  h6 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    color: #ffffff;
  }
  h6_1 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    color: #ffffff;
  }

  >img {
    .child2 {
      width: 60%;
    }
  }

  h7 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 550;
    font-size: 96px;
    line-height: 115px;
    color: #ffffff;
  }

  h8 {
    font-family: "Lato";
    font-style: bold;
    font-weight: 500;
    line-height: 25px;
    font-size: 32px;
    color: #ffffff;
  }

  h9 {
    font-family: "Lato";
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    font-size: 20px;
    color: #ffffff;
  }

}

.footer {
  background-color: #00141f;
  color: gainsboro;
  /* display: flex;
  align-items: center;
  justify-content: space-between; */
  padding: 20px;

  .nav-footer {
    display: flex;
    align-items: center;
    gap: 35px;
  }

  .nav__link {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    background-image: linear-gradient(to right,
        #fff,
        #fff 33.33333%,
        #04e6e6 66.66666%,
        #009291);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 300% 100%;
    background-position: bottom left;
    transition: background-position 0.3s ease-in-out;
  }

  .nav__link:hover {
    background-position: top right;
  }

}

.teamCard {
  row-gap: 20px;
}

.teamCard1 {
  row-gap: 10px;
}



@media screen and (max-width: 425px) {
 
  .educationalContent {
    padding: 0px;

    >li {
      >h3 {
        font-size: 24px;
      }
    }
  }

  .frequentlyAsked {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-size: 45px !important;
    line-height: 40px !important;
    color: #05fa00;
  }

  .footer {
    flex-direction: column;
  }
}

@media screen and (min-width: 768px) {
   .a-brand{
    line-height: 90px;
  }
  .whatYouGot {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-size: 78px !important;
    color: #ffffff;
  }
}
@media screen and (min-width: 1280px) {
 
  .whatYouGot {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-size: 90px !important;
    color: #ffffff;
  }
}

/* .whatYouGot {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-size: 120px !important;
  color: #ffffff;
} */

.educationalContent {
  >li {
    >button {
      background: #ff0202;
      height: 54px;

      border: none;

      hover {
        background: #ff5555;
      }

      >a {
        display: block;
        text-decoration: none;
        color: #ffffff;
      }

      h4 {
        font-family: "Lexend Mega";
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        color: #ffffff;
      }
    }
  }
}

.child2 {
  height: 100%;
  width: 40%;
}
.sideLogo{
  position:relative;
  width:100%;
  >img{
    left:-4%;
    position: absolute;
    height:47px;
    width:45px;
    bottom:-45%;
  }
}
@media (max-width: 400px) {
  .sideLogo img {
    left: 0%;
    bottom: -19%;
  }
}
@media (min-width: 401px) and (max-width: 500px) {
  .sideLogo img {
    left: -7%;
    bottom: -13%;
  }
}
  @media (min-width: 501px) and (max-width: 570px) {
    .sideLogo img {
      left: -1%;
      bottom: -15%;
    } 
}
@media (min-width: 571px) and (max-width: 690px) {
  .sideLogo img {
    left: -1%;
    bottom: -50%;
  } 
}
@media (min-width: 690px) and (max-width: 767px) {
  .sideLogo img {
    left: -1%;
    bottom: -30%;
  }
}
  @media (min-width: 768px) and (max-width: 914px) {
    .sideLogo img {
      left: -9%;
      bottom: -18%;
    }
}
@media (min-width: 841px) and (max-width: 914px) {
  .sideLogo img {
    left: -6%;
    bottom: -45px;
  }
}

@media(max-width:400px)
{
  .discountHeader
  {
    .headerContent{
      h1{
        font-size:18px;
      }
    }
      .headerTimer{
        justify-content: center;
        h1{
        font-size:32px;
        }
      }
    }
  .heroContent{
    h1{
      width:95%;
      font-size:18px;
    }
    h2{
      font-size:16px;
    }
    hr{
      width:280px;
    }
    h3{
       font-size:18px;
    }
    h4{
      font-size:18px;
    }
    button
    {
      width:82%;
      h5{
        font-size:18px;
      }
    }
  }
  .frame
  {
    h1{
      font-size: 30px;

    }
    h2{
      font-size: 26px;
    }
    h3,h4{
      font-size: 16px;
      line-height: 33px;
      width: 80%;
    }
  }
  .logo{
    margin-left: 0px;
    h1{
      font-size: 40px;
      line-height: 55px;

    }h2, h3{
      font-size: 16px;
      line-height: 40px;

    }

    h4 {
      font-size: 24px;
      line-height: 55px;
      .highlight
      {
        font-size: 28px;
      }
    }
    h5{
      font-size: 22px;
    line-height: 44px;
    }
    h6{
      font-size: 25px;
      line-height: 34px;
      .highlight
      {
        font-size: 50px;
      }
    }
    h6
  }

.frame2{
  h1{
    font-size: 32px;
    line-height: 45px;

  }h2{
    font-size: 24px; 
    line-height: 50px;
    .highlight4{
      font-size: 35px; 
    }
  }
}
.img-class{
  .child1{
    width:50%;
    height: auto;
  }
  .child2{
    width:75%;
    height:auto;
  }
}
.frame3{
  h1{
    font-size: 40px;  
  }
  h2,h3,h4,h5
  {
    font-size: 26px; 
    line-height: 40px;
  }
  h6{
    font-size:40px;
    line-height: 55px;
  }
  h7{
    font-size:50px;
    line-height: 90px;
    text-underline-offset: 1rem;
  }
  button{
    height: 80px;
  
  h8{
    font-size:16px;
  }
}
h9{
  font-size: 19px;
  width:100%;
  line-height: 26px;
  p{
    line-height:1.5 !important;
  }
}
h10{
  font-size: 33px;
  line-height: 50px;
}
}
.frame4{
  h1{
    font-size: 20px;
  }
  h2{
    font-size: 18px;
  }
  h3{
    font-size:36px;
    line-height:27px;
  }
  button{
    height:76px;
   h4{
    font-size: 18px;
   }
  }
  h5{
    font-size:16px;
  }
  h6{
    font-size: 44px !important;
      line-height: 50px !important;
  }
  h6_1{
    font-size: 18px;
      line-height: 26px;
  }
  h7{
    font-size: 50px !important;
    line-height: 55px !important;
  }
  h8{
    font-size: 25px;
    font-weight:bold;
  }
  h9{
    font-size: 18px;
  }
}
.educationalContent{
  li{
    button{
      height: 72px;
  h4{
    font-size:16px;
  }
}
  }
}
}
@media(min-width:401px) and (max-width:767px)
{
  .discountHeader
  {
    .headerContent{
      h1{
        margin-top:10px;
        margin-right: 20%;
        font-size:20px;
      }
    }
      .headerTimer{
        justify-content: center;
        h1{
        font-size:32px;
        }
      }
    }
  .heroContent{
    h1{
      font-size:22px;
    }
    h2{
      font-size:18px;
    }
    hr{
      width:280px;
    }
    h3{
       font-size:20px;
    }
    h4{
      font-size:20px;
    }
    button
    { 
      height: 53px;
      h5{
        font-size:18px;
      }
    }
  }
  .frame
  {
    h1{
      font-size: 36px;

    }
    h2{
      font-size: 32px;
    }
    h3,h4{
      width: 88%;
      font-size: 20px;
    }
  }
  .logo{
    margin-left: 0px;
    h1{
      font-size: 45px; 
      line-height: 60px;

    }h2, h3{
      font-size: 20px;
      line-height: 40px;

    }

    h4 {
      font-size: 28px;
      line-height: 55px;
      .highlight
      {
        font-size: 30px;
      }
    }
    h5{
      font-size: 26px;
      line-height: 45px;
    }
    h6{
      font-size: 28px;
      line-height: 45px;
      .highlight
      {
        font-size: 55px; //72
      }
    }
    h6
  }

.frame2{
  h1{
    font-size: 36px; 
    line-height: 47px;

  }h2{
    font-size: 26px;
    line-height: 50px;

    .highlight4{
      font-size: 37px; 
    }
  }
}
.img-class{
  .child1{
    width:50%;
    height: auto;
  }
  .child2{
    width:75%;
    height:auto;
  }
}
.frame3{
  h1{
    font-size: 40px;
  }
  h2,h3,h4,h5
  {
    font-size: 30px; 
    line-height: 44px;
  }
  h6{
    
      font-size: 48px;
      line-height: 55px;
  }
  h7{
    font-size: 58px !important;
    line-height: 95px !important;
    text-underline-offset: 1rem;
  }
  button{
    height: 54px;
  
  h8{
    font-size:18px;
  }
}
h9{
  font-size:25px;
  width:100%;
}
h10{
  font-size: 35px;
  line-height: 50px;
}
}
.frame4{
  h1{
    font-size:22px;
  }
  h2{
    font-size:20px;
  }
  button{
    height:58px;
   h4{
    font-size: 18px;
   }
  }
  h3{
    font-size:24px;
    line-height:27px;
  }
  h6{
    
    font-size: 46px !important;
    line-height: 52px !important;
}
h6_1 {
  width:92%;
  font-size: 18px;
  line-height: 26px;
}
  h7{
    font-size: 50px !important;
    line-height: 60px !important;
  }
  h8{
    font-size: 28px;
    font-weight:bold;
  }
  h9{
    font-size: 20px;
  }
}
.educationalContent{
  li{
    button{
      height: 58px;
  h4{
    font-size:18px;
  }
}
  }
}
}
@media(min-width:768px) and (max-width:1280px)
{
  .frame
  {
    h1{
      font-size: 38px;

    }
    h2{
      font-size: 34px;
    }
    h3,h4{
      font-size: 22px;
    }
  }
  .logo{
    margin-left: 45px;
    align-items: center;
    h1{
      font-size: 58px;
      line-height: 60px;

    }h2, h3{
      font-size: 20px;
      line-height: 40px;

    }

    h4 {
      font-size: 30px;
      line-height: 55px;
      .highlight
      {
        font-size: 32px;
      }
    }
    h5{
      font-size: 30px;
      line-height: 45px;
    }
    h6{
      font-size: 33px;
      line-height: 45px;
      .highlight
      {
        font-size: 74px;
      }
    }
    h6
  }

.frame2{
  h1{
    font-size: 52px;
    line-height: 55px;

  }h2{
    font-size: 44px; 
    line-height: 65px;
    .highlight4{
      font-size: 60px; 
    }
  }
}

.frame3{
  h2,h3,h4,h5
  {
    font-size: 42px; 
    line-height: 55px;
  }
  h6{
    font-size:62px;
    line-height: 70px;
  }
  h7{
    font-size:88px;
    line-height: 120px;
    text-underline-offset: 1rem;
  }
  button{
    /* height: 50px; */
  
  h8{
    /* font-size:22px; */
  }
}
h9{
  font-size:27px;
  width:100%;
}
h10{
  font-size: 54px;
  line-height: 65px;
}
}
.frame4{
  
  h3{
    font-size:42px;
    line-height:42px;
  }
  h6{
    font-size: 25px;
      line-height: 30px;
  }
  h7{
    font-size: 90px;
  }
}
.educationalContent{
  li{
    button{
  h4{
    font-size:22px;
  }
}
  }
}
}
@media (max-width: 767.98px) { 
  .headerLogo {
    margin-top: 100px;
  }
 }

@media (max-width: 575.98px) { 
  .headerLogo {
    margin-top: 118px;
  }
 }

.SalesPageBtn-Enroll {
  border-radius: 27px;
  padding: 10px 25px;
}