*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Poppins",serif;background-color:#FFF}#first-section{position:relative;height:110vh;overflow:hidden;background-image:url(static/images/pozadina2.webp);background-size:cover;background-position:center}.container1{display:flex;align-items:center;width:100%;justify-content:space-between}.cloud{position:absolute;top:0;left:0;width:50vw;height:150vh;z-index:1;transform:translateY(-10%)}.site-header{position:relative;z-index:2;background:transparent;width:100%;display:flex;justify-content:space-between;align-items:center;padding-top:20px}.logo{font-size:clamp(1rem,2vw,1.5rem);font-weight:bold;color:#FCF8FF;margin-left:35px}.sidebar-toggle{display:none;background:none;border:0;cursor:pointer;font-size:clamp(1rem,2vw,1.5rem);color:#5633D8;margin-right:20px}.menu-icon{font-size:2rem}.sidebar{position:fixed;display:none;top:0;right:-300px;width:300px;height:100%;background:#FCF8FF;box-shadow:-2px 0 10px rgba(0,0,0,.2);transition:right .3s ease;z-index:1000}.sidebar.open{right:0}.close-sidebar{position:absolute;top:20px;right:15px;background:none;border:0;font-size:2rem;cursor:pointer;color:#5633D8}.sidebar-nav ul{list-style:none;padding:20px}.sidebar-nav ul li p{display:block;text-decoration:none;color:#5633D8;width:90%;font-size:1rem;padding:10px 0;transition:color .3s ease;margin-bottom:10px;padding-left: 5px;}.sidebar-nav ul li p.active,.sidebar-nav ul li p:hover{color:#FCF8FF;background:#5633D8;border-radius:5px}.nav-links{display:flex;gap:clamp(10px,2vw,20px);margin-right:4rem}.nav-links ul{list-style:none;display:flex;gap:clamp(10px,2vw,20px)}.nav-links ul li a{text-decoration:none;color:#5633D8;font-size:clamp(.8rem,1.5vw,1rem);transition:all .3s ease}.nav-links ul li a.active,.nav-links ul li a:hover{text-decoration:underline;font-weight:bold}@media(max-width:767px){.nav-links{display:none}.sidebar{display:block}.sidebar-toggle{display:block}}
.col-md-6:first-child {
  position: relative;
  z-index: 2;
  padding: clamp(30px, 5vw, 50px) 0;
}
.firstText h1 {
  margin-left: 30px;
  font-family: "Poppins", serif;
  font-weight: 700;
  font-style: normal;
  line-height: 100px;
}
.firstText a {
  margin-left: 30px;
}
.zurke-container {
  position: relative;
  display: inline-block;
}
.zurke-background {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 110%;
  height: auto;
  z-index: -1;
  opacity: 0.8;
}
.display-1 {
  font-size: clamp(3rem, 6vw, 6rem);
  line-height: 1;
  color: #FCF8FF;
  margin-bottom: clamp(1rem, 2vw, 2rem);
}
.btn-custom {
  display: inline-flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.4);
  color: #FCF8FF;
  font-size: clamp(0.8rem, 1.5vw, 1rem);
  font-weight: bold;
  padding: clamp(8px, 1.5vw, 10px) clamp(16px, 3vw, 20px);
  text-decoration: none;
  border-radius: 0;
  transition: all 0.3s ease;
}
.btn-custom:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border: 2px solid rgba(255, 255, 255, 0.4);
}
.arrow-icon {
  width: clamp(16px, 2vw, 20px);
  height: auto;
  margin-left: clamp(8px, 1.5vw, 10px);
}
.people-img {
  position: relative;
  z-index: 3;
  width: 1000px;
  margin-left: -440px;
  height: auto;
  display: block;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.627) 80%, rgba(0, 0, 0, 0.199) 100%);
  mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
}

@media (max-width: 999px) {
  .logo { font-size: 1.2rem; }
  .nav-links ul li a { font-size: 0.9rem; }
  .display-1 { font-size: 4rem; line-height: 80px; }
  .btn-custom { font-size: 0.9rem; padding: 8px 16px; }
  .people-img { width: 900px; margin-left: -400px; }
  .col-md-6:first-child { padding: 20px 0; }
  .firstText h1 { line-height: 70px; }
}

