@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root{
    --PURPLE:#8247B3;--DARK-PURPLE:#2E1B3E;--LIGHT-PURPLE:#846E98;--border-color:#E7DAED;--backgroud-color:#f7f7fa;--gray:#464646;--light-gray:#A3A3A3
}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Montserrat',sans-serif}
html{scroll-behavior:smooth;flex-wrap:wrap}
body{overflow-x:hidden}


nav{display:flex;justify-content:space-between;align-items:center;padding:27px 150px 27px 94px;background-color:rgba(113,72,149,0.3);position:fixed;top:0;left:0;width:100%;z-index:1000;backdrop-filter:blur(10px)}
nav .logo{width:142px;height:30px}
nav .logo img{width:100%;height:100%;object-fit:cover}
nav .nav-links{display:flex;gap:60px}
nav .nav-links a{text-decoration:none;color:white}
.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}
.hamburger div{width:25px;height:3px;background-color:white;border-radius:2px}


@media screen and (max-width:768px){
    nav{padding:15px 20px;background-color:#71489530}
    nav .logo img{width:100px;height:auto}
    .hamburger div{width:20px;height:2.5px}
    nav .nav-links{display:none;position:absolute;top:70px;right:0;flex-direction:column;background-color:rgba(50,20,70,0.95);width:180px;padding:15px;gap:15px;border-radius:8px;font-size:14px}
    nav .nav-links.active{display:flex}
    nav .nav-links a{color:white;text-decoration:none;font-weight:bold}
    .hamburger{display:flex;order:2}
    nav .nav-links{order:2}
    nav .logo{order:1}
}

header{}
.hero{position:relative}
.hero .hero-content{width:100%;height:80vh}
.hero .hero-content video{width:100%;height:100%;object-fit:cover}
.hero .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.385);z-index:1}
.hero .text{position:absolute;top:30%;left:10%;display:flex;flex-direction:column;gap:50px;width:100%;z-index:1}
.hero .text h1{font-size:32px;font-weight:600;width:523px;color:white}
.hero .text h2{font-size:20px;font-weight:400;width:400px;color:white}
.hero .text p{font-size:24px;font-weight:400;color:white;width:50%}
.hero .text a{text-decoration:none;color:white;width:184px;height:56px;border-radius:8px;display:flex;gap:10px;align-items:center;justify-content:center;background-color:var(--PURPLE);font-size:16px;font-weight:400}

@media screen and (max-width:768px){
    .hero .text{padding-top:30px;top:40%;left:10px;bottom:20px;width:90%;gap:20px}
    .hero .text h1{font-size:18px;width:100%}
    .hero .text p{font-size:14px;width:100%}
    .hero .text a{width:140px;height:40px;font-size:14px}
    .hero,.hero .hero-content{height:40vh}
    .hero .text{top:15%}
}

.feunca{padding:50px 0;text-align:center;position:relative}
.feunca .feunca-text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}
.feunca .feunca-text h1{font-size:32px;font-weight:500;color:var(--DARK-PURPLE)}
.feunca .feunca-text h1 span{color:var(--PURPLE);font-weight:600}
.feunca .feunca-text P{font-size:24px;font-weight:400;color:var(--LIGHT-PURPLE);width:710px}
.feunca .feunca-imgs{display:flex;margin-top:50px}
.feunca .feunca-imgs .sora{display:flex;justify-content:center;align-items:center}
.feunca .feunca-imgs .sora-2{}
.feunca .feunca-img{height:750px;position:absolute;top:23px;left:-27px;z-index:-1}
.mobile-only{display:none;text-align:center;margin-top:15px}

@media (max-width:768px){
    .mobile-only{display:block}
    .mobile-only img{max-width:100%;height:auto;display:contain}
    .feunca-images-wrapper{display:none}
    .feunca-images-wrapper{transform:scale(0.7);transform-origin:top center;margin:0 auto;max-width:100%;overflow-x:hidden}
    .feunca .feunca-imgs{display:grid;grid-template-columns:1fr 2fr 1fr;gap:10px;width:100%;padding:0 10px;box-sizing:border-box;align-items:center}
    .feunca .feunca-imgs .side-left,.feunca .feunca-imgs .side-right{display:flex;flex-direction:column;justify-content:center;gap:10px}
    .feunca .feunca-imgs .side-left img{width:100%;height:auto;display:block;object-fit:cover;border-radius:0 0 50% 50%}
    .feunca .feunca-imgs .side-left img,.feunca .feunca-imgs .side-right img{width:100%;height:150px;display:block;border-radius:15px;object-fit:cover}
    .feunca .feunca-imgs .center img{width:100%;max-height:200px;object-fit:cover;border-radius:15px}
    .feunca{padding:15px;gap:15px;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;box-sizing:border-box}
    .feunca .feunca-text h1{font-size:20px;line-height:26px;max-width:100%;word-wrap:break-word}
    .feunca .feunca-text h1 span{font-size:20px}
    .feunca .feunca-text p{font-size:14px;line-height:20px;max-width:100%;width:100%;margin:0 auto;word-break:break-word;box-sizing:border-box;padding:0 5px}
}

