@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f0f0f0}button{cursor:pointer;transition:all .3s ease}h1,h2,h3,h4,h5{font-family:Poppins,sans-serif}p,button,li,a{font-family:Inter,sans-serif}li{list-style:none;text-decoration:none}a{text-decoration:none;cursor:pointer}.top{padding:20px;background-color:#007bff;color:#fff;font-size:14px;text-align:center}header{display:flex;justify-content:space-between;padding:15px 30px;align-items:center;position:relative;background-color:#fff}header nav{display:flex;gap:45px}header nav a{font-size:16px;color:#000;font-family:Inter,sans-serif}header nav a:hover{color:#007bff}header nav a.active{color:#007bff;border-bottom:1px solid #007bff;font-weight:700}header .buttons{display:flex;gap:20px}header .buttons .normal{border:1px solid transparent;background-color:transparent;font-size:16px;cursor:pointer;padding:20px 30px;border-radius:8px}header .buttons .normal:hover{border:1px solid #000}header .buttons .primary,header .buttons .primary:link,header .buttons .primary:visited{display:inline-flex;align-items:center;justify-content:center;width:auto;flex:0 0 auto;font-size:18px;color:#007bff;border:1px solid #007bff;padding:20px 30px;background-color:transparent;border-radius:8px;font-weight:500;cursor:pointer;text-decoration:none}header .buttons .primary:hover,.related .buttons div button:hover,.related-content .full-btn:hover,.pricing-section .card-cta button:hover,.pricing-section .card-div .main-card .card-cta button:hover{background-color:#007bff;color:#fff;border:1px solid #fff}.hamburger{display:none;flex-direction:column;cursor:pointer;z-index:1001}.hamburger span{width:25px;height:3px;background-color:#000;margin:4px 0;transition:.4s}.hamburger.active{position:fixed;top:60px;right:25px}.hamburger.active span:nth-child(1){transform:rotate(-45deg) translate(-10px,10px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.mobile-menu{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:#fff;box-shadow:-2px 0 5px #0000001a;transition:right .3s ease-in-out;z-index:1000;padding:80px 30px 30px;overflow-y:auto}.mobile-menu.active{right:0}.mobile-menu nav{display:flex;flex-direction:column;gap:30px;margin-bottom:30px}.mobile-menu nav a{font-size:18px;color:#000;font-family:Inter,sans-serif;padding:10px 0;border-bottom:1px solid #f0f0f0}.mobile-menu nav a.active{color:#007bff;font-weight:700}.mobile-menu .buttons{display:flex;flex-direction:column;gap:15px}.mobile-menu .buttons .normal{border:none;background-color:transparent;font-size:16px;text-align:center;padding:10px 0;cursor:pointer}.mobile-menu .buttons .primary{font-size:18px;color:#007bff;border:1px solid #007bff;padding:15px 30px;background-color:transparent;border-radius:8px;font-weight:500;cursor:pointer;text-align:center;width:auto}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out;z-index:999}.overlay.active{opacity:1;visibility:visible}.cta{position:relative;margin:80px;padding:80px 100px;background-color:#007bff;border-radius:50px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.cta h1{font-size:55px;font-weight:600;text-align:center}.cta p{font-size:16px;line-height:30px;width:854px;text-align:center}.cta .buttons{display:flex;gap:20px;justify-content:center;align-items:center}.cta .buttons button{padding:20px 30px;border-radius:8px;font-size:18px;font-weight:500}.cta .buttons .white{border:1px solid transparent;color:#007bff;background-color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;flex:1}.cta .buttons .white:hover{background-color:#e0e0e0}.cta .buttons .transparent{display:flex;align-items:center;justify-content:center;background-color:#007bff;border:2px solid #fff;color:#fff}.cta .buttons .transparent:hover{background-color:#fff;color:#000}.cta .right-img{position:absolute;right:0;top:0}.cta .left-img{position:absolute;left:0;bottom:0}footer{padding:80px;display:flex;justify-content:space-around}footer .footer-left{display:flex;flex-direction:column;gap:30px}footer .footer-left .logo{width:214px;height:36px}footer .footer-left .socials{display:flex;gap:10px}footer .footer-left .socials img{border-radius:100px;cursor:pointer}footer .footer-left .socials img:hover{box-shadow:0 8px 16px #0006;transform:translateY(-2px);transition:all .3s ease}footer .footer-left p{width:216px;font-size:16px;line-height:26px}footer .footer-right{display:flex;gap:150px}footer .footer-right div{display:flex;flex-direction:column;gap:30px}footer .footer-right div h3{font-size:20px;font-weight:600;line-height:85px}footer .footer-right div a{font-size:14px;color:#000;transition:color .3s ease}footer .footer-right div a:hover{color:#007bff}.footer-bottom{padding:20px 100px;background-color:#007bff;color:#fff;text-align:center}.home{display:flex;flex-direction:column;padding:80px 50px;position:relative}.home .home-top{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:40px}.home .home-top h1{font-size:66px;text-align:center;line-height:90px;font-weight:600;width:1000px}.home .home-top h1 span{color:#007bff}.home .home-top p{font-size:16px;width:786px;line-height:30px;text-align:center}.home .home-top p span{font-weight:700}.home .home-top .buttons{display:flex;gap:20px}.home .home-top .buttons .blue-bg-btn{background-color:#007bff;color:#fff;padding:20px 30px;border-radius:8px;border:1px solid transparent;font-size:18px;font-weight:500;width:auto}.home .home-top .buttons .blue-bg-btn:hover,.blog-card button:hover,.related-content .buttons .btns-top .bg-blue:hover{background-color:transparent;color:#007bff;border:1px solid #007bff}.home .home-top .buttons .black-b-btn{padding:20px 24px;border-radius:8px;background-color:transparent;font-size:18px;font-weight:500;border:1px solid #007bff;width:auto}.home .home-top .buttons .black-b-btn:hover{background-color:#007bff;color:#fff}.home .home-bottom{display:flex;justify-content:space-around}.home .home-bottom .img-1,.img-2,.img-3{position:absolute}.home .home-bottom .img-1{top:70%;left:5%}.home .home-bottom .img-2{top:90%;left:36%}.home .home-bottom .img-3{top:70%;right:5%}.badge{margin:0 80px 40px;padding:40px 20px;border-radius:40px;display:flex;justify-content:space-around;align-items:center;background-color:#007bff;color:#fff}.badge div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.badge div h4{font-size:25px;font-weight:400;line-height:55px}.badge div h3{font-size:35px;font-weight:500}.why-us{padding:80px;display:flex;flex-direction:column;align-items:center}.why-us h1{font-size:45px;font-weight:600;line-height:55px;text-align:center}.why-us h1 span{color:#007bff}.why-us p{margin-top:20px;font-size:20px;text-align:center;width:988px;line-height:40px;color:#333}.why-us p span{font-weight:600}.why-us .card-div{display:flex;flex-direction:column;gap:20px;margin-top:60px}.why-us .card-div-top,.card-div-bottom{display:flex;justify-content:space-around;gap:20px}.why-us .card{max-width:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;padding:20px;border-radius:25px;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.why-us .card:hover,.top-features .card-div .card:hover,.pricing .card-div .card-div-top .card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #00000026}.top-features .card-div .card,.pricing .card-div .card-div-top .card{transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.why-us .card h3{font-size:20px;font-weight:500;line-height:30px}.card p{width:360px;font-size:14px;text-align:center;line-height:24px}.perfect{padding:80px;background-color:#007bff0d;display:flex;flex-direction:column;align-items:center}.perfect h1{font-size:45px;font-weight:600;line-height:55px}.perfect h1 span{color:#007bff}.perfect p{font-size:20px;line-height:40px;text-align:center;width:694px;margin-top:20px}.perfect-bottom{margin-top:60px;display:flex}.perfect-bottom .perfect-left{padding:20px 15px 0 20px;display:flex;flex-direction:column;gap:30px}.perfect-left .card{display:flex;gap:25px;align-items:center;justify-content:center}.perfect-left .card h4{font-size:20px;line-height:30px;font-weight:500}.perfect-left .card p{font-size:14px;margin-top:0;line-height:24px;width:510px;text-align:left}.top-features{padding:80px;display:flex;flex-direction:column;align-items:center}.top-features h1{font-size:45px;font-weight:600;line-height:55px}.top-features .card-div{margin-top:60px;display:flex;gap:20px}.top-features .card-div .card{width:400px;height:209px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;padding:20px;border-radius:25px;gap:10px}.top-features .card-div .card h3{font-size:20px;font-weight:500;line-height:30px}.top-features .card-div .card p{font-size:14px;line-height:24px}.top-features a{background-color:#007bff;color:#fff;padding:20px 30px;border-radius:8px;border:1px solid transparent;font-size:18px;margin-top:40px;font-weight:500}.top-features button:hover{background-color:transparent;border:1px solid #007bff;color:#007bff}.testimonial{background-color:#007bff0d;padding:80px 0;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.testimonial h1{font-size:45px;font-weight:600;line-height:55px;margin:0 auto}.testimonial .test-card-div{margin-top:60px;display:flex;gap:20px;overflow-x:hidden;transition:transform .3s ease}.testimonial .test-card{display:flex;flex-direction:column;align-items:baseline;width:611px;height:410px;padding:20px 20px 30px;background-color:#fff;border-radius:30px;gap:30px}.testimonial .test-card .card-top{display:flex;justify-content:space-between;width:571px}.testimonial .test-card .card-top .left{display:flex;gap:10px;justify-content:center;align-items:center}.testimonial .test-card .card-top .left h5{font-size:20px;line-height:55px;font-weight:500;color:#333}.testimonial .test-card .para{display:flex;flex-direction:column;justify-content:space-between}.testimonial .test-card .para p{font-size:16px;line-height:160%;opacity:70%}.testimonial .nav-btns{margin-top:40px;display:flex;gap:20px}.mapping-needs{padding:80px;display:flex;align-items:center;justify-content:center;gap:80px}.mapping-needs .right h1{font-size:45px;line-height:55px;font-weight:600;width:573px}.mapping-needs .right p{margin-top:35px;font-size:16px;width:611px;line-height:30px}.mapping-needs .right p span{font-weight:600}.testimonial .test-card-div{margin-top:60px;display:flex;gap:20px;overflow-x:visible;transition:transform .5s ease}.testimonial .nav-btns img{cursor:pointer;transition:opacity .3s ease}.testimonial .nav-btns img.disabled{pointer-events:none}.blog-card img{border-radius:30px;width:100%}.recent-posts img{width:142px}.blog-card button{padding:20px 24px;background-color:#007bff;color:#fff;border:1px solid transparent;border-radius:8px;font-size:16px}.blog{padding:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:100px}.blog h1{font-size:66px;font-weight:600;line-height:90px;text-align:center}.blog-content{display:flex;gap:40px}.blog-content .blog-left{display:flex;flex-direction:column;gap:30px}.blog-content .blog-left .blog-card{width:796px;height:fit-content;display:flex;flex-direction:column;gap:20px;align-items:baseline}.blog-card img{border-radius:30px}.blog-card .subheading{font-size:14px;color:#007bff;line-height:32px}.blog-card .title{font-size:22px;font-weight:500;line-height:38px}.blog-card .desc{font-size:14px;line-height:28px}.blog-card button{padding:20px 24px;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-size:16px}.blog-content .blog-right{display:flex;flex-direction:column;gap:20px;width:404px;align-items:baseline;position:relative}.blog-content .blog-right .recent-posts{display:flex;flex-direction:column;gap:30px;padding:40px 20px;background:#fff;border-radius:30px}.recent-card{display:flex;justify-content:space-between;align-items:center;gap:10px}.blog-content .blog-right input{padding:20px 20px 20px 40px;background-color:#fff;border-radius:20px;border:none;width:100%;font-size:18px;line-height:24px;font-family:Inter,sans-serif}.blog-content .blog-right .search{position:absolute;left:15px;top:22px}.blog-content .blog-right .recent-posts .title{font-size:30px;font-weight:500;line-height:90px}.recent-posts .recent-card p{font-size:16px;font-weight:500;line-height:32px;width:200px;color:#000}.blog-left .blog-card .content-card{display:flex;flex-direction:column;padding:40px 20px;gap:20px;background-color:#fff;border-radius:20px}.blog-left .blog-card .content-card h1{font-size:34px;font-weight:600;text-align:left;line-height:50px}.blog-left .blog-card .content-card p{font-size:18px;line-height:42px;opacity:70%}.blog-left .blog-card .content-card p span{color:#007bff;font-weight:500}.category{padding:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:80px}.category h1{font-size:66px;font-weight:600;line-height:90px}.category-content{display:flex;gap:20px}.category-content .category-left{max-width:315px;padding:30px 20px;display:flex;flex-direction:column;align-items:start;background-color:#fff;border-radius:20px;gap:30px;height:fit-content}.category-content .category-left .title{font-size:24px;font-weight:500;line-height:24px}.category-content .category-left ul{display:flex;flex-direction:column;gap:10px}.page-left .category-list .search img{width:20px}.category-list ul a,.category-content .category-left ul a,.buttons a,.hooks a{gap:10px;color:#007bff;font-size:14px;display:flex;justify-content:space-between;padding:16px 20px;align-items:center;background-color:#f0f0f0;border-radius:14px;line-height:24px;border:1px solid transparent;width:100%}.category-list ul a:hover,.category-list ul a.active,.category-content .category-left ul a:hover,.buttons a:hover,.hooks a:hover,.category-content .category-left ul a.active{background-color:#fff;border:1px solid #f0f0f0}.category-content .category-right{display:flex;flex-direction:column;gap:20px;max-width:905px}.category-right .content{background-color:#fff;padding:40px 20px;border-radius:20px;display:flex;flex-direction:column;gap:40px}.category-right .content p{font-size:18px;line-height:34px}.category-right .content .title,.example .title{font-size:34px;font-weight:500}.category-right .example{padding:30px 20px;display:flex;flex-direction:column;gap:30px;background-color:#fff;border-radius:20px}.code-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin-top:16px;font-family:Inter,sans-serif}.code-header{padding:12px 20px;background-color:#007bff;display:flex;justify-content:space-between;align-items:center}.code-language{color:#fff;font-size:13px;font-weight:500;letter-spacing:.5px;font-family:Roboto Mono,monospace}.copy-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;font-family:Roboto Mono,monospace}.copy-button:hover{background:#ffffff4d;border-color:#ffffff80}.copy-button svg{width:14px;height:14px}.code-content{background:#fafafa;padding:0;position:relative;overflow:hidden}.code-line-numbers{border-right:1px solid #e0e0e0;padding:16px 0;text-align:right;-webkit-user-select:none;user-select:none;float:left;width:50px}.line-number{color:#999;font-size:18px;line-height:34px;padding:0 12px;display:block;font-family:Roboto Mono,monospace}.code-lines{padding:16px 20px;margin-left:50px;overflow-x:auto}.code-line{font-size:16px;line-height:32px;color:#333}.function-keyword{color:#007bff;font-weight:500}.function-name{color:#000}.string{color:#007bff}.variable{color:#aa7f00}.number{color:#000}.keyword-return{color:#007bff;font-weight:500}.bracket,.punctuation{color:#333}.example .desc{font-size:16px;line-height:34px;color:#333;opacity:70%}.content .lg-para{font-size:22px;line-height:44px}.wpgmp-list-container{display:flex;flex-direction:column;justify-content:center;align-items:baseline;background-color:#fff;border-radius:20px;padding:30px 20px;gap:30px}.wpgmp-list-container .wpgmp-list{display:flex;gap:20px;flex-wrap:wrap}.wpgmp-list-container .wpgmp-list a{gap:10px;color:#007bff;font-size:18px;display:flex;align-items:center;line-height:24px;width:100%}.hooks{display:flex;flex-direction:column;justify-content:center;align-items:baseline;background-color:#fff;border-radius:20px;padding:30px 20px;gap:30px}.hooks .buttons{display:flex;gap:20px}.buttons a{width:422px;justify-content:space-between}.page{padding:80px 80px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.page h1{font-size:66px;text-align:center;line-height:90px;font-weight:600}.page .page-content{display:flex;gap:20px;margin-top:80px}.page h1 span{color:#007bff}.page .page-left,.category-list{position:relative;display:flex;flex-direction:column;align-items:center;min-width:315px;gap:20px}.page-left .category-list .search{width:100%}.page-left .category-list .search input{width:100%;border-radius:20px;font-size:16px;line-height:24px;border:none;padding:20px 20px 20px 40px}.page-left .category-list .search img{position:absolute;left:16px;top:22px}.page-content .page-left .more-examples{display:flex;flex-direction:column;padding:20px 15px;gap:30px;background-color:#fff;border-radius:20px;width:100%}.page-content .page-left .more-examples p{font-size:20px;font-weight:500;line-height:24px}.page-content .page-left .more-examples ul{display:flex;flex-direction:column;gap:20px}.page-content .page-left .more-examples ul li{font-size:14px;line-height:24px;cursor:pointer}.example-title{display:flex;flex:1;justify-content:flex-start;align-items:self-end}.example-title h1{text-align:left}.page-right{display:flex;flex-direction:column;gap:20px;width:905px}.page-full{display:flex;flex-direction:column;gap:20px}.page-full .right-top,.page-right .right-top{display:flex;flex-direction:column;gap:20px;padding:40px 20px;background-color:#fff;border-radius:20px}.page-full .right-top p,.page-right .right-top p{font-size:18px;line-height:34px}.page-full .right-top img,.page-right .right-top img{width:100%}.page-full .right-top p span,.page-right .right-top p span{font-weight:600;color:#007bff}.page-right .right-top ul,.page-right .right-top ol{margin-left:20px;margin-bottom:20px;padding-left:20px}.page-right .right-top ul li,.page-right .right-top ol li{margin-bottom:10px;font-size:18px;line-height:30px}.page-right .right-top img{width:100%;height:auto;border-radius:12px;margin:20px 0}.page-right .right-top blockquote{padding:20px;background:#f8f9ff;border-left:4px solid #007bff;margin:20px 0;font-style:italic}.page-right .right-top pre{background:#1e1e1e;color:#fff;padding:20px;border-radius:14px;overflow-x:auto;margin-bottom:20px;font-size:16px;line-height:1.6}.page-right .right-top code{background:#007bff1a;padding:3px 6px;border-radius:4px;font-size:15px}.page-right .right-top table{width:100%;border-collapse:collapse;margin:20px 0}.page-right .right-top th,.page-right .right-top td{border:1px solid #e1e1e1;padding:14px;text-align:left;font-size:16px}.page-right .right-top th{background:#f5faff;font-weight:600}.page-right .right-top .wp-block-image,.page-right .right-top .wp-block-gallery,.page-right .right-top .wp-block-quote,.page-right .right-top .wp-block-code{margin:30px 0}.page-right .right-top hr{border:none;border-top:1px solid #e7e7e7;margin:30px 0}.page-right .right-top .top-example{display:flex;flex-direction:column;gap:40px}.top-example h3{font-size:34px;font-weight:600}.location-listing{display:flex;flex-direction:column;padding:30px 20px;border-radius:20px;background-color:#fff;gap:20px}.location-listing .title{font-size:18px;font-weight:500;line-height:34px}.location-listing input{font-size:14px;color:#000000bf;padding:26px 20px;border-radius:16px;border:1px solid rgb(0,0,0,.5)}.options{display:flex;gap:20px;align-items:center}.filter-select{width:186px;padding:20px;font-size:14px;font-weight:400;color:#333;background-color:#0000000a;border:1px solid #d0d5dd;border-radius:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23667085' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px;cursor:pointer;transition:all .2s ease;outline:none}.filter-select:hover{border-color:#98a2b3;background-color:#f9fafb}.filter-select:focus{border-color:#667085;box-shadow:0 0 0 3px #6670851a}.filter-select:focus-visible{outline:none}.filter-select option{padding:8px;font-size:14px;color:#344054}.cards-container{padding:20px;background-color:#fff;display:flex;flex-direction:column;gap:30px;border-radius:20px}.cards-container .container-1{display:flex;gap:20px}.cards-container .container-1 .pageCard{width:422px;display:flex;flex-direction:column;gap:20px}.container-1 .pageCard .heading{font-size:20px;font-weight:500;line-height:34px}.container-1 .pageCard .desc{opacity:70%;font-size:14px;line-height:24px}.container-1 .pageCard .pagePricing,.link{font-size:16px;color:#000000b3;cursor:pointer}.pagePricing span,.link span{font-weight:600;color:#000}.pageCard .location{display:flex;gap:5px;align-items:center}.export{display:flex;flex-direction:column;justify-content:center;margin-left:31%;margin-right:100px;gap:20px}.export .live-demo{padding:50px 100px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;background-color:#007bff;color:#fff;border-radius:50px;gap:20px}.live-demo h3{font-size:35px;font-weight:600;line-height:55px}.live-demo p{font-size:16px;line-height:30px}.export .related{display:flex;flex-direction:column;gap:20px}.export .related .related-content{display:flex;padding:20px 30px;border-radius:20px;flex-direction:column;gap:40px;background-color:#fff}.related-content .buttons{display:flex;flex-direction:column;gap:20px}.related-content .heading{font-size:26px;font-weight:600;line-height:34px}.related-content .buttons div{display:flex;gap:20px}.related .buttons div button{padding:15px 10px;background-color:transparent;border:1px solid #007bff;font-size:16px;line-height:34px;text-align:center;color:#007bff;border-radius:18px;width:422px}.related-content .full-btn{padding:15px 20px;color:#007bff;border:1px solid #007bff;background-color:transparent;border-radius:18px;font-size:16px;height:60px}.features{padding:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:150px}.features .features-top{display:flex;flex-direction:column;align-items:center;gap:40px}.features .features-top h1{font-size:66px;text-align:center;font-weight:600;line-height:90px;width:992px}.features .features-top h1 span{color:#007bff}.features .features-top p{font-size:16px;line-height:30px;width:878px;text-align:center}.features .features-top p span{font-weight:600}.features-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.features-content h3{font-size:60px;font-weight:600;line-height:55px;text-align:center}.features-content .features{display:flex;flex-direction:column;margin-top:150px;padding:0}.flex{padding:60px 100px;display:flex;justify-content:space-between;gap:50px;background-color:#007bff0d}.flex-r{padding:60px 100px}.flex div,.flex-r div{flex-direction:column;display:flex;justify-content:center;align-items:baseline;gap:35px}.flex div h3,.flex-r div h3{font-size:45px;font-weight:600;line-height:55px;text-align:left}.flex div h3 span,.flex-r div h3 span{color:#007bff}.flex div p,.flex-r div p{font-size:16px;line-height:30px;text-align:left}.flex div button,.flex-r div button{padding:20px 23px;background-color:#007bff;color:#fff;border-radius:8px;border:1px solid transparent}.flex div button:hover,.flex-r div button:hover,.marker-icons button:hover,.features-bottom button:hover{background-color:#fff;color:#007bff;border:1px solid #007bff}.wpgmp-btn{padding:20px 23px;background-color:#007bff;color:#fff;border-radius:8px;border:1px solid transparent}.wpgmp-btn:hover{background-color:#fff;color:#007bff;border:1px solid #007bff}.flex-r{display:flex;flex-direction:row-reverse;padding:60px 100px;justify-content:space-between;gap:50px}.marker-icons{background-color:#007bff0d;padding:60px 100px;display:flex;flex-direction:column;align-items:center;gap:20px}.marker-icons h1{font-size:45px;line-height:55px;font-weight:600;width:846px;text-align:center}.marker-icons p{font-size:16px;width:661px;line-height:30px;text-align:center}.marker-icons h1 span{color:#007bff}.marker-icons button{padding:20px 23px;background-color:#007bff;color:#fff;border-radius:8px;border:none}.marker-icons .flex img,.marker-icons .flex-r img{width:600px}.marker-icons .full-width{width:100%}.marker-content{margin-top:80px;display:flex;flex-direction:column}.bg-transparent{background-color:transparent}.features-bottom{padding:60px 100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:45px;background-color:#007bff0d}.features-bottom h1{font-size:45px;font-weight:600;line-height:55px}.features-bottom h1 span{color:#007bff}.features-bottom p{font-size:22px;line-height:44px;text-align:center;width:898px}.features-bottom p span{font-weight:600}.features-bottom button{padding:20px 23px;background-color:#007bff;color:#fff;border-radius:8px;border:none;font-size:18px}.main{padding-bottom:20px}.install-example ul li{list-style:auto}.install-example{display:flex;flex-direction:column;padding:30px 20px;background-color:#fff;border-radius:20px;gap:30px}.install-example ul{padding:0 20px}.main-right .right-top h3{font-size:34px;font-weight:600}.install-example h3{font-size:28px;font-weight:600;line-height:90px}.install-example ul .tite{font-weight:600}.install-example ul li{font-size:18px;line-height:34px}.install-example ul p{font-size:18px;margin-bottom:10px;line-height:34px}.install-example ul p span{font-weight:600;color:#007bff}.install-example ul ul p span{color:#000}.export{max-width:905px;margin-left:33%}.instaling-export{margin-left:31%}.related-content .buttons .btns-top .bg-blue{background-color:#007bff;color:#fff}.pricing{padding:80px;display:flex;flex-direction:column;align-items:center}.pricing h1{font-size:66px;font-weight:600;line-height:90px;text-align:center;width:1000px}.pricing h1 span{color:#007bff}.pricing p{font-size:16px;width:866px;line-height:30px;margin-top:40px;text-align:center}.pricing .card-div .card-div-top{display:flex;justify-content:space-around;gap:20px;margin-top:60px}.pricing .card-div .card-div-top .card{width:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;padding:20px;border-radius:25px}.pricing .card h3{margin-top:15px;font-size:20px;font-weight:500;line-height:30px}.pricing .card p{width:360px;font-size:14px;text-align:center;line-height:24px;margin-top:25px}.pricing-section{padding:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:100px}.pricing-section h1{font-size:60px;font-weight:600;text-align:center;line-height:55px}.pricing-section .card-div{display:flex;position:relative}.pricing-section .card-div .card{width:413px;height:fit-content;background-color:#fff;display:flex;flex-direction:column;padding:20px;border-radius:20px 0;position:relative;top:65px;justify-content:space-between}.pricing-section .card-div .main-card{height:1000px;background-color:#007bff;border-radius:20px;color:#fff;top:0;justify-content:unset}.pricing-section .main-card .card-top p{color:#fff}.pricing-section .card-div .card .card-top{display:flex;flex-direction:column;gap:25px}.pricing-section .card-top .title{font-size:18px;font-weight:500}.pricing-section .card-top p{font-size:16px;color:#000000bf;text-align:left}.pricing-section .card-top .price h3{font-size:41px;font-weight:500}.pricing-section .card-top .price{display:flex;align-items:center;gap:8px}.pricing-section .card-div .card .card-bottom{display:flex;flex-direction:column;gap:30px;margin-top:30px}.pricing-section .card .card-bottom p{text-align:left}.pricing-section .card .card-bottom ul{display:flex;flex-direction:column;gap:20px}.pricing-section .card-bottom ul li{display:flex;gap:5px;align-items:center;font-size:16px;line-height:24.8px;color:#000000bf}.pricing-section .card-cta{display:flex;flex-direction:column;gap:30px;margin-top:20px}.pricing-section .card-cta p{font-size:16px;line-height:30px;margin-top:15px}.pricing-section .card-cta button{width:100%;padding:23px 20px;background-color:transparent;border:1px solid #007bff;background-color:#007bff;color:#fff;border-radius:8px;font-size:14px;font-weight:500}.pricing-section .main-card .card-top .price p .discount{color:#007bff;padding:5px 8px;border-radius:25px;background-color:#fff}.pricing-section .main-card ul li{color:#fff}.pricing-section.main-card ul li span{font-weight:600}.pricing-section .card-div .main-card .card-cta button{background-color:#fff;margin-top:32%;color:#007bff}@media screen and (max-width:768px){.hamburger{display:flex}header nav,header .buttons{display:none}.cta{margin:20px;padding:40px;gap:20px}.cta h1{font-size:30px}.cta p{font-size:14px;width:100%}.cta .left-img{bottom:48px;z-index:-1}.cta .buttons{flex-direction:column}.cta .buttons .white{justify-content:center}footer{padding:20px}footer,.footer-right{flex-direction:column}footer .footer-right{gap:20px}footer .footer-right div{gap:20px}.footer-bottom{padding:20px}}@media screen and (max-width:480px){.top{font-size:12px;padding:15px}header{padding:15px 20px}.mobile-menu{width:100%}}@media screen and (max-width:768px){.pricing{padding:20px}.pricing h1{font-size:32px;width:100%;line-height:normal;margin-top:20px}.pricing p{width:100%}.pricing .pricing-bottom{display:none}.pricing .pricing-top .buttons,.pricing .card-div .card-div-top{flex-direction:column}.pricing{padding:20px;gap:40px}.pricing h1{font-size:32px;text-align:center}.pricing-section .card-div{flex-direction:column;gap:20px}.pricing-section .card-div .card{position:static;width:390px;border-radius:20px}.pricing-section .card-div .main-card .card-cta button{margin-top:0%}.pricing-section .card-bottom ul li{gap:3px}.pricing-section .card-top p{text-align:left}}@media screen and (max-width:768px){.home{padding:20px;gap:40px}.home .home-top h1{font-size:32px;width:100%;line-height:normal;margin-top:20px}.home .home-top p{width:100%}.home .home-bottom{display:none}.home .home-top .buttons{flex-direction:column}.badge{margin:20px;flex-direction:column}.badge .line{transform:rotate(90deg)}.why-us{padding:20px}.why-us h1{font-size:32px;line-height:normal}.why-us p{width:100%;font-size:16px}.why-us .card-div-top,.card-div-bottom{flex-wrap:wrap}.perfect{padding:20px}.perfect h1{font-size:32px;text-align:center}.perfect p{width:100%}.perfect-bottom{flex-direction:column-reverse}.perfect-bottom .perfect-right{display:flex;justify-content:center}.perfect-bottom .perfect-right img{width:400px}.perfect-left .card p{width:100%}.perfect-left .card{flex-direction:column}.perfect-left .card h4,.perfect-left .card p{text-align:center}.top-features{padding:20px}.top-features h1{font-size:32px;text-align:center}.top-features .card-div{flex-direction:column}.mapping-needs{padding:20px;flex-direction:column}.mapping-needs .right h1{width:100%;font-size:32px;text-align:center}.mapping-needs .right p{width:100%}.mapping-needs .left img{width:400px}.testimonial .test-card{width:400px;height:521px}.testimonial{padding:80px 0;overflow:hidden;align-items:flex-start}.testimonial .test-card-div{margin-top:60px;margin-left:calc((100vw - 400px)/2);display:flex;gap:20px;transition:transform .5s ease}.testimonial .test-card{width:400px;height:521px;flex-shrink:0}.testimonial .test-card .card-top{width:360px}.testimonial .nav-btns{margin:40px auto 0}.blog{padding:20px;gap:40px}.blog h1{font-size:32px}.blog .blog-left{max-width:400px}.blog-content .blog-left .blog-card,.blog-card img{width:100%}.blog-content{flex-direction:column-reverse}.blog-content .blog-right{width:100%;max-width:400px}.blog-content .blog-right .recent-posts{display:none;position:absolute;top:70px;left:0;right:0;z-index:1000;box-shadow:0 8px 32px #00000026;max-height:70vh;overflow-y:auto;border-radius:20px}.blog-content .blog-right .recent-posts.active{display:flex}.mobile-backdrop-recent{display:none;position:fixed;inset:0;z-index:999}.mobile-backdrop-recent.active{display:block}.blog-content .blog-right input{cursor:pointer}.blog-content .blog-right .recent-posts{-webkit-overflow-scrolling:touch}.category{padding:20px;gap:40px}.category h1{font-size:32px}.category .category-left{display:none}.category-content .category-right{max-width:400px}.hooks .buttons{flex-direction:column}.buttons a{max-width:360px}.options{gap:12px}.filter-select{width:140px;font-size:13px;padding:9px 32px 9px 12px}.page{padding:20px}.page h1{font-size:32px;line-height:1.4}.page .page-content{margin-top:40px;flex-direction:column}.page-content .page-right{width:400px}.page-content .page-left .blog-card{width:100%}.options{justify-content:unset;flex-wrap:wrap}.cards-container .container-1{flex-direction:column}.cards-container .container-1 .pageCard{width:390px}.cards-container .container-1 .pageCard img{max-width:350px}.pageCard .location{width:360px}.location img{width:14px;height:20px}.container-1 .pageCard .heading{font-size:18px}.container-1 .pageCard .desc{width:350px}.export{padding:20px;margin:0}.export .live-demo{padding:20px 40px;border-radius:25px}.related-content .buttons div{flex-direction:column}.related .buttons div button{width:100%}.related-content .full-btn{height:fit-content}.install-example img{width:100%}.export{margin-left:0}.page-content .page-left .more-examples{display:none;position:absolute;top:70px;left:0;right:0;z-index:1000;box-shadow:0 4px 20px #00000026;max-height:70vh;overflow-y:auto;width:100%}.page-content .page-left .more-examples.active{display:flex}.mobile-backdrop{display:none;position:fixed;inset:0;background:#0000004d;z-index:999}.mobile-backdrop.active{display:block}.page-left input{cursor:pointer}.features{padding:20px;gap:40px}.features .features-top h1{width:400px;font-size:32px;line-height:1.4}.features .features-top p{width:100%;font-size:14px}.features-content{margin-top:50px;max-width:400px}.features-content h3{font-size:30px}.features-content .features{margin-top:60px;padding:0}.flex{flex-direction:column;gap:20px;max-width:400px;padding:20px 20px 20px 30px}.flex-r{flex-direction:column;max-width:400px;padding:20px 20px 20px 30px}.flex img,.flex-r img{max-width:400px}.flex div,.flex-r div{gap:15px}.flex div h3,.flex-r div h3,.marker-icons h1{max-width:390px;font-size:30px;line-height:normal}.marker-icons{padding:20px}.marker-icons p{font-size:14px;max-width:400px}.marker-icons img{max-width:400px}.features-bottom{padding:20px;gap:25px}.features-bottom h1{font-size:32px;line-height:normal}.features-bottom p{max-width:400px;font-size:18px}}.main-container{padding:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:100px}.feedback-thanks p{margin:20px 0}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:40px 0;flex-wrap:wrap}.pagination-btn{padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;text-decoration:none;color:#4a5568;background:#fff;transition:all .2s ease}.pagination-btn:hover{background:#f7fafc;border-color:#cbd5e0}.pagination-btn.active{background:#3182ce;color:#fff;border-color:#3182ce}.read-more-btn{display:inline-block;padding:10px 20px;background:#3182ce;color:#fff;text-decoration:none;border-radius:6px;border:none;cursor:pointer;transition:background .2s ease}.read-more-btn:hover{background:#2c5aa0}.blog-card-content{display:flex;flex-direction:column;gap:20px}.cross-icon{color:red;font-size:larger}