/*
Theme Name: Alliance
Author: Webiq
Author URI: https://webiq.com.br/
Version: 1.0
Description: Tema criado pela Webiq, com admin completo. Dúvidas e manutenções, entrar em contato por email <a href="mailto:contato@webiq.com.br" target="_blank">contato@webiq.com.br</a> ou telefone/WhatsApp <a href="https://api.whatsapp.com/send?phone=‪5547988038423‬" target="_blank">+55 (47) ‪98803-8423‬</a>. 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100;0,300;0,400;0,600;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');


html.wf-active { margin-top: 0 !important; }
#wpadminbar { display: none; }

:root {
    --color-primary: #000000;
    --color-secondary: #ffb053;
    --color-complement: #ffac84;
    --color-background: #FFF;
    --color-text: #6e7379;
    --color-text-dark: #5d5d5d;
    --color-text-light: #e3e3e3;
}

#master { overflow-x: hidden;}

* { margin: 0; padding: 0; box-sizing: border-box; }
*:focus { outline-offset: 0 !important; outline-width: 0; }
p { font-size: 20px; line-height: auto; color: var(--color-text); }

body { background-color: var(--color-background); background-repeat: no-repeat; background-position: center top; background-size: cover; font-family: 'Exo', sans-serif; }

.banner-evento { position: relative; background-size: cover;  background-position: center;  background-repeat: no-repeat; }
.banner-evento a { display: block; padding: 10px 0; text-align: center; text-decoration: none !important; transition: all .3s ease-in-out; }
.banner-evento a:hover {opacity: 0.7;}
.banner-evento a p { font-size: 15px; margin: 0; }
.banner-evento .close { position: absolute; display: flex; right: 10px; top: 50%; z-index: 2; cursor: pointer; transform: translateY(-50%); }



header { background-color: rgba(255,255,255,0.1); position: fixed; width: 100%; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); z-index: 999; transition: 1s all ease-in-out; }
header .logo { display: inline-block; }
header .logo img { width: 200px; padding: 30px 0; max-width: 100%; height: auto; transition: all 0.2s ease-in-out; }
header nav { display: inline-block; font-weight: bold; text-transform: uppercase; padding: 40px 0; padding-left: 30px; }
header nav a { font-size: 16px; color: #fff; }
header nav a:hover { color: #EA7221; text-decoration: none; }
header nav .menu > li > a::after { content: ''; position: absolute; left: 0; bottom: -5px; width: 100%; height: 0; background: #ea7221; transition: all .2s ease-in-out; }
header nav .menu > li:hover > a::after, header nav .menu > li.current-menu-item > a::after { height: 5px; }
header nav ul { list-style-type: none; }
header nav ul ul { display: none; }
header nav ul li { display: inline-block; margin-right: 15px; position: relative; }
header nav ul li .sub-menu { position: absolute;  left: 0; top: 30px;  width: 250px; background-color: rgb(0 0 0 / 36%); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(15px); padding: 20px; border-radius: 0 0 40px 0; transform: translateY(-10%); transition: all .2s ease-in-out;}
header nav ul li:hover ul { display: block; transform: translateY(0);}
header nav ul li .sub-menu li {margin-right: 0; margin-bottom: 10px;}
header nav ul li .sub-menu li a {font-weight: 500;}
header .col-lg-10 { display: flex; align-items: center; justify-content: flex-end; }
header .desktop { display: flex; align-items: center; transition: all 0.2s ease-in-out;  }
header .desktop #menu-menu-principal { margin: 0; }
header.sticky { background-color: rgb(0 0 0 / 36%); top: 0; }
header.sticky .logo img { padding: 20px 0; }
header.sticky .desktop { padding: 20px 0; }
header .mob-menu { display: block; width: 50px; height: 44px; padding: 12px 10px; float: right; }
header .mob-menu:before { content: "";  display: block;  background: #fff;  height: 2px; }
header .mob-menu:after { content: "";  display: block;  background: #fff;  height: 2px;  }
header .mob-menu span { background: #fff; display: block; height: 2px; margin: 7px 0; }

.banner { width: 100%; background-size: cover; background-color: #1a485d; }
.banner { padding: 0px 0 0 0; }
.banner h2 { font-size: 38px; margin-bottom: 30px; }
.banner h2, .banner p { color: #fff; }
.banner h2 strong { color: #EA7221; }
.banner p { font-size: 16px; margin-bottom: 40px; }

.banner.interno { padding: 300px 0 0; width: 100%; min-height: 100vh; }

.bt-saiba-mais { color: #fff; border-radius: 30px; border: 1px solid #fff; padding: 5px 20px; text-decoration: none; font-size: 20px; text-decoration: none; }
.bt-saiba-mais:hover { color: #EA7221; border-color: #EA7221; text-decoration: none; }

.slick-marcas { margin: 60px 0; }
.slick-marcas img { max-width: 100%; height: 50px; }
.slick-marcas .marca { text-align: center; }

.bt-saber-mais { color: #EA7221; border-radius: 30px; border: 1px solid #EA7221; padding: 5px 30px; text-decoration: none; font-size: 20px; text-decoration: none; }
.bt-saber-mais:hover { color: #EA7221; border-color: #EA7221; text-decoration: none; }

.empresas, .selos { padding: 30px 0; }
.empresas p, .selos p { text-align: center; }
.empresas p { font-size: 27px; }

.selos .marca, .selos .marca img { margin: 0 auto; }

.bloco_azul { background-color: #1A485C; padding: 50px 0; }
.bloco_azul h3 { text-align: center; color: #fff; font-size: 20px; }
.bloco_azul h3 strong { color: #EA7221; }

.slick-icones1 p { color: #fff; font-size: 16px; text-align: center; }
.slick-icones1 .icone { text-align: center; height: 150px; background-size: 30%; background-position: center; background-repeat: no-repeat; }

.slick-frases { text-align: center; margin: 100px 0; }
.slick-frases .frase { text-align: center; }
.slick-frases .frase h2 { font-size: 150px; line-height: 130px; font-weight: bold; color: #EA7221; }
.slick-frases .frase h3 { text-transform: uppercase; font-size: 25px; font-weight: 300; }
.slick-frases .slick-slide img { max-width: 70%; display: inline-block; }

.box_cinza { background-color: #F8F8F8; padding: 50px 0; }
.box_cinza h3 { text-align: center; margin-bottom: 50px; }
.box_cinza .icone { width: 30%; height: 80px; background-repeat: no-repeat; background-position: center top;  display: inline-block; background-size: 50% auto; }
.box_cinza .box { text-align: center; margin-bottom: 40px; background-color: #fff; padding: 30px; min-height: 370px; transition: all .2s ease-in-out;}
.box_cinza .box:hover {background: #1a485c;}
.box_cinza .box:hover h4, .box_cinza .box:hover p { color: #fff; }
.box_cinza .box h4 { width: 65%; display: inline-block; text-align: left; vertical-align: top; font-size: 20px; font-weight: bold; color: #1A485C; padding-top: 10px; }
.box_cinza p { display: block; padding-bottom: 20px; font-size: 16px; }
.box_cinza .bt-quero-saber-mais { display: inline-block; color: #EA7221; border-radius: 30px; border: 1px solid #EA7221; padding: 5px 30px; text-decoration: none; font-size: 20px; text-decoration: none; transition: all .2s ease-in-out;}
.box_cinza .bt-quero-saber-mais:hover {background-color: #EA7221; color: #fff;}

.depoimentos { background-color: #EA7221; padding: 50px 0; }
.depoimentos p { color: #fff; }
.depoimentos p strong { color: #1A485C; }
.depoimentos .logo { width: 200px; }
.depoimentos .stars { width: 100px; display: block; margin-left: 40px; margin-top: 20px; }
.depoimentos .depoimento { padding: 50px; background-color: #1A485C; color: #fff; -webkit-border-radius: 50px; -webkit-border-bottom-right-radius: 0; -moz-border-radius: 50px; -moz-border-radius-bottomright: 0;
border-radius: 50px; border-bottom-right-radius: 0; box-shadow: 0 0 30px rgba(0,0,0,.3); }

.blog-home { padding: 50px 0; }
.blog-home h2 { font-size: 35px; font-weight: bold; color: #1A485C; text-transform: uppercase; margin: 0; }
.blog-home .grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin: 40px 0; }
.blog-home .grid article { text-align: center; }
.blog-home .grid article a {text-decoration: none; transition: all .2s ease-in-out;}
.blog-home .grid article a:hover {opacity: 0.7;}
.blog-home .grid article .thumn { display: block; height: 260px; overflow: hidden; margin-bottom: 15px; }
.blog-home .grid article .thumn img { width: 100%; height: 100%; object-fit: cover; }
.blog-home .grid article .txt { padding: 0 20px; }
.blog-home .grid article .txt h3 { font-size: 20px; font-weight: bold; color: #123F50; margin: 0; }
.blog-home .bt-saber-mais { display: block; max-width: fit-content; margin: 0 auto; color: #1A485C; border-color: #1A485C; transition: all .2s ease-in-out; }
.blog-home .bt-saber-mais:hover {background-color: #1A485C; color: #fff;}

.fale-conosco { padding: 80px 0; background: #1A485C url('images/bg-fale-conosco.png') center no-repeat; background-size: cover; text-align: center; }
.fale-conosco h2 { text-align: center; color: #fff; font-weight: bold; margin-bottom: 40px; display: block; }
.fale-conosco h2 span { padding: 0 5px; background: #EA7221; }
.fale-conosco h2.line-bottom::after { content: ''; display: block; width: 100%; height: 10px; background: #EA7221; margin-top: 5px; }
.fale-conosco h2.line-bottom { max-width: fit-content; margin: 0 auto 40px; }
.fale-conosco .form { max-width: 500px; margin: 0 auto; }

.form input[type="text"], .form input[type="email"], .form input[type="tel"], .form textarea { width: 100%; padding: 10px 20px; border: 0; border-radius: 20px; }
.form input[type="submit"] { background-color: #EA7221; padding: 10px 20px;  border-radius: 20px; border: 0; color: #fff; }
.form textarea { height: 150px; }
.form p { position: relative; }
.form .wpcf7-spinner { position: absolute; right: 0; }

footer { background-color: #1A485C; padding: 80px 0; min-height: 420px; }
footer .logo { display: inline-block; }
footer .logo img { width: 200px; padding: 30px 0; max-width: 100%; height: auto; }
footer .col-lg-10 { display: flex; justify-content: flex-end; }
footer nav { display: inline-block; font-weight: bold; text-transform: uppercase; padding: 40px 0; padding-left: 30px; }
footer nav a { font-size: 16px; color: #fff; }
footer nav a:hover { color: #EA7221; text-decoration: none; }
footer nav ul { list-style-type: none; }
footer nav ul ul { position: absolute; width: 170px; margin-top: 10px; }
footer nav ul ul li { display: block; line-height: 14px; margin-bottom: 10px; }
footer nav ul ul li a { font-size: 12px; font-weight: normal; line-height: 14px; }
footer nav ul li { display: inline-block; margin-right: 15px; }
footer .social { display: flex; align-items: center; gap: 15px; position: absolute; right: 0; top: 70px; padding-right: 20px;}
footer .social a img { height: 20px; }


.banner.interno h2 { font-weight: bold; }
.page-id-89 .fale-conosco { padding-top: 160px;  }

.sobre-intro { text-align: center; padding: 50px 0; }
.sobre-intro h3, .sobre-intro h2, .sobre-intro h1 { color: #1A485C; }

.slick-frases.sobre-slides { margin: 0; }
.sobre-slides .slide { padding: 200px 0; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sobre-slides .slide p { font-size: 50px; font-weight: bold; color: #fff; }
.sobre-slides .slide p strong  { color: #EA7221; }

.premiacoes { padding: 50px 0; }
.premiacoes h1, .premiacoes h2, .premiacoes h3, .premiacoes .title p { text-align: center; font-size: 40px; margin-bottom: 50px; color: #1A485C; }


.premiacoes .box { text-align: center; margin-bottom: 30px; }
.premiacoes .box .icone { height: 100px; margin-bottom: 30px; }
.premiacoes .box .icone img { max-height: 100%; width: auto; }
.premiacoes .box p { font-size: 14px; }

.banner-sap-desktop { height: 500px; background-size: cover; background-repeat: no-repeat; background-position: center; }

.compromissos-e-diferenciais { padding: 50px 0; background-color: #EA7221; }
.compromissos-e-diferenciais .box { margin-bottom: 20px; }
.compromissos-e-diferenciais h3 { text-align: center; margin-bottom: 50px; color: #fff; font-weight: bold; }
.compromissos-e-diferenciais .icone { display: inline-block; width: 120px; height: 100px; background-size: 50%; background-position: top center; background-repeat: no-repeat; }
.compromissos-e-diferenciais p { color: #fff; font-size: 16px; width: 70%; display: inline-block; vertical-align: top; }


.redes-sociais { padding: 200px 0; background: transparent url('images/bg-redes-sociais.jpg') center no-repeat; text-align: center; }
.redes-sociais a { display: inline-block; margin: 0 10px; }
.redes-sociais a img { height: 40px; }
.redes-sociais h3 { color: #fff; margin-bottom: 30px; }

.mobile { display: none; }
.desktop { display: block; }

.trabalhe-localizacao { padding: 50px 0; }
.trabalhe-localizacao a { color: #1A485C; font-weight: bold; display: flex; align-items: center; justify-content: center; gap: 20px; }
.trabalhe-localizacao a img { height: 80px; width: auto; }
.trabalhe-localizacao a .text { font-size: 20px; line-height: 25px; }


.banner.solucoes-fiscais { padding: 200px 0; min-height: 600px; }
.segmentos.solucoes-fiscais { padding: 50px 0; background: #EA7221; color: #fff; }
.segmentos.solucoes-fiscais .txt { text-align: center; padding-bottom: 50px; }
.segmentos.solucoes-fiscais .txt p { color: #fff; font-size: 30px; line-height: 35px; font-weight: bold; }
.segmentos.solucoes-fiscais .icones .col-lg-2 { flex: 0 0 20%; max-width: 20%; }
.segmentos.solucoes-fiscais .icones hr { width: 100%; border: none; margin: 5px; }
.segmentos.solucoes-fiscais .icones .box { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.segmentos.solucoes-fiscais .icones .box img { width: 150px; margin-bottom: 10px; }
.segmentos.solucoes-fiscais .icones .box p { color: #fff; font-size: 18px; }


.orcamentos.solucoes-fiscais { padding: 100px 0 300px; background-position: right bottom; background-size: 1000px; background-repeat: no-repeat; }
.orcamentos.solucoes-fiscais p { font-size: 35px; line-height: 45px; }
.orcamentos.solucoes-fiscais p strong { color: #EA7221; }
.orcamentos.solucoes-fiscais .bt-saiba-mais { background: #EA7221; margin-top: 20px; display: block; max-width: fit-content; padding: 10px 30px; transition: all 0.2s ease-in-out;}
.orcamentos.solucoes-fiscais .bt-saiba-mais:hover { background: #fff; color: #EA7221; }

.banner_sap.sobre { padding: 80px 0 150px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.banner_sap.sobre p { font-size: 30px; color: #fff; font-weight: bold; margin-bottom: 0; }
.banner_sap.sobre .logos { display: flex;  align-items: center;  gap: 20px; margin-top: 50px;}
.banner_sap.sobre .logos img { max-height: 130px; width: auto; }


#solucoes { padding: 80px 0; }
#solucoes .container { max-width: 1300px; }
#solucoes #solucoesTab { gap: 10px; border: none; justify-content: center; }
#solucoes #solucoesTab .nav-item { width: 15.5%; display: flex; align-items: center; justify-content: center; }
#solucoes #solucoesTab .nav-item button { width: 100%; height: 65px; font-size: 15px; line-height: 19px; padding: 0 10px; border-radius: 100px; background: #fff; border: 2px solid #EA7221; color: #EA7221; transition: all 0.2s ease-in-out; position: relative; outline: none;}
#solucoes #solucoesTab .nav-item button.active, #solucoes #solucoesTab .nav-item button:hover {background: #EA7221; color: #fff; }
#solucoes #solucoesTab .nav-item button.active::before { content: ''; position: absolute; left: 50%; bottom: -60px; width: 110%; border-radius: 20px 20px 0 0; height: 100px; background: #f8f8f8; z-index: -1; transform: translateX(-50%); }
#solucoes #solucoes-tabContent { padding: 80px 0; margin-top: 20px; background: #F8F8F8; text-align: center; }
#solucoes #solucoes-tabContent .text * { font-size: 25px; font-weight: bold; color: #1A485C; margin: 0; }
#solucoes #solucoes-tabContent .bt-saiba-mais { color: #EA7221; border-color: #EA7221; border-width: 3px; display: block; max-width: fit-content; margin: 40px auto 0; transition: all .2s ease-in-out; }
#solucoes #solucoes-tabContent .bt-saiba-mais:hover { color: #fff; background: #EA7221; }

.banner.interno.solucoes-fiscais-interna { padding: 200px 0; min-height: 700px; display: flex; justify-content: center; flex-direction: column; }
.banner.interno.solucoes-fiscais-interna h1 { font-size: 50px;  font-weight: bold;  color: #fff; }
.frase.solucoes-fiscais-interna { padding: 50px; text-align: center; background: #1A485C; }
.frase.solucoes-fiscais-interna p { font-size: 25px; color: #fff;  margin: 0; font-weight: 200; }
.frase.solucoes-fiscais-interna p:not(:last-child) { margin-bottom: 20px; }
.banner-final.padrao { padding: 200px 0; background-size: cover;  background-position: center; background-repeat: no-repeat; }
.banner-final.padrao p { color: #fff; font-size: 30px; font-weight: 300; }
.banner-final.padrao .bt-saiba-mais { display: block; max-width: fit-content;  padding: 5px 40px; margin-top: 30px; transition: all 0.2s ease-in-out; }

#solucoes-tags { padding: 80px 0; }
#solucoes-tags #solucoesTab { gap: 10px; border: none; justify-content: center; padding-bottom: 30px; border-bottom: 1px solid #707070;}
#solucoes-tags #solucoesTab .nav-item { display: flex; align-items: center; justify-content: center; }
#solucoes-tags #solucoesTab .nav-item button { width: 100%; font-size: 18px; line-height: 25px; font-weight: bold; padding: 5px 20px; border-radius: 100px; background: #fff; border: 2px solid #1A485C; color: #1A485C; transition: all 0.2s ease-in-out; position: relative; outline: none;}
#solucoes-tags #solucoesTab .nav-item button.active, #solucoes-tags #solucoesTab .nav-item button:hover {background: #1A485C; color: #fff; }
#solucoes-tags #solucoes-tabContent { padding: 50px 0; margin-top: 20px; background: #fff; }
#solucoes-tags #solucoes-tabContent h3 { font-size: 30px; line-height: 40px; font-weight: bold; color: #1A485C; text-align: right; margin: 0; padding-right: 50px;}
#solucoes-tags #solucoes-tabContent p { font-size: 17px; font-weight: 300; color: #1A485C; }
#solucoes-tags #solucoes-tabContent .beneficios {margin-top: 80px;}
#solucoes-tags #beneficiosTab { gap: 10px; border: none; justify-content: center; }
#solucoes-tags #beneficiosTab .nav-item { display: flex; align-items: center; justify-content: center; }
#solucoes-tags #beneficiosTab .nav-item button { width: 100%; font-size: 16px; line-height: 19px; padding: 5px 15px; border-radius: 100px; background: #fff; border: 2px solid #1A485C; color: #1A485C; transition: all 0.2s ease-in-out; position: relative; outline: none;}
#solucoes-tags #beneficiosTab .nav-item button.active, #solucoes-tags #beneficiosTab .nav-item button:hover {background: #EA7221; border-color: #EA7221; color: #fff; }
#solucoes-tags #beneficios-tabContent { margin-top: 50px; text-align: center; padding: 50px; background: #ea7221; border-radius: 80px; }
#solucoes-tags #beneficios-tabContent h3 { text-align: center; color: #fff; padding: 0; }
#solucoes-tags #beneficios-tabContent p { color: #fff; max-width: 80%; margin: 10px auto 0; }

.banner.interno.sap-btp { padding: 200px 0; min-height: 700px; display: flex; justify-content: center; flex-direction: column; background-size: cover;  background-position: center;  background-repeat: no-repeat; }
.chamada.sap-btp { padding: 50px 0; text-align: center; background: #EA7221; }
.chamada.sap-btp p { margin: 0; color: #fff; font-size: 25px; font-weight: bold; }

.banner.interno.sap-ariba { padding: 200px 0; min-height: 700px; display: flex; justify-content: center; flex-direction: column; background-size: cover;  background-position: center;  background-repeat: no-repeat; }
.chamada.sap-ariba { padding: 50px 0; text-align: center; background: #EA7221; }
.chamada.sap-ariba p { margin: 0; color: #fff; font-size: 25px; font-weight: bold; }
.chamada-h1 h1 { text-align: left;font: normal normal bold 79px/93px Exo;letter-spacing: 0px;color: #FFFFFF;}
.box_branco.sap-ariba { padding: 30px 0; }
.bx-branco-title { text-align: center; font: normal normal 300 35px/46px Exo; letter-spacing: -0.28px; color: #1A485C; line-height: normal; }
.bx-branco-text { text-align: center; font: normal normal bold 35px/46px Exo; letter-spacing: -0.28px; color: #1A485C; line-height: normal; }
.banner.interno.sap-ariba{ padding: 150px 20px 50px; min-height: 500px; }
.banner.interno.sap-ariba p { font: normal normal 400 25px/50px Exo; letter-spacing: 0px; color: #FFFFFF; opacity: 1; line-height: normal; }
.box-branco.padrao { padding: 80px 0; background: #F8F8F8; }
.box-branco.padrao h3 { font-size: 30px; line-height: 40px; font-weight: bold; color: #1A485C; }
.box-branco.padrao p { font-size: 16px; }

#solucoes-tags.sap-btp #solucoesTab .nav-item button { background: #EA7221; border: none; padding: 10px 30px; color: #fff; }
#solucoes-tags.sap-btp #solucoesTab .nav-item button.active, #solucoes-tags.sap-btp #solucoesTab .nav-item button:hover {
    background: #1A485C; border-color: #1A485C; box-shadow: 0 3px 10px #0000004f; }
#solucoes-tags.sap-btp #solucoes-tabContent h3 { text-align: left; }

/**** BLOG ****/
#hero-blog { padding: 200px 0 100px; background: #1A485C; }
#hero-blog h1 { font-size: 50px; font-weight: bold;  color: #fff;  margin: 0; }
#categories-blog { padding: 50px 0; }
#categories-blog .container { padding-bottom: 30px; border-bottom: 1px solid #707070; }
#categories-blog .col-lg-12 { display: flex; align-items: center; justify-content: space-between; }
#categories-blog h3 { font-size: 25px; font-weight: bold; color: #083745; padding-right: 20px; margin: 0; }
#categories-blog .categories { display: flex; align-items: center; justify-content: flex-start; gap: 50px; }
#categories-blog .categories a { font-size: 20px; line-height: 25px; font-weight: bold; color: #083745; border-bottom: 4px solid transparent; text-decoration: none; transition: all .2s ease-in-out;}
#categories-blog .categories a.current, #categories-blog .categories a:hover {border-color: #EA7221;}