.choose-so-emi{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background-color:var(--backgroud-color);padding:40px;position:relative}
.choose-so-emi .choose-so-emi-text{display:flex;flex-direction:column;gap:10px}
.choose-so-emi .choose-so-emi-text h1{font-size:24px;font-weight:600;color:var(--PURPLE);text-align:center}
.choose-so-emi .choose-so-emi-text P{font-size:24px;font-weight:500;color:var(--DARK-PURPLE)}
.choose-so-emi .cards{padding:30px 100px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}
.choose-so-emi .cards .card{display:flex;justify-content:center;align-items:center;gap:20px;width:49%;height:214px;padding:35px 55px;background-color:white;border:1px solid var(--border-color);z-index:1}
.choose-so-emi .cards .card .card-text{display:flex;flex-direction:column;gap:15px}
.choose-so-emi .cards .card .card-text h2{font-size:20px;font-weight:600;color:var(--DARK-PURPLE)}
.choose-so-emi .cards .card .card-text p{font-size:16px;font-weight:400;color:var(--gray);line-height:28px;height:84px}
.choose-so-emi .cards .card .card-icon{padding:10px;width:47px;height:47px;border:2px solid var(--border-color);background-color:var(--backgroud-color);border-radius:10px;align-self:self-start}
.choose-so-emi .spider-frame{position:absolute;bottom:0;right:30px}
.choose-so-emi .line-gradiant{position:absolute;top:-25px;left:0;animation:revealHide 4s linear infinite}
@keyframes revealHide{0%{clip-path:inset(0 100% 0 0)}25%{clip-path:inset(0 0% 0 0)}50%{clip-path:inset(0 0% 0 0)}75%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0 0 100%)}}

@media screen and (max-width:768px){
    .choose-so-emi{padding-top:50px}
    .choose-so-emi .choose-so-emi-text h1{font-size:20px;padding-top:50px;text-align:center}
    .choose-so-emi .choose-so-emi-text p{font-size:16px;text-align:center}
    .choose-so-emi .cards{padding:20px 10px;flex-direction:column;gap:15px}
    .choose-so-emi .cards .card{width:100%;padding:20px;height:auto}
    .choose-so-emi .cards .card .card-text h2{font-size:18px}
    .choose-so-emi .cards .card .card-text p{font-size:14px;line-height:22px;height:auto}
    .choose-so-emi .cards .card .card-icon{width:40px;height:40px;padding:8px}
    .choose-so-emi .spider-frame{width:80px;bottom:0;right:10px}
    .choose-so-emi .line-gradiant{width:100px;top:-20px;left:0}
}

.guiding{padding:70px 0;display:flex;flex-direction:column;gap:50px}
.guiding .guiding-title{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}
.guiding .guiding-title h1{font-weight:500;font-size:32px;color:var(--DARK-PURPLE);text-align:center}
.guiding .guiding-title h1 span{font-size:32px;font-weight:600;color:var(--PURPLE)}
.guiding .guiding-title p{font-size:24px;font-weight:400;color:var(--LIGHT-PURPLE);text-align:center}
.guiding .guiding-content{display:flex;justify-content:center;align-items:center;gap:50px}
.guiding .guiding-content .guiding-imgs{width:33%;display:flex;justify-content:center;align-items:center;gap:10px;height:550px;height:446px}
.guiding .guiding-content .guiding-imgs .left-img{height:100%;width:50%;width:240px;height:446px}
.guiding .guiding-content .guiding-imgs .left-img img{width:240px;height:446px}
.guiding .guiding-content .guiding-imgs .right-img img{width:200px;height:200px}
.guiding .guiding-content .guiding-imgs .right-img{height:100%;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px}
.guiding-img-1{border-top-right-radius:156px;border-top-left-radius:156px;border-bottom-left-radius:156px}
.guiding-img-2{border-top-right-radius:156px;border-top-left-radius:156px;border-bottom-right-radius:156px}
.guiding-img-3{border-top-left-radius:156px;border-bottom-left-radius:156px;border-bottom-right-radius:156px}
.guiding .guiding-content .guiding-text{display:flex;flex-direction:column;gap:30px}
.guiding .guiding-content .guiding-text p{font-size:20px;font-weight:400;color:var(--gray);width:610px;line-height:32px}

