/*** 
=============================================
    Partner Area Css
=============================================
***/
.partner-area {
    position: relative;
    display: block;
    background: #f5f8f7;
    padding: 90px 0 75px 0 !important;
    border-top: 1px solid #ffffff;
    z-index: 10;
}

.partner-area .sec-title {
    position: relative;
    display: block;
    text-align: center;
    padding-bottom: 20px !important;
}

.brand-content {
    position: relative;
    display: block;
    margin-left: -10px;
    margin-right: -10px;
}

.partner-carousel .owl-stage-outer {
    padding: 20px 0px;
    position: relative;
    overflow: hidden;
}

.single-partner-logo-box {
    position: relative;
    display: block;
    text-align: center;
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
    z-index: 1;
    margin: 10px;
}

.single-partner-logo-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    border-color: #e0e0e0;
}

.single-partner-logo-box a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 15px 25px;
    min-height: 110px;
}

.single-partner-logo-box a img {
    max-height: 55px;
    width: auto !important;
    object-fit: contain;
}

.single-partner-logo-box:hover a img {
    opacity: 1.0;
    transition: all 0.8s ease-in-out 0.1s;
}



/*** 
=============================================
    Partner Style2 Area Css
=============================================
***/
.partner-style2-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 100px 0 100px;
    border-top: 1px solid #e6eced;
    z-index: 10;
}

.partner-style2-area .single-partner-logo-box {
    border: 1px solid rgba(var(--thm-black-rgb), .05);
}

.partner-style2-area .single-partner-logo-box:before {
    background: var(--thm-black);
}