:root{--navy:#062f53;--dark:#031f39;--teal:#10a7b2;--light:#eef9fb;--text:#14263d;--muted:#667487;--border:#e4ebf1;--shadow:0 18px 45px rgba(6,47,83,.12)}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;color:var(--text);line-height:1.7;overflow-x:hidden}a{text-decoration:none;color:inherit}.site-header{position:sticky;top:0;z-index:1000;background:#fff;transition:.3s}.site-header.scrolled{box-shadow:0 8px 30px rgba(6,47,83,.12)}.navbar{min-height:76px}.site-header .container{max-width:1400px}.site-logo{width:auto;height:80px;max-width:250px;object-fit:contain}.navbar-nav{align-items:center}.nav-link{font-weight:650;font-size:13px;padding:24px 9px!important;color:var(--text)!important;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--teal)!important}.header-actions{display:flex;gap:10px;align-items:center;white-space:nowrap}.book-btn{background:var(--teal);color:#fff;padding:12px 16px;font-weight:700;white-space:nowrap;font-size:13.5px}.call-btn{width:42px;height:42px;display:grid;place-items:center;background:var(--navy);color:#fff;border-radius:9px;flex-shrink:0}
.hero-slide{position:relative;min-height:650px;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform 7s ease}.carousel-item.active .hero-bg{transform:scale(1.07)}.zoom2{object-position:56% center}.zoom3{object-position:63% center}.hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,31,57,1),rgba(3,31,57,.96) 25%,rgba(3,31,57,.86) 42%,rgba(3,31,57,.5) 58%,rgba(3,31,57,.06) 78%)}.hero-container{position:relative;z-index:2;min-height:650px;display:flex;align-items:center}.hero-copy{width:57%;color:#fff;padding:70px 0;opacity:0;transform:translateY(25px);transition:.8s ease .25s}.carousel-item.active .hero-copy{opacity:1;transform:none}.hero-badge{display:inline-flex;gap:9px;align-items:center;color:#9cecef;border:1px solid rgba(16,167,178,.45);padding:8px 14px;border-radius:30px;background:rgba(16,167,178,.1);font-size:13px;font-weight:700;margin-bottom:23px}.hero-copy h1,.hero-copy h2{font-size:clamp(42px,5vw,66px);font-weight:800;line-height:1.08;letter-spacing:-2px;margin-bottom:22px}.hero-copy h1 span,.hero-copy h2 span{display:block;color:var(--teal)}.hero-copy>p{font-size:17px;color:rgba(255,255,255,.86);max-width:570px;margin-bottom:32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-primary,.hero-secondary{padding:14px 23px;border-radius:8px;font-weight:700}.hero-primary{background:var(--teal);color:#fff}.hero-secondary{border:1px solid rgba(255,255,255,.75);color:#fff}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.trust-item{display:flex;gap:10px}.trust-item>i{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--teal);color:var(--teal);border-radius:50%}.trust-item b,.trust-item small{display:block}.trust-item small{font-size:11px;color:rgba(255,255,255,.7)}.custom-indicators{justify-content:flex-start;max-width:1320px;margin:0 auto 24px}.custom-indicators button{width:30px!important;height:4px!important;border-radius:10px!important}.custom-indicators .active{width:52px!important;background:var(--teal)}
.section-space{padding:95px 0}.section-label{color:var(--teal);font-size:12px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}.section-title{font-size:clamp(34px,4vw,48px);font-weight:800;color:var(--navy);line-height:1.18}.section-title span{color:var(--teal)}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.section-intro p{max-width:420px;color:var(--muted)}.dark-btn{background:var(--navy);color:#fff}.service-card{display:block;height:100%;min-height:210px;border:1px solid var(--border);border-radius:12px;padding:27px;transition:.3s}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.service-card>i{width:54px;height:54px;display:grid;place-items:center;background:var(--light);color:var(--teal);border-radius:12px;font-size:23px;margin-bottom:18px}.service-card h3{font-size:17px;color:var(--navy);font-weight:750}.service-card p{font-size:13px;color:var(--muted)}.why-section{padding:72px 0;background:var(--light)}.why-grid{display:grid;grid-template-columns:repeat(5,1fr)}.why-grid>div{text-align:center;padding:18px}.why-grid i{font-size:31px;color:var(--teal)}.why-grid h3{font-size:15px;color:var(--navy)}.why-grid p{font-size:12px;color:var(--muted)}.process-card{height:100%;min-height:210px;border:1px solid var(--border);border-radius:12px;padding:29px;position:relative}.process-card b{display:grid;place-items:center;width:36px;height:36px;background:var(--navy);color:#fff;border-radius:7px}.process-card>i{position:absolute;top:30px;right:27px;font-size:40px;color:var(--navy)}.process-card h3{font-size:17px;color:var(--navy);margin-top:20px}.process-card p{font-size:13px;color:var(--muted)}.testimonial-section{background:var(--dark)}.section-label.light{color:#7ce2e7}.testimonial-card{height:100%;background:#fff;border-radius:18px;padding:32px}.testimonial-card>i{font-size:38px;color:var(--teal)}.stars{color:#ffb703;margin:12px 0}.testimonial-card b,.testimonial-card small{display:block}.site-footer{background:var(--dark);color:rgba(255,255,255,.75);padding:65px 0 25px}.footer-logo{width:220px;background:#fff;padding:5px;border-radius:8px;margin-bottom:18px}.site-footer h3{color:#fff}.site-footer a{display:block;margin-bottom:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:40px;padding-top:20px}.whatsapp{position:fixed;right:20px;bottom:20px;width:60px;height:60px;display:grid;place-items:center;background:#25d366;color:#fff;border-radius:50%;font-size:30px;border:4px solid #fff;z-index:900}.scroll-top{position:fixed;right:28px;bottom:92px;width:44px;height:44px;border:0;border-radius:50%;background:var(--navy);color:#fff;opacity:0;visibility:hidden;transition:.3s}.scroll-top.show{opacity:1;visibility:visible}
@media(max-width:991px){.navbar-collapse{padding:18px;background:#fff}.nav-link{padding:10px 0!important}.hero-copy{width:77%}.hero-overlay{background:linear-gradient(90deg,rgba(3,31,57,.98),rgba(3,31,57,.82),rgba(3,31,57,.42))}.why-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1199.98px){.navbar-collapse{padding:20px;background:#fff;margin-top:10px;border-top:1px solid var(--border)}.nav-link{padding:12px 4px!important;font-size:15px;white-space:normal}.header-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:14px;width:100%}.book-btn{justify-content:center;width:100%}.call-btn{width:100%;border-radius:8px}.services-mega-menu{position:static!important;box-shadow:none;border:none;width:100%!important;max-width:100%!important;margin-top:8px}}@media(max-width:767px){.hero-slide,.hero-container{min-height:720px}.hero-container{align-items:flex-end}.hero-bg{object-position:64% center}.hero-overlay{background:linear-gradient(180deg,rgba(3,31,57,.55),rgba(3,31,57,.94) 50%,rgba(3,31,57,1))}.hero-copy{width:100%;padding:80px 0}.hero-copy h1,.hero-copy h2{font-size:40px}.hero-actions{flex-direction:column}.hero-primary,.hero-secondary{width:100%}.trust-row{grid-template-columns:1fr}.section-intro{flex-direction:column;align-items:flex-start}.why-grid{grid-template-columns:1fr 1fr}}@media(max-width:575px){.hero-copy h1,.hero-copy h2{font-size:35px}.trust-item:nth-child(3){display:none}.why-grid{grid-template-columns:1fr}.site-logo{height:58px;max-width:190px}}
/* ===================================
   PREMIUM SERVICES DROPDOWN
=================================== */

.services-dropdown {
    position: static;
}

.services-mega-menu {
    left: 50% !important;
    width: min(920px, calc(100vw - 40px));
    margin-top: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(6, 47, 83, 0.09);
    border-radius: 18px;
    background: #ffffff;
    box-shadow:
        0 25px 70px rgba(6, 47, 83, 0.18),
        0 8px 25px rgba(6, 47, 83, 0.08);
    transform: translateX(-50%) !important;
}

.services-menu-header {
    padding: 24px 28px;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(255, 255, 255, 0.16),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #062f53,
            #08456f
        );
}

.services-menu-header span {
    display: block;
    margin-bottom: 4px;
    font-size: 19px;
    font-weight: 800;
}

.services-menu-header small {
    color: rgba(255, 255, 255, 0.74);
    font-size: 13px;
}

.services-menu-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    padding: 18px;
}

.service-dropdown-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px;
    border: 1px solid transparent;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.service-dropdown-item:hover {
    color: inherit;
    border-color: rgba(16, 167, 178, 0.22);
    background: #eef9fb;
    transform: translateY(-2px);
}

.dropdown-icon {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 44px;
    height: 44px;
    color: #10a7b2;
    border-radius: 10px;
    background: #e9f9fb;
    font-size: 18px;
    transition: all 0.3s ease;
}

.service-dropdown-item:hover .dropdown-icon {
    color: #ffffff;
    background: #10a7b2;
    transform: rotateY(180deg);
}

.service-dropdown-item strong {
    display: block;
    margin-bottom: 3px;
    color: #062f53;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.4;
}

.service-dropdown-item small {
    display: block;
    color: #667487;
    font-size: 11px;
    line-height: 1.55;
}

.services-menu-footer {
    display: flex;
    justify-content: flex-end;
    padding: 15px 25px;
    border-top: 1px solid #e4ebf1;
    background: #f9fcfd;
}

.services-menu-footer a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #10a7b2;
    font-size: 13px;
    font-weight: 800;
}

.services-menu-footer a:hover {
    color: #062f53;
}

@media (min-width: 992px) {
    .services-dropdown:hover .services-mega-menu {
        display: block;
    }

    .services-mega-menu {
        top: calc(100% - 5px);
    }
}

@media (max-width: 991px) {
    .services-dropdown {
        position: relative;
    }

    .services-mega-menu {
        position: static !important;
        width: 100%;
        max-height: 420px;
        margin-top: 5px;
        overflow-y: auto;
        transform: none !important;
        box-shadow: none;
    }

    .services-menu-grid {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .services-menu-header {
        padding: 18px;
    }

    .services-menu-footer {
        justify-content: flex-start;
    }
}

/* Simple icon-only dropdown items (no subtitle) */
.simple-mega-menu .service-dropdown-item {
    align-items: center;
    padding: 12px 14px;
}

.simple-mega-menu .service-dropdown-item strong {
    margin-bottom: 0;
    font-size: 13.5px;
}

/* ===================================
   COMPUTER & DEVICE REPAIR MEGA MENU
   Grouped 4-column layout — no scrollbars,
   organized into clear categories.
=================================== */
.repair-mega-menu {
    width: min(1180px, calc(100vw - 40px));
}

.repair-menu-columns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 8px;
    padding: 22px 24px 14px;
}

.repair-menu-group {
    padding: 0 10px;
    border-right: 1px solid #eef2f5;
}

.repair-menu-group:last-child {
    border-right: none;
}

.repair-menu-group-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--light);
    color: var(--navy);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .5px;
    text-transform: uppercase;
    white-space: nowrap;
}

