@charset "UTF-8";
@import "/hc/theming_assets/01JN454K07260MW6EM3G61A3WP";
@import "/hc/theming_assets/01JN454KX86HMXR1T6P4K42QME";
@import "/hc/theming_assets/01JN454M0XEEKTZCXZ8TK9W3BP";
@import "/hc/theming_assets/01JN454KNA8BW9NN925TBCR8GG";
@import "/hc/theming_assets/01JN454JTQHW1S99MJTVK895MB";
@import "/hc/theming_assets/01JN454KRV00DR4EB95B1T9TRB";
@import "/hc/theming_assets/01JN454KDFQ3VR3KY2FK3Z36NQ";
@import "/hc/theming_assets/01JN454JEHTMD65EH9GRS1W4FR";
@import "/hc/theming_assets/01JN454KNE77YMA2S6F1ADJNXP";
@import "/hc/theming_assets/01JN454K6QS3B5RBT9CT9WER3N";
@import "/hc/theming_assets/01JN454KX7FFHWHE9DRJCXFEHY";
@import "/hc/theming_assets/01JYPK23AM1S0SENR48DAVCZT6";
@import "/hc/theming_assets/01JN454KZV8PRJ5NF08DNDHE91";
@import "/hc/theming_assets/01JN454KB60DPD7AW1FMJE5TKS";
@import "/hc/theming_assets/01JN454KHZ6M0Q7GN3G58PBGFK";
@import "/hc/theming_assets/01JN454KSH1XF2NSEBJB380EAS";
@import "/hc/theming_assets/01JYPK23H3H2D26WNS29HK5YGK";
@import "/hc/theming_assets/01JN454KJWHTG4MFPT85W9VZGG";
@import "/hc/theming_assets/01JYPK23D563A2MPKAJS6PF19P";
@import "/hc/theming_assets/01JN454JGVH4VH621PS8J6J8CY";
@import "/hc/theming_assets/01JN454KFMRX9FCCK5X58PR75J";
@import "$assets-vote-css";
@import "/hc/theming_assets/01JYPK23FHPNPJ3MWC23XST9K2";
@import "/hc/theming_assets/01JN454KG6Y6TXHB9SPQQXC4G6";
@import "/hc/theming_assets/01JN454K1KKM25TYMGX5Z42X1Y";
@import "/hc/theming_assets/01JN454M1KZN1BJ99X0ZWE86NP";
@import "/hc/theming_assets/01JN454K47H09RT3CEYEEXB293";
@import "/hc/theming_assets/01JN454JE8XP0HGC36KXZFDD50";
@import "/hc/theming_assets/01JN454K3A11XKD67VJQQ8J0YJ";
@import "/hc/theming_assets/01JYPK23JR1V6FNACYMKFSWESV";
@import "/hc/theming_assets/01JN454KR0ACQA50TKA8XB5KAS";
@import "/hc/theming_assets/01JN454KRTFCPKV2P3TSJH0Y8G";
@import "/hc/theming_assets/01JYPK23EY02BKNPMPJX2BGHZY";
:root {
    --font_size_base: 16px;
    --line_height_base: 1.5;
    --text_color: rgba(35, 27, 34, 1);
    --body_bg: white;
    --link_color: rgba(216, 56, 94, 1);
    --brand_primary: rgba(255, 177, 168, 1);
    --border_radius_base: 12px;
    --color: $color;
    --border_width: 1px;
    --button_color_1: rgba(216, 56, 94, 1);
    --button_color_2: rgba(113, 2, 82, 1);
    --topbar_link_color: rgba(255, 255, 255, 1);
    --logo_height: 20px;
    --hero_unit_bg: rgba(113, 2, 82, 1);
    --hero_homepage_pattern: /hc/theming_assets/01JYPK25TJ7H5YYMQKPSTQZTBW;
    --assets: $assets;
    --brand_secondary: rgba(113, 2, 82, 1);
    --brand_success: #0c9;
    --brand_danger: #ff5252;
    --brand_warning: #fad782;
    --icon_height: 80px;
    --brand_info: #5bc0de;
    --footer_text_color: rgba(106, 106, 121, 1);
    --footer_bg: rgba(243, 243, 243, 1);
    --footer_link_color: rgba(216, 56, 94, 1);
    --footer_social_icon_height: 16px;
    --footer_social_link_color: rgba(106, 106, 121, 1);
    --topbar_text_color: rgba(248, 248, 248, 1);
    --topbar_bg: rgba(113, 2, 82, 1);
}