@media (max-width: 767px) {
  .logo { font-size: 1rem; }
  .nav-links ul li a { font-size: 1rem; }
  .display-1 { line-height: 60px; }
  .btn-custom { padding: 6px 12px; }
  .people-img { width: 800px; margin-left: -150px; margin-top: -230px; }
  .col-md-6:first-child { padding: 15px 0; }
  .firstText h1 { line-height: 60px; }
  .cloud { width: 70vw; }
}

@media (max-width: 460px) {
  .nav-links ul li a { font-size: 0.8rem; }
  .display-1 { font-size: 3rem; }
  .btn-custom { font-size: 0.8rem; }
  .people-img { width: 650px; margin-left: -180px; margin-top: -100px; }
  .firstText h1 { line-height: 50px; }
  .cloud { width: 80vw; }
}


@media (min-width: 1300px) {
  .people-img { width: 1200px; }
  .cloud { height: 1400px; }
  #first-section { max-height: 950px; height: auto; }
}
@media (min-width: 1600px) {
  .cloud { height: 1600px; }
  #first-section { max-height: 950px; height: auto; }
  .logo { font-size: 2rem; margin-left: 60px; }
  .nav-links ul li a { font-size: 1.1rem; }
  .display-1 { font-size: 6.5rem; line-height: 10px; }
  .btn-custom { font-size: 1.4rem; padding: 0px 15px; max-height: 80px;}
  .people-img { width: 1500px; margin-left: -600px; }
  .col-md-6:first-child { padding-top: 0; }
  .firstText h1, .firstText a { margin-left: 60px; line-height: 130px; }
}