.repair-menu-group-title i {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    color: #ffffff;
    border-radius: 6px;
    background: var(--teal);
    font-size: 10px;
}

.repair-mega-menu .service-dropdown-item {
    align-items: center;
    gap: 10px;
    padding: 8px 7px;
    border-radius: 8px;
}

.repair-mega-menu .dropdown-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    font-size: 12px;
}

.repair-mega-menu .service-dropdown-item strong {
    margin-bottom: 0;
    color: #31465d;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.35;
}

.repair-mega-menu .service-dropdown-item:hover strong {
    color: var(--navy);
    font-weight: 700;
}

@media (max-width: 1199px) {
    .repair-menu-columns {
        grid-template-columns: repeat(2, 1fr);
        gap: 4px 18px;
    }

    .repair-menu-group {
        padding-bottom: 8px;
        border-right: none;
    }
}

@media (max-width: 991px) {
    .repair-mega-menu {
        width: 100%;
        max-height: 70vh;
        overflow-y: auto;
    }

    .repair-menu-columns {
        grid-template-columns: 1fr;
        padding: 14px 16px 6px;
    }

    .repair-menu-group {
        padding-bottom: 10px;
        margin-bottom: 8px;
        border-right: none;
        border-bottom: 1px solid #eef2f5;
    }

    .repair-menu-group:last-child {
        border-bottom: none;
    }
}