/***** Header *****/
.header {
  max-width: 100%;
  position: relative;
  padding: 0 30px;
  align-items: center;
  display: flex;
  height: 70px;
  justify-content: space-between;
  font-family: "Rubik";
	box-shadow: 0 0 20px 0 rgb(0 0 0 / 15%);
  background-color:white;
}

  .search-bar-header{
    position: relative;
  	padding: 10px;
  }

  .search-bar-header input{
  	width: 336px;
  	height: 40px;
  	border: 1px solid #CDCBCC;
		border-radius: 20px;
  }

  .search-bar-header::before{
  	position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f002";
  	left: calc(15px * 2);
  	z-index: 1;
  	top: 33%;
		color: #710252;
  }

  .glass-mobile{
    display: none;
  }

  .glass-back{
    display:none;
    position: absolute;
    left: 5%;
    top:40%;
    z-index: 2;
    color: #231B22;
    border: none;
  }

  .glass-back::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    left: 6px;
    top: 4px
}
.query-header input#query{
  box-shadow:0 9px 14px 0 rgb(0 0 0 / 0%);
}

@media (max-width: 768px) {
  .glass-mobile{
    display: block;
  }
}

@media (max-width: 1083px) {
  .glass-mobile{
    position: absolute;
    right: 20%;
    top:35%;
    z-index: 2;
    color: #710252;
    background-color: white;
    border: none;
  }

  .search-bar-header{
    padding: 0;
  }

  input#query{
    padding: 0;
  }

    .search-bar-header::before{
  	display: none;
  }

  .query-header{
    margin: 0 10px 0 30px
  }

  .glass-mobile::after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f002";
  }
}

@media (max-width: 1083px) {

  .query-header {
    display: none;
  }
}

.query-header .clear-button{
  display:none;
}

.logo img {
  max-height: 18px;
  vertical-align: middle;
}

  .laranja{
  	color: #D8385E;
  }

  .roxo{
  	color: #710252;
  }

.logo span {
  margin: 0 10px;
  color: #6B6B78;
}

.logo a {
  display: inline-block;
  text-decoration: none;

}

.logo a:hover, .logo a:focus, .logo a:active {
  text-decoration: none;
}

.user-nav {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}

#dropdownMenuButton{
  font-size:12px;
  color: #6B6B78;
  background-color:transparent;
	border-radius: 1rem;
}

#back:hover{
  color: #710252;
}

#back{
    border-bottom-style:solid;
  	border-width: 1px;
}

#menu {
  z-index: 9999;
}

#menu a{
  color:black;
}

/****** MEDIA QUERY HEADER ******/
@media (min-width: 768px) {
  .user-nav {
    position: relative;
  }
}

/***** ========BreadCrumbs========== *****/
    .breadcrumbs {
        display: flex;
        padding-left: 0px;
        margin-bottom: 60px;
  			font-size:12px;
    }

    .breadcrumbs a {
        text-decoration: underline;
        color: #6B6B78
    }

    .breadcrumbs li::marker {
        content: '';
    }

    .breadcrumbs li::after {
        content: "/";
    }

    .breadcrumbs li {
        margin-right: 10px;
        list-style: none;
    }

  	.nav-crumbs{
  		display:flex;
  	}

  	.nav-crumbs p{
  		text-decoration: underline;
  		font-weight: bolder;
  		color: #231B22;
  	}
    .back-arrow-mobile{
    	display:none;
    }

