h1,h1 span,h2,h2 span,h3,h3 span,h4,h4 span{font-weight:400}h4,h4 span,h5,h5 span{line-height:135.87%;letter-spacing:.105em}h3,h3 span,h4,h4 span,h5,h5 span{letter-spacing:.105em}*,p{margin:0}header .navbar-nav .nav-link.active::before,header .navbar-nav .nav-link:hover::before{position:absolute;bottom:-7px;height:2px;width:100%;margin:auto;text-align:center;content:''}.img img,.social-icon li img{max-width:100%}@font-face{font-family:Impact;src:url("../font/impact.ttf")}@font-face{font-family:P-Light;src:url("../font/Poppins-Light.ttf")}@font-face{font-family:P-Regular;src:url("../font/Poppins-Regular.ttf")}@font-face{font-family:P-Medium;src:url("../font/Poppins-Medium.ttf")}@font-face{font-family:P-SemiBold;src:url("../font/Poppins-SemiBold.ttf")}@font-face{font-family:P-Bold;src:url("../font/Poppins-Bold.ttf")}*{padding:0;font-family:T-Regular}body{color:var(--ct);background-color:#f9f9f9}:root{--c0:#000000;--cf:#ffffff;--ct:#1D1E27;--c1:#012B50;--c2:#FFA701;--c3:#62E2E5;--c4:#282828;--c5:#F5F5F5;--c6:#454545}.img img{height:auto}h1,h1 span,h2,h2 span,h3,h3 span,h4,h4 span,h5,h5 span{color:#000;text-transform:uppercase;font-family:Impact;margin-bottom:20px}h1,h1 span{font-size:48px;line-height:70px}h2,h2 span{font-size:40px;line-height:50px;letter-spacing:.05em}h3,h3 span{font-size:43px;line-height:55px}h4,h4 span{font-size:28px}.bbtn,h5,h5 span{font-size:24px;font-weight:400}.bbtn,p{line-height:30px;font-family:P-Regular}p{font-weight:500;font-size:16px}a{text-decoration:none;font-family:P-Regular}.bbtn{padding:15px 52px;color:var(--cf);border-radius:9px;display:inline-block;text-transform:uppercase;transition:.4s;border:1px solid transparent;background-color:var(--c2);filter:drop-shadow(0px 4px 10px rgba(98, 226, 229, .63))}.btn-blue,.btn-white,.btn-yellow{border:1px solid transparent}.btn-outline,.btn-outline-yellow,.btn-yellow,.contact_us label,.pricing .head h4,.sig-up a,.sig-up label,.sig-up p,footer .wrap ul li a{text-transform:capitalize}.btn-white{color:var(--c4);filter:unset;background-color:var(--cf)}.btn-white:hover{color:var(--cf);border:1px solid var(--cf);background-color:unset}.btn-blue{color:#fff;filter:unset;background-color:#ffa701;text-transform:capitalize}.btn-blue:hover{color:#000;border:1px solid #000;background-color:#fff}.btn-yellow{color:var(--cf);filter:unset;background-color:var(--c2)}.btn-yellow:hover{color:var(--c2);border:1px solid var(--c2);background-color:unset}.btn-outline{font-size:20px;color:#fff;border:1px solid #fff;background-color:transparent;box-shadow:unset;filter:unset}.btn-outline:hover{color:#fff;border:transparent;background-color:#ffa701}.btn-outline-yellow{font-size:20px;color:#000;border:1px solid #000;background-color:#fff;box-shadow:unset;filter:unset}.btn-outline-yellow:hover{color:var(--cf);border:1px solid transparent;background-color:var(--c2)}.quote-btn{text-align:center;margin-top:70px}ul{padding:0}ul li{list-style:none}.slick-list{padding:0!important}.bg-img{position:absolute;top:-60px;left:0;right:0;bottom:0;width:100%;height:856px;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat}.slider-arrows .slider-arrow{position:absolute;top:48%;width:45px;height:45px;line-height:45px;text-align:center;color:var(--cf);border-radius:50%;background-color:var(--c1)}.slider-arrows .slick-disabled,.slider-arrows .slider-arrow:hover{color:#001f39;background:var(--cf);border:1px solid #d0d0d0}.brands::before,.digitizing .img::before,.easty-step .wrap.line::before,.home_hero,.process,.service .wrap::before{background-size:cover;background-repeat:no-repeat;background-position:center}.slider-arrows .prev{left:4%}.slider-arrows .next{right:4%}.title_sec p{font-size:20px;line-height:34px;font-family:P-Regular}header{position:absolute;top:0;z-index:2;width:100%}header .navbar{padding:10px 0}.banner_hero h2,.home_hero h1,.process h3,.sig-up .bbtn:hover,.we-make .txt,footer .footer-bottom p,header .navbar .navbar-toggler{color:var(--cf)}header .navbar .navbar-toggler i{font-size:34px}.process .wrap,header .navbar-nav{align-items:center}header .navbar-brand{position:relative;display:inherit;right: 95px}.blog .img,.brands .txt,.digitizing .img,.inset-about-video .inset_video,.main_home,.sig-up .form-wrap,header .navbar-brand img{position:relative}header .navbar-nav .nav-link{position:relative;color:var(--cf);font-weight:800;font-family:P-Regular;font-size:16px;line-height:150%;margin-right:24px;padding:0!important;text-transform:capitalize}header .navbar-nav .nav-link.active{color:var(--c1)}header .navbar-nav .nav-link.active::before{left:0;right:0;background-color:var(--c2)}header .navbar-nav .nav-link:hover::before{left:0;right:0;border-radius:50px;background-color:var(--c2)}.about_us h3 span,.blog h3 span,.checkout h3 span,.contact_us h3 span,.digitizing h3 span,.easty-step h3 span,.faqs h3 span,.home_hero h1 span,.pricing h3 span,.service h3 span,.sig-up a:hover,.what-do .title_sec h3 span,footer .wrap ul li a:hover,header .navbar-nav .nav-link.active,header .navbar-nav .nav-link.show,header .navbar-nav .nav-link:hover{color:var(--c2)}header .navbar-nav .btn{font-size:15px;padding:6px 22px;width:auto}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active,header .navbar-nav .btn.active,header .navbar-nav .btn:focus-visible,header .navbar-nav .btn:hover{color:#fff;border:1px solid transparent;background-color:#ffa700}.default_sticky.affix,.sig-up select option,footer .footer-bottom ul li:hover{background-color:var(--c1)}.default_sticky.affix{position:fixed;width:100%;left:0;right:0;top:0;z-index:100;padding:0}.pricing .nav-tabs,.pricing .wrap,.quality{background-color:var(--cf)}header.affix .navbar-brand{padding:10px 0;background-color:unset}header .bottom .navbar-nav,header .navbar-collapse{justify-content:end}.service .img img,header .nav-tb-collapse{width:100%}header .navbar-nav .dropdown-menu li{position:relative;padding:0 12px}header .navbar-nav .dropdown-menu li a{position:relative;text-align:center;margin-bottom:8px;padding-bottom:8px;border-bottom:.3px solid #707070}header .navbar-nav .dropdown-menu li:last-child a{border-bottom:none;margin-bottom:0;padding-bottom:0}.contact_page .bg-img,.digitizing .digi-lock-img .img::before,.pricing .content ul li:last-child::after,header .navbar-nav .dropdown-menu li:last-child::before{display:none}header .navbar-collapse .top{text-align:right;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #3a3a3a}header.affix .navbar-collapse .top{display:none;border-bottom:1px solid #fff}header .navbar-collapse .top a{font-size:16px;font-weight:400;color:var(--cf);margin-right:24px;font-family:p-Regular}header .navbar-collapse .top a:last-child{margin-right:0}header .navbar-collapse .top a i{margin-right:10px}.navbar-nav .dropdown-menu{--bs-dropdown-min-width:140px;left:-25px}.home_hero .background-video,.home_hero::before{width:100%;height:100%;position:absolute;left:0;right:0;top:0}.home_hero{position:relative;padding-top:335px;padding-bottom:240px;overflow:hidden}.home_hero::before{content:'';bottom:0;opacity:.7;z-index:1}.home_hero .background-video{object-fit:cover;z-index:0;display:block}.home_hero .txt,.process .container{position:relative;z-index:1}.home_hero h5{color:var(--cf);font-size:20px;line-height:22px;font-family:P-Bold}.about_us h3,.brands .brands-logo .col-md-5:last-child .img,.digitizing h3,.main_home .slick-dotted.slick-slider,.service .col-md-6:last-child .wrap,.service .col-md-6:nth-last-child(2) .wrap,.service .col-md-6:nth-last-child(3) .wrap,.social-icon li:last-child,.we-offer img:last-child,.what-do .title_sec h3,.why-choose .wrap:last-child{margin-bottom:0}.home-slider .slick-dots{top:48%;right:8%;left:auto;bottom:auto;width:22px}.home-slider .slick-dots li{display:block;margin-bottom:10px}.home-slider .slick-dots li button:before{font-size:unset;color:unset;width:19px;height:19px;opacity:1;border-radius:50px;border:1px solid var(--cf)}.home-slider .slick-dots li.slick-active button:before{color:unset;opacity:1;background-color:var(--cf)}.social-icon{position:absolute;top:40%;left:6%;right:0;bottom:0;z-index:2;width:65px}.brands,.quality,.social-icon li,.we-make{position:relative}.social-icon ul{width:55px}.social-icon li{margin-bottom:20px}.social-icon li .sl-detail{position:absolute;display:none;top:0;left:0;width:209px;z-index:-1;height:57px;padding:10px 10px 10px 66px;border-radius:50px;background-color:rgba(217,217,217,.8)}.social-icon li .sl-detail p{font-family:P-Bold;font-weight:600;font-size:16px;line-height:20px;color:#101010}.social-icon li:hover .sl-detail{display:block;transition:.5s ease-in-out}.quality{padding-top:60px;padding-bottom:80px}.quality .arr-down{position:absolute;top:-54px;height:104px;width:104px;right:0;left:0;z-index:1;margin:auto}.quality h2{font-size:64px;color:var(--c0);line-height:70px}.we-make{padding-top:130px;padding-bottom:0px}.we-make .bg-img{height:690px;top:0}.we-make h2{font-size:40px;color:var(--cf);line-height:50px}.brands h2,.brands p{color:#1d1e27}.brands p,.we-make p{font-size:18px;line-height:38px;}.brands{padding-top:95px;padding-bottom:95px}.brands::before{position:absolute;content:'';top:-57px;left:0;width:781px;height:1240px;background-image:url(../img/bg-svg/brands-left-bg.svg)}.easty-step,.easty-step .wrap,.service,.service .wrap,.we-offer{position:relative}.brands .txt::before{position:absolute;content:'';top:-95px;right:-55px;height:548px;}.brands .brands-logo .img{margin-bottom:40px}.easty-step{padding-top:60px;padding-bottom:60px;background-color:#201c1c}.easty-step .title_sec{margin-bottom:50px}.easty-step h3{font-size:32px;color:var(--c2)}.easty-step .wrap{color:var(--cf);text-align:center}.easty-step .wrap.line::before{position:absolute;content:'';top:35%;right:-100px;width:170px;height:18px;background-image:url(../img/icons/curve-line.svg)}.easty-step .wrap img{max-width:40%;margin:auto}.easty-step .wrap .txt h5{color:var(--c2);margin:20px 0 10px}.easty-step .wrap .txt p,.service .wrap p{font-size:14px}.easty-step .slider-arrows .slider-arrow{top:55%;box-shadow:0 0 6px 1px #7f809785}.blog .item,.easty-step .slick-slide{padding:0 20px}.we-offer{margin-top:105px;margin-bottom:105px}.we-offer h2,.why-choose .title_sec h2{color:#201c1c}.we-offer .col-md-7{height:inherit}.we-offer .col-md-7 .img{height:100%}.we-offer .col-md-7 img:last-child{height:63%}.we-offer img{width:100%;margin-bottom:14px}.we-offer p{font-size:18px;line-height:31px;}.service{padding-top:0;padding-bottom:70px}.faqs .title_sec,.service .title_sec{margin-bottom:68px}.service h3{color:#222}.pricing .title_sec p,.service .title_sec p{font-size:18px;line-height:32px;font-family:P-Regular}.service .wrap{margin-bottom:50px;transition:.4s}.service .wrap:hover{transform:translatey(10px)}.service .info{padding:0 28px 28px}.service .wrap::before{position:absolute;content:'';left:0;bottom:0;width:100%;height:68%;z-index:-1;border-radius:20px;background-image:url(../img/icons/sers-bg-01.svg)}.service .txt,.testimonials .profile{margin-top:24px}.service .wrap h5{color:#111;margin-bottom:12px}.service .wrap .btn{color:var(--c2);font-weight:600;font-size:18px;line-height:23px;text-align:center;letter-spacing:.2em;margin-top:8px;margin-bottom:8px;padding:0;text-transform:uppercase;text-decoration:underline}.service .wrap .btn:active{border:none}.checkout,.pricing{position:relative;padding-top:80px;padding-bottom:0px}.pricing .bg-img{height:995px;opacity:.5}.pricing .arr-down{position:absolute;top:-50px;height:104px;width:104px;right:0;left:0;margin:auto}.pricing .pricing-nav{display:flex;justify-content:center}.pricing .nav-tabs{padding:5px;border-radius:50px;margin-bottom:45px}.pricing .nav-tabs .nav-link{font-size:20px;line-height:26px;font-family:P-Regular;font-weight:600;padding:20px 50px;border-radius:50px;color:#6b6b6b;border:none}.pricing .nav-tabs .nav-link:focus{border:unset}.pricing .nav-tabs .nav-link.active,.pricing .nav-tabs .nav-link:hover{border:unset;color:#070707;background-color:#b1b1b1}.pricing .wrap{border-radius:10px;transition:.4s}.pricing .wrap:hover{transform:scale(1.1);box-shadow:0 0 10px #d3d3d3}.pricing .title_sec{text-align:center;margin-bottom:34px}.pricing .head{color:#000;text-align:center;padding:18px 10px;border-radius:10px 10px 0 0;background-color:#ddd}.pricing .head h4{font-family:Impact;font-weight:500;font-size:28px;line-height:37px;color:#fff;letter-spacing:.08em;margin-bottom:0}.pricing .content{padding:28px 30px}.pricing .content ul li{position:relative;text-align:left;line-height:22px;font-size:16px;color:#6b6b6b;font-family:P-Medium;padding-bottom:3px;margin-bottom:15px}.pricing .content ul li::after{position:absolute;content:'';left:0;right:36px;bottom:0;width:85%;margin:auto;border-bottom:3px solid #efefef}.pricing .content ul li:last-child{padding-bottom:0;margin-bottom:20px}.pricing .bottom{display:flex;align-items:end;text-align:center;justify-content:space-evenly;padding:15px 10px;border-radius:0 0 10px 10px;background-color:#f2f2f2}.pricing .bottom a{font-family:P-Regular;font-weight:500;font-size:26px;line-height:33px;padding-bottom:5px;margin-bottom:0}.pricing .bottom a span{color:#c9163b}.pricing .price .dollar{position:relative;top:-30px;font-family:P-Regular;font-weight:400;font-size:24px;line-height:37px;color:#474747}.pricing .price .piece{font-family:P-Regular;font-weight:500;font-size:22px;line-height:30px;color:#474747}.pricing .price .numb{font-family:P-SemiBold;font-weight:400;font-size:70px;line-height:76px;color:#474747}.why-choose{position:relative;margin-top:65px;margin-bottom:65px}.testimonials .title_sec,.why-choose .title_sec{text-align:center;margin-bottom:40px}.why-choose .title_sec p{font-size:18px;line-height:38px}.why-choose .wrap{margin-bottom:16px}.why-choose .info{text-align:center;padding:32px 20px;border-radius:10px;background-color:#012b50}.why-choose .info h5{font-size:18px;color:#fff;font-weight:600;margin-bottom:8px;font-family:P-Bold;text-transform:uppercase}.checkout::before{position:absolute;content:'';left:0;right:0;bottom:0;width:80%;margin:auto;border-bottom:2px solid var(--c5)}.checkout .container,.contact_us .container,.digitizing .container{position:relative;z-index:2}.checkout.pri_checkout .bg-img{height:920px}.checkout .bg-img{top:0;z-index:1;height:1497px;background-size:contain}.checkout .title_sec{text-align:center;margin-bottom:16px}.digitizing{position:relative;padding-top:30px;padding-bottom:190px}.digitizing .title_sec{text-align:center;margin-bottom:52px}.digitizing .img::before{position:absolute;content:'';top:auto;bottom:-15%;left:auto;right:85%;width:206px;height:122px;z-index:1;background-image:url(../img/icons/dot-line-3.svg)}.digitizing .dig2::before{top:auto;bottom:38%;left:auto;right:-29%;background-image:url(../img/icons/dot-line-2.svg)}.digitizing .two-btn{display:flex;flex-wrap:wrap;justify-content:space-between}.digitizing .two-btn .btn1{position:relative;top:55px;left:-75px}.digitizing .two-btn .btn2{position:relative;top:-115px;left:40px}.digitizing .digi-lock-img{position:absolute;left:0;right:0;bottom:-90px;width:20%;margin:auto;text-align:center}.digitizing .digi-lock-img h5{position:relative;font-size:30px;font-weight:400;color:var(--c3);margin-top:47px;padding-top:40px}.digitizing .digi-lock-img h5::before{position:absolute;content:'';top:-40px;right:0;left:0;width:2px;height:38px;margin:auto;background-color:var(--c2)}.process{position:relative;padding-top:40px;padding-bottom:80px;background-image:url(../img/common/process-bg.png)}.process .bg-img{top:-65px;z-index:0;height:655px}.process .title_sec{text-align:center;margin-bottom:46px}.process .txt{color:var(--cf);margin-top:10px}.process .txt h3{color:var(--cf);margin-bottom:4px}.process .txt p{font-size:16px;line-height:24px;font-family:P-SemiBold}.process .process-step-head{display:flex;align-items:center;justify-content:center;gap:24px;width:100%}.process .process-step-copy{text-align:center}.testimonials{position:relative;padding-top:115px;padding-bottom:115px}.testimonials .title_sec h5{color:#222;margin-bottom:8px}.testimonials .title_sec h3{color:#222;margin-bottom:0}.testimonials .item{padding:0 12px}.testimonials .wrap{padding:30px 20px 7px;border-radius:0 0 10px 10px;border-bottom:14px solid #d3d7db;box-shadow:0 0 10px #1b1b1d2c;background-color:var(--cf)}.testimonials .txt{text-align:center}.testimonials .profile img,.testimonials .txt img{margin:auto}.blog .txt h5,.blog h3,.contact_us h3{margin-bottom:10px}.testimonials .txt p{margin-top:24px;line-height:24px}.testimonials .profile h6{font-size:16px;font-weight:500;font-family:P-Medium;line-height:22px;color:#201c1c;margin-top:6px}.blog .date p,.blog p,.contact_us label{font-family:P-Regular}.slick-dots li button{border-radius:50px;border:2px solid #031526}.slick-dots li button:before{font-size:52px;color:transparent;opacity:1;line-height:20.7px}.slick-dots li.slick-active button:before{opacity:1}.blog{position:relative;padding-top:80px;padding-bottom:80px;overflow:hidden}.blog .bg-img{top:0;height:845px;background-size:contain}.about_us .about-wrap,.banner_hero,footer::after,footer::before{background-position:center;background-repeat:no-repeat;background-size:cover}.blog .title_sec{text-align:center;margin-bottom:42px}.blog p{font-size:18px}.blog .img img{width:100%;border-radius:16px}.blog .date{position:absolute;left:0;bottom:0}.about_us,.about_us .video-img,.banner_hero,.contact_us,.faqs,.service-detail,.what-do,footer{position:relative}.blog .date p{color:var(--cf);font-weight:400;font-size:13px;line-height:20px;padding:4px 8px;border-radius:0 0 0 16px;background-color:#ff5926}.blog .txt{margin-top:20px}.blog .txt h5{color:#222;font-size:18px}.blog .txt h5 span{color:#222;font-size:18px;display:block}.blog .txt p{font-size:16px;line-height:24px}.blog .txt a{font-weight:600;font-size:16px;line-height:144.7%;color:var(--c2);display:inline-block;margin-top:6px;text-transform:uppercase;text-decoration:underline}.blog .slick-list{padding:20px 0!important}.blog .slick-slide.slick-current .item{transform:scale(1.1);transition:.3s ease-in-out}.contact_us{padding-top:120px;padding-bottom:20px}.contact_us .bg-img{top:0;z-index:1;height:895px}.contact_us .title_sec{text-align:center;margin-bottom:56px;color:#000}.contact_us h3{color:#000}.contact_us .form-group,.sig-up .form-group{margin-bottom:15px}.contact_us .form-group .bbtn{margin-top:30px}.contact_us label{color:#898585;font-size:20px;line-height:138.11%;padding:.375rem .75rem}.contact_us .form-control{color:#d7d7d7;font-size:20px;font-family:P-Regular;line-height:138.11%;border:none;border-radius:unset;border-bottom:1px solid #d7d7d7;background-color:transparent}.contact_us .form-control:focus,.sig-up .form-control:focus{box-shadow:unset}.banner_hero{padding-top:155px;padding-bottom:31px}.about_us{margin-bottom:0}.about_us .about-wrap{padding-top:37px;padding-bottom:87px;background-image:url(../img/icons/about-us-bg.svg)}.about_us h4{margin-bottom:4px}.about_us p{font-size:20px;line-height:32px}.about_us .video-img{border-radius:20px}.about_us .video-img img{border-radius:20px;width:100%}.about_us .video-img::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;opacity:.6;border-radius:20px;background-color:#000}.about_us .video-img .play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;text-align:center;color:var(--c0);font-size:2rem;line-height:89px;padding:0;width:89px;height:89px;border-radius:50px;background:#fff}.about_us .modal,.inset-about-video{--bs-modal-width:65%}.about_us .modal .modal-content{height:380px;color:var(--cf);background-color:var(--c0)}.inset-about-video .modal-content{height:420px;color:var(--cf);background-color:var(--c0)}.inset-about-video .inset_video video{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:450px;border-radius:8px;object-fit:cover}.what-do{margin-top:60px;margin-bottom:0px;background-image:url(../img/icons/what-we-bg.svg);background-position:center;background-repeat:no-repeat;background-size:contain}.what-do .title_sec{margin-bottom:94px}.what-do .txt h3{color:var(--c4)}.what-do .txt p{font-size:16px;line-height:24px;}.what-do .mrg-btm{margin-bottom:30px}.service-detail{padding-top:120px;padding-bottom:120px}.contact_page{background-color:#fff}.faqs{padding-top:70px;padding-bottom:70px}.overlay,.popup,.popup1,.popup2{display:none;position:fixed;left:0;top:0;right:0}.faqs h4{font-size:80px}.faqs .accordion-button::after{background-image:url(../img/icons/plus-icon.svg)}.faqs .accordion-button:not(.collapsed)::after{background-image:url(../img/icons/plus1-icon.svg)}.faqs .faqs-wrap h2,.faqs .faqs-wrap h2 .accordion-button{font-family:Impact;font-size:24px;line-height:150%;color:var(--c1);padding:0}.faqs .faqs-wrap h2 .accordion-button:focus-visible{outline:0}.faqs .faqs-wrap h2 .accordion-button:focus{border:none;box-shadow:none}.faqs .faqs-wrap .txt1{font-family:Impact;font-size:32px;line-height:150%;width:8%;text-transform:uppercase;text-align:left;padding:40px 20px;margin-right:37px;border-right:1px solid #b1b1b1}footer .wrap ul li a,footer p{font-family:P-Regular}.faqs .faqs-wrap .txt2{font-family:P-Regular;width:80%;padding:40px 0}.faqs .faqs-wrap .accordion-body{padding:20px 0}.faqs .faqs-wrap .accordion-body .txt1{color:var(--c2);width:8%}.faqs .accordion{--bs-accordion-bg:none;--bs-accordion-border-radius:10px}.faqs .accordion-button:not(.collapsed){background:#fff;box-shadow:none}.faqs .accordion-item{border:none;padding:16px 34px;background:#fff;margin-bottom:50px;border-radius:10px;box-shadow:0 4px 20px rgba(158,156,156,.25)}.about_us .wrap img{border-radius:10px}footer{padding-top:0px}footer::before{position:absolute;content:'';top:0;left:0;height:100%;width:100%;z-index:-1;background-image:url(../img/bg-svg/footer-bg.svg)}footer::after{position:absolute;content:'';top:0;right:0;left:0;bottom:0;z-index:-1;background-image:url(../img/bg-svg/footer-bg1.svg)}footer .txt{margin-top:32px;max-width:370px}footer .wrap h5{margin-top:21px}footer .top-space{padding-top:74px}footer .wrap ul li a{display:inline-block;font-weight:400;font-size:18px;line-height:24px;color:var(--c6);margin-bottom:8px;transition:.3s}footer .footer-detial{margin-top:88px;padding-top:26px;border-top:3px solid #e2e2e2}footer .footer-detial p{position:relative;padding-left:32px}footer .footer-detial p span{position:absolute;top:1px;left:0}footer .footer-detial .col-lg-4:last-child{display:flex;justify-content:end}footer .footer-detial .col-lg-4:last-child .content{text-align:left}footer .footer-bottom{padding-top:22px;padding-bottom:22px;margin-top:25px;background-color:var(--c2)}footer .footer-bottom p img{margin-right:40px}footer .footer-bottom ul{padding:0;list-style:none;display:flex;justify-content:end}footer .footer-bottom ul li{color:var(--c0);width:51px;height:51px;font-size:20px;text-align:center;border-radius:50px;margin-right:20px;line-height:51px;background-color:#fff}footer .footer-bottom ul li a{color:var(--c0)}footer .footer-bottom ul li:hover a{color:#fff}.sig-up h4{color:var(--cf);text-align:center}.sig-up .form-control,.sig-up label{color:#d7d7d7;line-height:138.11%;font-family:P-Regular;font-size:20px}.sig-up label{padding:.375rem .75rem}.sig-up .form-control{padding:0 .75rem;border:none;border-radius:unset;border-bottom:1px solid #d7d7d7;background-color:transparent}.sig-up .bbtn{width:100%;margin-top:24px;padding:10px 24px;text-align:center}body.show-popup{overflow-y:hidden}.overlay{bottom:0;opacity:.8;z-index:100;background-color:#000}.popup,.popup1,.popup2{width:100%;height:100vh;z-index:100;color:var(--cf);padding:30px;overflow-x:hidden;overflow-y:auto}.popup .popup-wrap,.popup1 .popup-wrap,.popup2 .popup-wrap{width:45%;padding:30px;margin:0 auto;border-radius:5px;background-color:var(--c1)}.sig-up a,.sig-up p{font-size:18px;font-weight:500;font-family:P-Regular;color:var(--cf)}.close,.close1,.close2{position:absolute;top:0;right:0;border:none;color:#fdfdfd;font-size:20px;text-decoration:none} .self{font-size: 64px;} .self-1{max-width: 1071px; height:600px; margin: 0 auto; margin-top: -41px;} .headd{font-size:40px;line-height:67px} .self-style{padding-left:8px;} .self-style-2{display:inline-flex;} .self-color{color:#000 !important} .whatsapp-contact{position:fixed;z-index:2;bottom:15px;left:1270px;} .self{margin-top:-3rem !important}
 
 /*portfolio css*/
 
.butte {
    display: flex;justify-content: center;background-color: #ffa70;border-radius: 5px;padding: 6px 0px 0px;background-color: #ffa701; margin-bottom:10px;}.butte:hover { border:1px solid #ffa701;
            background-color: transparent; color: black;}

        .butte h5 {
            font-size: 15px !important;
            padding-top: 13px;
            font-family: 'P-Regular';
            color: white;
        }
		@media (max-width:500px){
			 .butte h5 {
            font-size: 13px !important;
			text-transform:none;
            
        }
		}
        .butte h5:hover{
            color: black;
        }

        .butte.selected {
            border: 1px solid black;
            /* Selected background color */
            color: black;
            /* Text color for selected tab */
        }
        .porto{
            padding-left: 0px;
            /* padding-right: 0px; */
			text-align:center;
			
        }
		@media (max-width:500px){
			.porto{
				margin-left:auto;
			margin-right:auto;
			margin-bottom:15px;
			}
		}
		
.butte:hover h5 {
    color:black;
}

/*index page css*/

body,html{
	overflow-x:hidden;
max-width:100%
}
.wrapper{
  position: relative;
  height: 500px;
  width: 540px;
  overflow: hidden;
}
.wrapper .images{
  height: 100%;
  width: 100%;
  display: flex;
}
.wrapper .images .imga-1{
  height: 1177px;
  width: 1140px;
  background: url("../img/home/TEG-Images/desktop/Patches-For-Iron-On-Elephant-Logo-Before.webp") no-repeat;
}
.wrapper .images .img-1{
  height: 1177px;
  width: 1140px;
  background: url("../img/home/TEG-Images/desktop/Professional-Embroidery-Before.webp") no-repeat;
}
.wrapper .images .imga-2{
  position: absolute;
  height: 1177px;
  width: 270px;
  background: url("../img/home/TEG-Images/desktop/Patches-For-Iron-On-Elephant-Logo.webp") no-repeat !important;
}
.wrapper .images .imgae-1{
  position: absolute;
  height: 1177px;
  width: 1140px;
  /* filter: blur(5px); */
  background: url("../img/common/Untitled design (1).png") no-repeat;
}
.wrapper .images .imgae-2{
  position: absolute;
  height: 1177px;
  width: 270px;
  /* filter: blur(5px); */
  background: url("../img/common/godzilla.png") no-repeat;
}
.wrapper .images .img-2{
  position: absolute;
  height: 1177px;
  width: 270px;
  background: url("../img/home/TEG-Images/desktop/Professional-Embroidery.webp") no-repeat;
}

 @media (max-width: 600px) {
    .wrapper .images .img-2 {
      background: url("../img/home/TEG-Images/mobile/Professional-Embroidery.webp") no-repeat;
    }
    .wrapper .images .img-1 {
      background: url("../img/home/TEG-Images/mobile/Professional-Embroidery-Before.webp") no-repeat;
    }
	.wrapper .images .imga-1 {
      background: url("../img/home/TEG-Images/mobile/Patches-For-Iron-On-Elephant-Logo-Before.webp") no-repeat;
    }
	.wrapper .images .imga-2 {
      background: url("../img/home/TEG-Images/mobile/Patches-For-Iron-On-Elephant-Logo.webp") no-repeat !important;
    }
	.wrapper .images .imgae-2 {
      background: url("../img/common/Untitled design (6).png") no-repeat;
    }
	.wrapper .images .imgae-1 {
      background: url("../img/common/Untitled design (3).png") no-repeat;
    }
    .wrapper {
      height: 320px;
    }
    .slider .drag-line {
      height: 280px !important;
    }
    .slider .drag-line span {
      left: 50%; /* Center the arrow on the screen */
    }
	.slider .drag-line{
  height: 290px;
}
}
.wrapper .slider{
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}
.wrapper .slider input{
  width: 100%;
  outline: none;
  background: none;
  -webkit-appearance: none;
  height:485px;
  -webkit-opacity: -10;
}
.slider input::-webkit-slider-thumb{
  height: 486px;
  width: 3px;
  background: none;
  -webkit-appearance: none;
  cursor: col-resize;
}
.slider .drag-line{
  width: 3px;
  height: 480px;
  position: absolute;
  left: 49.85%;
  pointer-events: none;
}
.slider .drag-line::before,
.slider .drag-line::after{
  position: absolute;
  content: "";
  width: 100%;
  height: 222px;
  background: black;
}
.slider .drag-line::before{
  top: 0;
}
.slider .drag-line::after{
  bottom: 0;
}
.slider .drag-line span{
  height: 42px;
  width: 42px;
  border: 3px solid black;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.slider .drag-line span::before,
.slider .drag-line span::after{
  position: absolute;
  content: "";
  top: 50%;
  border: 10px solid transparent;
  border-bottom-width: 0px;
  border-right-width: 0px;
  transform: translate(-50%, -50%) rotate(45deg);
}
.slider .drag-line span::before{
  left: 40%;
  border-left-color: black;
}
.slider .drag-line span::after{
  left: 60%;
  border-top-color: black;
}
@media (max-width:500px){
	#gallery-modal .modal-img{
	width: 250px;
	height:250px;
}
	
}
.zoom:hover {
 
  -webkit-transform: scale(1.2); /* Safari 3-8 */

  transition: transform .2s;
}
.twen{
    width:20px;
    height:20px;
}
.twenfour{
    width:24px;
    height:24px;
}
.mewidt{
    width:max-content
}
@media(max-width:550px){
    .mewidt{
        width:auto
    }
}

.mrten{
    margin-right:10px !important;
}
.ftwen{
    font-size:20px;
}
.mtnefo{
    margin-top:-4px;
}

@media(max-width:550px){
   .self{
      margin-top:1px !important;
   }
}

/* Homepage hero professional slider — standard frame 1900×900 */
.home-slider {
    position: relative;
}

/* Slider navigation: bottom dots only (no center arrows) */
.main_home .hero-arrow,
.main_home.main_home--hero .hero-arrow {
    display: none !important;
}

.home-slider .slick-dots {
    position: absolute;
    left: 50%;
    right: auto;
    top: auto;
    bottom: clamp(14px, 2.8vh, 26px);
    transform: translateX(-50%);
    width: auto;
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 12;
    padding: 0;
    margin: 0;
}

.home-slider .slick-dots li {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0 5px;
}

.home-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0;
}

