* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* navbar strip */


.menubar {
    padding: 10PX;
    background-color: #ffffff;
    /* light grey like screenshot */
    border-bottom: 1px solid #e7e7e7;
}

.growel-navbar {

    /* light grey like screenshot */
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.growel-navbar .navbar-brand img {
    height: 55px;
    /* adjust to your logo height */
}

.growel-navbar .nav-link {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #555;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.growel-navbar .nav-link:hover {
    color: #b92432;
    /* hover red */
}

.growel-navbar .nav-link.active {
    color: #b92432 !important;
    /* active = red */
}

.growel-navbar .dropdown-toggle::after {
    margin-left: 0.35rem;
    vertical-align: 0.1rem;
}

/* remove extra shadow / border on dropdown */
.growel-navbar .dropdown-menu {
    border-radius: 0;
    border-color: #ccc;
    font-size: 0.85rem;
    text-transform: none;
}

.bread-crumb {
    background-color: #f8f9fa;
}


/* .global-presence-section {
    background: url('https://assets.telecomtv.com/assets/telecomtv/globe-connection-connected-map-16589.jpeg?w=1280&h=720&crop=auto') center/cover no-repeat;
    padding: 120px 0;
    position: relative;
    color: #fff;
} */

.global-presence-section {
    background: url('https://growel.com/images/Covers/International.jpg') center/cover no-repeat;
    padding: 120px 0;
    position: relative;
    color: #fff;
    z-index: 1;
}

.global-presence-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    /* Transparent black (change 0.45 for more/less dark) */
    z-index: -1;
}

.circle-box {
    width: 130px;
    height: 130px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 15px;
    outline: 2px dotted red;
    outline-offset: 9px;
}

.count-number {
    font-size: 48px;
    font-weight: 700;
    color: #c1272d;
    margin: 0;
}

.count-title h1 {
    font-size: 23px;
}

@media (max-width: 768px) {
    .circle-box {
        width: 110px;
        height: 110px;
    }

    .count-number {
        font-size: 36px;
    }
}

/* TABS */
.nav-tabs button {
    border-top: 5px solid #c1272d;
    font-weight: 600;
    color: #555;
    padding: 10px 15px;
    transition: all 0.3s ease;
}

#nav-home-tab,
#nav-profile-tab,
#nav-contact-tab {
    border-top: 5px solid #c1272d;
    font-size: 12px;
    margin: 0px 8px;
}

/* cta css */
/* Background with diagonal light grey */
.contact-growel-section {
    background: linear-gradient(135deg, #f4f4f4 50%, #e9e9e9 50%);
}

/* Button styling */
.contact-btn {
    display: inline-block;
    padding: 8px 28px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
    border-radius: 50px;
    background: linear-gradient(90deg, #ff3d3d, #ff6a00);
    text-decoration: none;
    transition: 0.3s ease;
}

.contact-btn:hover {
    opacity: 0.85;
    color: #fff;
}

.breadcrumb-item a {
    text-decoration-line: none;
    color: #b92432;
    font-weight: bold;
}

.breadcrumb {
    margin-bottom: 0px !important;
}

.bread-crumb {
    background-color: #f8f9fa;
    padding: 6px;
}

.plant-img {
    border: 1px dotted red;
    padding: 12px;
    border-top-left-radius: 54px;
    border-bottom-right-radius: 54px;
}