/***** ========BreadCrumbs MediaQuery========== *****/

  @media (max-width: 1083px) {
  .breadcrumbs {
    display: none;
  }
  .current-article{
  	display:none;
  }
  .back-arrow-mobile{
  	display:flex;
  	margin-bottom:50px;
  }
  .back-arrow-mobile p{
  	text-decoration-line: underline;
		color: #231B22;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
  }
}

/***** ================== *****/


.user-nav-list > li {
  display: inline-block;
}

.user-nav-list a{
    text-decoration:none;
  	color:#710252;
}

.nav-wrapper-desktop{
  margin-top:10px;
}

@media (max-width: 768px) {
  .user-nav {
    display: none;
  }
}



.icon-menu {
  padding: 7px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.my-profile {
  display: flex;
  line-height: 1.5;
}

.my-profile .my-profile-tooltip {
  font-size: 12px;
  color: #68737D;
}

.menu-profile-avatar {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  margin-top: 1px;
}

[dir="rtl"] .menu-profile-avatar {
  margin-right: 0;
  margin-left: 8px;
}

.skip-navigation {
  align-items: center;
  background-color: black;
  color: white;
  display: flex;
  font-size: 14px;
  justify-content: center;
  left: -999px;
  margin: 20px;
  padding: 20px;
  overflow: hidden;
  position: absolute;
  top: auto;
  z-index: -999;
}

[dir="rtl"] .skip-navigation {
  left: initial;
  right: -999px;
}

.skip-navigation:focus, .skip-navigation:active {
  left: auto;
  overflow: auto;
  text-align: center;
  text-decoration: none;
  top: auto;
  z-index: 999;
}

[dir="rtl"] .skip-navigation:focus, [dir="rtl"] .skip-navigation:active {
  left: initial;
  right: auto;
}

/***** User info in header *****/
.user-info {
  display: inline-block;
}

.user-info .dropdown-toggle::after {
  display: none;
}

@media (min-width: 768px) {
  .user-info .dropdown-toggle::after {
    display: none;
  }
}

.user-info > button {
  border: 0;
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}

.user-info > button:hover, .user-info > button:focus {
  background-color: transparent;
}

.user-info > button::after {
  padding-right: 15px;
}

[dir="rtl"] .user-info > button::after {
  padding-left: 15px;
  padding-right: 0;
}

#user #user-name {
  display: none;
  font-size: 14px;
}

@media (min-width: 768px) {
  #user #user-name {
    display: inline-block;
  }
}

#user #user-name:hover {
  text-decoration: underline;
}