.home-slider .slick-dots li button:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.9);
    background: transparent;
    opacity: 1;
    font-size: 0;
    line-height: 0;
}

.home-slider .slick-dots li.slick-active button:before {
    background: #fff;
    border-color: #fff;
}

/* Get a Quote site-wide: keep lowercase "a" (.bbtn is uppercase globally) */
.quote-btn .bbtn,
.hero-fab-btn--quote,
.vector-banner-cta,
.hero-cta-primary,
.home_hero .bbtn,
.home_hero .hero-banner-cta-group .bbtn,
.teg-global-fabs .hero-fab-btn--quote {
    text-transform: none;
}

.teg-global-fabs .hero-fab-btn--quote {
    letter-spacing: .08em;
}

.home-slider .slick-list,
.home-slider .slick-track,
.home-slider .slick-slide,
.home-slider .slick-slide > div {
    height: 100%;
}

.home-slider .slick-slide .home_hero {
    min-height: 100%;
    height: 100%;
}

.home_hero {
    position: relative;
    width: 100%;
    aspect-ratio: 1900 / 900;
    max-height: 900px;
    min-height: 0;
    height: auto;
    padding-top: clamp(80px, 8vh, 110px);
    padding-bottom: clamp(80px, 8vh, 110px);
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
}

.home_hero .hero-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 42%;
    z-index: 0;
    transform: none;
    transition: opacity .8s ease;
}

