/* Arka Engineering Works – small additions on top of Sonik theme */
.design_box i .fa,.service-box i .fa{transform:rotate(-45deg);font-size:38px;color:#02306f}
.design_box i .fa{font-size:34px}
.top_header .p_there i{margin-right:6px}
.logo img{max-height:70px;width:auto}
.clients{padding:90px 0;background:#efefef}
.clients .logo-box{background:#fff;height:120px;display:flex;align-items:center;justify-content:center;padding:14px;margin-bottom:30px;border-bottom:4px solid #02306f;transition:.3s}
.clients .logo-box:hover{transform:translateY(-6px);box-shadow:0 12px 26px rgba(2,48,111,.2)}
.clients .logo-box img{max-height:84px;max-width:100%;width:auto}
.materials{list-style:none;padding:0;margin:0 0 25px;display:flex;flex-wrap:wrap}
.materials li{border:1px solid #02306f;color:#02306f;padding:4px 14px;margin:0 8px 8px 0;font-size:15px}
.team .tea_text{width:auto;min-width:203px}
.contact .info-list{list-style:none;padding:0;margin:0}
.contact .info-list li{display:flex;align-items:flex-start;margin-bottom:18px;color:#000;font-size:17px;line-height:26px}
.contact .info-list i{background:#02306f;color:#fff;width:42px;height:42px;min-width:42px;margin-right:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px}
.product .titlepage h2,.team .titlepage h2{color:#fff}
.product{background-attachment:scroll}
ul.infomaco li i{color:#fff}

/* ===== motion & polish (Sonik-style) ===== */
.reveal{opacity:0}
.reveal.animated,.reveal.revealed{opacity:1}
.animated{animation-duration:.9s;animation-fill-mode:both}
@keyframes arkaFloat{0%,100%{transform:rotate(45deg) translate(0,0)}50%{transform:rotate(45deg) translate(-6px,-6px)}}
@keyframes arkaSpin{to{transform:rotate(360deg)}}
@keyframes arkaMarq{to{transform:translateX(-50%)}}
@keyframes arkaSlide{from{transform:translateY(-100%)}to{transform:none}}
@keyframes arkaPulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.7);opacity:0}}
/* sticky header */
.header_bottom{background:#fff;transition:box-shadow .3s}
.header_bottom.stuck{position:fixed;top:0;left:0;right:0;z-index:999;box-shadow:0 6px 24px rgba(0,0,0,.15);animation:arkaSlide .5s}
.header_bottom.stuck .logo img{max-height:52px}
.nav-link{position:relative;transition:color .3s}
.navbar-nav .nav-link::after{content:"";position:absolute;left:50%;bottom:-10px;width:0;height:3px;border-radius:2px;background:#02306f;transition:.3s;transform:translateX(-50%)}
.navbar-nav .nav-link:hover::after,.navbar-nav .active .nav-link::after{width:30px}
/* titles */
.titlepage h2{position:relative;padding-bottom:18px}
.titlepage h2::after{content:"";position:absolute;left:0;bottom:0;width:0;height:4px;background:#02306f;transition:width .9s .3s}
.text_align_center h2::after{left:50%;transform:translateX(-50%)}
.titlepage.animated h2::after,.titlepage.revealed h2::after,.titlepage:not(.reveal) h2::after{width:70px}
.product .titlepage h2::after,.team .titlepage h2::after{background:#8fb8ff}
/* design boxes */
.design_box{transition:.35s}
.design_box i{animation:arkaFloat 4s ease-in-out infinite;transition:background .3s}
.col-md-4:nth-child(2) .design_box i{animation-delay:-1.3s}
.col-md-4:nth-child(3) .design_box i{animation-delay:-2.6s}
.design_box:hover{transform:translateY(-10px);box-shadow:0 18px 35px rgba(2,48,111,.25)}
.design_box:hover i{background:#02306f;animation-play-state:paused}
.design_box:hover i .fa{color:#fff}
.design_box i .fa,.service-box i .fa{transition:.4s}
/* services */
.service-box{transition:.35s}
.service-box:hover{transform:translateY(-8px)}
.service-box i{transition:.5s}
.service-box:hover i{background:#02306f;transform:rotate(225deg)}
.service-box:hover i .fa{transform:rotate(-225deg);color:#fff}
/* products */
.product-box{transition:.35s}
.product-box:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.4)}
.pro_text{border-bottom:4px solid transparent;transition:.3s}
.product-box:hover .pro_text{border-bottom-color:#02306f}
/* infrastructure cards */
.team-box{overflow:hidden;transition:.35s}
.team-box:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(0,0,0,.35)}
#hoop:hover.team-box figure img{opacity:1;transform:scale(1.1)}
/* stats */
.stats{position:relative;overflow:hidden;padding:70px 0 40px;background:linear-gradient(rgba(2,48,111,.9),rgba(2,22,38,.94)),url(../images/banner1.jpg) center/cover}
.stats::before,.stats::after{content:"";position:absolute;width:220px;height:220px;border:4px solid rgba(255,255,255,.12);pointer-events:none}
.stats::before{left:-70px;top:-70px;animation:arkaSpin 18s linear infinite}
.stats::after{right:-60px;bottom:-90px;animation:arkaSpin 24s linear infinite reverse}
.stat{text-align:center;color:#fff;margin-bottom:30px;position:relative;z-index:1}
.stat i{font-size:34px;color:#8fb8ff;display:block;margin-bottom:8px}
.stat b{display:block;font-size:50px;font-weight:600;line-height:1.1}
.stat span{font-size:17px;opacity:.9}
/* marquee */
.marquee{overflow:hidden;padding:10px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;width:max-content;animation:arkaMarq 32s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee .logo-box{width:210px;flex:0 0 210px;margin:0 15px 20px}
/* inner pages */
.inner_banner{position:relative;overflow:hidden;text-align:center;color:#fff;padding:110px 0 90px;background:linear-gradient(rgba(2,22,38,.45),rgba(2,48,111,.6)),url(../images/banner1.jpg) center/cover}
.inner_banner::before,.inner_banner::after{content:"";position:absolute;border:4px solid rgba(255,255,255,.15);width:200px;height:200px;pointer-events:none}
.inner_banner::before{left:6%;top:-60px;animation:arkaSpin 16s linear infinite}
.inner_banner::after{right:6%;bottom:-70px;animation:arkaSpin 22s linear infinite reverse}
.inner_banner h1{position:relative;font-size:52px;font-weight:700;color:#fff;margin:0 0 14px}
.inner_banner ul{position:relative;display:flex;justify-content:center;list-style:none;padding:0;margin:0}
.inner_banner li{color:#cfd9e6;font-size:17px}
.inner_banner li a{color:#fff}
.inner_banner li+li::before{content:"/";margin:0 12px}
.page_sec{padding:90px 0}
.why .design_box{background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.1)}
/* activities */
.activities{padding:90px 0 60px;background:#efefef}
.activity-item{display:flex;align-items:center;background:#fff;padding:20px 22px;margin-bottom:24px;min-height:92px;border-left:5px solid #02306f;box-shadow:0 6px 20px rgba(0,0,0,.08);transition:.3s;color:#000;font-size:17px;line-height:26px}
.activity-item i{color:#02306f;font-size:28px;margin-right:16px;transition:.3s}
.activity-item:hover{transform:translateX(8px);background:#02306f;color:#fff}
.activity-item:hover i{color:#fff}
.pill_list{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;justify-content:center}
.pill_list li{color:#fff;border:1px solid rgba(255,255,255,.6);padding:6px 18px;margin:0 8px 10px;font-size:16px;transition:.3s}
.pill_list li:hover{background:#fff;color:#02306f}
.team .pill_head{color:#8fb8ff;text-align:center;font-size:20px;font-weight:500;margin:20px 0 6px}
.cust_names{text-align:center;color:#000;font-size:16px;margin-top:20px}
/* cta */
.cta{background:#fff;padding:80px 0 70px}
.cta h2{font-size:30px;font-weight:600;margin:0 0 6px;color:#fff}
.cta p{margin:0;opacity:.9}
.cta_btn{display:inline-block;background:#fff;color:#000;padding:13px 34px;font-size:18px;border-radius:6px;transition:.3s}
.cta_btn:hover{background:#000;color:#fff;text-decoration:none}
/* contact page */
.map_box{border:8px solid #fff;box-shadow:0 10px 30px rgba(0,0,0,.15);height:100%;min-height:420px}
.map_box iframe{width:100%;height:100%;min-height:404px;border:0;display:block}
.contact_pg .design_box{background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.1);min-height:260px}
.contact_pg .design_box a{color:#000}
/* floating buttons */
.float_call{position:fixed;left:18px;bottom:18px;z-index:99;width:54px;height:54px;border-radius:50%;background:#02306f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px}
.float_call::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #02306f;animation:arkaPulse 1.8s infinite}
.float_call:hover{color:#fff;text-decoration:none;background:#000}
.to_top{position:fixed;right:18px;bottom:18px;z-index:99;width:46px;height:46px;border-radius:50%;background:#02306f;color:#fff;border:0;font-size:24px;opacity:0;visibility:hidden;transform:translateY(20px);transition:.3s;cursor:pointer}
.to_top.show{opacity:1;visibility:visible;transform:none}
.to_top:hover{background:#000}
@media(max-width:767px){.inner_banner{padding:80px 0 60px}.inner_banner h1{font-size:36px}.stat b{font-size:40px}.page_sec,.activities{padding:60px 0 40px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1}}
.infoma ul.gikx li a,.infoma .conta li a{color:#fff;transition:.3s}
.infoma ul.gikx li a:hover{color:#8fb8ff;padding-left:6px;text-decoration:none}
.navbar-nav .nav-link,.navbar-nav .nav-link:hover{text-decoration:none}

/* contact cards: equal height, tidy address */
.contact_pg .row>.col-md-4{display:flex}
.contact_pg .design_box{width:100%}
.contact_pg .design_box p{margin:0}
/* footer credit */
.copyright p{margin:0}
.copyright .dev{margin-top:6px;font-size:15px;opacity:.9}
.copyright .dev a{color:#8fb8ff;font-weight:500;transition:.3s}
.copyright .dev a:hover{color:#fff;text-decoration:none}
/* products page */
.filter_btns{display:flex;flex-wrap:wrap;justify-content:center;margin:0 0 40px;padding:0;list-style:none}
.filter_btns button{background:#fff;color:#02306f;border:2px solid #02306f;padding:9px 22px;margin:0 6px 12px;font-size:16px;font-weight:500;cursor:pointer;transition:.3s}
.filter_btns button:hover,.filter_btns button.on{background:#02306f;color:#fff}
.products_pg{padding:90px 0 60px;background:#efefef}
.products_pg .product-box{box-shadow:0 6px 20px rgba(0,0,0,.08);cursor:zoom-in}
.products_pg .product-box figure{overflow:hidden;background:#fff;aspect-ratio:4/3}
.products_pg .product-box figure img{width:100%;height:100%;object-fit:cover}
.p_item.hide{display:none}
.p_tag{display:inline-block;background:#02306f;color:#fff;font-size:12px;padding:2px 10px;margin-bottom:8px;letter-spacing:.5px;text-transform:uppercase}
.lb{position:fixed;inset:0;z-index:2000;background:rgba(2,22,38,.94);display:none;align-items:center;justify-content:center;flex-direction:column;padding:20px}
.lb.open{display:flex;animation:fadeIn .3s}
.lb img{max-width:92vw;max-height:80vh;box-shadow:0 10px 50px rgba(0,0,0,.6)}
.lb p{color:#fff;margin:14px 0 0;font-size:18px}
.lb button{position:absolute;background:none;border:0;color:#fff;font-size:44px;cursor:pointer;line-height:1;padding:10px 18px}
.lb .lb_x{top:10px;right:14px}.lb .lb_p{left:8px;top:50%}.lb .lb_n{right:8px;top:50%}
.lb button:hover{color:#8fb8ff}
/* videos */
.vid_card{position:relative;background:#000;overflow:hidden;margin-bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,.35);cursor:pointer}
.vid_card video{width:100%;aspect-ratio:9/16;object-fit:cover;display:block}
.vid_card .cap{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;color:#fff;font-size:15px;font-weight:500;background:linear-gradient(transparent,rgba(2,22,38,.95))}
.vid_card .vid_snd{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:#02306f;font-size:17px;cursor:pointer}
.vid_card .vid_snd:hover{background:#02306f;color:#fff}
.vids .col-lg-2dot4{flex:0 0 20%;max-width:20%}
@media(max-width:991px){.vids .col-lg-2dot4{flex:0 0 33.333%;max-width:33.333%}}
@media(max-width:575px){.vids .col-lg-2dot4{flex:0 0 50%;max-width:50%}}
/* process */
.process{padding:90px 0 50px}
.step{text-align:center;padding:10px 20px 30px;position:relative}
.step b{display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin:0 auto 16px;background:#02306f;color:#fff;border-radius:50%;font-size:26px;font-weight:600;transition:.4s}
.step:hover b{transform:rotateY(360deg)}
.step h3{color:#02306f;font-size:20px;font-weight:500}
.step p{color:#000;margin:0}
/* facility tiles */
.fac_tile{background:#fff;text-align:center;padding:30px 16px;margin-bottom:24px;border-bottom:4px solid #02306f;box-shadow:0 6px 20px rgba(0,0,0,.08);transition:.3s;color:#000;font-size:18px}
.fac_tile i{display:block;font-size:34px;color:#02306f;margin-bottom:10px;transition:.3s}
.fac_tile:hover{transform:translateY(-6px);background:#02306f;color:#fff}
.fac_tile:hover i{color:#fff}
.text_tile{font-size:16px;line-height:24px;color:#02306f;font-weight:500;text-align:center}
.customers_pg .logo-box{margin-bottom:30px}
.customers_pg .logo-box.txt{border-bottom-color:#8fb8ff}
.btn_navy{display:inline-block;background:#02306f;color:#fff;padding:12px 34px;font-size:18px;border-radius:6px;transition:.3s}
.btn_navy:hover{background:#000;color:#fff;text-decoration:none}
.sec_btn{text-align:center;margin-top:10px}

/* CTA = its own navy card, clearly separate from the footer */
.cta .container{position:relative;overflow:hidden;color:#fff;border-radius:14px;padding:46px 44px;box-shadow:0 18px 45px rgba(2,48,111,.3);background:linear-gradient(100deg,rgba(2,22,38,.92),rgba(2,48,111,.9)),url(../images/banner1.jpg) center/cover;border-left:8px solid #8fb8ff}
.cta .container::before{content:"";position:absolute;right:-50px;top:-60px;width:190px;height:190px;border:4px solid rgba(255,255,255,.14);animation:arkaSpin 18s linear infinite;pointer-events:none}
.cta .row{position:relative;align-items:center}
.cta h2{font-size:28px;line-height:1.3}
.cta .cta_btn{border-radius:30px;font-weight:500;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.cta .cta_btn:hover{background:#8fb8ff;color:#021626}
.cta+footer,.cta+*{margin-top:0}
@media(max-width:767px){.cta{padding:50px 0 40px}.cta .container{padding:32px 24px}.cta h2{font-size:23px}}
/* product cards: equal height, badge */
.products_pg .p_item{display:flex}
.products_pg .product-box{width:100%;display:flex;flex-direction:column}
.products_pg .pro_text{flex:1}
.products_pg .product-box figure{position:relative}
.p_count{position:absolute;right:10px;bottom:10px;background:rgba(2,22,38,.85);color:#fff;font-size:13px;padding:3px 12px;border-radius:20px}
.lb.single .lb_p,.lb.single .lb_n{display:none}
/* floating buttons visible on any background */
.float_call{border:3px solid #fff;box-shadow:0 4px 16px rgba(0,0,0,.4)}
.float_call::after{border-color:#8fb8ff}
.to_top{border:3px solid #fff;box-shadow:0 4px 16px rgba(0,0,0,.4)}

/* each inner page gets its own banner photo */
.inner_banner{background-position:center;background-size:cover}
.banner_about{background-image:linear-gradient(rgba(2,22,38,.3),rgba(2,48,111,.4)),url(../images/banners/about.jpg)}
.banner_products{background-image:linear-gradient(rgba(2,22,38,.3),rgba(2,48,111,.4)),url(../images/banners/products.jpg)}
.banner_services{background-image:linear-gradient(rgba(2,22,38,.3),rgba(2,48,111,.4)),url(../images/banners/services.jpg)}
.banner_infrastructure{background-image:linear-gradient(rgba(2,22,38,.3),rgba(2,48,111,.4)),url(../images/banners/infrastructure.jpg)}
.banner_customers{background-image:linear-gradient(rgba(2,22,38,.3),rgba(2,48,111,.4)),url(../images/banners/customers.jpg)}
.banner_contact{background-image:linear-gradient(rgba(2,22,38,.3),rgba(2,48,111,.4)),url(../images/banners/contact.jpg)}

/* light variant of the navy "team" section */
.team.light{background:#fff}
.team.light .titlepage h2{color:#000}
.team.light .titlepage h2::after{background:#02306f}
.team.light .titlepage p{color:#000}
.team.light .team-box{box-shadow:0 8px 24px rgba(0,0,0,.14)}

/* WhatsApp (right) + call (left) floating buttons */
.float_wa{position:fixed;right:18px;bottom:18px;z-index:99;width:54px;height:54px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:31px;border:3px solid #fff;box-shadow:0 4px 16px rgba(0,0,0,.4)}
.float_wa::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid #25d366;animation:arkaPulse 1.8s infinite}
.float_wa:hover{color:#fff;background:#1ebe5a;text-decoration:none}
.to_top{right:22px;bottom:86px}
/* customer name tiles (about page) */
.cust_tiles{margin-top:30px}
.name_tile{display:flex;align-items:center;background:#fff;border-left:5px solid #02306f;padding:16px 20px;margin-bottom:20px;min-height:76px;box-shadow:0 6px 18px rgba(0,0,0,.08);color:#000;font-size:16px;line-height:24px;transition:.3s}
.name_tile i{color:#02306f;font-size:24px;margin-right:14px;transition:.3s}
.name_tile:hover{transform:translateY(-4px);background:#02306f;color:#fff}
.name_tile:hover i{color:#fff}
/* justified descriptions */
.about .titlepage p,.product .titlepage.text_align_left p,.infoma.text_align_left p,.infoma p,.pro_text p,.activity-item span,.name_tile span{text-align:justify;hyphens:none}
.design_box p,.service-box p,.step p{text-align:justify;text-align-last:center;hyphens:none}
.text_align_center p{max-width:780px;margin-left:auto;margin-right:auto;text-wrap:balance}
.process{background:#efefef}
html,body.main-layout{overflow-x:hidden}
/* short card texts: balanced instead of justified (no wide gaps) */
.design_box p,.service-box p,.step p{text-align:center;text-align-last:auto;text-wrap:balance;hyphens:none}
.pro_text p,.activity-item span,.name_tile span{text-align:left;text-wrap:pretty;hyphens:none}
.about .titlepage p,.infoma.text_align_left p{text-align:justify;hyphens:none}
.infoma p{text-align:left}
.infoma.text_align_left p{text-align:justify}

/* ===== tighter vertical rhythm ===== */
.titlepage{padding-bottom:34px}
.desin{padding-top:50px}
.design_box{margin-top:70px}
.about{padding-top:64px;padding-bottom:64px}
.product{padding-top:60px;padding-bottom:30px}
.service{padding-top:60px;padding-bottom:10px}
.service-box{margin-bottom:34px}
.team{padding-top:60px;padding-bottom:36px}
.contact{padding-top:60px;padding-bottom:50px}
.clients{padding:60px 0 40px}
.stats{padding:50px 0 16px}
.stat{margin-bottom:20px}
.process{padding:56px 0 24px}
.page_sec{padding:60px 0}
.activities{padding:60px 0 36px}
.products_pg{padding:60px 0 30px}
.cta{padding:60px 0 56px}
.footer{padding-top:56px}
.inner_banner{padding:80px 0 60px}
.inner_banner h1{margin-bottom:10px}
.team.vids{padding-bottom:20px}
@media(max-width:767px){
 .titlepage{padding-bottom:26px}.about{padding-top:44px;padding-bottom:44px}.product,.service,.team,.contact,.page_sec{padding-top:44px}
 .clients,.process{padding:44px 0 24px}.activities,.products_pg{padding:44px 0 20px}.cta{padding:44px 0 40px}.inner_banner{padding:56px 0 44px}
 .stats{padding:40px 0 10px}.footer{padding-top:40px}.service-box{margin-bottom:24px}
}
/* long emails never overflow */
.infoma .conta li a,.design_box a,.info-list a{overflow-wrap:anywhere}
/* ===== professional About block ===== */
.about_media{position:relative;padding:0 34px 40px 0;margin:0 0 10px 18px}
.about_media::before{content:"";position:absolute;left:-18px;top:-18px;width:58%;height:62%;border:4px solid #02306f;z-index:0}
.am_main{position:relative;z-index:1;display:block;width:78%;border-radius:4px;box-shadow:0 18px 45px rgba(0,0,0,.22)}
.am_small{position:absolute;z-index:2;right:0;bottom:0;width:46%;border:8px solid #fff;border-radius:4px;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.25)}
.am_badge{position:absolute;z-index:3;left:-18px;bottom:56px;width:118px;height:118px;background:#02306f;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:4px;box-shadow:0 12px 28px rgba(2,48,111,.45);animation:arkaFloat2 4s ease-in-out infinite}
.am_badge b{font-size:38px;font-weight:600;line-height:1}
.am_badge span{font-size:13px;line-height:16px;margin-top:6px;opacity:.9}
@keyframes arkaFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.eyebrow{display:inline-block;color:#02306f;font-size:15px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding-left:46px;position:relative;margin-bottom:6px}
.eyebrow::before{content:"";position:absolute;left:0;top:50%;width:34px;height:3px;background:#02306f}
.about_txt h2{font-size:36px;font-weight:700;line-height:1.25;margin:6px 0 18px;color:#000}
.about_txt h2 .blue{font-weight:400}
.about_txt p{color:#333;font-size:16.5px;line-height:28px;margin-bottom:14px;text-align:justify;hyphens:none}
.check_list{list-style:none;padding:0;margin:18px 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.check_list li{position:relative;padding-left:30px;color:#000;font-size:16px;line-height:24px}
.check_list li::before{content:"\f058";font-family:FontAwesome;position:absolute;left:0;top:0;color:#02306f;font-size:20px}
.info_grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 22px}
.info_grid>div{background:#fff;border-left:4px solid #02306f;padding:12px 16px 12px 52px;position:relative;box-shadow:0 5px 16px rgba(0,0,0,.07)}
.info_grid i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#02306f;font-size:22px}
.info_grid span{display:block;font-size:12.5px;color:#777;text-transform:uppercase;letter-spacing:.8px;line-height:16px}
.info_grid b{display:block;font-size:15.5px;color:#000;font-weight:500;line-height:21px}
.mat_head{margin:6px 0 10px!important;font-weight:500;color:#000!important}
.about_btns{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:8px}
.call_link{display:flex;align-items:center;color:#000}
.call_link i{width:48px;height:48px;border:2px solid #02306f;color:#02306f;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:12px;transition:.3s}
.call_link span{display:block;font-size:13px;line-height:17px;color:#666}
.call_link b{display:block;font-size:17px;color:#000;font-weight:600}
.call_link:hover{text-decoration:none;color:#000}
.call_link:hover i{background:#02306f;color:#fff}
@media(max-width:991px){.about_media{max-width:520px;margin:0 auto 40px 18px}.about_txt h2{font-size:30px}}
@media(max-width:575px){.about_media{padding:0 20px 28px 0;margin-left:14px}.am_badge{width:92px;height:92px;left:-14px;bottom:40px}.am_badge b{font-size:28px}.am_badge span{font-size:11px;line-height:13px}.about_txt h2{font-size:26px}.check_list,.info_grid{grid-template-columns:1fr}.about_txt p{font-size:16px;line-height:26px}}

/* ===== mobile fixes ===== */
@media(max-width:767px){
 .carousel-control-prev,.carousel-control-next{display:none}
 .carousel-caption h3{font-size:28px;line-height:1.2}
 .carousel-caption p{font-size:15px}
 .service-box{margin-bottom:46px}
 .infoma.text_align_left p,.infoma p{text-align:left;hyphens:none}
 .contact_pg .design_box{min-height:0}
 .contact_pg .design_box p{padding-bottom:6px}
 .product-box,.team-box{margin-bottom:22px}
}
@media(max-width:767px){
 .top_header .infomaco{display:flex;justify-content:center;padding:6px 0;margin:0}
 .top_header .infomaco li:nth-child(2){display:none}
 .top_header .infomaco li{margin:0}
}
.about_txt p,.about .titlepage p,.infoma.text_align_left p{hyphens:none;-webkit-hyphens:none;text-wrap:pretty}
/* mobile hamburger menu: no centre underline, readable active link */
@media(max-width:767px){
 .navbar-nav .nav-link::after{display:none!important}
 .navbar-nav .active .nav-link{color:#8fb8ff!important}
}

/* ===== fixes: product filter, heading gap, footer address ===== */
/* filter: .products_pg .p_item{display:flex} was overriding .hide, so cards never hid */
.products_pg .p_item.hide{display:none!important}
/* gap between "Our Products" heading and its description */
.products_pg .titlepage h2{margin-bottom:26px}
/* footer address: justified, full address */
.infoma .conta li.addr_li{align-items:flex-start}
.infoma .conta li.addr_li i{margin-top:3px}
.infoma .conta li.addr_li span{text-align:justify;hyphens:none;flex:1}