@media (min-height: 600px) and (max-height: 800px) {
  #first-section { height: 120vh; }
  .cloud { height: 150vh; }
}
@media (min-height: 740px) and (max-width: 640px) {
  #first-section { height: 100vh; }
  .cloud { height: 100vh; }
}
@media (min-height: 900px) and (max-width: 1200px) {
  #first-section { max-height: 950px; }
  .cloud { max-height: 80vh; }
}
@media (min-height: 800px) and (min-width: 768px) and (max-width: 999px) {
  #first-section { height: 80vh; max-height: 700px; }
  .cloud { max-height: 1100px; }
  .people-img { width: 800px; margin-left: -350px; }
}
@media (min-height: 600px) and (min-width: 1000px) and (max-width: 1299px) {
  #first-section { height: 120vh; max-height: 700px; }
  .cloud { height: 190vh; max-height: 1100px; }
}#second-section{position:relative;background-color:#FFF;padding:clamp(40px,6vw,80px)0;z-index:0;box-shadow:0 -50px 30px rgb(255,255,255)}.section-header{text-align:center;margin-bottom:clamp(30px,5vw,60px)}.section-header h2{font-size:clamp(2rem,4vw,3rem);color:#5633D8;font-weight:bold;margin-bottom:10px}.section-header p{font-size:clamp(1rem,2vw,1.5rem);color:#5633D8;line-height:1.5}.features-container{display:flex;justify-content:space-evenly;gap:clamp(20px,4vw,40px);flex-wrap:wrap;padding:0 clamp(20px,5vw,40px)}.feature-item{text-align:center;max-width:300px}.ZurkeRsCircle{position:relative;width:clamp(100px,15vw,150px);height:clamp(100px,15vw,150px);margin:0 auto 20px}.circle-bg{width:100%;height:100%;object-fit:cover}.circle-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(40px,8vw,60px);height:auto}.feature-text h3{font-size:clamp(1rem,2vw,1.2rem);color:#5633D8;font-weight:bold;margin-bottom:5px}.feature-text p{font-size:clamp(.8rem,1.5vw,1rem);color:#5633D8;line-height:1.4}@media(max-width:767px){.circle{width:clamp(80px,12vw,120px);height:clamp(80px,12vw,120px)}.circle-icon{width:clamp(30px,6vw,50px)}.section-header h2{font-size:clamp(1.5rem,3vw,2rem)}.section-header p{font-size:clamp(.9rem,1.8vw,1.2rem)}.feature-text h3{font-size:clamp(.9rem,1.8vw,1rem)}.feature-text p{font-size:clamp(.7rem,1.4vw,.9rem)}}@media(min-width:1200px){.circle{width:clamp(120px,18vw,200px);height:clamp(120px,18vw,200px)}.circle-icon{width:clamp(50px,10vw,80px)}.section-header h2{font-size:clamp(2.5rem,5vw,3.5rem)}.section-header p{font-size:clamp(1.2rem,2.5vw,1.8rem)}.feature-text h3{font-size:clamp(1.2rem,2.5vw,1.5rem)}.feature-text p{font-size:clamp(1rem,2vw,1.3rem)}}.section-3{position:relative;width:100%;margin:0 auto;overflow:hidden}.cloud-image{width:100%;height:auto;display:block;max-height:1240px}.content-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:650px;z-index:2;display:flex;justify-content:center;background-color:#FCF8FF;align-items:center;max-width:1200px;width:90%;gap:clamp(20px,4vw,40px);padding:40px clamp(20px,5vw,40px);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden}.left-side{flex:1;max-width:50%;text-align:left}.left-side h2{font-size:clamp(2rem,4vw,4rem);color:#5633D8;margin-bottom:10px;font-family:"Poppins",serif;font-weight:650;margin-left:15px}  .left-side p{font-size:clamp(1rem,2vw,1.7rem);color:#5633D8;line-height:1.5;margin-bottom:20px;margin-left:15px;font-family:"Poppins",serif;font-weight:400}.buttons-container{display:flex;gap:clamp(10px,2vw,20px);margin-bottom:20px}.store-button img{width:clamp(120px,15vw,180px);height:auto;margin-left:15px}.squares-container{display:flex;gap:clamp(20px,4vw,40px)}.square-item{text-align:center}.square{position:relative;width:clamp(80px,10vw,120px);height:clamp(80px,10vw,120px);margin:0 auto 10px}.square-bg{width:100%;height:100%;object-fit:cover}.square-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(40px,6vw,60px);height:auto}.square-text span{font-size:clamp(1rem,2vw,1.2rem);color:#5633D8;font-weight:bold}.square-text{font-size:clamp(.8rem,1.5vw,1rem);color:#5633D8}.right-side{position:relative;text-align:center}.elips-image{position:absolute;display:none;bottom:90px;left:45%;transform:translateX(-50%);width:clamp(100px,15vw,300px);height:auto;z-index:-1}.phone-image{width:500px;height:auto;}@media(min-width:1920px){.elips-image{display:block}}@media(max-width:1920px){.content-box{max-width:1100px}.elips-image{display:block}}@media(max-width:1440px){.content-box{max-width:1000px}.phone-image{margin-left:15px}}@media(max-width:1280px){.content-box{max-width:900px}.phone-image{width:350px}.elips-image{display:none}}@media(max-width:1024px){.content-box{padding:30px 20px;max-width:90%}.left-side,.right-side{max-width:100%}.left-side h2,.left-side p{margin-left:0}.store-button img{margin-left:0}.phone-image{width:250px}}@media(max-width:768px){.content-box{padding:20px 15px}.left-side h2{font-size:clamp(1.5rem,4vw,2.5rem)}.left-side p{font-size:clamp(.9rem,2vw,1.2rem)}.phone-image{width:250px;margin-left:0}}@media(max-width:640px){.phone-image{width:200px}.cloud-image{height:600px}}@media(max-width:579px){.phone-image{display:none;}}@media(max-width:480px){.content-box{padding:15px 15px;margin-top:12px}.left-side h2{font-size:clamp(1.2rem,4vw,2rem)}.left-side p{font-size:clamp(.8rem,2vw,1rem)}.store-button img{width:100px}.square{width:60px;height:60px}.square-icon{width:30px}.square-text span{font-size:.9rem}.square-text{font-size:.8rem}.phone-image{width:150px}.cloud-image{height:500px}}@media(min-width:320px) and (max-width:450px){.content-box{width:340px;margin-top:10px;padding:25px 5px;}.left-side h2{font-size:clamp(1rem,4vw,1.5rem)}.left-side p{font-size:clamp(.7rem,2vw,.9rem)}.left-side{max-width: 100%;padding-left: 25px;}.store-button img{width:80px}.square{width:50px;height:50px}.square-icon{width:25px}.square-text span{font-size:.8rem}.square-text{font-size:.7rem}.phone-image{width:100px;margin-left:0}.cloud-image{height:500px}}.section-4{background-color:white;padding:60px 20px}.contact-container{display:flex;justify-content:space-between;align-items:flex-start;max-width:1200px;margin:0 auto;gap:60px}.left-side{flex:1;max-width:50%}.left-side h2{font-size:clamp(2rem,4vw,3rem);color:#5633D8;margin-bottom:10px;font-family:"Poppins",serif;font-weight:650;margin-left:0}.left-side .subtext{font-size:clamp(1rem,2vw,1.5rem);color:black;margin-bottom:30px;font-family:"Poppins",serif;font-weight:400;margin-left:0}.form-group{margin-bottom:20px;width:100%}.form-group label{display:block;font-size:clamp(1rem,2vw,1.2rem);color:#5633D8;margin-bottom:5px;font-family:"Poppins",serif;font-weight:500}.form-group input,.form-group textarea{width:92%;padding:10px;border:1px solid #5633D8;border-radius:8px;background-color:rgba(86,51,216,.1);font-size:clamp(.9rem,2vw,1.1rem);font-family:"Poppins",serif}.form-group textarea{height:120px;resize:none}.submit-button{width:92%;padding:12px;background-color:#5633D8;color:white;border:0;border-radius:8px;font-size:clamp(1rem,2vw,1.2rem);font-family:"Poppins",serif;cursor:pointer;margin-top:30px}.submit-button:hover{background-color:#4529b3}.backmsg{margin-top:10px;font-size:clamp(.9rem,2vw,1.1rem);font-family:"Poppins",serif}.right-side{flex:1;max-width:50%;display:flex;flex-direction:column;align-items:flex-start}.contact-image{width:100%;max-width:800px;height:auto;margin-top:50px;margin-bottom:60px}.contact-info{display:flex;flex-direction:column;gap:20px;margin-top:40px}.info-item{display:flex;align-items:center;gap:10px}.info-icon{width:24px;height:24px}.info-item span{font-size:clamp(1rem,2vw,1.2rem);color:black;font-family:"Poppins",serif}@media(max-width:1024px){.contact-container{align-items:center;gap:40px}.left-side,.right-side{max-width:100%}.contact-image{max-width:400px}}@media(max-width:768px){.left-side h2{font-size:clamp(1.5rem,4vw,2.5rem)}.left-side .subtext{font-size:clamp(.9rem,2vw,1.2rem)}.form-group input,.form-group textarea{font-size:clamp(.8rem,2vw,1rem)}.submit-button{font-size:clamp(.9rem,2vw,1.1rem)}.info-item span{font-size:clamp(.9rem,2vw,1.1rem)}.contact-image{max-width:350px}}@media(max-width:640px){.contact-container{flex-direction:column}.contact-image{display:none}.left-side,.right-side{max-width:80%;width:100%}.form-group input,.form-group textarea{width:100%}.submit-button{width:100%}.contact-info{margin-top:20px}}@media(max-width:480px){.info-icon{width:20px;height:20px}}.section-5{position:relative;width:100%;margin:0 auto;overflow:hidden}.cloud-background{width:100%;height:auto;max-height:620px;display:block}.content-container{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:90%;max-width:1200px;height:95%;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-sizing:border-box}.left-side2{margin-top:150px ;flex:1;max-width:50%;color:white;display:flex;flex-wrap:wrap;text-align:start;align-items:start}.left-side2 h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:20px;font-family:"Poppins",serif;font-weight:650;color:#FCF8FF}.left-side2 .description{font-size:clamp(1rem,2vw,1.2rem);margin-bottom:20px;margin-left:0;font-family:"Poppins",serif;font-weight:500;color:#FCF8FF;line-height:1.5}.left-side2 .zaprati{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:bold;margin-left:0;margin-bottom:15px;color:#FCF8FF;display:block;font-family:"Poppins",serif}.social-icons{display:flex;gap:15px}.social-icons img{width:clamp(24px,4vw,32px);height:auto}.right2-side{flex:1;max-width:50%;display:flex;justify-content:flex-end;align-items:flex-end}.girl-image{width:100%;max-width:500px;height:auto}@media(min-width:1200px){.left-side2 .description{max-width:80%}}@media(max-width:1024px){.content-container{height:90%;width:95%}.left-side2{margin-top:0}.cloud-background{max-height:500px}.left-side2 h2{font-size:clamp(1.8rem,4vw,2.5rem)}.left-side2 .description{font-size:clamp(.9rem,2vw,1.1rem)}.left-side2 .zaprati{font-size:clamp(1rem,2.5vw,1.3rem)}.social-icons img{width:clamp(20px,4vw,28px)}.girl-image{max-width:400px}}@media(max-width:768px){.content-container{height:80%}.left-side2 h2{font-size:clamp(1.5rem,4vw,2rem)}.left-side2 .description{font-size:clamp(.8rem,2vw,1rem)}.left-side2 .zaprati{font-size:clamp(.9rem,2.5vw,1.1rem)}.social-icons img{width:clamp(18px,4vw,24px)}.girl-image{max-width:300px}}@media(max-width:570px){.left-side2 h2{font-size:clamp(1rem,4vw,1.5rem)}.left-side2 .description{font-size:clamp(.7rem,2vw,.9rem);margin-bottom:5px}.left-side2 .zaprati{font-size:clamp(.8rem,2.5vw,1rem)}.social-icons img{width:clamp(16px,4vw,20px)}}@media(max-width:480px){.content-container{height:90%;width:95%}.left-side2 h2{font-size:clamp(1.2rem,4vw,1.5rem)}.left-side2 .description{font-size:clamp(.7rem,2vw,.9rem)}.left-side2 .zaprati{font-size:clamp(.8rem,2.5vw,1rem)}.social-icons img{width:clamp(16px,4vw,20px)}.cloud-background{height:300px}.right2-side{margin-left:50px}.girl-image{max-width:250px}}@media(max-width:420px){.left-side2 h2{margin-bottom:10px}.girl-image{max-width:250px}}@media(max-width:400px){.girl-image{margin-top:20px}}.s5{background-color:#FCF8FF;padding:65px 0;height:auto;max-height:200vh;color:#5633D8}.faq-items-container{padding:0 15px}.faq-item{font-weight:500;border:1px solid #333;border-bottom:4px solid #333;background-color:#fcf8ffd4;color:#191919;border-radius:30px;margin:15px auto;padding:20px 20px 00px 20px;max-width:70%;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:all .3s ease}.faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1.2rem;margin-bottom:15px}@media(max-width:500px){.faq-question{font-size:1rem}}.faq-answer{max-height:0;overflow:hidden;transition:max-height .5s ease-out,padding .5s ease-out}.faq-item.active .faq-answer{max-height:250px;padding-top:15px}.faq-item.active .faq-toggle{transform:rotate(45deg)}.faq-toggle{font-size:1.5rem;transition:transform .3s ease}.intro-text{text-align:center;margin-bottom:30px;font-size:1.2rem;color:#5633D8;width:70%;margin:0 auto;margin-bottom:4%}.contact-title2{text-align:center;font-size:3rem;font-weight:700;margin:0;max-width:50%;margin-bottom:2%}.contact-text{text-align:center;margin-top:50px;font-size:1.2rem;color:#5633D8}.contact-text a{color:#ffeb3b}@media(max-width:1300px){.contact-title2{max-width:60%}}@media(max-width:1000px){.contact-title2{max-width:75%}}@media(max-width:768px){.s5{padding:5% 0;/}.contact-title2{font-size:2.5rem;max-width:80%}.intro-text{font-size:1rem;width:90%}.faq-item{max-width:90%}}@media(max-width:500px){.contact-title2{max-width:90%;font-size:1.7rem;margin-bottom:15px;margin-top:30px}.intro-text{margin-bottom:30px}.contact-text{font-size:1.2rem;width:90%;margin-left:5%;margin-top:15px}}.footer{background-color:#5633D8;color:#FCF8FF;padding:40px 20px}.title1{font-size:clamp(1rem,2vw,1.5rem);font-weight:600;margin-bottom:20px;text-align:left}.medialogo1{width:clamp(20px,4vw,30px);height:auto;transition:transform .3s ease}.medialogo1:hover{transform:scale(1.2)}.store-button{display:inline-flex;align-items:center;justify-content:center;max-width:clamp(120px,15vw,180px);max-height:clamp(40px,7vw,60px);text-decoration:none;margin-right:20px;cursor:pointer}.playstore-button{width:100%;height:auto}.keks1{color:#FCF8FF;font-size:clamp(.8rem,1.5vw,1rem);margin-right:15px;text-decoration:none;transition:color .3s ease;cursor:pointer}.keks1:hover{text-decoration:underline}.footer h5{font-size:clamp(.8rem,1.5vw,1rem);margin:0}.whiteLine{margin:20px 0}@media(max-width:575px){.keks3{margin-top:15px}.whiteLine{margin:10px 0}.title1{height:20px}}@media(min-width:1025px){.left-side h2{margin-left: 15px;}}
   .privilege-popup {
    position: fixed;
    right: -150px; 
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    transition: right 0.3s ease-in-out;
}

