:root{
    --aq-sky:#00baf2;
    --aq-deep:#083b4c;
    --aq-link:#007fa8;
    --aq-pale:#effaff;
    --aq-soft:#d9f4ff;
}
body{color:var(--aq-deep);background:#fff}
.text-primary{color:var(--aq-deep)!important}
.text-orange{color:var(--aq-link)!important}
.bg-light{background-color:var(--aq-pale)!important}
.bg-primary{background-color:var(--aq-deep)!important}
.bg-orange{background-color:var(--aq-sky)!important}
.border-orange{border-color:var(--aq-sky)!important}
.bg-success-subtle{background-color:var(--aq-soft)!important}
.hero-section.bg-home-7{background-color:var(--aq-pale)!important}
.hero-section h1 .text-orange{color:var(--aq-link)!important}
.text-line::before,.text-line::after{
    background-color:var(--aq-soft)!important;
    background-image:none!important;
}
.btn-orange{
    --bs-btn-color:var(--aq-deep);
    --bs-btn-bg:var(--aq-sky);
    --bs-btn-border-color:var(--aq-sky);
    --bs-btn-hover-color:var(--aq-deep);
    --bs-btn-hover-bg:#47cefa;
    --bs-btn-hover-border-color:#47cefa;
    background:var(--aq-sky)!important;
    border-color:var(--aq-sky)!important;
    color:var(--aq-deep)!important;
}
.btn-orange:hover,.btn-orange:focus-visible{
    background:#47cefa!important;
    border-color:#47cefa!important;
    color:var(--aq-deep)!important;
}
.btn-primary,.hero-section .btn-outline-primary{
    background:var(--aq-sky)!important;
    border-color:var(--aq-sky)!important;
    color:var(--aq-deep)!important;
}
.btn-primary:hover,.hero-section .btn-outline-primary:hover{
    background:#47cefa!important;
    border-color:#47cefa!important;
    color:var(--aq-deep)!important;
}
a.btn:focus-visible,.nav-link:focus-visible{
    outline:3px solid var(--aq-deep);
    outline-offset:4px;
    box-shadow:0 0 0 5px var(--aq-soft)!important;
}
#navbar{background-color:var(--aq-pale)!important}
#navbar.nav-sticky{background-color:#fff!important}
#navbar .navbar-caption{color:var(--aq-deep)!important}
#navbar .navbar-caption i{color:var(--aq-link)!important}
#navbar .nav-link{color:var(--aq-deep)!important}
#navbar .nav-link.active,#navbar .nav-link:hover{
    color:var(--aq-link)!important;
}
.title-sm span{
    color:var(--aq-link)!important;
    background-color:var(--aq-soft)!important;
}
.about-style-two{border-color:var(--aq-soft)!important}
.about-style-two:hover{border-color:var(--aq-sky)!important}
.about-style-two h3 a:hover{color:var(--aq-link)!important}
.about-style-two .bottom span{color:var(--aq-link)!important}
.about-style-two .angle-btn{background-color:var(--aq-soft)!important}
.about-style-two .angle-btn:hover{background-color:var(--aq-sky)!important}
.about-style-two .icon img{
    filter:brightness(0) saturate(100%) invert(40%) sepia(85%) saturate(900%) hue-rotate(155deg);
}
.hero-section .phone-bg-2{
    filter:hue-rotate(155deg) saturate(1.2);
}
.footer-part{background-color:var(--aq-deep)!important}
.faq-back{color:var(--aq-soft)!important}
/* AQUABOT PORTAL BRAND */
#navbar,#navbar.nav-sticky{
    background:#fff!important;
    border-bottom:1px solid #e5e7eb;
}
#navbar .navbar-brand{padding:10px 0;margin-right:24px}
#navbar .aq-brand-logo{
    display:block;
    height:40px;
    width:auto;
    max-width:220px;
    object-fit:contain;
}
#navbar .nav-link{font-weight:500}
#navbar .btn-orange{
    border-radius:8px;
    box-shadow:none;
}
@media(max-width:575px){
    #navbar .aq-brand-logo{height:34px;max-width:190px}
}