.home_hero::before {
    background: linear-gradient(90deg, rgba(1, 20, 38, .68) 0%, rgba(1, 20, 38, .48) 45%, rgba(1, 20, 38, .34) 100%);
    opacity: 1;
}

.home_hero .txt h3 {
    font-size: clamp(28px, 4.5vw, 56px);
    line-height: 1.18;
    max-width: 980px;
    margin: 0 auto 20px;
    text-shadow: 0 10px 22px rgba(0, 0, 0, .25);
}

.home_hero .hero-copy-left {
    text-align: left;
    max-width: 760px;
}

.home_hero .hero-copy-left h3 {
    margin: 0 0 20px;
    max-width: 760px;
}

.home_hero .hero-copy-left .btn {
    margin-left: 0;
}

.main_home .hero-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .65);
    background: rgba(1, 20, 38, .34);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 5;
    transition: all .3s ease;
}

.main_home .hero-arrow:hover {
    border-color: #fff;
    background: rgba(255, 167, 1, .9);
    color: #011426;
}

.main_home .hero-prev {
    left: clamp(12px, 3vw, 44px);
}

.main_home .hero-next {
    right: clamp(12px, 3vw, 44px);
}

@media (max-width: 1460px) and (min-width: 1200px) {
    .home_hero .hero-bg {
        object-position: center 38%;
    }
}