.privilege-popup-circle {
    width: 120px;
    height: 120px;
    color: #5633D8;
    font-family:"Poppins",serif;
    font-weight: 600;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FCF8FF;
    cursor: pointer;
    
    box-shadow: 
    0 8px 20px rgba(86, 51, 216, 0.4), 
    0 0 20px rgba(255, 255, 255, 0.6),    
    0 0 40px rgba(255, 255, 255, 0.4); 
    transition: transform 0.5s ease;
    animation: pulse 1.5s infinite alternate,
    glow 2s infinite alternate;;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}

@keyframes glow {
    0% {
        box-shadow: 
            0 8px 20px rgba(86, 51, 216, 0.4),
            0 0 20px rgba(255, 255, 255, 0.6),
            0 0 40px rgba(255, 255, 255, 0.4);
    }
    100% {
        box-shadow: 
            0 8px 20px rgba(86, 51, 216, 0.5),
            0 0 30px rgba(255, 255, 255, 0.8),
            0 0 50px rgba(255, 255, 255, 0.6);
}
}


.privilege-popup.visible {
    right: 20px;
}

@media screen and (max-width: 768px) {
    .privilege-popup {
        right: -150px;
    }

    .privilege-popup.visible {
        right: 10px;
    }

    .privilege-popup-circle {
        width: 90px;
        height: 90px;
    }
}