/* ===================================
   ORGANIZED PREMIUM FOOTER
=================================== */

.site-footer {
    position: relative;
    color: rgba(255, 255, 255, 0.75);
    background:
        radial-gradient(
            circle at 90% 0,
            rgba(16, 167, 178, 0.14),
            transparent 30%
        ),
        #031f39;
}

.footer-top {
    padding: 80px 0 35px;
}

.footer-main-card {
    padding: 50px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.025);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.footer-brand-block {
    max-width: 390px;
}

.footer-logo {
    width: 240px;
    height: auto;
    margin-bottom: 24px;
    padding: 8px;
    border-radius: 10px;
    background: #ffffff;
}

.footer-brand-block p {
    margin-bottom: 24px;
    color: rgba(255, 255, 255, 0.68);
    font-size: 14px;
    line-height: 1.8;
}

.footer-socials {
    display: flex;
    gap: 10px;
}

.footer-socials a {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.03);
    transition: all 0.3s ease;
}

.footer-socials a:hover {
    color: #ffffff;
    border-color: #10a7b2;
    background: #10a7b2;
    transform: translateY(-4px);
}

.footer-column h3 {
    position: relative;
    margin-bottom: 24px;
    padding-bottom: 12px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 800;
}

.footer-column h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 36px;
    height: 2px;
    border-radius: 10px;
    background: #10a7b2;
}