/***** User avatar *****/
.user-avatar {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.avatar {
  display: inline-block;
  position: relative;
}

.avatar img {
  height: 40px;
  width: 40px;
}

.avatar .icon-agent {
  color: #710252;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

.dropdown {
  position: relative;
  display: inline-block;
}

#dropdownMenuButton{
  margin-left: 34px;
  margin-right:54px;
}

.dropdown-toggle {
  cursor: pointer;
  background: none;
  border: 0;
  display: inline-block;
  padding: 0;
  text-align: initial;
  vertical-align: middle;
}


/***** Footer *****/
  .footer {
      height: 380px;
      width: 100%;
      background-color: #000000;
      color: white;
      padding: 72px 100px;
      position: relative;
      display: grid;
      grid-template-columns: 10fr 2fr;
      font-size: 16px;
    }

  .footer-list{
    display: flex;
    flex-direction: column;
    width: 0;
    font-size: 14px;
    margin: 0;
    width: 300px;
  }

	.footer a{
		text-decoration:none;
    color: white;
	}

  .dropleft{
    right: 0%;
  }

	.footer a:hover{
    color: white;
	}

  #language-selector-footer{
		display:none;
  }

  .dropdown .button-footer{
		font-size: 12px;
    color: #6B6B78;
    background-color: transparent;
    border-radius: 1rem;
    border-color:white;
    color:white;
    margin-right:20px;
  }

  .social-icon{
    display: flex;
    width: 0px;
    margin: 0 0 30px 0;
  }

  .social-icon a{
        margin: 30px 20px 0 0;
    }

  .cursor-pointer{
    cursor: pointer;
  }

  .list-style-none{
    list-style-type: none;
  }

  .footer-description{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    margin: 50px 0;
  }

  .footer-link a{
    text-decoration: none;
    color: #FFFFFF;
    margin-right: 30px;
  }

  .copyright-text{
    display: flex;
    font-size: 14px;
    color: #FFFFFF;
    opacity: 40%;
    margin: 30px 0;
  }

  .footer-download{
    width: 500px;
  }

  .footer-download a{
    margin-right: 15px;
  }

  .reclame-aqui{
    margin-left: 15px;
  }

  @media(max-width: 480px){
    .footer {
      display: grid;
      grid-template-columns: 05fr 05fr;
    }

    .footer-list{
      margin-left: -5vh;
    }

    .footer-download{
      width: 600px;
    }

    .reclame-aqui{
      margin: unset;
    }

    .footer-description{
      width: 200px;
    }
  }

  @media(max-width: 768px){
    .footer{
      width: 100%;
      display: flex;
      flex-direction: column;
      height: 690px;
      align-items: center;
    }

    .social-icon{
      width: unset;
      margin-left: 10px;
    }

    .footer-list{
      margin: unset;
      align-items: center;
      padding-right: 2rem!important;
    }

    .footer-link a{
      margin-left: 15px;
    }

    .footer-download{
      display: flex;
      flex-direction: column;
    }

    .reclame-aqui{
      margin: 30px 0 0px 0;
    }

    .footer-download{
      width: unset;
      align-items: center;
      margin-left: 10px;
    }

    .footer-download a{
      margin-bottom: 20px;
    }

    .footer-description{
      align-items: center;
      width: 100%;
      margin: 20px 0 0 0;
      padding-left: 0px;
    }
    #language-selector-footer{
    	display:block;
      margin-left:30px;
      margin-top:20px;
    }
  }

/* =================== Footer end ==================== */

/* =======================.  HOME PAGE - SEARCH SECTION    =======================*/
 .hero-inner{
  	background-color: #710252;
  	height: 266px;
  	width: 100%;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
  }

  .land{
  display: flex;
  }

  .search-title{
  	font-size: 42px;
		line-height: 28px;
  	color: white;
  	margin: -1.5em 0 10px 0;
  }

  .search-bar{
    position: relative;
  	padding: 10px;
  }

  .search-bar input{
  	width: 650px;
  	height: 48px;
  	border-radius: 20px;
  	border-style: hidden;
  }

  .search-bar::before{
  	position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f002";
  	left: calc(15px * 2);
  	z-index: 1;
  	top: 33%;
		color: #710252;
  }

#arrow{
  margin-left:10px;
}

  .clear-button{
  	background-color: transparent;
  	border: none;
  	color: #710252;
  	position: absolute;
  	right: calc(13px * 2);;
    top: 27%;
  }

input#query {
    padding: 0 calc(10px*1) 0 calc(10px* 5);
    box-shadow: 0 9px 14px 0 rgb(0 0 0 / 10%);
}

input#queryHeader {
    padding: 0 calc(10px*1) 0 calc(10px* 5);
}

.request{
  text-decoration:none;
  color: #D8385E;
}

.request:hover{
	color: #D8385E;
}

  @media(max-width: 768px){
    .search-bar input{
      width: 320px;
    }

    .user-nav-list a{
      display: none;
    }

    .search-title{
			margin: -1.2em 0 10px 0;
    }

    .land{
      margin-bottom:40px;
    }
    .hero-inner .search-title{
  		font-size:24px
		}
  }

  @media(min-width: 768px){
    .search-title{
			margin-bottom: 22px;
    }
  }

  #signed-in-banner {
    display: none;
  }

  #signed-out-banner {
    display: none;
  }

  .is-logged.feature-tagus-enabled #signed-in-banner {
    display: block !important;
  }