.fade-in-up,
.slide-in-left {
  opacity: 0; 
}


@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(20px); 
  }
  to {
    opacity: 1;
    transform: translateY(0); 
  }
}


@keyframes slide-in-left {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0); 
  }
}


.fade-in-up.animate {
  animation: fade-in-up 0.6s ease-out forwards;
}

.slide-in-left.animate {
  animation: slide-in-left 0.6s ease-out forwards;
}

.section2-p{
  max-width: 70vw;
}
@media(max-width:545px){
  .section2-p{
    max-width: 90vw;
  }
}

.enhanced-footer {
  background: linear-gradient(180deg, #FFFFFF 0%, #5633D8 100%);
  color: #FCF8FF;
  position: relative;
  overflow: hidden;
  padding: 0;
}

.footer-top {
  padding: 60px 40px 40px;
  position: relative;
  background-color: rgba(86, 51, 216, 0.92);
}

.footer-top::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 5%;
  width: 90%;
  height: 1px;
  background-color: rgba(252, 248, 255, 0.3);
}

.footer-heading {
  font-family: "Poppins", serif;
  font-weight: 700;
  color: #FCF8FF;
  font-size: 1.5rem;
  margin-bottom: 20px;
  position: relative;
  display: inline-block; 
  margin-top: 0;
  height: 36px; 
  line-height: 36px;
}