#hero-post {padding-bottom: 20px;}
#hero-post .container {padding-bottom: 20px; border-bottom: 1px solid #707070; }
#hero-post .loop-post.fixo .thumn {display: block; max-height: 500px; overflow: hidden; transition: all .2s ease-in-out; }
#hero-post .loop-post.fixo .thumn:hover {opacity: 0.7;}
#hero-post .loop-post.fixo .thumn img { width: 100%; height: 100%; object-fit: cover;}
#hero-post .loop-post.fixo .info { display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; background: #EA7221; color: #fff; }
#hero-post .loop-post.fixo .info .post-categories { list-style: none;  margin: 0;  padding: 0; }
#hero-post .loop-post.fixo .info .post-categories a { color: #fff; text-transform: uppercase; }
#hero-post .loop-post.fixo .info .meta { display: flex; align-items: center; gap: 10px; }
#hero-post .loop-post.fixo .info .meta svg { width: 7px;}
#hero-post .loop-post.fixo .txt { text-align: center;  padding: 30px; }
#hero-post .loop-post.fixo .txt a { text-decoration: none; transition: all .2s ease-in-out; }
#hero-post .loop-post.fixo .txt a:hover { opacity: 0.7; }
#hero-post .loop-post.fixo .txt h3 { font-weight: bold; color: #1A485C; }
#hero-post .loop-post.fixo .txt p { font-weight: 300; color: #1A485C; margin: 0; }