.feature-tagus-disabled #signed-in-banner, .is-logged #signed-in-banner {
  display: block !important;
}

.is-unlogged.feature-tagus-enabled #signed-out-banner {
  display: block !important;
}

.banner-sign-out{
  border: solid 1px #D7D7E0;
  border-radius: 20px;
  padding: 32px;
	gap: 16px;
  margin: 0!important;
}

.button-sign-out{
  display: flex;
}

@media(min-width: 768px){
  .banner-sign-out{
    height: 244px;
    width: unset;
  }
  
  .button-sign-out a{
  	padding: 06px 24px;
	}
}

.banner-sign-out a{
  color: #D8385E;
  font-weight: 700;
  cursor: pointer;
 	text-decoration: none;
}

a:hover{
  color:unset;
}

.banner-sign-out h3{
  font-size: 24px;
}

.banner-sign-out a:hover{
  color: #D8385E;
}

.button-sign-out a{
  padding: 12px 24px;
  border-radius: 24px;
}

.button-sign-out a:first-child{
  text-align: center;
  color: white!important;
  background-color: #D8385E;
  margin: 0px 10px 10px 0px;
}

.button-sign-out a:last-child{
  display: flex;
  align-items: center;
	background-color: white;
  border: solid 1px #D8385E;
  color: #D8385E!important;
  margin: 0px 0px 10px 0px;
}

.banner-sign-out p{
  font-size: 16px;
}

.banner-content{
  min-height: 90px;
}

/* ===================Banner && categorias======================= */

.display-flex {
  display: flex;
  padding: 0;
  gap: 5%;
}

#categorias{
  margin: 0 40px;
}

@media(min-width: 680px){
  #categorias{
    margin: 0 9%;
  }
}

  .btn-tribe{
  	position: absolute;
  	align-self:start;
  	left: 10%;
 		margin-top: 227px;
  }

  .btn-inner-tribe{
  	margin: 0 10px 0 0;
    color: white;
  	background-color: #710252;
  	border: none;
  	padding: 0 16px;
  }

  .home-page{
		max-width: 82%;
  	margin-top:52px;
  	margin-bottom: 52px;
  	font-family: "Rubik";
  }

  .container-fluid .faq{
  	font-weight: 600;
		font-size: 20px;
		line-height: 28px;
  }

  .dropdown-mobile{
  	margin: 0 0 40px 10px;
  }

  @media(min-width: 768px){
  	.dropdown-mobile{
  		display:none;
  	}
  }

  @media(max-width: 768px){
  	.btn-tribe{
    	left: 3%;
 	 	}
  }

@media(max-width: 440px){
  .btn-inner-tribe{
    font-size:13px
  }
  .btn-inner-tribe{
    margin: 0 0px 0 0;
  }
}

  #dropdown-menu-button-mobile{
  	border: 2px solid #FFFFFF;
		border-radius: 57.1429px;
  	font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #ffffff
  }

  .promoted .article{
  	border-bottom: 1px solid #D7D7E0;
  	padding-bottom: 15px;
  	padding-top: 24px;
  	text-decoration: none;
  	color: #6B6B78;
  }

  .promoted a{
    cursor:pointer;
  }

	.article-final{
  	padding-bottom: 15px;
  	padding-top: 24px;
  	text-decoration: none;
  	color: #6B6B78;
  }

  .article-end{
  	padding-top:24px;
  }

  .promoted .ver-mais{
  	margin-top:12px;
    color: #710252;
  }

 .arrow-mini{
  	display:none;
	}

	.arrow{
  	margin-left:10px;
  }

  .banner-main .banner{
  	margin-top:50px;
    margin-bottom: 40px;
  	background: #FFEEF2;
		border-radius: 20px;
  	padding: 20px 2vw 20px 0px;
  	display: flex;
    flex-direction: row;
    align-items: center;
  }

  .banner-main .banner p{
  	margin-top:15px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
  }

  .banner-main .banner h2{
  	margin-top:2px;
  	padding-left:40px;
  	font-size:20px;
  	color: #231922;
  	font-weight:bold;
  }

  .banner-main .banner .contato{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 8px 12px 8px;
  	border: 1px solid #D8385E;
		border-radius: 50px;
  	font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 10px;
  	color: #D8385E;
    cursor:pointer;
  }
  .banner-main .banner .contato a{
  	padding-left:10px;
  }

  .banner-main .categorias{
  	margin-top:85px;
  }

  .banner-main .categorias svg{
  	margin-bottom:20px;
  }