.footer-heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%; 
  height: 3px;
  background-color: #FCF8FF;
}

.footer-desc {
  font-family: "Poppins", serif;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 25px;
  opacity: 0.9;
}

.download-buttons {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.store-button {
  display: inline-block;
  transition: transform 0.3s ease;
}

.store-button:hover {
  transform: translateY(-5px);
}

.playstore-button {
  height: auto;
  max-width: 140px;
}

.footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links li {
  margin-bottom: 12px;
}

.footer-links a {
  color: #FCF8FF;
  text-decoration: none;
  font-family: "Poppins", serif;
  font-size: 1rem;
  transition: all 0.3s ease;
  cursor: pointer;
  opacity: 0.9;
  position: relative;
  padding-left: 15px;
}

.footer-links a::before {
  content: "→";
  position: absolute;
  left: 0;
  transition: transform 0.3s ease;
}

.footer-links a:hover {
  opacity: 1;
  padding-left: 20px;
}

.footer-links a:hover::before {
  transform: translateX(5px);
}

.contact-info {
  margin-top: 20px;
}

.contact-item {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.contact-icon {
  width: 20px;
  height: 20px;
  margin-right: 15px;
  filter: brightness(0) invert(1);
  opacity: 0.9;
}

.contact-item p {
  font-family: "Poppins", serif;
  font-size: 0.95rem;
  margin: 0;
  opacity: 0.9;
}

.social-text {
  font-family: "Poppins", serif;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 20px;
  opacity: 0.9;
}

.social-links {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(252, 248, 255, 0.1);
  transition: all 0.3s ease;
}

.social-link:hover {
  transform: translateY(-5px);
  background-color: rgba(252, 248, 255, 0.2);
}

.social-icon {
  width: 20px;
  height: 20px;
  filter: brightness(0) invert(1);
}

.footer-bottom {
  padding: 25px 40px;
  font-family: "Poppins", serif;
  background-color: #5633D8;
}

.copyright p {
  font-size: 0.9rem;
  margin: 0;
  opacity: 0.8;
}

.footer-legal {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 20px;
}

.footer-legal a {
  color: #FCF8FF;
  text-decoration: none;
  font-size: 0.9rem;
  opacity: 0.8;
  transition: opacity 0.3s ease;
  cursor: pointer;
}

.footer-legal a:hover {
  opacity: 1;
  text-decoration: underline;
}


.footer-columns-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.footer-column {
  padding: 0 15px;
  margin-bottom: 30px;
}

.footer-columns-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.footer-column {
  padding: 0 15px;
  margin-bottom: 30px;
}

.footer-column:first-child,
.footer-column:nth-child(2),
.footer-column:nth-child(3),
.footer-column:nth-child(4) {
  padding-top: 0;
}

@media (max-width: 991px) {
  .footer-top {
    padding: 60px 30px 30px;
  }
  
  .footer-heading {
    font-size: 1.3rem;
    margin-bottom: 15px;
    height: 32px;
    line-height: 32px;
  }
}


@media (max-width: 767px) {
  .footer-top {
    padding: 40px 20px 20px;
  }
  
  .footer-bottom {
    padding: 20px;
  }
  
  .footer-legal {
    justify-content: center;
    margin-top: 15px;
  }
  
  .copyright p {
    margin-bottom: 10px;
    text-align: center;
  }
  
  .footer-column {
    width: 100%;
    padding: 0 10px 30px;
    text-align: center;
    border-bottom: 1px solid rgba(252, 248, 255, 0.3);
    margin-bottom: 0;
  }
  
  .footer-column:last-child {
    border-bottom: none;
  }
  
  .footer-heading {
    height: auto;
    line-height: normal;
    margin: 0 auto 15px;
    padding-top: 30px;
    display: inline-block;
  }
  

  .footer-about .footer-heading {
    padding-top: 0;
  }
  

  .contact-item {
    justify-content: center;
  }

  .social-links {
    justify-content: center;
  }
  

  .footer-links ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .footer-links li {
    width: 25%;
    text-align: center;
    margin: 0 5px 15px;
  }
  
  .footer-links a {
    padding-left: 0;
  }
  
  .footer-links a::before {
    content: "";
    position: static;
  }
  
  .footer-links a:hover {
    padding-left: 0;
  }
}

@media (max-width: 575px) {
  .download-buttons {
    flex-direction: row;
    justify-content: center;
    gap: 10px;
  }
  
  .footer-heading {
    font-size: 1.2rem;
  }
  
  .footer-desc, .social-text {
    font-size: 0.9rem;
  }
  
  .footer-legal {
    gap: 15px;
  }
  
  .footer-legal a {
    font-size: 0.8rem;
  }
}

@media (min-width: 992px) {
    .footer-links {
        padding-left: 5%;
    }
}
@media (max-width: 767px) {
 
  .footer-contact .footer-heading,
  .footer-social .footer-heading,
  .footer-social .social-text {
    display: none;
  }

  .footer-column.footer-contact,
  .footer-column.footer-social {
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 0;
  }
  

  .footer-column.footer-contact,
  .footer-column.footer-social {
    width: 100%;
    padding-top:20px;
    text-align: center;
  }
  

  .footer-column.footer-contact {
    padding-bottom: 5px;
    margin-bottom: 0;
  }
  
  .footer-column.footer-social {
    padding-top: 5px;
  }
  

  .contact-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 0;
    margin-bottom: 10px;
  }
  
  .contact-item {
    margin-bottom: 0;
    flex: 0 0 auto;
  }

  .social-links {
    justify-content: center;
    margin-top: 10px;
    gap: 10px;
  }
  
  .social-link {
    width: 35px;
    height: 35px;
  }
  

  .footer-columns-wrapper .footer-column:nth-child(3)::after {
    display: none;
  }
}

.marketplace-section {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0; 
  padding: 0; 
}

.marketplace-container {
  position: relative;
  width: 100%; 
  max-width: none; 
  margin: 0; 
  padding: 0; 
}

.marketplace-bg {
  width: 100%; 
  height: auto;
  display: block;
}

.shop-now-button {
  position: absolute;
  top: 50%;
  right: 35%;
  transform: translateY(-70%);
  border: none;
  background: none;
  cursor: pointer;
  z-index: 2;
  width: clamp(180px, 20vw, 300px);
  transition: transform 0.3s ease;
}

.shop-now-button img {
  width: 230%;
  height: auto;
  display: block;
}
 @media(max-width:1650px){
  .shop-now-button img{
    width:215%
  }
  .shop-now-button{
    right:32%
  }
 }
  @media(max-width:1500px){
  .shop-now-button img{
    width:200%
  }
 }
  @media(max-width:850px){
  .shop-now-button img{
    width:170%
  }
  .shop-now-button{
    right:30%
  }
 }
  @media(max-width:700px){
  .shop-now-button img{
    width:130%
  }
  .shop-now-button{
    right:25%
  }
 }
 @media(max-width:600px){
  .shop-now-button img{
    width:115%
  }
  .shop-now-button{
    right:20%
  }
 }
  @media(max-width:500px){
  .shop-now-button img{
    width:100%
  }
  .shop-now-button{
    right:10%
  }
 }
  @media(max-width:400px){
  .shop-now-button img{
    width:85%
  }
  .shop-now-button{
    right:5%
  }
 }
  @media(max-width:350px){
  .shop-now-button img{
    width:75%
  }
  .shop-now-button{
    right:0%
  }
 }
.shop-now-button:hover {
  transform: translate(-10%, -70%) scale(1.05);
}

@media (max-width: 579px) {
  .right-side {
    display: none;
  }

  .left-side {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    padding:0;
  }
  .buttons-container{margin-left:12%;}
}