.footer-column ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-column li {
    margin-bottom: 12px;
}

.footer-column li a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    transition: all 0.3s ease;
}

.footer-column li a::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #10a7b2;
    opacity: 0.7;
}

.footer-column li a:hover {
    padding-left: 5px;
    color: #ffffff;
}

.footer-contact-column {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.footer-contact-item > span {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 38px;
    height: 38px;
    color: #10a7b2;
    border-radius: 10px;
    background: rgba(16, 167, 178, 0.11);
}

.footer-contact-item small {
    display: block;
    margin-bottom: 2px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

.footer-contact-item a,
.footer-contact-item p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 13px;
    line-height: 1.6;
}

.footer-contact-item a:hover {
    color: #10a7b2;
}

.footer-middle {
    padding: 0 0 40px;
}

.footer-cta {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 28px 32px;
    border-radius: 18px;
    background:
        linear-gradient(
            135deg,
            #0b8792,
            #10a7b2
        );
    box-shadow: 0 16px 45px rgba(16, 167, 178, 0.18);
}

.footer-cta-icon {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 58px;
    height: 58px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.1);
    font-size: 25px;
}

.footer-cta h3 {
    margin-bottom: 4px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 800;
}

.footer-cta p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
}

.footer-cta-buttons {
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
    margin-left: auto;
}

.footer-primary-btn,
.footer-outline-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 19px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 800;
    transition: all 0.3s ease;
}

.footer-primary-btn {
    color: #062f53;
    background: #ffffff;
}

.footer-primary-btn:hover {
    color: #ffffff;
    background: #062f53;
}

.footer-outline-btn {
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.75);
    background: transparent;
}

.footer-outline-btn:hover {
    color: #062f53;
    background: #ffffff;
}

.footer-bottom {
    padding: 23px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.12);
}

.footer-bottom-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.footer-bottom-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.58);
    font-size: 13px;
}

.footer-legal-links {
    display: flex;
    gap: 22px;
}

.footer-legal-links a {
    color: rgba(255, 255, 255, 0.58);
    font-size: 13px;
    transition: all 0.3s ease;
}

.footer-legal-links a:hover {
    color: #10a7b2;
}