.banner-main{
  max-width: 82%;
  padding: 0px;
}

.banner-main .contact{
  padding: 0px 0px 0px 0px;
}

@media(max-width: 767px){
    .banner-main{
    max-width: 100%;
  }
  .banner-main .contato{
    margin-right:30%;
  }
  .arrow-mini{
  	display:inline;
    margin-left:100%;
	}
  .promoted #arrow{
    margin-left:100%;
  }
  .home-page .promoted{
    font-size:15px;
  }
}

	.row .categoria:hover{
  	color:#D8385E;
    fill:#D8385E;
    stroke:#D8385E;
	}

	.row .categoria svg path{
    stroke: inherit;
    fill: inherit;
	}

  .row .categoria{
  	margin-top:10px;
  	text-align:center;
  	padding: 29px 47px 29px 47px;
  	background: #FFFFFF;
    border: 1px solid #D7D7E0;
    box-shadow: 0px 6px 50px 10px rgba(54, 0, 39, 0.07);
    border-radius: 30px;
    height: 185px;
    cursor:pointer;
    color:#710252;
    margin-bottom:25px;
    justify-content:center;
    stroke: #9898A6;
    fill: #9898A6;
  }



	.row .categoria svg{
  	margin: 8px 0 30px 0;
    stroke: inherit;
    fill: inherit;
	}

	.row .categoria p{
  	font-size:18px;
    color:inherit;
    margin: 0px 0px 0px 0px;
	}

  .svg-category{
    stroke:inherit;
  }

@media (min-width: 768px) {
    .promoted .col-md-4{
  	width:30%
  }
  .row .categoria {
  	width:30%
  }
}
@media(max-width: 767px){
  	.second{
  	display:none;
  	}
  	.article-final{
  		  border-bottom: 1px solid #D7D7E0;
  	}
  .row .categoria{
        margin-bottom:15px;
  }

  .banner-main .banner h2{
    padding-left:0px;
  }

    .container-fluid .banner{
      background: #FFEEF2;
      border-radius: unset;
      padding: 20px 0px 20px 0px;
      display: flex;
      flex-direction: row;
      align-items: center;
      padding-left:8%;
      padding-right:8%;
  	}
  }

/* =================Articles========================= */


/* ============== REQUEST FORM PAGE =============== */

.new-request-page{
  background-color: white;
}

.new-request-form{
 	display:flex;
}

 .container-inner{
  	margin-left:15%;
  	margin-right:15%;
  }

.form-field{
  width: 49%;
}

.form-field > input, .form-field > a{
  border: 3px solid black;
  display:flex;
  align-items: center;
	height: 50px;
  text-decoration: none;
}

