:root{
    /* ==============Section 01 Starts===================== */
    --pbo-radius:1.5rem;
    --pbo-padding:5rem 4.5rem;
    --pbo-padding-inner-padding:4rem;
    --pbo-padding-inner-radius:1rem;
    --pbo-padding-inner-gap:3rem;
    --pbo-padding-inner-width:47.5rem;
    --pbo-padding-list-gap:2.5rem;
    --pbo-padding-img-size:3rem;
    /* ==============Section 01 Ends===================== */

    /* ==============Section 02 Ends===================== */
    --navigator-tab-padding:3.5rem;
    --navigator-tab-outer-gap:1.5rem;
    --navigator-tab-inner-gap:1.5rem;
    --navigator-tab-border-radius:1.5rem;    
    /* ==============Section 02 Ends===================== */
    
}
/* ==============Section 01 Starts===================== */
.partnerships-outperform-main .section-title,
.partnerships-outperform-main .h6{
    color: var(--text-primary);
}
.partnerships-outperform-list{
    position: relative;
    padding: var(--pbo-padding);
    border-radius: var(--pbo-radius);
    overflow: hidden;
}
.partnerships-outperform-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    object-fit: cover;
}
.partnerships-outperform-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.partnerships-outperform-list-inner{
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    border-radius: var(--pbo-padding-inner-radius);
    gap: var(--pbo-padding-inner-gap);
    padding: var(--pbo-padding-inner-padding);
    background-color: var(--white);
    max-width: var(--pbo-padding-inner-width);
}   
.partnerships-outperform-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--pbo-padding-list-gap);
}
.poi-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.poi-icon{
    max-width: var(--pbo-padding-img-size);
}
.poi-icon img {
    max-width: 100%;
    height: auto;
}
/* ==============Section 01 Ends===================== */

