@media(min-width:768px){
    .sticky{
        position: sticky;
        top:140px;
    }
}

.sidebar {
            /* Keep sidebar content aligned and styled */
            color: #fff;
        }
        .sidebar-item {
            margin-bottom: 3rem;
        }
        .sidebar-item .btn svg{
            width: 1.25rem;
            height: 1.25rem;
            color: #000;
        }
        .sidebar-item .btn{
            background: #fff;
            color: #000;
            outline: none;
            border: none;
            padding: 0.375rem 0.5rem;
        }
        .sidebar-item .btn:hover{
            color: #ffffff;
            background: #007caa;
            opacity: 0.6;
        }
        .sidebar-item .btn:hover svg{
            color:#fff;
        }
        .sidebar-logo{
            width: 2.5rem;
            height: 2.5rem; 
            border-radius: 9999px;
            margin: 10px 0;
            overflow: hidden;
        }
        .sidebar-logo img{
            object-fit: cover;
            object-position: center;
            width: 100%;
            height: 100%;
        }
        .sidebar-label {
            color: #ccc; /* Lighter text for labels */
            font-size: 0.85rem;
            margin-bottom: 0.3rem;
        }
        .sidebar-value {
            font-weight: bold;
            font-size: 1rem;
        }
        .sidebar-tag {
            background-color: #0071f5;
            color: #fff;
            padding: 0.2rem 0.6rem;
            border-radius: 4px;
            font-size: 0.8rem;
            display: inline-block;
            margin-bottom: 10px;
        }
        /* .sidebar-tag:hover{
            color: #ffffff;
            background: #007caa;
            opacity: 0.8;
            cursor: pointer;
        } */
        .main-content {
            background-color: #fff; /* White background for the main card/section */
            min-height: 100vh; /* Make it stretch for visual effect */
            padding: 3rem;
            border-radius: 8px; /* Optional: slight rounding */
        }
        .highlight-bar {
            background-color: #172a5b; /* Dark blue background for the highlight section */
            color: #fff;
            padding: 1rem;
            margin-top: 1rem;
            margin-bottom: 1rem;
            border-radius: 4px;
        }
        .highlight-text {
            color: #e5b300; /* A yellow/gold color for the 'highlight' word */
            font-weight: bold;
        }
.white{
    color:#fff;
}
.white:hover{
    color:#fff;
}
.hover-opacity:hover{
    color: #ffffff;
    background: #0071f5;
    opacity: 0.8;
    cursor: pointer;
}
#case-study ol{
    list-style-type: decimal;
}
#case-study ol li{
    list-style: decimal;
    margin: 0 0 0 20px;
}
#case-study ul{
    list-style-type: circle;
}
#case-study ul li{
    list-style: circle;
    margin: 0 0 0 20px;
}
#case-study{
    padding-top: 50px;
}
#case-study .cs-content{
    padding: 32px;
    border-radius: 16px;
    margin-bottom: 40px;
}
#case-study .cs-content .cs-body{
    padding-top:40px;
}
#case-study .cs-content .cs-title,
#case-study .cs-content .cs-body p{
    color:#000000;
}
#case-study .cs-content .cs-body img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
#case-study .cs-content .cs-date{
    color:#a9a9a9;
}
#case-study .cs-content blockquote{
    background: rgba(23, 46, 75);
    padding: 20px;
    border-radius: 5px;
}
#case-study .cs-content blockquote p{
    margin: 0 !important;
    padding: 0px;
    color: #ffffff !important;
}
#case-study .fix-height{
    height:auto !important;
}
#contact-box{   
    box-shadow: 0 0 0 0rem #FFFFFF, 0 .25rem 1rem 0 #000000, 0px 0rem 0.5rem 0px #ffffff, 0 1rem 1rem 0 #0000000a;
    background: #ffffff;
    position: absolute;
    top: -130px;
    border-radius: 10px;
    display: none;
}
@media (min-height: 768px) {
  #contact-box {
    top: 50px;
  }
}
#contact-box.show{
    display: block;
}
#contact-box ul{
    padding:20px 0;
}
#contact-box a{
    font-size:0.8rem;
    color:#000;
}
#contact-box a:hover{
    text-decoration: none;
}
#contact-box a:hover li{
    background: #f4f4f4;
    color: #007caa;    
}
#contact-box a li{
    display: flex;
    align-items: center;
    gap: 10px;
    padding:10px 20px;
    margin:0;
}
#contact-box a li svg{
    width:1rem;
}
@media(max-width:767px){
    #case-study{
        padding-top:100px;
    }
    .grid{
        display: block;
    }
    .mb-14{
        margin-bottom: 0;
    }
    #case-study .cs-content{
        margin-top:2rem;
        padding:10px;
        border-radius: 0;
    }
    #case-study .cs-content .cs-body p{
        font-size:14px;
    }
}