@media (max-width: 991px) {
    .home_hero {
        aspect-ratio: auto;
        max-height: none;
        min-height: 520px;
        height: auto;
        padding-top: 120px;
        padding-bottom: 90px;
    }

    .home_hero .hero-bg {
        width: 100%;
        object-position: center 34%;
    }

    .main_home .hero-arrow {
        width: 42px;
        height: 42px;
    }
}

@media (max-width: 767px) {
    .home_hero {
        aspect-ratio: auto;
        max-height: none;
        min-height: 460px;
        height: auto;
        padding-top: 105px;
        padding-bottom: 80px;
    }

    .home_hero .hero-bg {
        width: 100%;
        object-position: center 32%;
    }

    .home_hero .txt h3 {
        max-width: 100%;
        font-size: clamp(24px, 7.8vw, 40px);
    }

    .home-slider .slick-dots {
        bottom: clamp(12px, 2.5vh, 22px);
    }

    .home-slider .slick-dots li button:before {
        width: 7px;
        height: 7px;
    }
}

/* Vector artwork banner content overlay */
.home_hero--vector {
    align-items: stretch;
    justify-content: center;
    padding-top: clamp(80px, 8vh, 110px);
    padding-bottom: clamp(80px, 8vh, 110px);
}

.home_hero--vector::before {
    background: linear-gradient(90deg, rgba(0, 0, 0, .38) 0%, rgba(0, 0, 0, .2) 42%, rgba(0, 0, 0, .08) 100%);
}