/* ==============Section 02 Starts===================== */
.features-navigator-tabs {
	position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--navigator-tab-gap);
}
.features-navigator-tabs > .feature-tab {
	width: 54rem;
	max-width: 49.0909%;
	color: var(--text-secondary);
	transition: var(--transitionDefault);
}
.features-navigator-tabs > .feature-tab.active .tab-img { 
    opacity: 1; visibility: visible;
}
.features-navigator-tabs > .feature-tab .tab-img {
	width: 51.125rem;
	max-width: 46.477%;
    /* padding-bottom: 42.273%; */
	height: 100%;
	position: absolute;
	top: 4px;
	right: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
    background-repeat: no-repeat;
}
.tab-img img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center top;
}
.features-navigator-tabs{
    display: flex;
    gap: var(--navigator-tab-outer-gap);
    flex-direction: column;
}
.feature-tab-content {
    padding: var(--navigator-tab-padding);
    border-radius: var(--navigator-tab-border-radius);
    background: var(--white);
    border: 1px solid var(--i2c-brand-100);
    display: flex;
    flex-direction: column;
    cursor: default;
    /* gap: var(--navigator-tab-inner-gap); */
}
.feature-tab.active .feature-tab-content,
.slick-active .feature-tab-content{
    background-color: var(--blue);
    border-color: var(--blue);
}
.feature-tab.active .feature-tab-content .h5,
.feature-tab.active .feature-tab-content p,
.slick-active .feature-tab-content .h5,
.slick-active .feature-tab-content p{
    color: var(--white);
}
.feature-tab-content .h5 {
    font-weight: var(--fontWeightMedium);
}
/* .feature-tab-content .text-xl {
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.feature-tab.active .text-xl {
    height: 80px;
} */
.feature-tab.active .text-xl p{
    padding-top: var(--navigator-tab-inner-gap);
}
.features-navigator-tabs .slick-list {
	margin: -1.5rem;
	padding: 1.5rem;
	overflow: hidden;
}
.features-navigator-tabs .slick-track {
	display: flex;
	gap: 1rem;
}
.features-navigator-tabs .slick-slide {
    width: 15rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.features-navigator-tabs .slick-dots { padding-top: 0;}

/* ==============Section 03 Starts===================== */
.hdngs-separator{
    display: none;
    opacity: 0;
}
.cta-band-content {
    margin-inline: auto;
}
.section-services-grid {
    background-color: var(--i2c-brand-25);
    padding-block: var(--sectionInnerSpaceLarge);
}
section.cta-band.cta-band-lottie { color: #FFFFFF; background: var(--i2c-brand-800);}
section.cta-band.cta-band-lottie .btn.btn-primary{ background: transparent; border-color: var(--white);}
section.cta-band.cta-band-lottie .btn.btn-primary:where(:hover, :focus) { color: var(--text-primary); background: var(--white);}
/* section.cta-band.cta-band-lottie .cta-lottie-holder{ transform: scale(1.1);} */

/* @media screen and (min-width: 768px) {
    section.cta-band.cta-band-lottie .cta-lottie-holder {  transform: scale(1.8);}
} */
@media screen and (min-width: 992px) {
    /* section.cta-band.cta-band-lottie .cta-lottie-holder{ transform: scale(1.4);} */
    section.cta-band.cta-band-lottie .cta-band-content h6.h5{font-size: 1.375rem; }
    .cta-band-content { max-width: 100%;}
}
@media screen and (min-width: 1200px) {
    /* section.cta-band.cta-band-lottie .cta-lottie-holder{ transform: scale(1.5);} */
    .cta-band-content { max-width: 90%;}
}
@media screen and (min-width: 1601px) {
    section.cta-band.cta-band-lottie .cta-band-content{ max-width: 90%; }
    section.cta-band.cta-band-lottie .cta-band-content h6.h5{font-size: 1.75rem; }
}
@media screen and (max-width: 1600px) {
    :root{
        /* ==============Section 01 Starts===================== */
        --pbo-padding-inner-padding:3rem;
        --pbo-padding-inner-gap:3rem;
        --pbo-padding-inner-width:45rem;
        --pbo-padding-list-gap:2rem;
        /* ==============Section 01 Ends===================== */
        /* ==============Section 02 Starts===================== */
        --navigator-tab-padding:3rem;
        --navigator-tab-inner-gap:1rem;
          /* ==============Section 02 Ends===================== */
     }
     /* ==============Section 02 Starts===================== */
    .features-navigator-tabs > .feature-tab .tab-img {
        max-width: 44.8%;
    }
     /* ==============Section 02 Ends===================== */
}
@media screen and (max-width: 1199px) {
    
    :root{
        /* ==============Section 01 Starts===================== */
        --pbo-radius:1rem;
        --pbo-padding:3rem;
        --pbo-padding-inner-gap:2.5rem;
        --pbo-padding-inner-width:35.25rem;
        --pbo-padding-list-gap:1.5rem;
        --pbo-padding-img-size:2rem;
        /* ==============Section 01 Ends===================== */ 
        /* ==============Section 02 Ends===================== */
        --navigator-tab-padding:2rem;
        --navigator-tab-border-radius:1rem;    
        /* ==============Section 02 Ends===================== */
    } 
    /* ==============Section 02 Starts===================== */
    .features-navigator-tabs > .feature-tab .tab-img {
        max-width: 48.71%;
    }
     /* ==============Section 02 Ends===================== */
}
@media screen and (max-width: 991px) {
    
    :root{
        /* ==============Section 01 Starts===================== */
        --pbo-padding:1.5rem;
        --pbo-padding-inner-padding:1.5rem;
        --pbo-padding-inner-gap:1.5rem;
        --pbo-padding-inner-width:28.75rem;
        /* ==============Section 01 Ends===================== */
        /* ==============Section 02 Ends===================== */
        --navigator-tab-padding:1.5rem;
        --navigator-tab-inner-gap:0.5rem;
        /* ==============Section 02 Ends===================== */ 
    }
    
}
@media screen and (max-width: 767px) {
    /* ==============Section 01 Starts===================== */
    :root{
        --pbo-padding:0;
        --pbo-radius:0;
        --pbo-padding-inner-width:inherit;
        --pbo-padding-list-gap:1rem;
    }
    .partnerships-outperform-bg {
        position: relative;
        display: block;
        border-radius: 1rem;
        overflow: hidden;
        padding-bottom: 42.25%;
    }
    .partnerships-outperform-bg img{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .partnerships-outperform-list {
        display: flex;
        flex-direction: column-reverse;
        gap: 1.5rem;
        overflow: visible;
    }
    .partnerships-outperform-list-inner{
        box-shadow: 0 4px 16px 0 rgba(153, 198, 255, 0.30);
    }
    /* ==============Section 01 Ends===================== */
    /* ==============Section 02 Starts===================== */
    .feature-tab-content .text-xl {
        display: block !important;
    }
    .feature-tab-content {
        flex-grow: 1;
        min-height: 186px;
    }
    .tab-img {
        margin-bottom: 0.625rem;
    }
    .tab-img img{
        max-height: 13.375rem;
    }
    /* ==============Section 02 Starts===================== */
}