.request-form{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.request-form >:last-of-type{
  width: 100%;
}

.request-form > footer{
  display: flex;
  justify-content: flex-end;
  margin: -20px 5px 60px 0;
}

[dir] input[type="submit"]{
  width: 152px;
  height: 50px;
  border-radius: 30px;
  padding: 8px 16px;
  background-color: #D8385E;
  color: white;
  border: none;
}

@media(max-width: 768px){
  .form-field{
    width: 100%;
  }

  .request-form > footer{
   justify-content: center;
  }

  [dir] input[type="submit"]{
  	width: 100%;
	}
}

.request_subject, .request_description, .upload-dropzone{
  width: 100%;
  border-radius: 10px;
}

.banner-form{
  	display: flex;
  	flex-wrap: wrap;
    background-color: #F5F5FA;
  	margin: 140px auto 60px auto;
  	border-radius: 20px;
  	align-items: center;
  	justify-content: space-between;
  	padding: 15px;
}

.banner-form__title{
  display: flex;
  width: 17rem;
  margin-left: 20px;
  font-size: 16px;
  font-weight: 700;
  margin-top: 10px;

}

.title-svg{
  display: flex;
  align-items: center;
}

.banner-form__description{
	display: flex;
  flex-wrap: wrap;
  width: 30rem;
  margin-left: 40px;
  margin-top: 10px;
}

.web-form__title{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.web-form__title h2{
  color: #710252;
  font-weight: 600;
}

.web-form__title p {
  color: #6B6B78;
  font-size: 16px;
}

.request_ticket_form_id{
  position: absolute;
  top: 260px;
}

.request_ticket_form_id a{
  text-decoration: none;
  width: 22rem;
}

@media(max-width: 1250px){
  .banner-form{
    flex-direction: column;
  }

  .banner-form__title{
    font-size: 14px;
    width: 100%;
  }

  .banner-form__description{
  	width: 100%;
    margin: unset;
  }
}

@media(max-width: 1083px){
  .request_ticket_form_id{
	  top: 310px;
	}
}

@media(max-width: 768px){
  .request_ticket_form_id a{
    width: 67%;
	}
}

@media(max-width: 545px){
    .request_ticket_form_id {
		top: 320px;
	}
}

@media(max-width: 280px){
    .request_ticket_form_id {
		top: 370px;
	}
}

/* =============== REQUEST FORM PAGE  ================ */

/* ============== Section Page =============== */


  	.section-title{
  		font-family: 'Rubik';
      font-style: normal;
      font-weight: 600;
      font-size: 32px;
      line-height: 36px;
      color: #710252;
  		margin-top:40px;
  	}
    .section-list{
      padding-left:0px;
    }
    .section .ver-mais{
      margin-top:12px;
  		text-decoration:none;
      color: #710252;
    }
  	.section-name{
  		font-family: 'Rubik';
      font-style: normal;
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      color: #231922;
    	margin-top:66px;
  	}

  	.section-itens{
  		list-style: none;
  		border-bottom: 1px solid #D7D7E0;
   		padding-bottom: 15px;
  		padding-top:15px;
  		margin-right: 92px;
  	}

    .section-itens a{
  		text-decoration: none;
  		font-family: 'Rubik';
      font-style: normal;
      font-weight: 400;
      font-size: 15px;
      line-height: 20px;
      color: #6B6B78;
  	}

    .article-container #main-content {
        background-color: transparent;
    }

    .section-page {
        max-width: 82%;
        margin-bottom: 52px;
        font-family: "Rubik";
    }
  	.article a{
  		color:#D8385E;
  	}

  	.question-feedback{
  		display:flex;
  	}

    .article-header h1 {
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 36px;
        color: #710252;
  			margin-bottom:16px;
    }

    .related-articles-title{
          text-decoration: none;
          font-weight: bolder;
          font-size: 18px;
          line-height: 20px;
          color: #231922;
    }
    .related-articles-list{
      padding-left:0px;
    }
    .related-articles-itens{
      list-style: none;
  		margin-top:24px;
    }

  	.related-articles-itens a{
  		text-decoration: none;
  		font-family: 'Rubik';
      font-style: normal;
      font-weight: 400;
      font-size: 15px;
      line-height: 20px;
      color: #6B6B78;
  	}

    .article-body {
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #6B6B78;
    }

@media (max-width: 768px) {
  	.section-itens{
  		margin-right:0px;
  	}
  }
/* ===============Section Page================ */

/* ============== SEARCH PAGE ================ */
.search-results{
  margin-top: 60px;
}

.search__title{
  color: #710252;
  font-weight: 600;
  font-size: 32px;
	}

/* ============== SEARCH PAGE ================ */

.banner-community{
  max-width: 83%;
  display: flex;
  margin: 15px auto 60px auto;
}