#grid-posts { padding: 50px 0; }
#grid-posts h2 { font-size: 35px; text-align: center; font-weight: bold; color: #083745; margin: 0; }
#grid-posts h2 span { color: #EA7221; }
#grid-posts .grid { margin-top: 50px;  display: grid;  grid-template-columns: repeat(3, 1fr); gap: 20px; }
#grid-posts .loop-post.padrao { padding: 10px; background: #fff; transition: all .2s ease-in-out; }
#grid-posts .loop-post.padrao:hover {box-shadow: 0 3px 10px #00000059;}
#grid-posts .loop-post.padrao .thumn {display: block; max-height: 340px; overflow: hidden; transition: all .2s ease-in-out; }
#grid-posts .loop-post.padrao .thumn img { width: 100%; height: 100%; object-fit: cover;}
#grid-posts .loop-post.padrao .txt { text-align: left;  padding: 10px 0 0; }
#grid-posts .loop-post.padrao .txt a { text-decoration: none; transition: all .2s ease-in-out; }
#grid-posts .loop-post.padrao .txt a:hover { opacity: 0.7; }
#grid-posts .loop-post.padrao .txt h3 { font-size: 20px; font-weight: bold; color: #EA7221; }
#grid-posts .loop-post.padrao .txt p { font-weight: 300; color: #1A485C; margin: 0; }