.home_hero .container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
}

.home_hero .container > .row {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    width: 100%;
    min-height: 0;
}

.home_hero .container > .row > [class*="col-"] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.vector-banner-copy {
    max-width: 560px;
    padding-left: clamp(4px, 1.4vw, 18px);
}

.vector-banner-kicker {
    margin: 0 0 4px;
    color: #fff;
    font-family: "P-SemiBold";
    font-size: clamp(24px, 2.65vw, 38px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -.035em;
    text-shadow: 0 4px 12px rgba(0, 0, 0, .55);
}

.home_hero .vector-banner-title {
    margin: 0 0 22px;
    max-width: 560px;
    color: #7be15e;
    font-family: "P-Bold";
    font-size: clamp(42px, 5.15vw, 74px);
    font-weight: 800;
    line-height: .98;
    letter-spacing: -.045em;
    text-transform: none;
    text-shadow: 0 5px 16px rgba(0, 0, 0, .45);
}

.vector-banner-bullets {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.vector-banner-bullets li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-family: "P-SemiBold";
    font-size: clamp(15px, 1.32vw, 22px);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -.02em;
    text-shadow: 0 3px 10px rgba(0, 0, 0, .6);
}

.vector-bullet-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: #9ee779;
    font-size: clamp(19px, 1.7vw, 28px);
    line-height: 1;
}