@media screen and (max-width:768px){
    .guiding{padding:40px 15px;gap:30px}
    .guiding .guiding-title h1{font-size:24px}
    .guiding .guiding-title h1 span{font-size:24px}
    .guiding .guiding-title p{font-size:16px}
    .guiding .guiding-content{flex-direction:column;gap:20px;align-items:center;text-align:center}
    .guiding .guiding-content .guiding-text p{width:100%;font-size:16px;line-height:24px}
    .guiding .guiding-content .guiding-imgs{width:calc(100% - 100px);margin:0 50px;height:300px;display:flex;justify-content:center;align-items:center;gap:15px}
    .guiding .guiding-content .guiding-imgs .left-img,.guiding .guiding-content .guiding-imgs .right-img{width:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px}
    .guiding .guiding-content .guiding-imgs .left-img img,.guiding .guiding-content .guiding-imgs .right-img img{width:100%;max-width:200px;height:250px;object-fit:cover}
}

.contact-us-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;position:relative;margin-top:80px;margin-bottom:80px}
.contact-us-section .contact-us-img{position:absolute;top:0;z-index:-1}
.contact-us-section .contact-us-content{display:flex;flex-direction:column;gap:20px}
.contact-us-section .contact-us-content h3{font-size:24px;font-weight:500;color:var(--PURPLE);text-align:center}
.contact-us-section .contact-us-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:15px}
.contact-us-section .contact-us-content h2{font-size:36px;font-weight:400;color:white;text-align:center;line-height:50px;width:610px}
.contact-us-section .contact-us-content p{font-size:16px;font-weight:400;color:white;text-align:center;line-height:26px;width:610px}
.contact-us-section .contact-us-content a{text-decoration:none;color:white;width:184px;height:56px;border-radius:50px;display:flex;gap:10px;align-items:center;justify-content:center;background-color:transparent;font-size:16px;font-weight:400;border:1px solid white;margin-top:20px}

@media screen and (max-width:768px){
    .contact-us-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;position:relative;margin-top:30px;padding:0 15px 15px;width:100%;max-width:360px;margin-left:auto;margin-right:auto;background-size:cover;background-position:center;border-radius:20px}
    .contact-us-section .contact-us-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;border-radius:10px}
    .contact-us-section .contact-us-content{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;width:100%}
    .contact-us-section .contact-us-content h3{font-size:16px;font-weight:500;color:var(--PURPLE);text-align:center;line-height:18px}
    .contact-us-section .contact-us-content h2{font-size:14px;font-weight:400;color:white;text-align:center;line-height:20px;width:100%}
    .contact-us-section .contact-us-content p{font-size:12px;font-weight:400;color:white;text-align:center;line-height:18px;width:100%}
    .contact-us-section .contact-us-content a{width:160px;height:48px;border-radius:50px;display:flex;gap:8px;align-items:center;justify-content:center;background-color:transparent;font-size:12px;font-weight:400;text-decoration:none;color:white;margin-top:10px}
    .contact-us-section .contact-us-content a img{width:16px;height:auto}
}