@media (max-width: 991px) {
    .footer-main-card {
        padding: 35px;
    }

    .footer-cta {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .footer-cta-buttons {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .footer-top {
        padding-top: 60px;
    }

    .footer-main-card {
        padding: 28px 22px;
    }

    .footer-cta {
        flex-direction: column;
        padding: 25px;
    }

    .footer-cta-buttons {
        flex-direction: column;
    }

    .footer-primary-btn,
    .footer-outline-btn {
        width: 100%;
    }

    .footer-bottom-content {
        align-items: flex-start;
        flex-direction: column;
    }

    .footer-legal-links {
        flex-wrap: wrap;
        gap: 12px 20px;
    }
}

/* =========================================================
   SILVERTECH LOGO SIZE FIX - DESKTOP + MOBILE
========================================================= */
.site-header .navbar-brand{
    display:flex;
    align-items:center;
    padding-top:4px;
    padding-bottom:4px;
}

.site-header .site-logo,
.navbar-brand .site-logo{
    width:auto !important;
    height:96px !important;
    max-width:290px !important;
    object-fit:contain !important;
}

.site-header .navbar{
    min-height:92px;
}

@media (max-width:1199px){
    .site-header .site-logo,
    .navbar-brand .site-logo{
        height:88px !important;
        max-width:265px !important;
    }

    .site-header .navbar{
        min-height:86px;
    }
}

@media (max-width:991px){
    .site-header .site-logo,
    .navbar-brand .site-logo{
        height:78px !important;
        max-width:235px !important;
    }

    .site-header .navbar{
        min-height:80px;
    }
}

@media (max-width:767px){
    .site-header .site-logo,
    .navbar-brand .site-logo{
        height:72px !important;
        max-width:220px !important;
    }

    .site-header .navbar{
        min-height:76px;
    }

    .site-header .navbar-brand{
        margin-right:8px;
    }
}

@media (max-width:480px){
    .site-header .site-logo,
    .navbar-brand .site-logo{
        height:68px !important;
        max-width:205px !important;
    }

    .site-header .navbar{
        min-height:74px;
    }
}



/* =========================================================
   FINAL LOGO SIZE OVERRIDE (DESKTOP + MOBILE)
========================================================= */
.navbar-brand{display:flex!important;align-items:center!important;padding:0!important;margin:0!important}
.navbar-brand img,.site-header .site-logo,.site-logo{width:auto!important;height:110px!important;max-width:none!important;object-fit:contain!important}
.site-header .navbar{min-height:105px!important}
@media (max-width:991px){
.navbar-brand img,.site-header .site-logo,.site-logo{height:95px!important;max-width:none!important}
.site-header .navbar{min-height:92px!important}
}
@media (max-width:767px){
.navbar-brand img,.site-header .site-logo,.site-logo{height:88px!important;max-width:none!important}
.site-header .navbar{min-height:88px!important}
}
@media (max-width:480px){
.navbar-brand img,.site-header .site-logo,.site-logo{height:82px!important;max-width:none!important}
.site-header .navbar{min-height:82px!important}
}



/* =========================================================
   ULTIMATE MOBILE LOGO OVERRIDE
   These rules override Bootstrap/img-fluid/theme styles.
========================================================= */

@media (max-width:767px){

header .navbar-brand,
.site-header .navbar-brand,
.navbar-brand{
    display:flex !important;
    align-items:center !important;
    height:auto !important;
    padding:0 !important;
}

header .navbar-brand img,
.site-header .navbar-brand img,
.navbar-brand img,
.site-logo,
.logo img,
img.site-logo,
img.logo{
    display:block !important;
    width:auto !important;
    height:95px !important;
    max-height:95px !important;
    max-width:320px !important;
    min-height:95px !important;
    object-fit:contain !important;
    flex-shrink:0 !important;
}

.img-fluid{
    max-width:none !important;
}

header,
.site-header,
.navbar{
    min-height:95px !important;
}

.navbar-toggler{
    margin-top:12px !important;
    margin-bottom:12px !important;
}

}

@media (max-width:480px){

header .navbar-brand img,
.site-header .navbar-brand img,
.navbar-brand img,
.site-logo,
.logo img,
img.site-logo,
img.logo{
    height:88px !important;
    max-height:88px !important;
    min-height:88px !important;
    max-width:300px !important;
}

header,
.site-header,
.navbar{
    min-height:88px !important;
}

}


/* Attractive customer login button */
.header-login-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:44px;
    padding:11px 18px;
    border-radius:10px;
    background:linear-gradient(135deg,#062f53,#10a7b2);
    color:#fff !important;
    font-size:13px;
    font-weight:800;
    box-shadow:0 10px 24px rgba(6,47,83,.18);
    transition:.3s ease;
}
.header-login-btn:hover{
    color:#fff !important;
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(6,47,83,.24);
}
@media(max-width:1199px){
    .header-login-wrap{margin-top:12px;width:100%}
    .header-login-btn{width:100%}
}


/* GLOBAL HEADER LOGIN FIX */
.header-login-wrap{
display:flex!important;
align-items:center;
justify-content:flex-end;
margin-left:18px;
flex-shrink:0;
}
.header-login-btn{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
padding:12px 22px!important;
border-radius:50px!important;
background:linear-gradient(135deg,#062f53,#10a7b2)!important;
color:#fff!important;
font-weight:700!important;
font-size:14px!important;
line-height:1!important;
border:none!important;
box-shadow:0 12px 28px rgba(6,47,83,.18)!important;
}
.header-login-btn i{margin-right:8px}
.header-login-btn:hover{transform:translateY(-2px);color:#fff!important}
@media(min-width:1200px){
.navbar-nav{margin-right:auto!important}
.header-login-wrap{margin-left:auto!important}
}

/* ===== Customer Login Button ===== */

.header-login-wrap{
    display:flex;
    align-items:center;
    margin-left:15px;
}

.header-login-btn{
    display:inline-block;
    background:#0d6efd;
    color:#ffffff !important;
    padding:12px 24px;
    border-radius:6px;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
    border:2px solid #0d6efd;
}

.header-login-btn:hover{
    background:#084298;
    border-color:#084298;
    color:#ffffff !important;
}

.header-login-btn i{
    margin-right:8px;
}

@media(max-width:991px){

    .header-login-wrap{
        width:100%;
        margin-top:15px;
    }

    .header-login-btn{
        width:100%;
        display:block;
        text-align:center;
    }

}