#grid-posts .pagination { justify-content: center; gap: 20px; margin-top: 30px; }
#grid-posts .pagination .page-numbers {text-decoration: none;}
#grid-posts .pagination .page-numbers:not(.next):not(.prev) { color: #1A485C; font-weight: 600; font-size: 20px; line-height: 20px; padding: 5px 10px; background-color: transparent; transition: all .2s ease-in-out; }
#grid-posts .pagination .page-numbers:not(.next):not(.prev):hover, #grid-posts .pagination .page-numbers.current:not(.next):not(.prev) { color: #fff; background-color: #1A485C; }


.padrao-interna header { position: relative; z-index: 1; padding: 200px 0; background-size: cover; background-position: center;  background-repeat: no-repeat; }
.padrao-interna header::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1a485cbf; }
.padrao-interna header .container { position: relative; }
.padrao-interna header .info { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.padrao-interna header .info .post-categories { display: flex; align-items: center; gap: 15px; list-style: none; margin: 0; padding: 0; }
.padrao-interna header .info .post-categories a { color: #fff; }
.padrao-interna header .info .voltar { display: flex; align-items: center; gap: 5px; color: #fff; text-decoration: none; transition: all .2s ease-in-out;}
.padrao-interna header .info .voltar:hover { opacity: 0.7;}
.padrao-interna header .info .voltar svg { width: 25px; height: 20px; fill: #fff;}
.padrao-interna header h1.entry-title { margin: 20px 0; font-size: 50px; font-weight: 900; color: #fff; }
.padrao-interna header .meta {display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #fff; }
.padrao-interna header .meta .c { display: flex; align-items: center; gap: 10px; }
.padrao-interna header .meta .c svg { width: 7px;}

.padrao-interna .entry-content {padding: 50px 0;}
.padrao-interna .entry-content .container { max-width: 900px; }
.padrao-interna .entry-content p { color: #1A485C;font-size: 16px;}

.share {padding: 0 0 50px;}
.share .container { padding-top: 50px; border-top: 1px solid #707070; text-align: center; display: flex; align-items: center; justify-content: center; gap: 20px; }
.share h5 {font-size: 20px; font-weight: bold; color: #083745; margin: 0; }
.share .icons { display: flex; align-items: center; gap: 10px; font-size: 20px; }
.share .icons a { color: #083745; transition: all .2s ease-in-out; }
.share .icons a:hover { color: #EA7221; }

/****** SAP ARIBA *****/

#solucoes-sap-ariba { padding: 80px 0; }
#solucoes-sap-ariba .container { max-width: 1300px; }
#solucoes-sap-ariba #solucoesTab { gap: 10px; border: none; justify-content: center; background: #1a485c; }
#solucoes-sap-ariba #solucoesTab .nav-item { width: 15.5%; display: flex; align-items: center; justify-content: center; }
#solucoes-sap-ariba #solucoesTab .nav-item button { width: 100%; height: 65px; font-size: 15px; line-height: 19px; padding: 0 10px; border-radius: 100px; background: #fff; border: 2px solid #EA7221; color: #EA7221; transition: all 0.2s ease-in-out; position: relative; outline: none;}
#solucoes-sap-ariba #solucoesTab .nav-item button.active, #solucoes-sap-ariba #solucoesTab .nav-item button:hover {background: #EA7221; color: #fff; }
#solucoes-sap-ariba #solucoesTab .nav-item button.active::before { content: ''; position: absolute; left: 50%; bottom: -60px; width: 110%; border-radius: 20px 20px 0 0; height: 100px; background: #f8f8f8; z-index: -1; transform: translateX(-50%); }
#solucoes-sap-ariba #solucoes-sap-ariba-tabContent { padding: 80px 0; margin-top: 20px; background: #1a485c; text-align: center; }
#solucoes-sap-ariba #solucoes-sap-ariba-tabContent .text * { font-size: 25px; font-weight: bold; color: #EA7221; margin: 0; }
#solucoes-sap-ariba #solucoes-sap-ariba-tabContent .bt-saiba-mais { color: #EA7221; border-color: #EA7221; border-width: 3px; display: block; max-width: fit-content; margin: 40px auto 0; transition: all .2s ease-in-out; }
#solucoes-sap-ariba #solucoes-sap-ariba-tabContent .bt-saiba-mais:hover { color: #fff; background: #EA7221; }

#solucoes-sap-ariba-tags { padding: 80px 0; background: #1a485c; }
#solucoes-sap-ariba-tags #solucoesTab { gap: 10px; border: none; justify-content: center; padding-bottom: 30px;}
/*** max-width: 663px; ***/
#solucoes-sap-ariba-tags #solucoesTab .nav-item { display: flex; align-items: center; justify-content: center; }
#solucoes-sap-ariba-tags #solucoesTab .nav-item button { width: 100%; font-size: 18px; line-height: 25px; font-weight: bold; padding: 5px 20px; border-radius: 100px; background: #1a485c; border: 2px solid #EA7221; color: #fff; transition: all 0.2s ease-in-out; position: relative; outline: none;}
#solucoes-sap-ariba-tags #solucoesTab .nav-item button.active, #solucoes-sap-ariba-tags #solucoesTab .nav-item button:hover {background: #EA7221; color: #fff; }
#solucoes-sap-ariba-tags #solucoes-sap-ariba-tabContent { padding: 50px 0; margin-top: 20px; background: #1a485c; }
#solucoes-sap-ariba-tags #solucoes-sap-ariba-tabContent h3 { font-size: 30px; line-height: 40px; font-weight: bold; color: #EA7221; text-align: right; margin: 0; padding-right: 50px;}
#solucoes-sap-ariba-tags #solucoes-sap-ariba-tabContent p { font-size: 17px; font-weight: 300; color: #fff; }
#solucoes-sap-ariba-tags #solucoes-sap-ariba-tabContent .beneficios {margin-top: 80px;}
#solucoes-sap-ariba-tags #beneficiosTab { gap: 10px; border: none; justify-content: center; }
#solucoes-sap-ariba-tags #beneficiosTab .nav-item { display: flex; align-items: center; justify-content: center; }
#solucoes-sap-ariba-tags #beneficiosTab .nav-item button { width: 100%; font-size: 16px; line-height: 19px; padding: 5px 15px; border-radius: 100px; background: #fff; border: 2px solid #EA7221; color: #EA7221; transition: all 0.2s ease-in-out; position: relative; outline: none;}
#solucoes-sap-ariba-tags #beneficiosTab .nav-item button.active, #solucoes-sap-ariba-tags #beneficiosTab .nav-item button:hover {background: #EA7221; border-color: #EA7221; color: #fff; }
#solucoes-sap-ariba-tags #beneficios-tabContent { margin-top: 50px; text-align: center; padding: 50px; background: #ea7221; border-radius: 80px; }
#solucoes-sap-ariba-tags #beneficios-tabContent h3 { text-align: center; color: #fff; padding: 0; }
#solucoes-sap-ariba-tags #beneficios-tabContent p { color: #fff; max-width: 80%; margin: 10px auto 0; }

#solucoes-sap-ariba-tags.sap-btp #solucoesTab .nav-item button { background: #EA7221; border: none; padding: 10px 30px; color: #fff; }
#solucoes-sap-ariba-tags.sap-btp #solucoesTab .nav-item button.active, #solucoes-sap-ariba-tags.sap-btp #solucoesTab .nav-item button:hover {
    background: #EA7221; border-color: #EA7221; box-shadow: 0 3px 10px #0000004f; }
#solucoes-sap-ariba-tags.sap-btp #solucoes-sap-ariba-tabContent h3 { text-align: left; }
.btn-quero-conhecer { width: 100%; font: normal normal 300 34px/49px Exo; letter-spacing: -1.63px; padding: 5px 15px; border-radius: 100px; background: #EA7221; border: 2px solid #EA7221; color: #fff; transition: all 0.2s ease-in-out; position: relative; outline: none; text-decoration: none; }


/*** SAP ARIBA BULLETS EFFECT ***/

#bullets-sap-ariba { padding: 80px 0; }
#bullets-sap-ariba .container { max-width: 1300px; }
#bullets-sap-ariba #bulletsTab { gap: 10px; border: none; justify-content: center; background: #1a485c; }
#bullets-sap-ariba #bulletsTab .nav-item { width: 15.5%; display: flex; align-items: center; justify-content: center; }
#bullets-sap-ariba #bulletsTab .nav-item button { width: 100%; height: 65px; font-size: 15px; line-height: 19px; padding: 0 10px; border-radius: 100px; background: #fff; border: 2px solid #EA7221; color: #EA7221; transition: all 0.2s ease-in-out; position: relative; outline: none;}
#bullets-sap-ariba #bulletsTab .nav-item button.active, #bullets-sap-ariba #bulletsTab .nav-item button:hover {background: #EA7221; color: #fff; }
#bullets-sap-ariba #bulletsTab .nav-item button.active::before { content: ''; position: absolute; left: 50%; bottom: -60px; width: 110%; border-radius: 20px 20px 0 0; height: 100px; background: #f8f8f8; z-index: -1; transform: translateX(-50%); }
#bullets-sap-ariba #bullets-sap-ariba-tabContent { padding: 80px 0; margin-top: 20px; background: #1a485c; text-align: center; }
#bullets-sap-ariba #bullets-sap-ariba-tabContent .text * { font-size: 25px; font-weight: bold; color: #EA7221; margin: 0; }
#bullets-sap-ariba #bullets-sap-ariba-tabContent .bt-saiba-mais { color: #EA7221; border-color: #EA7221; border-width: 3px; display: block; max-width: fit-content; margin: 40px auto 0; transition: all .2s ease-in-out; }
#bullets-sap-ariba #bullets-sap-ariba-tabContent .bt-saiba-mais:hover { color: #fff; background: #EA7221; }

#bullets-sap-ariba-tags { padding: 80px 0;}
#bullets-sap-ariba-tags #bulletsTab { gap: 30px; border: none; justify-content: center; padding-bottom: 30px;}
#bullets-sap-ariba-tags #bulletsTab .nav-item { display: flex; align-items: center; justify-content: center; }
#bullets-sap-ariba-tags #bulletsTab .nav-item button { width: 100%; font-size: 18px; line-height: 25px; font-weight: bold; padding: 5px 20px; border-radius: 100px; background: #EA7221; border: 2px solid #fff; color: #fff; transition: all 0.2s ease-in-out; position: relative; outline: none;}
#bullets-sap-ariba-tags #bulletsTab .nav-item button.active {background: #EA7221; color: #fff; display: none; }
#bullets-sap-ariba-tags #bulletsTab .nav-item button:hover {background: #1a485c; color: #fff; }
#bullets-sap-ariba-tags #bullets-sap-ariba-tabContent { padding: 50px 0; margin-top: 20px; background: #1a485c; border-radius: 20px; box-shadow: 0px 3px 10px #00000086;}
#bullets-sap-ariba-tags #bullets-sap-ariba-tabContent h3 { font-size: 30px; line-height: 40px; font-weight: bold; color: #EA7221; text-align: right; margin: 0;}
#bullets-sap-ariba-tags #bullets-sap-ariba-tabContent p { font-size: 17px; font-weight: 300; color: #fff; }
#bullets-sap-ariba-tags #bullets-sap-ariba-tabContent .beneficios {margin-top: 80px;}
#bullets-sap-ariba-tags #beneficiosTab { gap: 10px; border: none; justify-content: center; }
#bullets-sap-ariba-tags #beneficiosTab .nav-item { display: flex; align-items: center; justify-content: center; }
#bullets-sap-ariba-tags #beneficiosTab .nav-item button { width: 100%; font-size: 16px; line-height: 19px; padding: 5px 15px; border-radius: 100px; background: #fff; border: 2px solid #EA7221; color: #EA7221; transition: all 0.2s ease-in-out; position: relative; outline: none;}
#bullets-sap-ariba-tags #beneficiosTab .nav-item button.active, #bullets-sap-ariba-tags #beneficiosTab .nav-item button:hover {background: #EA7221; border-color: #EA7221; color: #fff; }
#bullets-sap-ariba-tags #beneficios-tabContent { margin-top: 50px; text-align: center; padding: 50px; background: #ea7221; border-radius: 80px; }
#bullets-sap-ariba-tags #beneficios-tabContent h3 { text-align: center; color: #fff; padding: 0; }
#bullets-sap-ariba-tags #beneficios-tabContent p { color: #fff; max-width: 80%; margin: 10px auto 0; }

#bullets-sap-ariba-tags.sap-btp #bulletsTab .nav-item button { background: #EA7221; border: none; padding: 10px 30px; color: #fff; }
#bullets-sap-ariba-tags.sap-btp #bulletsTab .nav-item button.active, #bullets-sap-ariba-tags.sap-btp #bulletsTab .nav-item button:hover {
    background: #EA7221; border-color: #EA7221; box-shadow: 0 3px 10px #0000004f; }
#bullets-sap-ariba-tags.sap-btp #bullets-sap-ariba-tabContent h3 { text-align: left; }
.btn-quero-conhecer { width: 100%; font: normal normal 300 20px/49px Exo; letter-spacing: -1.63px; padding: 5px 15px; border-radius: 100px; background: #EA7221; border: 2px solid #EA7221; color: #fff; transition: all 0.2s ease-in-out; position: relative; outline: none; text-decoration: none; }
.chamada-h1 { text-align: center; font: normal normal bold 79px/93px Exo; letter-spacing: 0px; color: #ffffff; }
.teste p {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.banner-conexao.padrao { padding: 10px 0; background-size: cover;  background-position: center; background-repeat: no-repeat; }
.banner-conexao.padrao p { color: #fff; font-size: 30px; font-weight: 300; }
.banner-conexao.padrao .bt-saiba-mais { display: block; max-width: fit-content;  padding: 5px 40px; margin-top: 30px; transition: all 0.2s ease-in-out; }



/****** PADRÃO PÁGINAS *****/
section.conteudo.pagina {
    padding: 40px 0;
}


@media (max-width: 1200px) {
    
} 

@media (max-width: 992px) { 
    .desktop { display: none; }
    .mobile { display: block; }
	
	.banner-evento { padding: 0 30px; }
    header.sticky .logo img { max-width: 100px; }
    
    .banner { padding: 112px 20px 50px;  min-height: 50vh;  }
    .banner h2 {  font-size: 30px;  margin-bottom: 20px;  }


    .empresas { padding: 20px; }
    .empresas p {font-size: 17px;}
    .slick-marcas { padding: 20px;  text-align: center;  margin: 0; }
    .slick-marcas img { margin: 0 auto; }
    .empresas .bt-saber-mais { display: block; max-width: fit-content; margin: 23px auto 0; }

    .bloco_azul { padding: 40px 20px; }
    .slick-slider { margin: 50px 0; }
    .slick-frases .slick-track {  display: flex;  align-items: center; }
    .slick-frases .frase h2 {font-size: 50px; line-height: 50px;}
    .slick-frases .frase h3 { font-size: 17px; }

    .box_cinza { padding: 40px 20px; }
    .box_cinza h3 { font-size: 25px; margin-bottom: 20px; }
    .box_cinza .box { min-height: 0; }
    .box_cinza .icone { width: 100%; background-size: contain; height: 50px; }
    .box_cinza .box h4 { width: 100%; text-align: center; }
    .box_cinza p { margin: 0; }
    
    .depoimentos { padding: 40px 20px; }
    .depoimentos .col-lg-5 { text-align: center; }
    .depoimentos .stars {margin: 10px auto 20px;}
    .depoimentos .depoimento { padding: 30px; font-size: 15px; }

    .blog-home { padding: 40px 20px; }
    .blog-home .grid { margin: 20px 0; grid-template-columns: 1fr; }
    .blog-home .grid article .thumn { height: 200px; }
    .blog-home .bt-saber-mais { font-size: 18px; line-height: 20px; text-align: center; border-radius: 100px; }

    .fale-conosco { padding: 40px 20px;}
    .fale-conosco h2 { font-size: 25px; line-height: 37px; margin-bottom: 30px; }

    footer { min-height: 0;  padding: 40px 20px;  text-align: center;  }
    footer .logo img { width: 150px;  padding: 0; }
    footer .col-lg-10 {flex-direction: column;}
    footer nav { padding: 20px 0; }
    footer nav #menu-menu-principal { display: flex; flex-direction: column; justify-content: center; text-align: left; gap: 20px; }
    footer nav { padding: 20px 0; width: 100%; }
    footer nav ul ul { position: initial; width: 100%; }
    footer .social { position: initial; width: 100%; }
    footer .social a img { height: 25px; }

    /*** BANNER GERAL ***/
    .banner.interno h2 { font-size: 25px; margin-bottom: 10px; }
    .bt-saiba-mais { font-size: 17px; display: block; max-width: fit-content; }


    /*** SOLUÇÕES FISCAIS EXTERNA ***/
    .banner.solucoes-fiscais { padding: 200px 20px 100px; }
    .banner.interno.solucoes-fiscais-interna h1 { font-size: 35px; }
    #solucoes { padding: 40px 0; }
    #solucoes #solucoesTab {
        display: flex;
        padding-right: 0px;
        padding-bottom: 15px;
        transition: all .3s ease-in-out;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: flex-start;
        -ms-flex-pack: justify;
        overflow-y: hidden;
        overflow-x: scroll;
        webkit-overflow-scrolling: touch;
        flex-wrap: unset;
    }
    #solucoes #solucoesTab .nav-item { width: auto;}
    #solucoes #solucoesTab .nav-item button { width: 200px; height: 55px; font-size: 12px; line-height: 15px; margin: 0; }
    #solucoes #solucoes-tabContent { margin: 0; padding: 40px 20px; }
    #solucoes #solucoes-tabContent .text * { font-size: 18px;}
    #solucoes #solucoes-tabContent .bt-saiba-mais { margin-top: 20px; }
    .segmentos.solucoes-fiscais { padding: 40px 20px;  }
    .segmentos.solucoes-fiscais .txt { padding-bottom: 20px;}
    .segmentos.solucoes-fiscais .txt p { font-size: 18px; line-height: 25px; }
    .segmentos.solucoes-fiscais .icones .col-lg-2 { flex: 0 0 50%; max-width: 50%; }
    .segmentos.solucoes-fiscais .icones .box img { width: 100px;}
    .segmentos.solucoes-fiscais .icones .box p { font-size: 16px; text-align: center; }
    .orcamentos.solucoes-fiscais { padding: 50px 20px 200px; background-size: 600px; }
    .orcamentos.solucoes-fiscais p { font-size: 25px; line-height: 30px; }

    /*** SOLUÇÕES FISCAIS INTERNA ***/
    .banner.interno.solucoes-fiscais-interna { padding: 200px 20px 100px; min-height: 500px;}
    .frase.solucoes-fiscais-interna {padding: 40px 20px;}
    .frase.solucoes-fiscais-interna p { font-size: 20px; }
    #solucoes-tags { padding: 40px 0; }
    #solucoes-tags #solucoesTab {
        display: flex;
        padding-right: 0px;
        padding-bottom: 15px;
        transition: all .3s ease-in-out;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: flex-start;
        -ms-flex-pack: justify;
        overflow-y: hidden;
        overflow-x: scroll;
        webkit-overflow-scrolling: touch;
        flex-wrap: unset;
    }
    #solucoes-tags #solucoesTab .nav-item button { width: 200px; font-size: 14px; line-height: 17px; height: 50px; }
    #solucoes-tags #solucoes-tabContent { padding: 20px 0; }
    #solucoes-tags #solucoes-tabContent h3 { text-align: left; padding: 0 0 10px; font-size: 23px; line-height: 28px; }
    #solucoes-tags #solucoes-tabContent p { font-size: 15px; }
    #solucoes-tags #solucoes-tabContent .beneficios { margin-top: 30px; }
    #solucoes-tags #beneficiosTab {
        display: flex;
        padding-right: 0px;
        padding-bottom: 15px;
        transition: all .3s ease-in-out;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: flex-start;
        -ms-flex-pack: justify;
        overflow-y: hidden;
        overflow-x: scroll;
        webkit-overflow-scrolling: touch;
        flex-wrap: unset;
    }
    #solucoes-tags #beneficiosTab .nav-item button { width: 150px; font-size: 14px; line-height: 17px; height: 45px; }
    #solucoes-tags #beneficios-tabContent {margin-top: 20px; padding: 30px; border-radius: 50px;}
    #solucoes-tags #beneficios-tabContent h3 { text-align: center; padding-bottom: 0; }
    #solucoes-tags #solucoes-tabContent p { max-width: 100%; }
    .banner-final.padrao { padding: 100px 20px; }
    .banner-final.padrao p { font-size: 25px; }

    /*** SAP BTP ***/
    .banner.interno.sap-btp { padding: 150px 20px 50px; min-height: 500px;}
    .chamada.sap-btp { padding: 30px; }
    .chamada.sap-btp p { font-size: 18px; }

   /*** SAP ARIBA ***/
    .banner.interno.sap-ariba { padding: 150px 20px 50px; min-height: 500px; background: #1a485c; }
    .chamada.sap-ariba { padding: 30px; }
    .chamada.sap-ariba p { font-size: 18px; }
    #solucoes-sap-ariba { padding: 40px 0; }
    #solucoes-sap-ariba #solucoes-sap-aribaTab {
        display: flex;
        padding-right: 0px;
        padding-bottom: 15px;
        transition: all .3s ease-in-out;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: flex-start;
        -ms-flex-pack: justify;
        overflow-y: hidden;
        overflow-x: scroll;
        webkit-overflow-scrolling: touch;
        flex-wrap: unset;
    }
    #solucoes-sap-ariba #solucoes-sap-aribaTab .nav-item { width: auto;}
    #solucoes-sap-ariba #solucoes-sap-aribaTab .nav-item button { width: 200px; height: 55px; font-size: 12px; line-height: 15px; margin: 0; }
    #solucoes-sap-ariba #solucoes-sap-ariba-tabContent { margin: 0; padding: 40px 20px; }
    #solucoes-sap-ariba #solucoes-sap-ariba-tabContent .text * { font-size: 18px;}
    #solucoes-sap-ariba #solucoes-sap-ariba-tabContent .bt-saiba-mais { margin-top: 20px; }
  
  #solucoes-sap-ariba-tags { padding: 40px 0; }
    #solucoes-sap-ariba-tags #solucoes-sap-aribaTab {
        display: flex;
        padding-right: 0px;
        padding-bottom: 15px;
        transition: all .3s ease-in-out;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: flex-start;
        -ms-flex-pack: justify;
        overflow-y: hidden;
        overflow-x: scroll;
        webkit-overflow-scrolling: touch;
        flex-wrap: unset;
    }
    #solucoes-sap-ariba-tags #solucoes-sap-aribaTab .nav-item button { width: 200px; font-size: 14px; line-height: 17px; height: 50px; }
    #solucoes-sap-ariba-tags #solucoes-sap-ariba-tabContent { padding: 20px 0; }
    #solucoes-sap-ariba-tags #solucoes-sap-ariba-tabContent h3 { text-align: left; padding: 0 0 10px; font-size: 23px; line-height: 28px; }
    #solucoes-sap-ariba-tags #solucoes-sap-ariba-tabContent p { font-size: 15px; }
    #solucoes-sap-ariba-tags #solucoes-sap-ariba-tabContent .beneficios { margin-top: 30px; }
    #solucoes-sap-ariba-tags #beneficiosTab {
        display: flex;
        padding-right: 0px;
        padding-bottom: 15px;
        transition: all .3s ease-in-out;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: flex-start;
        -ms-flex-pack: justify;
        overflow-y: hidden;
        overflow-x: scroll;
        webkit-overflow-scrolling: touch;
        flex-wrap: unset;
    }
    #solucoes-sap-ariba-tags #beneficiosTab .nav-item button { width: 150px; font-size: 14px; line-height: 17px; height: 45px; }
    #solucoes-sap-ariba-tags #beneficios-tabContent {margin-top: 20px; padding: 30px; border-radius: 50px;}
    #solucoes-sap-ariba-tags #beneficios-tabContent h3 { text-align: center; padding-bottom: 0; }
    #solucoes-sap-ariba-tags #solucoes-sap-ariba-tabContent p { max-width: 100%; }

    /*** BULLETS EFFECT ***/
	
#bullets-sap-ariba { padding: 40px 0; }
    #bullets-sap-ariba #bullets-sap-aribaTab {
        display: flex;
        padding-right: 0px;
        padding-bottom: 15px;
        transition: all .3s ease-in-out;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: flex-start;
        -ms-flex-pack: justify;
        overflow-y: hidden;
        overflow-x: scroll;
        webkit-overflow-scrolling: touch;
        flex-wrap: unset;
    }
    #bullets-sap-ariba #bullets-sap-aribaTab .nav-item { width: auto;}
    #bullets-sap-ariba #bullets-sap-aribaTab .nav-item button { width: 200px; height: 55px; font-size: 12px; line-height: 15px; margin: 0; }
    #bullets-sap-ariba #bullets-sap-ariba-tabContent { margin: 0; padding: 40px 20px; }
    #bullets-sap-ariba #bullets-sap-ariba-tabContent .text * { font-size: 18px;}
    #bullets-sap-ariba #bullets-sap-ariba-tabContent .bt-saiba-mais { margin-top: 20px; }
  
  #bullets-sap-ariba-tags { padding: 40px 0; }
    #bullets-sap-ariba-tags #bullets-sap-aribaTab {
        display: flex;
        padding-right: 0px;
        padding-bottom: 15px;
        transition: all .3s ease-in-out;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: flex-start;
        -ms-flex-pack: justify;
        overflow-y: hidden;
        overflow-x: scroll;
        webkit-overflow-scrolling: touch;
        flex-wrap: unset;
    }
    #bullets-sap-ariba-tags #bullets-sap-aribaTab .nav-item button { width: 200px; font-size: 14px; line-height: 17px; height: 50px; }
    #bullets-sap-ariba-tags #bullets-sap-ariba-tabContent { padding: 20px 0; }
    #bullets-sap-ariba-tags #bullets-sap-ariba-tabContent h3 { text-align: left; padding: 0 0 10px; font-size: 23px; line-height: 28px; }
    #bullets-sap-ariba-tags #bullets-sap-ariba-tabContent p { font-size: 15px; }
    #bullets-sap-ariba-tags #bullets-sap-ariba-tabContent .beneficios { margin-top: 30px; }
    #bullets-sap-ariba-tags #beneficiosTab {
        display: flex;
        padding-right: 0px;
        padding-bottom: 15px;
        transition: all .3s ease-in-out;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: flex-start;
        -ms-flex-pack: justify;
        overflow-y: hidden;
        overflow-x: scroll;
        webkit-overflow-scrolling: touch;
        flex-wrap: unset;
    }
    #bullets-sap-ariba-tags #beneficiosTab .nav-item button { width: 150px; font-size: 14px; line-height: 17px; height: 45px; }
    #bullets-sap-ariba-tags #beneficios-tabContent {margin-top: 20px; padding: 30px; border-radius: 50px;}
    #bullets-sap-ariba-tags #beneficios-tabContent h3 { text-align: center; padding-bottom: 0; }
    #bullets-sap-ariba-tags #bullets-sap-ariba-tabContent p { max-width: 100%; }

    .banner-conexao.padrao { padding: 100px 20px; }
    .banner-conexao.padrao p { font-size: 25px; }

    /*** SOBRE ***/
    .sobre-intro {  padding: 40px 20px;  }
    .sobre-intro p { font-size: 16px; }
    .sobre-slides .slide { padding: 50px 20px; }
    .sobre-slides .slide p { font-size: 30px; }
    .premiacoes { padding: 40px 20px; }
    .premiacoes h1, .premiacoes h2, .premiacoes h3, .premiacoes .title p { font-size: 30px; line-height: 35px; margin-bottom: 30px; }
    .premiacoes .box .icone {  margin-bottom: 15px; height: 80px;}
    .premiacoes .box { max-width: 250px; margin: 0 auto 20px; }
    .banner_sap.sobre { padding: 50px 20px 80px; }
    .banner_sap.sobre p { font-size: 25px; }
    .banner_sap.sobre .logos { margin-top: 20px; gap: 10px; }
    .banner_sap.sobre .logos img { max-width: 120px; }
    .compromissos-e-diferenciais .box {text-align: center;}
    .redes-sociais {padding: 50px 40px;}
    .trabalhe-localizacao { padding: 40px 20px; }
    .trabalhe-localizacao .row { gap: 40px; }
    .trabalhe-localizacao a img {height: 60px;}


    /*** BLOG EXTERNA ***/
    #hero-blog { padding: 150px 20px 50px; }
    #hero-blog h1 { font-size: 35px; }
    #categories-blog { padding: 40px 20px; }
    #categories-blog .container { padding: 0 0 20px; }
    #categories-blog h3 { font-size: 20px; }
    #categories-blog .categories {
        display: flex;
        gap: 20px;
        padding-right: 0px;
        transition: all .3s ease-in-out;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: flex-start;
        -ms-flex-pack: justify;
        overflow-y: hidden;
        overflow-x: scroll;
        webkit-overflow-scrolling: touch;
        flex-wrap: unset;
    }
    #categories-blog .categories a { font-size: 17px; }
    #hero-post { padding: 0 20px 20px; }
    #hero-post .container { padding: 0 0 20px; }
    #hero-post .loop-post.fixo .info .post-categories a { font-size: 12px; }
    #hero-post .loop-post.fixo .info .meta { font-size: 12px; }
    #hero-post .loop-post.fixo .txt { padding: 15px; }
    #hero-post .loop-post.fixo .txt h3 { font-size: 20px; }
    #hero-post .loop-post.fixo .txt p { font-size: 16px; }
    #grid-posts { padding: 20px 0; }
    #grid-posts h2 { font-size: 25px; }
    #grid-posts .grid { margin-top: 20px; grid-template-columns: 1fr; }
    #grid-posts .loop-post.padrao .thumn { height: 200px; }
    
    /*** BLOG INTERNA ***/
    .padrao-interna header { padding: 150px 20px 50px; min-height: 0; }
    .padrao-interna header h1.entry-title { font-size: 25px; }
    .padrao-interna header .meta .c { font-size: 15px; }
    .padrao-interna .entry-content { padding: 20px; }
    .padrao-interna .entry-content p { font-size: 15px; }
    .share { padding: 0 20px 50px; }
    .share .container { flex-direction: column; gap: 10px;  padding-top: 30px; }
    .share .icons { gap: 30px; font-size: 25px; }

}

@media (max-width: 768px) { 
#bullets-sap-ariba-tags.sap-btp #bulletsTab .nav-item button.active, #bullets-sap-ariba-tags.sap-btp #bulletsTab .nav-item button:hover {
    background: #EA7221; border-color: #EA7221; box-shadow: 0 3px 10px #0000004f;}
.chamada-h1 h2 { text-align: center; font: normal normal bold 39px/93px Exo !important; letter-spacing: 0px; color: #ffffff; }
.titulo-h3 h2 { text-align: left !important; font: normal normal bold 28px/50px Exo !important; letter-spacing: 0px; color: #ffffff;; }
.bullets-answers { margin-top: 30px; }
    
}

@media (max-width: 576px) {
    
}

@media (max-width: 377px) { 
}

.testemonials {
  background: #F4F4F4;
  padding-top: 50px;
  padding-bottom: 50px;
}
.testemonials p { font-size: 27px; }
.testemonials .sp-testimonial-free-section .sp-testimonial-title h3 {
	font-weight: bold;
	font-size: 22px;
}
.subtitle-blog-master { text-align: right; color: #FFF; }
.subtitle-blog-master a { color: #ea7221; }