.search.search-open input[type="text"].search-input {
    width: 337px;
    margin-left: -337px;
}

#nav-bar .nav-menu ul li:nth-child(3) {
    display: none;
}

ul.login-pill {
    width: 100%;
    gap: 10px;
    justify-content: center;
    margin: 10px 0;
}

ul.login-pill li button {
    padding: 0px;
    max-width: 100%;
    width: 152px;
    height: 40px;
    background: #fff;
    border-radius: 30px !important;
    color: #838383 !important;
    border: 2px solid #838383;
}


ul.login-pill li button.active {
    opacity: 1;
    background: #fff !important;
    border-color: #1871ac;
    color: #1871ac !important;
}

.signup-heading h3 {
    margin-bottom: 0px !important;
}

.signup-block-main-block {
    top: 0px !important;
}

.signup-heading {
    padding-top: 20px !important;
}

.signup-block-main-block {
    top: 0px;
    padding: 40px 0;
}

.categories-block a img {
    /* width: 250px !important; */
    /* height: 250px !important; */
    object-fit: contain !important;
    border-radius: 5px;
}

.contact-img h3 {
    right: 50% !important;
    transform: translateX(50%) !important;
    opacity: 1 !important;
    color: #007dfe;
    text-transform: capitalize !important;
}

img.list-quiz {
    width: 20px;
}

.quiz-main-block .card .card-content .card-title {
    text-align: center;
    margin-top: -10px;
}

.quiz-main-block .card .card-content p {
    text-align: center;
}

button.cart-wishlisht-btn {
    display: none;
}

button.cart-remove-btn {
    position: absolute;
    bottom: 45px;
    right: -7.1rem;
    padding: 5px 15px;
    background: #F44336;
    border-radius: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    z-index: 9;
}

 .popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  display: none;
}

.popup-content {
  background: white;
  padding: 20px 30px;
  border-radius: 8px;
  text-align: center;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.close-button {
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 24px;
  cursor: pointer;
}

.quiz-button {
  margin-top: 15px;
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}
.quiz-button:hover {
  background-color: #0056b3;
}
.hero-section {
    padding: 60px 20px;
    background: #f9f9f9;
}

.text-content h1 {
    font-size: 65px;
    margin-bottom: 10px;
    letter-spacing: 0;
    font-weight: 900;
    font-family: cursive;
}

.text-content{
    align-content: end;
}
.text-content .highlight {
    color: #007BFF;
}

.description {
    font-size: 14px;
    margin-bottom: 20px;
    color: #757575;
    font-weight: 500;
}

.store-buttons img {
    height: 50px;
    margin-right: 15px;
    transition: transform 0.3s ease;
}

.store-buttons img:hover {
    transform: scale(1.05);
}
.heroImg img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.SpanEdit{
    color: #f79a1c;
}
.boostup-row{
    gap: 20px;
}
/* .boostup-row a{
    width: 18% ;
} */
.viewBtn {
    background-color: #11253e !important;
    color: white !important;
    padding: 6px 9px !important;
    text-align: center;
    border: 1px solid #11253e !important;
}
.viewBtn:hover {
    background: white !important;
    color: #11253e !important;
    
}
.text-content h4{
    color: #11253e !important;
    margin-bottom: 0;
    font-size: 14px;    color: #11253e !important;
    margin-bottom: 0;
    font-size: 14px;
}
@media (max-width: 768px) {
    .container {
        flex-direction: column-reverse;
        text-align: center;
    }

    .text-content h1 {
        font-size: 2.5rem;
    }

    .description {
        font-size: 1rem;
    }

    .store-buttons img {
        height: 50px;
        margin-bottom: 10px;
    }
}

@media(max-width:767.97px) {
    .nav-bar-main-block .logo .img-fluid {
        max-width: 100px;
        margin-top: 9px;
    }

    .logo {
        height: auto;
        width: 151px;
    }

    .nav-bar-main-block .logo .img-fluid {
        height: 30px;
    }

    .marquee {
        height: 10%;
    }

    .home-main-block {
        background-size: contain;
        background-position: center;
        height: 30vh !important;
    }
}
html body .btn-primary, html body .btn-danger-rgba,html body .btn-secondary {
  background-color: #3BBBA2 !important;
  border-color: #3BBBA2 !important;
}
html body .btn-primary-rgba{
  background-color: #048CA6 !important;
  border-color: #048CA6 !important;
}