/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 24 2024 | 15:09:01 */
@import url('https://www.unimedfortaleza.com.br/portaluploads/uploads/custom-css-js/custom-properties-unimed.css');

.left-side{
    z-index: 2;
}

.header-plano-business{
    background: linear-gradient(to right, var(--brand-color-green-dark) 65%, var(--brand-color) 35%);
    background-repeat: no-repeat;
    background-position: right bottom;
    display: flex;
    flex-direction: column;
    position: relative;
	overflow: hidden;
}

@media (min-width: 501px) and (max-width: 768px) {   
    .header-plano-business{
        background: linear-gradient(to bottom, var(--brand-color-green-dark) 70%, var(--brand-color) 30%);
    }
}
@media (max-width: 500px) {   
    .header-plano-business{
        background: var(--brand-color);
    }
}

.pessoas img{
    position: absolute;
    bottom: 0px;
    right: -11%;
    width: max(60%, 700px);
    z-index: 1;
}

@media (max-width: 768px) {
    .header-plano-business-inner{
        display: flex;
        flex-direction: column;
    }
    .pessoas img{
        position:initial;
        width: 100%;
        
    }
}

.pattern{
    background-color: var(--brand-color-green-dark);
    background-image: url('https://www.unimedfortaleza.com.br/portaluploads/uploads/2024/04/pattern.png');
    background-repeat:repeat-x;
    background-position: center;
    background-size:  900px;
}

.line-btn {
    display: inline-block;
    background-color: transparent;
    border: 1px solid var(--brand-color-white);
    border-radius: 10px;
    color: var(--brand-color-white);
    cursor: pointer;
    outline: none;
    padding: 16px 32px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
}

.dark-opt{
    border: 1px solid var(--brand-color-green-dark);
    color: var(--brand-color-green-dark);

}

.line-btn:disabled {
    pointer-events: none;
}

.line-btn:hover {
    text-decoration: none;
    color: var(--brand-color-white);
    background-color: var(--brand-color-green-dark);
    border: 1px solid var(--brand-color-green-dark);
    box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
    transform: translateY(2px);
}

.line-btn:active {
    box-shadow: none;
    transform: translateY(0);
}

.introduction-plano-business{
    overflow-x: hidden;
}