footer{ padding:0 111px;padding-top:60px;height:353px;background-color:#2E2138;display:flex;flex-direction:column;justify-content:space-between;}
.footer-content{display:flex;justify-content:space-between;width:1000px}
.footer-content .logo-content{display:flex;flex-direction:column;justify-content:center;gap:20px}
.footer-content .logo-content img{width:142px}
.footer-content .logo-content .icons{display:flex;align-items:center;gap:20px}
.footer-content .logo-content .icons a{text-decoration:none;color:white}
.footer-content .logo-content .icons img{width:24px;height:24px}
.footer-content .logo-content p{font-weight:400;font-size:16px;color:white;line-height:23px;width:510px}
.footer-content .links{display:flex;flex-direction:column;justify-content:center;gap:20px}
.footer-content .links a{text-decoration:none;color:white}
.copyright{border-top:3px solid #54545466;text-align:center;padding:20px;margin:0 20px;color:white;font-weight:400;font-size:16px}

@media screen and (max-width:768px){
    footer{padding:40px 20px;height:auto;margin-top:80px}
    .footer-content{flex-direction:column;width:100%;gap:30px}
    .footer-content .logo-content{width:100%;gap:15px}
    .footer-content .logo-content img{width:120px;height:auto}
    .footer-content .logo-content p{font-size:14px;line-height:20px;width:100%}
    .footer-content .logo-content .icons{gap:15px}
    .footer-content .logo-content .icons img{width:20px;height:20px}
    .footer-content .links{flex-direction:column;gap:10px;width:100%}
    .footer-content .links a{font-size:14px}
    .copyright{font-size:12px;padding:15px 0;margin:0 10px}
}

.about-us{display:flex;flex-direction:column;margin-top:60px;margin-bottom:120px}
.about-us .about-us-title{}
.about-us .about-us-title h1{font-size:24px;font-weight:600;color:var(--PURPLE);text-align:center}
.about-us .about-us-title p{font-size:24px;font-weight:500;color:var(--DARK-PURPLE);text-align:center;margin-top:15px}
.about-us .about-us-content{display:flex;justify-content:center;align-items:center;margin-top:60px;gap:85px}
.about-us .about-us-content .about-us-content-img{width:565px;position:relative}
.about-us .about-us-content .about-us-content-img .top-left-about-us-page{position:absolute;top:-15px;left:-30px;z-index:-1}
.about-us .about-us-content .about-us-content-img .bottom-right-about-us{position:absolute;bottom:-15px;right:-30px;z-index:-1}
.about-us .about-us-content .about-us-text{display:flex;flex-direction:column;gap:20px}
.about-us .about-us-content .about-us-text p{font-weight:400;font-size:20px;line-height:32px;width:610px;color:var(--gray)}

@media screen and (max-width:768px){
    .about-us{margin-top:40px;margin-bottom:60px;padding:0 15px}
    .about-us-text{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
    .about-us .about-us-title h1{font-size:20px;text-align:center;margin:0}
    .about-us .about-us-title p{font-size:16px;text-align:center;color:var(--DARK-PURPLE);margin-top:10px}
    .about-us .about-us-content{flex-direction:column;gap:30px;align-items:center;margin-top:40px}
    .about-us .about-us-content .about-us-content-img .top-left-about-us-page{top:-20px;left:-20px;width:80px;height:auto}
    .about-us .about-us-content .about-us-content-img .bottom-right-about-us{bottom:-20px;right:-20px;width:80px;height:auto}
    .about-us .about-us-content .about-us-text p{font-size:14px;line-height:22px;width:100%;color:var(--gray)}
    .about-us .about-us-content .about-us-content-img{width:100%;max-width:360px;position:relative}
    .about-us .about-us-content .about-us-content-img img{width:100%;height:auto}
    .about-us .about-us-content .about-us-content-img .top-left-about-us-page{top:-10px;left:-10px}
    .about-us .about-us-content .about-us-content-img .bottom-right-about-us{bottom:-10px;right:-10px}
}

.mession-vision{display:flex;flex-direction:column;gap:200px}
.mession-vision .mession{display:flex;justify-content:center;align-items:center;gap:85px}
.mession-vision .mession .mession-title{}
.mession-vision .mession .mession-title h1{font-size:24px;font-weight:600;color:var(--PURPLE);line-height:24px;width:150px}
.mession-vision .mession .mession-title p{font-size:20px;font-weight:400;color:var(--gray);line-height:32px;margin-top:32px;width:596px}
.mession-vision .mession-img{width:565px;position:relative}
.mession-vision .mession-img .mession-img-1{position:relative;top:80px;left:60px}
.mession-vision .mession-img .top-left-mession-background{position:absolute;top:50px;left:48px;z-index:-1}
.mession-vision .mession-img .bottom-right-mession-background{position:absolute;bottom:-28px;right:-10px;z-index:-1}
.mession-vision .vision{flex-direction:row-reverse}
.mession-vision .vision .mession-img .reverse{position:relative;top:-80px!important}
.mession-vision .vision .mession-img .top-left-vision-background{top:-115px;left:45px}
.vision-mobile-img{display:none!important}
.vision-mobile-img{display:none}
.mession-img.desktop-imgs{display:block}
.vision-mobile-img{display:none}
.desktop-imgs{display:block}

@media (max-width:768px){
    .vision-section p{text-align:center!important;font-size:12px!important;line-height:1.6!important;padding:0 15px!important}
    .vision-section h2{text-align:center!important;font-size:18px!important;margin-bottom:15px!important}
    .desktop-imgs{display:none!important}
    .vision-mobile-img{display:block!important;width:100%;max-width:360px;height:auto;margin:15px auto}
    .mession{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 15px}
    .mession-title h1{font-size:20px;font-weight:600;color:var(--PURPLE);margin:10px 0}
    .mession-title p{font-size:14px;line-height:22px;color:var(--gray);margin-bottom:15px}
}

.distributor{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-top:130px}
.distributor .title{width:1030px}
.distributor .title h1{font-size:24px;font-weight:600;color:var(--PURPLE);line-height:24px;text-align:center}
.distributor .title p{font-size:20px;font-weight:400;color:var(--LIGHT-PURPLE);line-height:32px;margin-top:32px;text-align:center;margin-top:10px}
.distributor .imgs{display:flex;justify-content:center;align-items:center;gap:50px}
.distributor{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-top:130px;padding:0 15px;box-sizing:border-box}
.distributor .title{width:100%;max-width:1030px;text-align:center}
.distributor .title h1{font-size:24px;font-weight:600;color:var(--PURPLE);line-height:24px}
.distributor .title p{font-size:20px;font-weight:400;color:var(--LIGHT-PURPLE);line-height:32px;margin-top:10px}
.distributor .imgs{display:flex;justify-content:center;align-items:center;gap:50px;flex-wrap:wrap;width:100%;max-width:1030px}
.distributor .imgs img{max-width:100%;height:auto}
.distributor-logo{width:120px;height:auto;object-fit:contain}

@media (max-width:768px){
    .distributor{margin-top:60px}
    .distributor .title h1{font-size:18px;line-height:1.4}
    .distributor .title p{font-size:14px;line-height:1.6;padding:0 10px}
    .distributor .imgs{gap:20px;justify-content:center}
    .distributor .imgs img{flex:1 1 40%;max-width:120px}
    .imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;justify-items:center}
    .distributor-logo{width:70px}
}

.contact{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding-top:80px;background-color:#F4F4F4;padding-bottom:215px}
.contact .title{width:1037px;margin-bottom:48px}
.contact .title h1{font-size:24px;font-weight:600;color:var(--PURPLE);line-height:24px;text-align:center}
.contact .title p{font-size:24px;font-weight:500;color:var(--DARK-PURPLE);text-align:center;margin-top:10px}
.contact .contact-content{display:flex;width:1196px;height:635px;padding:12px;gap:60px;border-radius:10px;background-color:white}
.contact .contact-content .contact-info{background-color:#2E1B3EE5;padding:40px;width:491px;border-radius:8px;height:615px;position:relative}
.contact .contact-content .contact-info .icons-info{margin-top:65px;display:flex;flex-direction:column;justify-content:center;gap:50px}
.contact .contact-content .contact-info .icons-info .icon{display:flex;align-items:center;gap:16px}
.contact .contact-content .contact-info .icons-info p,.contact .contact-content .contact-info .icons-info a{color:white;width:254px;font-size:16px;font-weight:400}
.contact .contact-content .contact-info .icons-info a{text-decoration:none}
.contact .contact-content .contact-info h3{font-size:24px;font-weight:500;color:white}
.contact .contact-content .contact-info>p{font-size:18px;font-weight:400;color:#C9C9C9}
.contact .contact-content .contact-form{padding-top:60px}
.contact .contact-content .contact-form form{display:flex;flex-direction:column;width:532px}
.contact .contact-content .contact-form form label{font-weight:500;font-size:16px;color:var(--light-gray);margin-top:20px}
.contact .contact-content .contact-form form input{height:44px;border-radius:8px;border:1px solid #D0D5DD;padding:10px;outline:none}
.contact .contact-content .contact-form form textarea{border-radius:8px;border:1px solid #D0D5DD;padding:10px;outline:none;width:532px;height:95px}
.contact .contact-content .contact-form form input::placeholder,.contact .contact-content .contact-form form textarea::placeholder{font-size:14px;font-weight:400;color:var(--light-gray)}
.contact .contact-content .contact-form form input[type="submit"]{width:256px;height:40px;background-color:var(--PURPLE);color:white;border-radius:8px;border:none;cursor:pointer;align-self:center;margin-top:48px;font-size:16px;font-weight:500}
.contact .contact-content .big-circle{position:absolute;bottom:0;right:0}
.contact .contact-content .small-circle{position:absolute;bottom:70px;right:70px}

@media (max-width:992px){
    .contact .title{width:100%;padding:0 20px}
    .contact .title p{font-size:18px}
    .contact .contact-content{flex-direction:column;width:100%;height:auto;gap:30px}
    .contact .contact-content .contact-info,.contact .contact-content .contact-form form{width:100%;height:auto}
    .contact .contact-content .contact-form{padding-top:0}
    .contact .contact-content .contact-form form textarea{width:100%}
    .contact .contact-content .contact-info .icons-info{gap:30px}
    .contact .contact-content .big-circle,.contact .contact-content .small-circle{display:none}
}

@media (max-width:576px){
    .contact .title h1{font-size:20px}
    .contact .title p{font-size:16px}
    .contact .contact-content{padding:15px;gap:20px}
    .contact .contact-content .contact-info h3{font-size:20px}
    .contact .contact-content .contact-info>p{font-size:16px}
    .contact .contact-content .contact-info .icons-info p,.contact .contact-content .contact-info .icons-info a{font-size:14px}
}

.privacy-policy{padding:60px 110px;display:flex;flex-direction:column;gap:60px}
.privacy-policy .privacy-policy-title{}
.privacy-policy .privacy-policy-title h1{font-size:24px;font-weight:600;color:var(--PURPLE);line-height:24px}
.privacy-policy .privacy-policy-title p{font-size:20px;font-weight:400;color:var(--gray);line-height:32px;width:847px;margin-top:25px}
.privacy-policy .privacy-policy-title .under-line{display:flex;gap:10px;margin-top:10px}
.privacy-policy .privacy-policy-title .under-line span{width:180px;height:3px;background-color:#8247B399}
.privacy-policy .privacy-policy-title .under-line span:nth-child(2){width:60px;height:3px;background-color:#8247B399}
.privacy-policy .privacy-policy-title .under-line span:nth-child(3){width:20px;height:3px;background-color:#8247B399}

@media (max-width:992px){
    .privacy-policy{padding:40px 40px;gap:40px}
    .privacy-policy .privacy-policy-title p{width:100%;font-size:18px;line-height:28px}
    .privacy-policy .privacy-policy-title h1{font-size:22px}
    .privacy-policy .privacy-policy-title .under-line span{width:100px}
    .privacy-policy .privacy-policy-title .under-line span:nth-child(2){width:40px}
    .privacy-policy .privacy-policy-title .under-line span:nth-child(3){width:15px}
}

@media (max-width:576px){
    .privacy-policy{padding:30px 20px;gap:30px}
    .privacy-policy .privacy-policy-title h1{font-size:20px;line-height:28px}
    .privacy-policy .privacy-policy-title p{font-size:16px;line-height:26px;margin-top:15px}
    .privacy-policy .privacy-policy-title .under-line{gap:6px}
    .privacy-policy .privacy-policy-title .under-line span{width:70px}
    .privacy-policy .privacy-policy-title .under-line span:nth-child(2){width:30px}
    .privacy-policy .privacy-policy-title .under-line span:nth-child(3){width:10px}
}

@media (max-width:768px){
    .mession-vision,.mession,.mession-title{width:100%!important;max-width:100%!important;padding:0 15px!important;box-sizing:border-box!important;display:block!important;text-align:center!important}
    .mession-title h1{text-align:center!important;font-size:18px!important;margin:15px 0!important}
    .vision-mobile-img{display:block!important;max-width:100%!important;height:auto!important;margin:0 auto 15px auto!important}
    .mession-title p{font-size:12px!important;line-height:1.6!important;max-width:100%!important;margin:0 auto!important;padding:0 10px!important;box-sizing:border-box!important;word-wrap:break-word!important;text-align:center!important}
    .desktop-imgs{display:none!important}
}

.products{padding:80px 100px}
.products .section-title{text-align:center;font-size:24px;font-weight:600;color:var(--PURPLE);margin-bottom:50px}
.products .product{display:flex;justify-content:space-between;align-items:center;gap:40px}
.products .product-text{flex:1}
.products .product-text h3{font-size:20px;font-weight:600;color:var(--PURPLE);margin-bottom:15px}
.products .product-text p{font-size:18px;line-height:30px;color:var(--gray)}
.products .product-img{flex:1;position:relative;display:flex;justify-content:center;align-items:center}
.products .product-img img{max-width:300px;height:auto;z-index:2}
.products .product-img .dot{position:absolute;width:70px;height:70px;background:radial-gradient(circle,#8247B3 20%,transparent 20%);background-size:10px 10px;z-index:1}
.products .product-img .top-left{top:20px;left:20px}
.products .product-img .bottom-right{bottom:10px;right:10px}

@media (max-width:992px){
    .products{padding:60px 40px}
    .products .product{flex-direction:column;text-align:center}
    .products .product-text p{font-size:16px;line-height:26px}
    .products .product-img img{max-width:250px}
    .products .product-img .dot{width:50px;height:50px;background-size:8px 8px}
}

@media (max-width:576px){
    .products{padding:40px 20px}
    .products .product-text h3{font-size:20px;font-weight:600;color:var(--PURPLE);margin-bottom:15px;text-align:left}
    .products .product-text p{font-size:15px;line-height:24px;text-align:left}
    .products .product-img img{max-width:200px}
    .products .product-img .dot{width:40px;height:40px;background-size:6px 6px}
    .products .product-img .top-left{top:10px;left:10px}
    .products .product-img .bottom-right{bottom:10px;right:10px}
    .products .product-img img[alt="Kiosk"]{max-width:150px;height:auto}
    .products .product-img.kiosk-special .bottom-right{bottom:10px;right:10px}
    img.kiosk-mobile-img{max-width:70px!important;height:auto!important;display:block!important;margin:0 auto}
    .products .product-img.kiosk-special .bottom-right{bottom:10px!important;right:10px!important}
}
.Business{text-align:center;padding:0 20px 40px 20px;position: relative;}
.customizable{text-align:center;padding:80px 20px 0 20px;position: relative;}
.customizable .container{margin:0 200px;}
.customizable h2, .Business h2, .features h2{font-size:24px;font-weight:500;color:#8247B3;margin-bottom:20px}
.customizable p, .Business p{font-size:20px;line-height:122%;color:#898591}
 .highlight {    color: #8247B3; }
.corner {  position: absolute;  top: 0;}
.top-left {  left: 0;}
.top-right {  right: 0;}
.feature{	margin-top:70px;}
.featureP{	margin: 0 100px;}
.mirrored {  transform: rotate(180deg);}
.tabs-section {  display: flex;  gap: 30px; /* spacing between tabs */  flex-wrap: wrap; /* makes it responsive */  margin: 50px 0;  justify-content: center;}
.tab {  display: flex;  align-items: center;  gap: 15px;  padding: 15px 20px;  border-radius: 12px;  cursor: pointer;  transition: transform 0.2s, box-shadow 0.2s;}
.tabColumn {flex-direction: column;display: flex;align-items: center;gap: 15px;padding: 15px 20px;border-radius: 12px;cursor: pointer;transition: transform 0.2s, box-shadow 0.2s;    max-width: 265px;text-align:center}
.tab:hover {  transform: translateY(-5px);  box-shadow: 0 8px 20px rgba(0,0,0,0.1);}
.icon-circle {  width: 60px;  height: 60px;  background: #F1F1F199;  border-radius: 50%;  display: flex;  justify-content: center;  align-items: center;}
.icon-circle img {  width: 30px;  height: 30px;}
.tab-text h3 {  margin: 0;  font-size: 18px;}
.tab-text p {  margin: 0;  font-size: 14px;  color: #555;}
.tab-text .title{font-size: 18px; font-weight:500;    margin-bottom: 8px;}
.tab-text .subTitle{	font-size: 16px;	color:#846E98;}
.kiosk-info{padding:40px 20px;background:#f9f9f9; margin:0 80px 50px 80px}
.kiosk-info .container{max-width:1200px;margin:auto}
.info-wrapper{display:flex;align-items:flex-start;gap:50px}
.info-img img{width:100%;max-width:360px;max-height:385px;border-radius:10px; margin:0 40px}
.info-text{max-width:685px}
.info-text h2{font-size:28px;margin-bottom:10px;color:#222}
.info-text .subtitle{margin: 30px 0; font-size:16px;color:#636571 }
.info-rows{display:flex;flex-direction:column}
.info-row{display:flex;align-items:flex-start;gap:10px}
.info-row img{width:40px;height:40px;border-radius:50%;padding:8px;}
.info-row .text h4{font-size:16px;margin-bottom:3px;color:#222}
.info-row .text p{font-size:12px;color:#555;margin: 10px 0;}
.sectors{padding:40px 20px;text-align:center}
.sectors .container{max-width:1200px;margin:auto}
.sectors h2{font-size:28px;color:#222;margin-bottom:10px}
.sectors p{font-size:14px;color:#555;margin-bottom:30px}
.sectors-row{display:flex;justify-content:center;gap:20px;margin-bottom:20px}
.sectors-tab{display:flex;align-items:center;position:relative}
.sectors-tab .icon-bg{width:60px;height:52px;background:#F7F7F7;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);display:flex;align-items:center;justify-content:center;position:relative;z-index:3}
.sectors-tab .icon-bg img{width:40px;height:40px;padding:5px;object-fit:contain;position:relative;z-index:4}
.sectors-tab h6{font-size:16px;padding: 20px 150px 20px 50px;border:1px solid #EEEEEE;border-radius:8px;margin:0;position:relative;left:-32px;z-index:1;color:#444444}
.service-rectangles{padding:40px 20px;text-align:center}
.service-rectangles .container{max-width:1200px;margin:auto}
.service-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}
.service-box{flex:1 1 45%;background:#F7F7F7;border:1px solid #E7DAED;display:flex;align-items:flex-start;gap:15px;padding:15px;position:relative}
.service-box .arrow{flex-shrink:0;width:50px;height:50px;border:1px solid #E7DAED;border-radius:10px;display:flex;align-items:center;justify-content:center}
.service-box .arrow img{width:30px;height:30px;object-fit:contain}
.service-box .text h4{font-size:16px;color:#222;margin:0 0 5px}
.service-box .text p{font-size:16px;color:#555;margin:0}
.service-box .text{    text-align: start;    line-height: 28px;}
.product-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

.product-link:hover .product {
  transform: translateY(-4px);
  transition: transform 0.3s ease;
}
/* === Mobile View (max-width: 768px) === */
@media screen and (max-width:768px){

    /* Business & Customizable Sections */
     .customizable { padding: 40px 15px 20px 15px; text-align: center; }
    .customizable .container { margin: 0 10px; }
    .customizable h2, .Business h2 { font-size: 20px; margin-bottom: 15px; }
    .customizable p, .Business p { font-size: 16px; line-height: 1.3; }
	.customizable img {margin-top:-10px;max-width: 100px;}
	.Business ,.features {padding:0 10px; text-align: center;}
	
    /* Features Section */
    .feature { margin-top: 40px; }
    .featureP { margin: 0 15px; font-size: 14px; line-height: 1.4; }

    /* Tabs Section */
    .tabs-section { gap: 20px; margin: 0; }
    .tabColumn { max-width: 45%; text-align: center; padding: 10px; }
    .icon-circle { width: 50px; height: 50px; }
    .icon-circle img { width: 24px; height: 24px; }
    .tab-text h3, .tab-text .title { font-size: 16px; }
    .tab-text p, .tab-text .subTitle { font-size: 14px; }

    /* Kiosk Info */
    .kiosk-info { padding: 0; margin: 10px 10px 0 10px; }
    .info-wrapper { flex-direction: column; gap: 20px; align-items: center; }
    .info-img img { max-width: 100%; max-height: 300px; margin: 0 auto; }
    .info-text { max-width: 100%; text-align: center; }
    .info-text h2 { font-size: 22px; }
    .info-text .subtitle { font-size: 14px; margin: 20px 0; }
    .info-row img { width: 35px; height: 35px; }
    .info-row .text h4 { font-size: 14px; }
    .info-row .text p { font-size: 12px; }
	.info-row p {font-size: 12px; }
    /* Sectors Section */
      .sectors {
    padding: 20px 15px;
  }

  .sectors h2 {
    font-size: 22px;
  }

  .sectors p {
    font-size: 14px;
  }

  /* Make 2 items per row */
  .sectors-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }

  .sectors-tab {
    flex: 1 1 calc(50% - 15px);
    max-width: calc(50% - 15px);
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
  }

  .sectors-tab h6 {
    font-size: 14px;
    margin-top: 8px;
  }

  .icon-bg img {
    width: 50px;
    height: 50px;
  }

    /* Service Rectangles */
    .service-rectangles { padding: 20px 15px; }
    .service-row { flex-direction: column; gap: 15px; }
    .service-box { flex: 1 1 100%; padding: 10px; }
    .service-box .arrow { width: 40px; height: 40px; }
    .service-box .arrow img { width: 24px; height: 24px; }
    .service-box .text h4 { font-size: 14px; }
    .service-box .text p { font-size: 14px; line-height: 22px; }

    /* Product Links Hover */
    .product-link:hover .product { transform: translateY(-2px); }

}
/* === Dropdown Menu === */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropbtn {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  padding: 10px 15px;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #AAB4E145;
  min-width: 160px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.15);
  border-radius: 8px;
  z-index: 99;
  top: 100%;
  left: 0;
}

.dropdown-content a {
  color: #333;
  padding: 10px 15px;
  text-decoration: none;
  display: block;
  transition: background-color 0.2s ease;
}

/* Show dropdown on hover */
.dropdown:hover .dropdown-content {
  display: block;
}
.nav-links {
  display: flex;
  align-items: center; /* vertically center everything */
  gap: 20px; /* even spacing between items */
}

.nav-links a,
.dropdown {
  align-items: center;
  height: 100%;
}

/* === Mobile Navigation Adjustment === */
@media screen and (max-width: 768px) {
  .dropdown-content {
    position: static;
    box-shadow: none;
    background-color: transparent;
    display: none;
  }

  .dropdown.active .dropdown-content {
    display: block;
  }

  .dropdown-content a {
    padding-left: 30px;
    background-color: transparent;
  }
	.dropbtn {
		padding:0;
	}
}