@media(max-width:1400px){.top-bar{padding:24px 44px}.clients-section ul.shaps-img li:nth-child(2) img{width:64px}.clients-section ul.shaps-img li:nth-child(1) img{width:31px !important}.marquee-item{margin-left:0}.get-in-touch span,.get-in-touch a,.get-in-touch h6{font-size:16px}li.navbar-dropdown.menu-item-children{padding-right:50px}.subscribe-text #subscribe-form input{width:536px}.how-it-works{background-size:2267px}.count-style h2{font-size:76px}.count-style h2 sup{font-size:44px}.hero-section.three{padding-top:190px}.hero-section.three .hero-text{padding-bottom:40px}.subscribe-text{margin-top:60px}#blog ul.shaps-img li:nth-child(1) img{width:200px}.widget-title ul li i{padding-right:6px}.hero-section ul.shaps-img li:nth-child(4){bottom:49%;left:20%}.widget-title ul li a{font-size:15px}.blog p{width:100%}.hero-section.for{padding-top:202px;background-size:2218px}.tag>a{margin-top:4px}footer ul.shaps-img li:nth-child(2){left:3%}.footer-try h2{font-size:54px}footer{padding-bottom:30px !important}.blog>a{font-size:26px;line-height:34px;padding-top:6px;padding-bottom:10px}li.menu-item-children>a:before{right:35px}.clients{width:570px}.pricing-plans h5{font-size:50px}.pricing-plans span{font-size:16px}.accordion-contact h4{font-size:16px;padding-left:20px}.logo img{margin-right:34px}.hero-text h2{line-height:76px;font-size:66px}.title{font-size:22px}.get-a-quote img{width:49px}.navbar-links li.navbar-dropdown:hover .sub-menu{transform:translatey(23px)}.hero-section ul.shaps-img li:nth-child(1){top:20%;left:4%}.hero-section ul.shaps-img li:nth-child(2){left:6%}.hero-section ul.shaps-img li:nth-child(3){width:28px}.hero-section ul.shaps-img li:nth-child(5){width:300px}.hero-section ul.shaps-img li:nth-child(4){bottom:10%;left:50%}.top-bar a i{font-size:24px;padding-top:6px}.heading h2{font-size:50px}.heading span,.heading h1{font-size:16px}}@media(max-width:1200px){.gap{padding-top:100px;padding-bottom:100px}.no-top{padding-top:0}.no-bottom{padding-bottom:0}.get-in-touch span{font-size:16px}.subscribe-text>div{margin-left:14px}.subscribe-text{padding:20px}.subscribe-text h3{font-size:26px}.subscribe-text #subscribe-form input{width:410px}.count-style{padding:30px 35px}.count-style h2{font-size:70px}.count-style h2 sup{font-size:38px}.get-in-touch i{margin-right:12px}.pricing-plans{padding:20px 20px}.clients{width:428px}.pricing-plans-text ul{width:90%;margin-top:20px;margin-bottom:20px}.clients-img h3{font-size:20px}.clients{padding:30px;border-radius:25px}.accordion-contact h4{font-size:18px;padding-bottom:16px;padding-left:30px;font-weight:bold}.accordion-contact{padding:10px;border-radius:30px;padding-bottom:10px;padding-top:36px}.team h4{font-size:24px}.team span{font-size:16px}.accordion{background-color:#fff;z-index:1;position:relative;margin-bottom:40px}.accordion-contact h4{font-size:14px;padding-bottom:16px;padding-left:10px}.how-it-works{background-image:none !important}.navbar{display:none}.review ul li{padding-right:0px}.btn{padding:1rem 2.4rem}.get-a-quote{width:100%}.hero-text h2{line-height:66px;font-size:56px}.listing{width:100%}.hero-section ul.shaps-img li:nth-child(2){left:3%}.hero-text span{font-size:13px}.get-a-quote input[type="text"],.get-a-quote input[type="email"],.get-a-quote input[type="number"]{margin-bottom:10px}.get-a-quote{padding:30px}.get-a-quote img{width:40px}.hero-section ul.shaps-img li:nth-child(4){bottom:3%;left:50%}}@media(max-width:993px){.hero-section{padding-top:105px}.footer-try>div{width:100%}.accordion-img img{width:auto}.hero-text{text-align:center}.subscribe-text{flex-wrap:wrap;gap:20px}.subscribe-text #subscribe-form,.subscribe-text #subscribe-form input{width:100%}.hero-section.two{padding-top:180px}.presenting.two{margin-top:0}.subscribe-text{flex-wrap:wrap;gap:20px;justify-content:center;text-align:center}.footer-try{padding-bottom:80px;flex-wrap:wrap;gap:25px}.hs-responsive-embed-youtube iframe{height:500px}.hero-section.for{padding-top:202px;background-size:2018px}.hero-section.for ul.shaps-img li:nth-child(5){width:199px}.hero-section.for .hero-text{width:100%}.widget-title ul{row-gap:12px}.footer-logo p{width:100%;padding-top:16px;padding-bottom:30px}.all-rights p{text-align:center}.get-in-touch{margin-bottom:12px}.widget-title h3{font-size:24px;padding-bottom:20px;padding-top:30px}.all-rights{margin-top:50px;flex-wrap:wrap;justify-content:center;gap:20px}footer{padding-bottom:30px !important;background-size:cover}.blog{margin-bottom:30px}.accordion-section .heading.two{width:100%}.count-style h2{font-size:60px}.count-style h2 sup{font-size:35px}.count-style:hover{transform:translateY(00px)}.count-style{margin-bottom:10px}.count-style.two{margin-bottom:0}.count-style h4{font-size:22px;padding-bottom:18px;padding-top:4px}.clients p{font-size:14px;line-height:24px}.team{z-index:11;margin-bottom:40px}.pricing{margin-bottom:20px}.accordion-contact h4{font-size:18px;padding-bottom:16px;padding-left:30px}header{padding-top:10px}h3{font-size:22px}.how-it-works ul.chek{padding-bottom:20px}.how-do-stap{margin-top:20px !important}.heading h2{font-size:42px}.heading{width:100%}.heading h5{font-size:26px}.hero-text h2{padding-bottom:10px}.hero-text{padding-bottom:30px}.get-a-quote{margin-top:40px}form#contact-form h3{font-size:34px}.btn{padding:1rem 2.0rem;font-size:15px}.review{flex-wrap:wrap;justify-content:center}.review .btn{width:100%;margin-bottom:20px}.review img{margin-left:0}}@media(max-width:768px){.marquee:before,.marquee:after{width:140px}.subscribe-text{margin-top:0px}.accordion{width:100%;padding:12px 20px}.video img{width:100%}.heading.two p{width:100%;padding-top:18px}.hero-section.for .hero-text h2{font-size:40px;line-height:50px}ul.chek li{font-size:16px}.hs-responsive-embed-youtube iframe{height:400px}.hero-section.for{padding-top:150px;background-size:1618px}.gap{padding-top:80px;padding-bottom:80px}.no-top{padding-top:0}.no-bottom{padding-bottom:0}.heading{margin-bottom:30px}.presenting p{font-size:16px;border-bottom:0;padding-bottom:0;margin-bottom:0px}}@media(max-width:576px){ul.shaps-img{display:none}.footer-try{padding-bottom:60px}.hero-section.three .hero-text,.hero-section.two .hero-text{width:100%}.hero-section.two .review{margin-top:40px}.presenting{justify-content:center;text-align:center}.clients-img img{border-radius:50%;margin-right:12px;width:56px}.gap{padding-top:60px;padding-bottom:60px}.no-top{padding-top:0}.no-bottom{padding-bottom:0}.clients{width:380px}.hero-text h2{line-height:56px;font-size:44px}.heading h2{font-size:34px}.presenting{flex-wrap:wrap;gap:30px}.presenting i{width:90px;height:90px;font-size:54px;margin-right:0;margin-left:10px}.presenting i:after{width:88px;height:88px}.presenting:hover i:after{border:53px solid #444}}@media(max-width:500px){.top-bar a{font-size:14px}.hero-section.two{padding-top:160px}.hero-text p{font-size:18px;line-height:28px}.footer-try h2{font-size:42px}.clients-img h3{font-size:16px;padding-bottom:0}.hs-responsive-embed-youtube iframe{height:320px}}@media(max-width:480px){.presenting{margin-top:40px;width:100%;gap:30px}.top-bar a i{font-size:18px;padding-top:6px;margin-right:5px}.hero-section.for .hero-text h2{font-size:32px;line-height:40px}.hs-responsive-embed-youtube iframe{margin-top:46px}.presenting i{margin-right:10px;margin-left:10px}.clients{width:320px}.clients p{font-size:12px;line-height:22px}}@media(max-width:450px){.hero-text h2{line-height:48px;font-size:38px}.hero-section.three{padding-top:140px}.footer-try h2{font-size:36px}.count-style h4{font-size:20px}.accordion-img img{width:100%}.accordion-contact h4{font-size:16px;padding-bottom:16px;padding-left:14px}.top-bar{padding:16px 26px}.logo img{margin-right:0px}}@media(max-width:410px){.marquee:before,.marquee:after{width:100px}.expert-icon{left:8%}.footer-try h2{font-size:30px}}@media(max-width:375px){}

/* ============================================
   Consistent logo & icon sizing (all pages)
   ============================================ */
.top-bar .logo img{max-height:49px;height:auto;width:auto;max-width:180px;object-fit:contain}
.footer-logo img{max-height:45px;height:auto;width:auto;max-width:160px;object-fit:contain}
.top-bar a i{font-size:22px !important;max-width:28px;max-height:28px}
.top-bar a i svg{max-width:28px;max-height:28px;width:1em;height:1em}
.get-in-touch i{max-width:56px;max-height:56px;font-size:24px !important}
.presenting i{max-width:88px;max-height:88px;font-size:52px !important}
.presenting i img{max-width:52px !important;max-height:52px !important;width:auto !important;height:auto !important;object-fit:contain}
.presenting i:after{width:86px !important;height:86px !important}
.how-do-stap i{max-width:72px;max-height:72px;font-size:72px !important}
.pricing-plans-text i{max-width:56px;max-height:68px;font-size:34px !important;width:56px !important;height:68px !important}
.video i,.video-pop i,a.video-pop i{max-width:72px;max-height:72px;font-size:18px !important;width:72px !important;height:72px !important}
.marquee-item img{max-height:70px;width:auto;height:auto;object-fit:contain}

/* Heading icon - consistent 47px across all pages */
.heading img[src*="heading-img.png"],
.hero-text img[src*="heading-img.png"],
.about-hero img[src*="heading-img.png"],
.contact-hero img[src*="heading-img.png"],
.about-hero-content- img[src*="heading-img.png"],
.contact-hero-content- img[src*="heading-img.png"]{height:47px !important;max-height:47px !important;width:auto !important;margin-bottom:19px !important;object-fit:contain;display:block;margin-left:auto;margin-right:auto}
.heading img[src*="heading-img.png"]{display:block}

/* WhatsApp & Call button icons - consistent sizing */
.button.btn1 img[src*="whatsapp"],
.button.btn3 img[src*="whatsapp"],
.button.btn img[src*="whatsapp"],
.btn-floating.whatsapp img{height:32px !important;width:32px !important;max-height:32px !important;object-fit:contain}
.button.btn2 img[src*="telephone"],
.button.btn img[src*="telephone"]{height:30px !important;width:30px !important;max-height:30px !important;object-fit:contain}
@media(max-width:1200px){
  .top-bar .logo img{max-width:160px;max-height:44px}
  .footer-logo img{max-width:140px;max-height:42px}
}
@media(max-width:768px){
  .top-bar .logo img{max-width:140px;max-height:42px}
  .footer-logo img{max-width:130px;max-height:40px}
  .top-bar a i{font-size:20px;max-width:26px;max-height:26px}
  .presenting i{max-width:76px;max-height:76px;font-size:46px !important}
  .presenting i img{max-width:44px !important;max-height:44px !important}
  .presenting i:after{width:74px !important;height:74px !important}
  .how-do-stap i{max-width:60px;max-height:60px;font-size:60px !important}
  .pricing-plans-text i{max-width:48px;max-height:58px;font-size:28px !important;width:48px !important;height:58px !important}
  .video i,.video-pop i,a.video-pop i{max-width:64px;max-height:64px;width:64px !important;height:64px !important}
  .marquee-item img{max-height:56px}
}
@media(max-width:576px){
  .top-bar .logo img{max-width:130px;max-height:40px}
  .footer-logo img{max-width:120px;max-height:38px}
  .presenting i{max-width:72px;max-height:72px;font-size:42px !important}
  .presenting i img{max-width:40px !important;max-height:40px !important}
  .presenting i:after{width:70px !important;height:70px !important}
  .how-do-stap i{max-width:56px;max-height:56px;font-size:56px !important}
  .pricing-plans-text i{max-width:42px;max-height:50px;font-size:24px !important;width:42px !important;height:50px !important}
  .video i,.video-pop i,a.video-pop i{max-width:56px;max-height:56px;width:56px !important;height:56px !important}
  .marquee-item img{max-height:48px}
}
@media(max-width:450px){
  .top-bar .logo img{max-width:120px;max-height:38px}
  .footer-logo img{max-width:110px;max-height:36px}
}

/* ============================================
   Mobile-friendly icons & touch targets
   ============================================ */
@media(max-width:1200px){
  .top-bar{flex-wrap:nowrap;gap:8px}
}
/* Global h1 - bigger on mobile */
@media(max-width:991px){
  h1,.hero-text h1,.heading h1,.about-hero h1,.contact-hero h1{font-size:36px !important;line-height:1.35 !important}
}
@media(max-width:768px){
  h1,.hero-text h1,.heading h1,.about-hero h1,.contact-hero h1{font-size:34px !important;line-height:1.3 !important}
}
@media(max-width:576px){
  h1,.hero-text h1,.heading h1,.about-hero h1,.contact-hero h1{font-size:30px !important;line-height:1.35 !important}
}
@media(max-width:480px){
  h1,.hero-text h1,.heading h1,.about-hero h1,.contact-hero h1{font-size:28px !important;line-height:1.3 !important}
}

@media(max-width:768px){
  .top-bar{padding:16px 20px}
  .top-bar a{min-height:44px;display:inline-flex;align-items:center;padding:8px 0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  .top-bar a i{min-width:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center}
  .get-in-touch{min-height:44px;padding:8px 0;-webkit-tap-highlight-color:transparent}
  .get-in-touch i{min-width:48px;min-height:48px}
  ul.social-media a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}
  .btn-floating{min-width:52px;min-height:52px;padding:12px}
  .btn img,.button img{max-height:32px;height:auto}
  .presenting i{min-width:80px;min-height:80px}
  .how-do-stap i{min-width:60px;min-height:60px;display:flex;align-items:center;justify-content:center}
  .expert-icon a i{min-width:56px;min-height:56px}
  .icon-share li i{min-width:48px;min-height:48px}
}
@media(max-width:576px){
  .top-bar a i{font-size:20px}
  .get-in-touch i{min-width:44px;min-height:44px;font-size:20px}
  ul.social-media a{min-width:40px;min-height:40px}
  .btn-floating{min-width:48px;min-height:48px;right:16px;bottom:20px}
  .btn-floating.phone{bottom:90px}
  .btn img,.button img{max-height:30px}
  .presenting i{min-width:72px;min-height:72px;font-size:48px}
  .how-do-stap i{min-width:52px;min-height:52px;font-size:72px}
}
@media(max-width:480px){
  .btn-floating{right:12px;bottom:16px}
  .btn-floating.phone{bottom:85px}
}

/* ============================================
   Global Mobile Font Sizes (all pages)
   Ensures readable typography on mobile
   ============================================ */
@media(max-width:991px){
  html{font-size:17px}
  body,p{font-size:17px !important;line-height:1.7 !important}
  .content p,.accordion .content p{font-size:17px !important;line-height:1.7 !important}
  .heading h2,.heading .title-animation,.title-animation{font-size:1.5rem !important;line-height:1.35 !important}
  .heading span,.heading .title-animation span{font-size:15px !important}
  h2{font-size:1.5rem !important;line-height:1.35 !important}
  h3{font-size:1.25rem !important;line-height:1.4 !important}
  h4{font-size:1.15rem !important;line-height:1.4 !important}
  h5{font-size:1.1rem !important}
  h6{font-size:1rem !important}
  .blog-content,.blog-content p{font-size:17px !important;line-height:1.75 !important}
  .blog-content h2{font-size:1.4rem !important;line-height:1.35 !important}
  .blog-content h3{font-size:1.2rem !important;line-height:1.4 !important}
  .blog-content li,.blog-content ul li{font-size:16px !important;line-height:1.6 !important}
  .get-a-quote p,.get-a-quote h6,.get-a-quote input{font-size:16px !important}
  .accordion-item .title,.accordion-item .heading .title{font-size:1.1rem !important}
}
@media(max-width:768px){
  html{font-size:17px}
  body,p{font-size:17px !important;line-height:1.7 !important}
  .heading h2,.heading .title-animation{font-size:1.45rem !important;line-height:1.35 !important}
  h2{font-size:1.45rem !important;line-height:1.35 !important}
  h3{font-size:1.2rem !important}
  .blog-content,.blog-content p{font-size:17px !important;line-height:1.75 !important}
  .blog-content h2{font-size:1.35rem !important}
  .blog-content h3{font-size:1.15rem !important}
  .hero-text p{font-size:18px !important;line-height:1.65 !important}
  .presenting p,.presenting h3{font-size:17px !important}
  .how-do-stap h4{font-size:1.1rem !important}
  .clients p,.clients-img h3{font-size:16px !important}
  .widget-title ul li a,.footer-logo p,.get-in-touch span{font-size:16px !important}
  .all-rights p{font-size:16px !important}
}
@media(max-width:576px){
  html{font-size:16px}
  body,p{font-size:16px !important;line-height:1.7 !important}
  .heading h2,.heading .title-animation{font-size:1.4rem !important;line-height:1.35 !important}
  h2{font-size:1.4rem !important;line-height:1.35 !important}
  h3{font-size:1.15rem !important}
  .blog-content,.blog-content p{font-size:16px !important;line-height:1.7 !important}
  .blog-content h2{font-size:1.3rem !important}
  .blog-content h3{font-size:1.1rem !important}
  .hero-text p{font-size:17px !important;line-height:1.65 !important}
  .hero-text h2{font-size:1.75rem !important;line-height:1.3 !important}
  .footer-try h2{font-size:1.6rem !important}
  .count-style h2{font-size:2.5rem !important}
  .count-style h4{font-size:1.1rem !important}
  .pricing-plans h5{font-size:1.8rem !important}
  .pricing-plans span{font-size:15px !important}
  .pricing-plans-text p,.pricing-plans-text ul.chek li{font-size:16px !important}
  .clients p{font-size:15px !important;line-height:1.6 !important}
  .clients-img h3{font-size:1.1rem !important}
  .btn,.button{font-size:16px !important}
  .tag>a,.tag>span{font-size:15px !important}
  .blog>a{font-size:1.2rem !important;line-height:1.4 !important}
  .blog p{font-size:15px !important}
}
@media(max-width:480px){
  .heading h2,.heading .title-animation{font-size:1.35rem !important}
  h2{font-size:1.35rem !important}
  .hero-text h2{font-size:1.6rem !important}
  .footer-try h2{font-size:1.5rem !important}
  .count-style h2{font-size:2.25rem !important}
  .blog-content h2{font-size:1.25rem !important}
  .form#contact-form h3,.get-a-quote h3{font-size:1.4rem !important}
}
@media(max-width:450px){
  .heading h2,.heading .title-animation{font-size:1.3rem !important}
  h2{font-size:1.3rem !important}
  .hero-text h2{font-size:1.5rem !important}
  .footer-try h2{font-size:1.4rem !important}
}