/* Added Nov 2026: phone/WhatsApp, CTA box, header layout */
.main-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.main-header .top-header-1,.main-header .top-header-1:first-child,.main-header .top-header-1:nth-child(2){width:auto !important;margin:0 15px 0 0;float:none}
.main-header .top-social{width:auto;float:none;margin:0;text-align:right}
.top-header-1 p a{color:#fff;text-decoration:none}
.top-header-1 p a:hover{color:#00a1b1}
.top-header-1 p .hdr-sep{margin:0 6px;opacity:.6}
.top-header-1.top-header-phone{flex:1 1 auto;min-width:0}
.top-header-1.top-header-phone p{line-height:1.45}
.top-header-1 .hdr-num,.top-header-1 .hdr-item{white-space:nowrap;display:inline-block}
.footer-2 p.footer-contact{margin:0 0 8px;color:#fff;font-size:13px;line-height:1.65}
.footer-2 p.footer-contact a{color:#8fe9f3;text-decoration:none}
.footer-2 p.footer-contact .fc-item{white-space:nowrap;display:inline-block}
.cta-box{clear:both;float:left;width:100%;box-sizing:border-box;margin:30px 0 10px;padding:20px 25px;background:#f2f9fa;border-left:4px solid #00a1b1}
.about-div .cta-box p{margin:6px 0 0}
.cta-btn{display:inline-block;margin:6px 10px 6px 0;padding:10px 18px;background:#00a1b1;color:#fff !important;text-decoration:none;font-size:14px;font-weight:600;border-radius:3px}
.cta-btn:hover{background:#007f8c}
.cta-wa{background:#25a244}.cta-wa:hover{background:#1c7d34}
.cta-mail{background:#454545}.cta-mail:hover{background:#2b2b2b}
.cta-btn i{margin-right:8px}
.about-div h2{margin-top:22px}
.about-div a{color:#00a1b1}
@media only screen and (max-width:767px){
 .main-header{display:block;text-align:center;padding:6px 0}
 .main-header > .top-header-1:first-child{display:none !important}
 .main-header .top-header-1{display:block;width:100% !important;margin:2px 0 !important;float:none;text-align:center}
 .main-header .top-header-1 p{font-size:12px;line-height:1.5;margin:0}
 .top-header-1.top-header-phone p > i.fa-phone{display:none}
 .top-header-1.top-header-phone .hdr-sep{display:inline;margin:0 5px}
 .top-header-1.top-header-phone .hdr-item,
 .top-header-1.top-header-phone > p > .hdr-num{display:inline-block}
}
.cont-1 p a{color:inherit;text-decoration:none}
.cont-1 p a:hover{color:#00a1b1}

/* Nav + header: hamburger below 1200px; single-line menu from 1200px up */
.main-navigation{display:flex;align-items:center;justify-content:space-between;float:none;width:100%;gap:16px}
.logo-div{float:none;flex:0 0 auto}
.logo-div img{float:none;display:block;max-width:100%;height:auto}
.navigation-div{float:none}

@media screen and (max-width:1199px){
 .navigation-div{max-width:40px !important;width:auto;margin:0;flex:0 0 auto}
 a#toggle{display:block;position:relative;top:auto;right:auto;z-index:100;flex:0 0 auto}
 #menu{
    position:fixed;
    width:250px;
    height:100%;
    top:0;
    right:0;
    overflow:hidden;
    overflow-y:auto;
    background-color:#323232;
    transform:translateX(250px);
    padding-top:50px;
    z-index:99;
    text-align:left;
 }
 #menu ul{text-align:left;background-color:transparent;white-space:normal}
 #menu ul li{display:block}
 #menu ul li > a,
 #menu ul li a{display:block;margin-left:0 !important;padding:10px 30px !important;font-size:14px;white-space:normal}
 #menu ul li a > i{float:right}
 #menu ul li ul{display:none;position:static;width:100%;background-color:#000;top:auto;left:auto}
 #menu ul li:hover > ul{display:none}
 #menu ul li:hover > a > i{transform:rotateZ(0)}
 #menu ul li.open > a{background-color:rgba(0,0,0,0.3)}
 #menu ul li.open > a > i{transform:rotateZ(90deg)}
 #menu ul li.open > ul{display:block}
 div#overlay{
    display:block;
    visibility:hidden;
    position:fixed;
    right:0;top:0;
    width:100%;height:100%;
    background-color:rgba(0,0,0,0.8);
    transition:all ease-out 0.3s;
    z-index:1;opacity:0;
 }
 html.open-menu{overflow:hidden}
 html.open-menu div#overlay{visibility:visible;opacity:1;width:calc(-150%);left:250px}
 .open-menu a#toggle{transform:translateX(-230px)}
 html.open-menu nav#menu{z-index:99;transform:translateX(0)}
}

@media screen and (min-width:1200px){
 .navigation-div{max-width:none !important;flex:1 1 auto;width:auto;margin:0 0 0 12px}
 a#toggle{display:none !important}
 #menu{position:static;width:auto;height:auto;transform:none;padding-top:0;background:transparent;overflow:visible}
 #menu ul{white-space:nowrap;text-align:right}
 #menu ul li{display:inline-block;white-space:nowrap}
 #menu ul li > a{display:inline-block;margin-left:22px;font-size:14px;padding:28px 0;white-space:nowrap}
 #menu ul li:first-child > a{margin-left:0}
 #menu ul li ul{display:none;position:absolute;top:100%;left:0;width:200px;text-align:left;background:rgba(0,0,0,0.8);z-index:5}
 #menu ul li:hover > ul{display:block}
}

@media only screen and (min-width:768px) and (max-width:1199px){
 .main-header{gap:8px 14px}
 .top-header-1 p{font-size:11px}
 .main-header .top-header-1{margin:0 10px 0 0}
 .top-header-1 p i{margin-right:6px}
 .top-social ul li{margin:0 8px 0 0}
}
@media only screen and (min-width:1024px) and (max-width:1199px){
 .main-header{flex-wrap:nowrap}
 .top-header-1 p{font-size:11px}
 .top-social ul li{margin:0 6px 0 0}
 .main-header .top-header-1{margin:0 8px 0 0}
}

/* Mobile: hide top contact bar, show floating WhatsApp/call buttons */
.m-fab{display:none}
@media only screen and (max-width:767px){
 #body-header{display:none !important}
 .m-fab{display:flex;flex-direction:column;gap:12px;position:fixed;right:16px;bottom:20px;z-index:9999}
 .m-fab a{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;text-decoration:none;box-shadow:0 3px 10px rgba(0,0,0,.3)}
 .m-fab a:hover,.m-fab a:focus{color:#fff}
 .m-fab-wa{background:#25D366}
 .m-fab-call{background:#00a1b1;font-size:24px}
}