.vector-banner-proof {
    position: relative;
    z-index: 2;
    width: min(1000px, 74vw);
    margin-top: clamp(97px, 24.8vw, 320px);
    margin-left: clamp(22px, -0.2vw, 20px);
}

.vector-rating {
    margin-bottom: 7px;
    color: #ffc84f;
    font-size: clamp(18px, 1.55vw, 25px);
    line-height: 1;
    letter-spacing: 7px;
    text-align: center;
    text-shadow: 0 3px 8px rgba(0, 0, 0, .65);
}

.vector-feature-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 78px;
    padding: 13px clamp(12px, 1.45vw, 23px);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 12px;
    background: rgba(0, 0, 0, .7);
    box-shadow: inset 0 0 22px rgba(97, 226, 229, .08), 0 10px 24px rgba(0, 0, 0, .35);
}

.vector-feature-item {
    display: flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    gap: clamp(7px, .85vw, 13px);
    min-width: 0;
    padding: 0 clamp(9px, 1.2vw, 17px);
    border-right: 1px solid rgba(255, 255, 255, .34);
}

.vector-feature-item:first-child {
    justify-content: flex-start;
    padding-left: 0;
}

.vector-feature-item:last-child {
    justify-content: flex-end;
    padding-right: 0;
    border-right: 0;
}

.vector-feature-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: clamp(28px, 3.1vw, 44px);
    color: #94df58;
    font-size: clamp(25px, 2.8vw, 42px);
    line-height: 1;
}

.vector-feature-text {
    display: inline-block;
    color: #fff;
    font-family: "P-SemiBold";
    font-size: clamp(12px, 1.12vw, 18px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.02em;
    white-space: nowrap;
    text-align: left;
    text-shadow: 0 2px 7px rgba(0, 0, 0, .65);
}

/* vector-customer-strip: shared styles with patches/digitizing in custom.css */

.vector-strip-stars {
    flex: 0 0 auto;
    color: #ffc84f;
    font-size: .92em;
    letter-spacing: 3px;
}

@media (max-width: 1199px) {
    .vector-banner-proof {
        width: min(680px, 80vw);
        margin-top: 74px;
        margin-left: clamp(18px, 5vw, 72px);
    }
}

@media (max-width: 991px) {
    .home_hero--vector {
        min-height: 560px;
        padding-top: 110px;
        padding-bottom: 45px;
    }

    .vector-banner-copy {
        max-width: 500px;
        padding-left: 0;
    }

    .vector-banner-proof {
        width: 100%;
        margin-top: 54px;
        margin-left: 0;
    }

    .vector-feature-strip {
        min-height: 68px;
        padding: 11px 12px;
    }

    .vector-feature-item {
        gap: 6px;
        padding: 0 8px;
    }
}

@media (max-width: 767px) {
    .home_hero--vector {
        min-height: 555px;
        padding-top: 96px;
        padding-bottom: 34px;
    }

    .home_hero .vector-banner-title {
        margin-bottom: 16px;
    }

    .vector-banner-bullets {
        gap: 7px;
    }

    .vector-banner-proof {
        margin-top: 34px;
    }

    .vector-rating {
        letter-spacing: 4px;
    }

    .vector-feature-strip {
        min-height: 58px;
        padding: 9px 8px;
    }

    .vector-feature-item {
        gap: 4px;
        padding: 0 5px;
    }

    .vector-feature-icon {
        width: 20px;
        font-size: 19px;
    }

    .vector-feature-text {
        font-size: clamp(9px, 2.55vw, 12px);
        line-height: 1.05;
    }

    .vector-customer-strip {
        gap: 8px;
        min-height: 36px;
        padding: 7px 9px;
    }

    .vector-strip-stars {
        letter-spacing: 1px;
    }
}

@media (max-width: 420px) {
    .vector-feature-strip {
        padding-right: 6px;
        padding-left: 6px;
    }

    .vector-feature-item {
        padding: 0 4px;
    }

    .vector-feature-text {
        font-size: 8.8px;
    }

    .vector-customer-strip {
        font-size: 13px;
    }

    .vector-strip-stars {
        font-size: .78em;
    }
}

/* Inner-page banners only (homepage uses .home_hero) */
.banner_hero {
    position: relative;
    padding-top: 155px;
    padding-bottom: 31px;
    margin-bottom: 0;
    overflow: hidden;
}

.banner_hero::before {
    position: absolute;
    content: "";
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.28) 100%);
    z-index: 0;
    pointer-events: none;
}

.banner_hero .container {
    width: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.banner_hero .container .row {
    width: 100%;
    justify-content: center;
}

.banner_hero .txt {
    text-align: center;
    width: 100%;
}

.banner_hero .txt h1,
.banner_hero .txt h1 span {
    font-size: 48px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.5);
}

/* Remove legacy <br> gaps after banners */
.banner_hero + br {
    display: none;
}

/* Tighten first content block below banner */
.banner_hero + section,
.banner_hero + br + section {
    margin-top: 0;
}

.banner_hero + .about_us .about-wrap,
.banner_hero + br + .about_us .about-wrap {
    padding-top: clamp(18px, 2.5vw, 28px) !important;
}

.banner_hero + .service,
.banner_hero + br + .service {
    padding-top: clamp(16px, 2.5vw, 24px);
}

.banner_hero + .pricing,
.banner_hero + br + .pricing {
    padding-top: clamp(18px, 2.5vw, 32px) !important;
}

.banner_hero + .contact_us,
.banner_hero + br + .contact_us {
    padding-top: clamp(20px, 3vw, 40px) !important;
}

.banner_hero + .faqs,
.banner_hero + br + .faqs {
    padding-top: clamp(18px, 2.5vw, 32px) !important;
}

.banner_hero + .what-do,
.banner_hero + br + .what-do {
    margin-top: clamp(16px, 2.5vw, 24px);
}

.banner_hero + .service-detail,
.banner_hero + br + .service-detail {
    padding-top: clamp(20px, 3vw, 40px) !important;
}

.banner_hero + .digitizing,
.banner_hero + br + .digitizing {
    padding-top: clamp(18px, 2.5vw, 28px) !important;
}

.banner_hero + .blog,
.banner_hero + br + .blog {
    padding-top: clamp(18px, 2.5vw, 32px) !important;
}

.service .img img,
header .nav-tb-collapse {
    width: 100%;
    border-radius: 12px;
}

.service .section-heading-hierarchy,
.faqs .section-heading-hierarchy {
    font-size: 43px;
    line-height: 55px;
    letter-spacing: .105em;
    color: #222;
}

.service .section-heading-hierarchy span,
.faqs .section-heading-hierarchy span {
    font-size: 43px;
    line-height: 55px;
    letter-spacing: .105em;
    color: var(--c2);
}

