li {
  list-style-type: none;
}
section {
/*   background: red; */
}
/* Marquee styles */
.marquee {
  --gap: 0rem;
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  width: 100%;
}
.btn-oranhe
{
  padding: 10px 29px;
    border-radius: 24px;
    color: #fff;

}

.footer1
{
  width: 100%;
  background: #000;
  position: fixed;
  bottom: 0px;
}
.footer1 ul
{
  margin: auto;
  display: FLEX;
  text-align: center;
  ALIGN-ITEMS: CENTER;
  JUSTIFY-CONTENT: CENTER;
}

.footer1 ul li
{
  margin: 16px 26px;
  background: green;
  padding: 9px;
  width: 40px;
  height: 40px;
  display: flex;
  border-radius: 10px;
}

.footer1 ul li a
{ 

  display: flex !important;

}




body
{
  position: relative;
}
.mq 
{
  background: #ff9c00;
}
.marquee__content {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  gap: var(--gap);
  min-width: fit-content;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

/* Enable animation */
.enable-animation .marquee__content {
  animation: scroll 19s linear infinite;
}

/* Attempt to size parent based on content. Keep in mind that the parent width is equal to both content containers that stretch to fill the parent. */
.marquee--fit-content {
  max-width: fit-content;
}

/* A fit-content sizing fix: Absolute position the duplicate container. This will set the size of the parent wrapper to a single child container. Shout out to Olavi's article that had this solution 👏 @link: https://olavihaapala.fi/2021/02/23/modern-marquee.html  */
.marquee--pos-absolute .marquee__content:last-child {
  position: absolute;
  top: 0;
  left: 0;
}

/* Enable position absolute animation on the duplicate content (last-child) */
.enable-animation .marquee--pos-absolute .marquee__content:last-child {
  animation-name: scroll-abs;
}

@keyframes scroll-abs {
  from {
    transform: translateX(calc(100% + var(--gap)));
  }
  to {
    transform: translateX(0);
  }
}

/* Other page demo styles */
.marquee__content > * {
  flex: 0 0 auto;
  color: #1f1f1f;
  font-size: 26px;
  font-weight: 600;
  margin: 2px;
  padding: 1rem 2rem;
  border-radius: 0.25rem;
  text-align: center;
}

.logo-white img {
  max-width: 200px !important;

}
.price
{

  border-bottom: 1px solid #ccc;
  padding-bottom: 11px;
  
}
.p1-btn
{
  width: 100%;
  padding: 7px;
  border-radius: 26px;
  background: #fe5422;
  color: #fff;
}
.price p
{ font-size: 48px;
  /* font-family: poppins; */
  font-weight: 600;
  margin-bottom: 0px !IMPORTANT;
  color: #2b8729;
}
.price p i
{
font-size: 39px !important;
}
.price p span
{
position: relative;
left: -9px;
}
.fe-de
{
  color: #b7b7b7 !important;
}
ul.fe li{
  display: flex;
}

ul.fe li span{
  width: 30px;
}
.active-fe
{
color: green;
}

ul.menu-1 a
{
  color: #000 !important;
}

.nav-bg
{
  border-radius: 8px !important;
  padding: 4px 17px !important;
  margin: 4px 0px !important;
}
.green
{
  color:green;
}
.orange
{
  color:#fe5423;
}
.yellow
{
  color:#ff9b00;
}

.orange-btn

{
  background-color:#fe5423 !important;
}

.primay-btn1
{
  background: #63ab46;
    color: #fff;
    padding: 10px 25px;
    border-radius: 27px;
    font-weight: 500;
}
#playButton
{

}
.hero-image button
{

  position: absolute;
  bottom: 10px;
  right: 10px;
  background: #fe5423;
  padding: 5px 23px;
  color: #fff;
  border-radius: 24px;
}



.hithere {
  -webkit-animation: hithere 1s ease infinite;
  animation: hithere 1s ease infinite;
}
@keyframes hithere {
  30% { transform: scale(1.2); }
  40%, 60% { transform: rotate(-20deg) scale(1.2); }
  50% { transform: rotate(20deg) scale(1.2); }
  70% { transform: rotate(0deg) scale(1.2); }
  100% { transform: scale(1); }
}
.navbar-toggler
{
  background-color: #000 !important;
}




@media (max-width: 600px) {
  .hero-wrapper .single-slider {
    padding: 127px 0 90px !important;
  }

  .logo-white img {
    max-width: 148px !important;
  }
}