:root{

    /* DS Posthaus Variables */
    --color-background: #F1F4FD; /* Cor de Fundo */
    --color-primary-blue: #5070E3;
    --color-secondary-cta: #F08676;
    --color-positive: #3BC8AB;
    --color-negative: #EC3E3E;
    --color-font-defeault: #343436;

    /* Fonts */
    --main-font:'Poppins', Arial, sans-serif;
    --tt-size: 36px;
    --sub-title: 24px;
    --paragraph: 16px;
    --min-text
    : 12px;
}

/* Reset */
body {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
#custom-page{
    background-color: #F1F4FD;
   
}
#custon-page h1, h2, h3, h4, p, a, span{
    font-family: 'Poppins', Arial, sans-serif!important;
   
}

#custom-page h1{font-family: 'Poppins', Arial, sans-serif!important; color: #5070E3;}
#custom-page h1{font-size: var(--tt-size);}
#custom-page h2{font-size: var(--sub-title); color: #5070E3;}
#custom-page p{font-size: var(--paragraph);}

#custon-page img{ border: 16px;}

#custon-page a{text-decoration: none;}

/* Controla os alinhamento do conteúdo */
.controller-with{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}



/* Banner Header */
.banner-top{
    width: 100%;
    height: auto;
    max-width: 1280px;
    opacity: 1;
    transition: 0.2s 
    ease-in-out;
    padding: 16px;
}

.banner-top:hover{opacity: 0.8;}
#banner-top-desktop{display: block;}
#banner-top-mobile{display: none;}

/* Classe que Alinha os Itens */
.item-alignment{
    display: flex;
    justify-content: center;
    align-items: center;
 
}


/* Button DS */
.button-ds{
    width: 100%;
    height: 48px;
    margin: 16px 0;
    border-radius: 8px;
    color: #ffffff;
    text-decoration: none;
    border: 0;
    transition: 0.2s ease-in-out;
}

@keyframes pulse {
    0%{
        transform: scale(1);
        box-shadow:0 0 0 0 rgba(80, 112, 227);
    }

    70%{
        transform: scale(1);
        box-shadow:0 0 0 8px rgba(250, 118, 118, 0);
    }

    100%{
    
        box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
    }
    }

.pulsing {animation: pulse 2s infinite;}

/* Primary */
.bt-ds-primary{
    background-color: var(--color-primary-blue);
    animation: pulse 1.5s infinite;
}

/* Secondary */
.bt-ds-secondary{background-color: var(--color-secondary-cta);}

/* Secondary */
.bt-ds-primary:hover{
    background-color: #3E5FD4;
}

.bt-ds-secondary:hover{
    background-color: #E9705E;
}

/* Mobile Version */ 

@media screen and (max-width: 768px) {


    

}