:root {
    --sub-headabus-color: rgba(77, 96, 125, 1);
    --icon-color: #007ACC;
    --heading-color: #004B23;
    --paragraph-abus-color: rgba(75, 85, 99, 1);
    --para-abus-clr: #655F5F;
    --nav-ft-color: #718aa5;
    --btn-bg-org-clr: #fa4a23;
    --fs-65: 1rem;
}

.breadcrumb-nav a:hover {
    background-color: #00000012;
    border-radius: 12px;
    color: black;
    text-decoration: underline !important;
}
.breadcrumb-nav a:hover i {
    color: black;
}
.prime-clr-fs {
    color: #718aa5;
}

#previewMob , #videoMob {
    border: 2px solid white;
    background-color: #d0d5db;
}

.icon_abus {
    color: var(--icon-color) !important;
}

.why_abus_heading {
    color: var(--heading-color);
}

.para-abs-cl {
    color: var(--paragraph-abus-color);
}

.para-abs-cl {
    color: var(--para-abus-clr);
}

.abstats-container {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border: 2px solid rgba(216, 230, 239, 1);
}

.abus-stat-icon {
    width: 40px;
    height: 40px;
    background-color: #e9f5ff;
    border-radius: 50%;
}

.abcore-value i {
    font-size: 2rem;
    color: #ff5733;
}

.btn-org-aboutus-bg-clr {
    background-color: #ff6600;
    border: 2px solid #ff6600;
    transition: all 0.3s ease;
}

.btn-org-aboutus-bg-clr:hover {
    background-color: transparent;
    border-color: white;
    color: white;
}
.map-bg-clr{
    background-color: #d3e9f7 ;
}
.tooltip-label {
    color: #7ac943;
}
.custom-tooltip {
    position: absolute;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
    width: 300px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
}
.arrow {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%) !important;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
}
.tooltip-inner {
    background-color: transparent !important;
    border: none !important;
}
#us-tooltip{
    left: 17%;
    position: absolute;
    top: 43%;
    transform: translateX(-77%);
}
#canada-tooltip{
    left: 16.4%;
    position: absolute;
    top: 29%;
    transform: translateX(-77%);
}
#london-tooltip{
    left: 27%;
    position: absolute;
    top: 32%;
    transform: translateX(-26%);
}
#india-tooltip{
    left: 36.4%;
    position: absolute;
    top: 52%;
    transform: translateX(-34%);
}
#singapore-tooltip{
    left: 40.5%;
    position: absolute;
    top: 58%;
    transform: translateX(-23%);
}
#australia-tooltip{
    left: 44.5%;
    position: absolute;
    top: 74%;
    transform: translateX(-26%);
}
@media only screen and (max-width: 768px) {
    .custom-tooltip {
        width: 200px;
        max-width: 90vw;
    }
    #custom-australia-tooltip .arrow{
        left: 68%;
    }
    #custom-australia-tooltip.custom-tooltip{
        left: -177%;
    }
    #canada-tooltip {
        left: 30.4%;
        position: absolute;
        top: 12%;
        transform: translateX(-77%);
    }
    #us-tooltip {
        left: 29%;
        position: absolute;
        top: 20%;
        transform: translateX(-77%);
    }
    #london-tooltip {
        left: 47%;
        position: absolute;
        top: 16%;
        transform: translateX(-26%);
    }
    #india-tooltip {
        left: 62.7%;
        position: absolute;
        top: 24%;
        transform: translateX(-34%);
    }
    #singapore-tooltip {
        left: 69.5%;
        position: absolute;
        top: 28%;
        transform: translateX(-23%);
    }
    #australia-tooltip {
        left: 76.5%;
        position: absolute;
        top: 38%;
        transform: translateX(-26%);
    }
}

/* about us css new */
.prime-ft-bg-clr {
    background-color: var(--prime-ft-color);
}
.fs-65 {
    font-size: var(--fs-65);
}
.clients-bdr-box {
    border: 1px solid var(--nav-ft-color);
    box-shadow: 0px 3px 5px -2px var(--nav-ft-color);
}
.custom-tooltip {
    position: absolute;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
    width: 300px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    --bs-tooltip-color: #002163;
    --bs-tooltip-font-size: 12px;
    --bs-tooltip-bg: #e2e3e4;
    opacity: 1 !important;
}
.arrow {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%) !important;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
}
.btn-org-bg-clr {
    background-color: var(--btn-bg-org-clr);
}

.btn-org-bg-clr:hover {
    background-color: var(--prime-ft-color);
    background: var(--prime-ft-color);
    -webkit-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}
a {
    text-decoration: none;
    color: inherit;
}
a:hover {
    text-decoration: none;
    color: inherit;
}
@media only screen and (max-width: 768px) {
    .custom-tooltip {
        width: 200px;
        max-width: 90vw;
    }
}
@media (min-width: 1200px) {
    .fs-lg-2 {
        font-size: 2rem !important;
    }
}
.tooltip-content {
    color: #002163;
    font-weight: 600;
    font-size: 12px;
}
@media(max-width:576px) {
    .call-btn-fs {
        font-size: 11px !important;
    }
}
#preview, #video {
    cursor: pointer;
    border: 2px solid white;
    background-color: #d0d5db;
}