@media (max-width: 991.98px) {
    .service .section-heading-hierarchy,
    .faqs .section-heading-hierarchy,
    .service .section-heading-hierarchy span,
    .faqs .section-heading-hierarchy span {
        font-size: 32px;
        line-height: 1.28;
        letter-spacing: 0.04em;
    }

    .service h3,
    .service h3 span,
    .banner_hero h1,
    .banner_hero .txt h1 {
        letter-spacing: 0.04em;
    }
}

@media (max-width: 575.98px) {
    .service .section-heading-hierarchy,
    .faqs .section-heading-hierarchy,
    .service .section-heading-hierarchy span,
    .faqs .section-heading-hierarchy span {
        font-size: 26px;
        line-height: 1.3;
        letter-spacing: 0.02em;
    }

    .service h3,
    .service h3 span,
    .banner_hero h1,
    .banner_hero .txt h1 {
        letter-spacing: 0.02em;
    }
}

.service h3 span {
    color: var(--c2);
}

.faqs .faqs-wrap .accordion-header,
.faqs .faqs-wrap .accordion-header .accordion-button {
    font-family: Impact;
    font-size: 24px;
    line-height: 150%;
    color: var(--c1);
    padding: 0;
}

.faqs .faqs-wrap .accordion-header .accordion-button:focus-visible {
    outline: 0;
}

.faqs .faqs-wrap .accordion-header .accordion-button:focus {
    border: none;
    box-shadow: none;
}

/* ------------------------------------------------------------------ */
/* Global floating rails (included from main header on all pages)    */
/* Fixed site-wide; mobile-only subtle panel behind each rail.        */
/* ------------------------------------------------------------------ */

@keyframes heroFabInLeft {
    from {
        opacity: 0;
        transform: translate(-10px, -50%);
    }

    to {
        opacity: 1;
        transform: translate(0, -50%);
    }
}

@keyframes heroFabInRight {
    from {
        opacity: 0;
        transform: translate(10px, -50%);
    }

    to {
        opacity: 1;
        transform: translate(0, -50%);
    }
}

@keyframes heroFabInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hidden until user scrolls past hero/banner (see custom.js) */
.teg-global-fabs {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.teg-global-fabs.is-visible {
    opacity: 1;
    visibility: visible;
}

.teg-global-fabs:not(.is-visible) .hero-fab-rail--left,
.teg-global-fabs:not(.is-visible) .hero-fab-rail--right {
    animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .teg-global-fabs {
        transition: none;
    }
}

.teg-global-fabs .hero-fab-rail {
    position: fixed;
    z-index: 1010;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    pointer-events: none;
}

.teg-global-fabs .hero-fab-rail > * {
    pointer-events: auto;
}

/* No translucent rail panel on desktop/tablet — mobile-only rule below (max-width: 767px) */
@media (min-width: 768px) {
    .teg-global-fabs .hero-fab-rail {
        isolation: auto;
    }

    .teg-global-fabs .hero-fab-rail::before {
        content: none;
        display: none;
        background: none;
        box-shadow: none;
    }
}

.teg-global-fabs .hero-fab-rail--left {
    top: 50%;
    left: clamp(8px, 1.8vw, 16px);
    transform: translateY(-50%);
    animation: heroFabInLeft .55s ease-out both;
}

.teg-global-fabs .hero-fab-rail--right {
    top: 50%;
    right: clamp(8px, 1.8vw, 16px);
    gap: 14px;
    transform: translateY(-50%);
    animation: heroFabInRight .55s ease-out both;
}

.teg-global-fabs .hero-fab-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 167, 1, .45);
    border-radius: 12px;
    background: rgba(1, 20, 38, .78);
    color: var(--c2);
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .35), inset 0 0 12px rgba(255, 167, 1, .08);
    backdrop-filter: blur(3px);
    transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
}

.teg-global-fabs .hero-fab-icon:hover,
.teg-global-fabs .hero-fab-icon:focus-visible {
    border-color: #fff;
    background: rgba(255, 167, 1, .95);
    color: #011426;
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(0, 0, 0, .4);
    outline: none;
}

.teg-global-fabs .hero-fab-btn--quote {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    padding: 16px 6px;
    border: 1px solid rgba(255, 167, 1, .55);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 167, 1, .98) 0%, rgba(232, 144, 0, .98) 100%);
    color: #011426;
    font-family: "P-Bold", "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: none;
    text-decoration: none;
    text-align: center;
    line-height: 1.05;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    box-shadow: 0 12px 28px rgba(255, 167, 1, .28), 0 6px 14px rgba(0, 0, 0, .35), inset 0 0 12px rgba(255, 255, 255, .18);
    transition: transform .25s ease, border-color .25s ease, background .25s ease, color .25s ease, box-shadow .25s ease;
}

.teg-global-fabs .hero-fab-btn--quote::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    box-shadow: 0 0 0 3px rgba(255, 167, 1, .12);
    pointer-events: none;
    opacity: 0;
    transition: opacity .25s ease;
}

.teg-global-fabs .hero-fab-btn--quote:hover,
.teg-global-fabs .hero-fab-btn--quote:focus-visible {
    border-color: #fff;
    background: linear-gradient(180deg, #ffb733 0%, #f0930a 100%);
    color: #011426;
    transform: rotate(180deg) translateY(-3px);
    box-shadow: 0 16px 32px rgba(255, 167, 1, .38), 0 8px 18px rgba(0, 0, 0, .4), inset 0 0 14px rgba(255, 255, 255, .26);
    outline: none;
}

.teg-global-fabs .hero-fab-btn--quote:hover::before,
.teg-global-fabs .hero-fab-btn--quote:focus-visible::before {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .teg-global-fabs .hero-fab-rail--left,
    .teg-global-fabs .hero-fab-rail--right {
        animation: none !important;
    }
}

/* Laptop / tablet (e.g. 1366×768): bottom docks — no overlap with hero copy */
@media (max-width: 1499px) and (min-width: 768px) {
    .teg-global-fabs .hero-fab-rail--left,
    .teg-global-fabs .hero-fab-rail--right {
        top: auto;
        bottom: clamp(16px, 2.4vh, 26px);
        transform: none;
        flex-direction: row;
        align-items: center;
        gap: 8px;
        animation: heroFabInUp .5s ease-out both;
    }

    .teg-global-fabs .hero-fab-rail--left {
        left: clamp(12px, 2vw, 22px);
    }

    .teg-global-fabs .hero-fab-rail--right {
        right: clamp(72px, 9vw, 92px);
        gap: 8px;
    }

    .teg-global-fabs .hero-fab-rail {
        isolation: isolate;
        padding: 6px 10px;
        border-radius: 999px;
        background: rgba(1, 20, 38, .78);
        border: 1px solid rgba(255, 167, 1, .32);
        box-shadow: 0 10px 28px rgba(0, 0, 0, .38);
        backdrop-filter: blur(8px);
    }

    .teg-global-fabs .hero-fab-rail::before {
        content: none;
        display: none;
    }

    .teg-global-fabs .hero-fab-icon {
        width: 38px;
        height: 38px;
        font-size: 16px;
        border-radius: 10px;
    }

    .teg-global-fabs .hero-fab-btn--quote,
    .teg-global-fabs .hero-fab-btn--quote.hero-fab-btn--quote {
        writing-mode: horizontal-tb;
        transform: none;
        width: auto;
        min-width: 0;
        min-height: 38px;
        padding: 8px 14px;
        font-size: 11px;
        letter-spacing: .12em;
        line-height: 1.2;
        border-radius: 999px;
        white-space: nowrap;
    }

    .teg-global-fabs .hero-fab-btn--quote,
    .teg-global-fabs .hero-fab-btn--quote.hero-fab-btn--quote {
        border-color: rgba(245, 179, 1, .65);
        background: linear-gradient(180deg, #f5b301 0%, #e09a00 100%);
        color: #050505;
    }

    .teg-global-fabs .hero-fab-btn--quote:hover,
    .teg-global-fabs .hero-fab-btn--quote:focus-visible {
        border-color: #fff;
        background: #fff;
        color: #050505;
        transform: translateY(-2px);
    }

}

@media (max-width: 991px) {
    .teg-global-fabs .hero-fab-icon {
        width: 40px;
        height: 40px;
        font-size: 17px;
        border-radius: 11px;
    }

    .teg-global-fabs .hero-fab-btn--quote {
        width: 40px;
        min-width: 40px;
        padding: 14px 5px;
        font-size: 10.5px;
        letter-spacing: .16em;
    }
}

@media (max-width: 767px) {
    @keyframes heroFabInLeft {
        from {
            opacity: 0;
            transform: translateY(10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes heroFabInRight {
        from {
            opacity: 0;
            transform: translateY(10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .teg-global-fabs .hero-fab-rail--left,
    .teg-global-fabs .hero-fab-rail--right {
        top: auto;
        bottom: clamp(72px, 14vh, 108px);
        transform: none;
        flex-direction: column;
        padding: 0;
        border: none;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
        animation: heroFabInUp .5s ease-out both;
    }

    .teg-global-fabs .hero-fab-rail--left {
        left: max(clamp(6px, 2vw, 12px), env(safe-area-inset-left, 0px));
        align-items: flex-start;
    }

    .teg-global-fabs .hero-fab-rail--right {
        right: max(clamp(6px, 2vw, 12px), env(safe-area-inset-right, 0px));
        align-items: flex-end;
    }

    .teg-global-fabs .hero-fab-icon {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }

    .teg-global-fabs .hero-fab-btn--quote.hero-fab-btn--quote {
        width: 40px;
        min-width: 40px;
        padding: 18px 6px;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        font-size: 10.5px;
        letter-spacing: .2em;
        border-radius: 999px;
        box-shadow: 0 10px 24px rgba(255, 167, 1, .3), 0 6px 14px rgba(0, 0, 0, .38), inset 0 0 12px rgba(255, 255, 255, .2);
    }

    .teg-global-fabs .hero-fab-btn--quote.hero-fab-btn--quote:hover,
    .teg-global-fabs .hero-fab-btn--quote.hero-fab-btn--quote:focus-visible {
        transform: rotate(180deg) translateY(-2px);
        box-shadow: 0 14px 28px rgba(255, 167, 1, .42), 0 8px 16px rgba(0, 0, 0, .42), inset 0 0 14px rgba(255, 255, 255, .28);
    }

    /* Subtle translucent black panel behind each rail — this breakpoint only (not desktop) */
    .teg-global-fabs .hero-fab-rail {
        position: fixed;
        isolation: isolate;
    }

    .teg-global-fabs .hero-fab-rail::before {
        content: "";
        display: block;
        position: absolute;
        inset: -10px -14px -10px -14px;
        border-radius: 22px;
        background: rgba(0, 0, 0, .32);
        box-shadow: 0 6px 18px rgba(0, 0, 0, .22);
        z-index: -1;
        pointer-events: none;
    }

    .teg-global-fabs .hero-fab-rail--right {
        gap: 7px;
    }

    .teg-global-fabs .hero-fab-rail--left {
        gap: 10px;
    }
}

@media (max-width: 420px) {
    .teg-global-fabs .hero-fab-btn--quote.hero-fab-btn--quote {
        width: 36px;
        min-width: 36px;
        padding: 16px 5px;
        font-size: 10px;
        letter-spacing: .18em;
    }

    .teg-global-fabs .hero-fab-icon {
        width: 34px;
        height: 34px;
        font-size: 14px;
        border-radius: 10px;
    }
}

/* Header auth CTAs (all pages) */
header .btn-header-signin {
    color: #050505 !important;
    border: 1px solid #F5B301 !important;
    background-color: #F5B301 !important;
    box-shadow: none;
}

header .btn-header-signin:hover,
header .btn-header-signin:focus-visible {
    color: #050505 !important;
    border-color: #fff !important;
    background-color: #fff !important;
}

header .btn-header-signup {
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    background: transparent !important;
    box-shadow: none;
}

header .btn-header-signup:hover,
header .btn-header-signup:focus-visible {
    color: #050505 !important;
    border-color: #F5B301 !important;
    background-color: #F5B301 !important;
}

/* Patches banner: label + value stack (overflow handled in custom.css per breakpoint) */
.hero-banner-overlay--patches .hero-banner-feature-grid--row .hero-banner-card-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Homepage hero CTAs — match header button hovers */
.hero-cta-primary,
.hero-banner-cta-group .hero-cta-primary,
.home_hero .hero-cta-primary.vector-banner-cta {
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.home_hero .hero-cta-primary.btn.bbtn:hover,
.home_hero .hero-cta-primary.btn.bbtn:focus-visible,
.home_hero .hero-banner-cta-group .hero-cta-primary.btn.bbtn:hover,
.home_hero .hero-banner-cta-group .hero-cta-primary.btn.bbtn:focus-visible,
.home_hero a.hero-cta-primary.vector-banner-cta.btn.bbtn:hover,
.home_hero a.hero-cta-primary.vector-banner-cta.btn.bbtn:focus-visible,
.hero-cta-primary:hover,
.hero-cta-primary:focus-visible {
    color: #050505 !important;
    border-color: #fff !important;
    background: #fff !important;
    background-color: #fff !important;
    filter: none !important;
    box-shadow: none !important;
}

.hero-cta-secondary,
.hero-banner-cta-group .hero-cta-secondary,
.hero-banner-cta-explore {
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.home_hero .hero-cta-secondary.btn.bbtn:hover,
.home_hero .hero-cta-secondary.btn.bbtn:focus-visible,
.home_hero .hero-banner-cta-explore.btn.bbtn:hover,
.home_hero .hero-banner-cta-explore.btn.bbtn:focus-visible,
.hero-cta-secondary:hover,
.hero-cta-secondary:focus-visible,
.hero-banner-cta-explore:hover,
.hero-banner-cta-explore:focus-visible {
    color: #050505 !important;
    border-color: #F5B301 !important;
    background: #F5B301 !important;
    background-color: #F5B301 !important;
    filter: none !important;
    box-shadow: none !important;
}

.hero-trust-plus {
    color: #F5B301;
    white-space: pre;
}

.checkout.pri_checkout .quote-btn {
    margin-bottom: clamp(36px, 5vh, 56px);
    padding-bottom: clamp(12px, 2vh, 24px);
}

/* Blog content lists (checkmark bullets) — mirrors style.css; required because public pages load mini.style.css */
.title_sec ul {
    list-style: none;
    padding-left: 0;
    margin-top: 1em;
}
.title_sec ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.1;
    color: #333;
    font-weight: 500;
}
.title_sec ul li::before {
    content: '✔';
    position: absolute;
    left: 0;
    top: 2px;
    color: #FFA500;
    font-weight: bold;
    font-size: 18px;
}

.title_sec ul.blog-toc-sublist {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.title_sec ul.blog-toc-sublist li {
    padding-left: 18px;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 400;
}
.title_sec ul.blog-toc-sublist li::before {
    content: '–';
    color: #012B50;
    font-weight: 400;
    font-size: 16px;
}

/* Blog two-column media: text wraps under image to avoid empty gaps */
@media (min-width: 992px) {
    .blog-media-section {
        overflow: hidden;
    }
    .blog-media-section .blog-float-img {
        float: right;
        width: 48%;
        max-width: 560px;
        margin: 0 0 24px 28px;
    }
    .blog-media-section.blog-media-left .blog-float-img {
        float: left;
        margin: 0 28px 24px 0;
    }
    .blog-media-section .blog-float-img img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 12px;
    }
}
@media (max-width: 991.98px) {
    .blog-media-section .blog-float-img {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0 0 20px;
    }
    .blog-media-section .blog-float-img img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 12px;
    }
}