:root {
  --scrollbarBG: #fff;
  --thumbBG: #c4c4c4;
  --primary-color: rgb(130, 0, 150);
  --active-unfocused-icons: #8d8d8d;
  --iOS-active-unfocused-icons: #9a99a2;
  --active-focused-icons: #272727;
  --active-focused-icons-escuro: #838383;
  --inactive-icons: #c7c7c7;
  --text-high-emphasis: #242424;
  --text-low-emphasis: #bdbdbd;
  --text-error-color: #b00020;
  --text-valid-color: #009f23;
  --cor-conteudo-site: #f7f7f7;
  --branco: #ffffff;
  --laranja: #ff8e11;
  --dark-color-site: #18214d;
}
body {
  background: #efefef !important;
  font-family: Nunito Sans !important;
}
.contact-clean .form-group:last-child {
  margin-bottom: 5px;
}
.contact-clean form .form-control {
  background: #fff;
  border-radius: 2px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  outline: 0;
  color: inherit;
  padding-left: 12px;
  height: 42px;
}
.contact-clean form .form-control:focus {
  border: 1px solid #b2b2b2;
}
.edit-icon {
  margin-left: 10px;
  font-size: 15px;
}
.add-another-btn {
  border: 2px solid #5c99c7;
  color: #5c99c7;
  font-size: 14px;
  line-height: 1.8em;
}
.add-another-btn:hover {
  border: 2px solid #5c99c7;
  background: #5c99c7;
  color: #fff;
}
@media (min-width: 576px) {
  .eWallet_bottomMenu {
    background-image: url("data:image/svg+xml,%3Csvg width='1200' height='90' viewBox='0 0 1200 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Crect width='1200' height='90' fill='url(%23paint0_linear)'/%3E%3Cg clip-path='url(%23clip1)'%3E%3Cpath d='M1031.63 3.53173L1034.73 -8.05938L1083.03 4.88157C1084.09 5.16746 1084.73 6.26413 1084.44 7.33106L1075.64 40.1725L1083.37 42.2431L1092.17 9.40162C1093.6 4.06696 1090.43 -1.41641 1085.1 -2.84583L980.778 -30.7983C975.443 -32.2277 969.96 -29.0619 968.53 -23.7272L959.73 9.11426L967.458 11.1848L976.258 -21.6567C976.544 -22.7236 977.64 -23.3568 978.707 -23.0709L1027 -10.1299L1023.9 1.46118L1031.63 3.53173Z' fill='url(%23paint1_linear)'/%3E%3Cpath d='M1005.74 100.124L1008.85 88.5332L1001.12 86.4627L998.016 98.0538L949.719 85.1128C948.653 84.8269 948.019 83.7303 948.305 82.6633L957.105 49.8218L949.378 47.7513L940.578 80.5928C939.148 85.9274 942.314 91.4108 947.649 92.8402L1051.97 120.793C1057.3 122.222 1062.79 119.056 1064.22 113.722L1073.02 80.8801L1065.29 78.8096L1056.49 111.651C1056.2 112.718 1055.11 113.351 1054.04 113.065L1005.74 100.124Z' fill='url(%23paint2_linear)'/%3E%3Cpath d='M1084.88 67.4959L1061.7 61.2842L1063.77 53.5568L1086.96 59.7685L1084.88 67.4959Z' fill='url(%23paint3_linear)'/%3E%3Cpath d='M945.791 30.2259L968.974 36.4376L971.044 28.7102L947.862 22.4985L945.791 30.2259Z' fill='url(%23paint4_linear)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1016.93 12.017L993.746 5.80536L987.534 28.9876L1010.72 35.1992L1016.93 12.017ZM997.332 23.3307L999.403 15.6033L1007.13 17.6739L1005.06 25.4013L997.332 23.3307Z' fill='url(%23paint5_linear)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1026.17 39.3403L1049.35 45.552L1055.57 22.3698L1032.38 16.1581L1026.17 39.3403ZM1035.97 33.6835L1038.04 25.9561L1045.77 28.0266L1043.7 35.754L1035.97 33.6835Z' fill='url(%23paint6_linear)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1028.72 60.7294L1020.99 58.6589L1019.96 62.5226L1008.37 59.4167L1004.23 74.8715L1011.95 76.9421L1014.03 69.2147L1025.62 72.3205L1023.55 80.0479L1031.27 82.1185L1033.34 74.3911L1041.07 76.4616L1044.18 64.8705L1036.45 62.8L1038.52 55.0726L1046.25 57.1431L1048.32 49.4157L1040.59 47.3451L1038.52 55.0726L1030.79 53.002L1032.86 45.2746L1025.14 43.204L1023.07 50.9314L1030.79 53.002L1028.72 60.7294ZM1028.72 60.7294L1025.62 72.3205L1033.34 74.3911L1036.45 62.8L1028.72 60.7294Z' fill='url(%23paint7_linear)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1006.58 50.654L983.393 44.4424L977.182 67.6246L1000.36 73.8363L1006.58 50.654ZM994.707 64.0383L986.979 61.9678L989.05 54.2403L996.777 56.3109L994.707 64.0383Z' fill='url(%23paint8_linear)'/%3E%3Cpath d='M994.226 34.9218L986.499 32.8513L984.428 40.5787L992.156 42.6492L994.226 34.9218Z' fill='url(%23paint9_linear)'/%3E%3Cpath d='M1009.4 55.553L1017.13 57.6236L1021.27 42.1688L1005.82 38.0277L1003.75 45.7551L1011.47 47.8256L1009.4 55.553Z' fill='url(%23paint10_linear)'/%3E%3Cpath d='M1026.45 22.8502L1018.72 20.7797L1014.58 36.2345L1022.31 38.3051L1026.45 22.8502Z' fill='url(%23paint11_linear)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='600' y1='0' x2='600' y2='90' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.223958' stop-color='%239C00B4'/%3E%3Cstop offset='1' stop-color='%2378008B'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint7_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint8_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint9_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint10_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint11_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3CclipPath id='clip0'%3E%3Crect width='1200' height='90' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1'%3E%3Crect width='208' height='208' fill='white' transform='translate(942.834 -82.375) rotate(15)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 100%;
    width: 100%;
    height: 90px;
  }
}
@media (max-width: 575px) {
  .eWallet_bottomMenu {
    background-image: url("data:image/svg+xml,%3Csvg width='1200' height='90' viewBox='0 0 1200 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Crect width='1200' height='90' fill='url(%23paint0_linear)'/%3E%3Cg clip-path='url(%23clip1)'%3E%3Cpath d='M1031.63 3.53173L1034.73 -8.05938L1083.03 4.88157C1084.09 5.16746 1084.73 6.26413 1084.44 7.33106L1075.64 40.1725L1083.37 42.2431L1092.17 9.40162C1093.6 4.06696 1090.43 -1.41641 1085.1 -2.84583L980.778 -30.7983C975.443 -32.2277 969.96 -29.0619 968.53 -23.7272L959.73 9.11426L967.458 11.1848L976.258 -21.6567C976.544 -22.7236 977.64 -23.3568 978.707 -23.0709L1027 -10.1299L1023.9 1.46118L1031.63 3.53173Z' fill='url(%23paint1_linear)'/%3E%3Cpath d='M1005.74 100.124L1008.85 88.5332L1001.12 86.4627L998.016 98.0538L949.719 85.1128C948.653 84.8269 948.019 83.7303 948.305 82.6633L957.105 49.8218L949.378 47.7513L940.578 80.5928C939.148 85.9274 942.314 91.4108 947.649 92.8402L1051.97 120.793C1057.3 122.222 1062.79 119.056 1064.22 113.722L1073.02 80.8801L1065.29 78.8096L1056.49 111.651C1056.2 112.718 1055.11 113.351 1054.04 113.065L1005.74 100.124Z' fill='url(%23paint2_linear)'/%3E%3Cpath d='M1084.88 67.4959L1061.7 61.2842L1063.77 53.5568L1086.96 59.7685L1084.88 67.4959Z' fill='url(%23paint3_linear)'/%3E%3Cpath d='M945.791 30.2259L968.974 36.4376L971.044 28.7102L947.862 22.4985L945.791 30.2259Z' fill='url(%23paint4_linear)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1016.93 12.017L993.746 5.80536L987.534 28.9876L1010.72 35.1992L1016.93 12.017ZM997.332 23.3307L999.403 15.6033L1007.13 17.6739L1005.06 25.4013L997.332 23.3307Z' fill='url(%23paint5_linear)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1026.17 39.3403L1049.35 45.552L1055.57 22.3698L1032.38 16.1581L1026.17 39.3403ZM1035.97 33.6835L1038.04 25.9561L1045.77 28.0266L1043.7 35.754L1035.97 33.6835Z' fill='url(%23paint6_linear)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1028.72 60.7294L1020.99 58.6589L1019.96 62.5226L1008.37 59.4167L1004.23 74.8715L1011.95 76.9421L1014.03 69.2147L1025.62 72.3205L1023.55 80.0479L1031.27 82.1185L1033.34 74.3911L1041.07 76.4616L1044.18 64.8705L1036.45 62.8L1038.52 55.0726L1046.25 57.1431L1048.32 49.4157L1040.59 47.3451L1038.52 55.0726L1030.79 53.002L1032.86 45.2746L1025.14 43.204L1023.07 50.9314L1030.79 53.002L1028.72 60.7294ZM1028.72 60.7294L1025.62 72.3205L1033.34 74.3911L1036.45 62.8L1028.72 60.7294Z' fill='url(%23paint7_linear)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1006.58 50.654L983.393 44.4424L977.182 67.6246L1000.36 73.8363L1006.58 50.654ZM994.707 64.0383L986.979 61.9678L989.05 54.2403L996.777 56.3109L994.707 64.0383Z' fill='url(%23paint8_linear)'/%3E%3Cpath d='M994.226 34.9218L986.499 32.8513L984.428 40.5787L992.156 42.6492L994.226 34.9218Z' fill='url(%23paint9_linear)'/%3E%3Cpath d='M1009.4 55.553L1017.13 57.6236L1021.27 42.1688L1005.82 38.0277L1003.75 45.7551L1011.47 47.8256L1009.4 55.553Z' fill='url(%23paint10_linear)'/%3E%3Cpath d='M1026.45 22.8502L1018.72 20.7797L1014.58 36.2345L1022.31 38.3051L1026.45 22.8502Z' fill='url(%23paint11_linear)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='600' y1='0' x2='600' y2='90' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.223958' stop-color='%239C00B4'/%3E%3Cstop offset='1' stop-color='%2378008B'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint7_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint8_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint9_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint10_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint11_linear' x1='895.489' y1='78.864' x2='1069.36' y2='125.451' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15625' stop-color='%23CA00E9'/%3E%3Cstop offset='0.755208' stop-color='%23A902C2'/%3E%3C/linearGradient%3E%3CclipPath id='clip0'%3E%3Crect width='1200' height='90' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1'%3E%3Crect width='208' height='208' fill='white' transform='translate(942.834 -82.375) rotate(15)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%;
    height: 48px;
  }
}
.thumbnailEWallet {
  box-shadow: none !important;
  border: none !important;
  background: 0 0 !important;
  min-width: 360px;
  max-width: 360px;
}
.btn.btn-outline-primary.text-truncate.float-none.float-sm-none {
  box-shadow: none !important;
  border: transparent !important;
}
.qrCodeText {
  font-family: Nunito Sans;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #242424;
  margin-bottom: 8px;
}
.activeQrCode {
  color: #820096;
}
.qrCodetextMenu {
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
}
.text-success {
  color: #820096 !important;
}
.btn.btn-danger.btn-lg.center-block {
  background-color: #820096 !important;
}
/* [type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) { */
/* background-color: #820096; */
/* color: #fff; */
/* } */
.card-block {
  padding: 1.25rem;
}
.card-title {
  margin-bottom: 0.75rem;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-img-top {
  border-top-right-radius: calc(0.25rem - 1px);
  border-top-left-radius: calc(0.25rem - 1px);
}
@media (min-width: 576px) {
  .card-deck {
    display: table;
    width: 100%;
    margin-bottom: 0.75rem;
    table-layout: fixed;
    border-spacing: 1.25rem 0;
  }
  .card-deck .card {
    display: table-cell;
    margin-bottom: 0;
    vertical-align: top;
  }
  .card-deck-wrapper {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
.card {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  margin-top: 10px;
  box-sizing: border-box;
  border-radius: 2px;
  background-clip: padding-box;
}
.filter {
  max-width: 1900px;
  margin: 0;
}
.filterHome {
  width: 100%;
}
.procurarItem {
  max-width: 300px;
  min-width: 200px;
  display: flex;
  flex-direction: row;
  justify-content: right;
}
.formFilter {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-around;
}
.isDisabled {
  cursor: not-allowed !important;
  opacity: 0.5;
}
.filterButton {
  background-image: url(../img/filtrarIcon.png);
  width: 130px;
  background-color: transparent;
  border: none;
  height: 50px;
}
@media (max-width: 700px) {
  .formFilter {
    align-items: center;
    justify-content: center;
    padding: 10px;
  }
  .filterButton {
    margin-top: 15px;
  }
  .iconHome {
    width: 26px;
    height: 26px;
  }
}
/* .btn,
.btn-primary,
.btn-primary::after,
.btn-primary::selection,
.btn-primary:active,
.btn.btn-default:hover,
.btn:focus,
.btn:hover,
button:focus {
  border: none !important;
  box-shadow: none !important;
  outline: 0 !important;
} */
.formFilter {
  padding: 0 32px !important;
}
/* .row {
  padding: 7px;
} */
.animated {
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  transition: height 0.2s;
}
.stars {
  margin: 20px 0;
  font-size: 24px;
  color: #d17581;
}
.sygsPontos2 {
  margin-top: 10px;
}
.slider {
  cursor: grab;
}
#header,
.mealheirosHome,
section {
  padding: 32px;
}
@media (max-width: 900px) {
  #header,
  .mealheirosHome,
  section {
    padding: 16px;
  }
}
.colPontos,
.menu-bar,
.responsive.slider {
  display: flex;
}
.responsive.slider > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.textoCarrossel {
  margin-left: 1em !important;
  margin-top: -3px;
}
.filtr-controls span,
.open-sidebar {
  cursor: pointer;
}
.filtr-controls span:after {
  content: ' ';
  width: 0;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  background: 0 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.filtr-controls span.active:after {
  width: 100%;
  height: 4px;
  left: 0;
  background: #fff;
}
a {
  color: inherit;
  color: inherit;
  text-decoration: none;
  color: inherit;
}
.container.d-flex.d-xl-flex.flex-column.justify-content-xl-center {
  max-width: 1900px !important;
}
/* .video-js {
  max-width: 100%;
} */
.videoTitle {
  font-family: Nunito Sans;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}
.videoSubTitle {
  font-family: Nunito Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
}
.videoExpiration {
  font-family: Nunito Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 11px;
  color: #bdbdbd;
}
.videoPoints {
  font-family: Nunito Sans;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-align: right;
  letter-spacing: 0.0025em;
  color: #bdbdbd;
  margin-top: 1px;
}
.dislike,
.like {
  display: flex;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 5px;
  font-size: 24px;
}
.qty1,
.qty2 {
  border: none;
  width: 30px;
  background: 0 0 !important;
}
.lb-style-drop .lb-dislike,
.lb-style-drop .lb-like,
.lb-style-padded .lb-dislike,
.lb-style-padded .lb-like,
.lb-style-white .lb-dislike,
.lb-style-white .lb-like {
  border: none !important;
}
.ganheSygsVideo {
  font-size: 10px !important;
  font-weight: 400 !important;
  margin-top: 0 !important;
}
@media (max-width: 600px) {
  .headingVideoSygs {
    margin: 0 !important;
    font-weight: 700;
    font-size: 14px;
  }
}
.headingVideoSygs {
  margin: 0 !important;
  font-weight: 700;
}
.rowVerVideos {
  margin: 15px 0;
  min-width: 100%;
}
.breadcrumb,
.breadcrumb-item {
  background: initial !important;
}
#page-top {
  justify-content: center;
}
.filter {
  text-align: center;
  max-width: 1900px;
  padding: 10px;
}
.footer-dark {
  padding: 50px 0;
  color: #f0f9ff;
  background-color: #282d32;
}
.footer-dark h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 16px;
}
.footer-dark .item.text {
  margin-bottom: 36px;
}
@media (max-width: 767px) {
  .footer-dark .item:not(.social) {
    text-align: center;
    padding-bottom: 20px;
  }
  .footer-dark .item.text {
    margin-bottom: 0;
  }
}
.footer-dark .item.text p {
  opacity: 0.6;
  margin-bottom: 0;
}
.footer-dark .copyright {
  text-align: center;
  padding-top: 24px;
  opacity: 0.3;
  font-size: 13px;
  margin-bottom: 0;
}
.underline,
nav a:hover,
nav a:visited {
  text-decoration: none;
  color: inherit;
}
.underline:hover {
  color: #d3d3d3;
}
.form-control {
  border-style: none;
}
.carousel {
  margin-bottom: 0;
  padding: 0 40px 30px;
}
.headEmpresas {
  font-weight: 800;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.0025em;
  color: #272727;
}
@media (min-width: 1000px) {
  .colPontos {
    max-width: 30% !important;
  }
}
.semSorteios {
  margin-top: 20px;
}
.headHome {
  border-radius: 0 0 32px 32px !important;
  background: #fff;
}
@media (min-width: 900px) {
  .podeGanhar {
    margin-left: 10px !important;
  }
}
.headEmpresas > span {
  color: #820096;
  text-decoration: none !important;
}
.sectionSlides {
  border-radius: 32px !important;
  width: 100%;
  max-width: 1500px;
}
.filterHome {
  min-width: 100% !important;
}
.novidades {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.novidades > div > div > img,
.novidades > div > img {
  width: 260px;
  height: 172px;
  left: 32px;
  bottom: 54px;
}
#demo {
  flex-wrap: wrap;
}
@media (max-width: 500px) {
  .formFilter {
    padding: 0 16px !important;
  }
  .colPontos {
    padding: 0 !important;
    width: 100% !important;
  }
  .hojePodeGanhar {
    margin-top: 10px;
  }
  .headParticipar {
    font-size: 36px;
    line-height: 40px !important;
  }
  .pontosSygs,
  .sygsPontos {
    font-size: 22px !important;
    line-height: 25px;
  }
}
.headParticipar {
  font-weight: 800;
  font-size: 50px !important;
  line-height: 55px;
  text-align: center;
  letter-spacing: -2px;
  color: #fff;
  margin-bottom: 100px;
}
@media (min-width: 700px) {
  .headSemSorteio {
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -1px;
    color: #fff;
  }
}
.semSorteios {
  font-size: 20px;
  line-height: 22px;
  letter-spacing: -1px;
  max-width: 100%;
  margin-bottom: 0;
}
.containerMega > li > a {
  padding: 0;
}
.containerMega {
  width: 100%;
  min-width: 50%!;
  height: 70px;
  margin: 0 !important;
}
.container.containerNav {
  max-width: 1300px !important;
}
.aderir.slider > div > img {
  width: 130px !important;
  height: 106px !important;
  margin: auto;
}
.saldoSygs {
  font-size: 11px !important;
}
@media (max-width: 951px) {
  .navBar {
    display: none !important;
  }
}
.hiddenBar,
.slick-arrow.slick-hidden,
.slick-slide.slick-loading img {
  display: none;
}
#sidebar.active {
  left: 0;
}
#sidebar.sidebar-right {
  left: auto;
  right: -347px;
}
#sidebar.sidebar-right.active {
  right: 0;
}
#sidebar,
#sidebar * {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#sidebar #close-sidebar:hover,
#sidebar ul ul ul a:hover {
  background: rgba(255, 255, 255, 0.4);
}
#sidebar .sidebar-header {
  padding: 15px;
  background: rgba(0, 0, 0, 0.4);
  min-height: 65px;
  text-align: left;
}
.row,
.sidebar-header h1,
.sidebar-header h2,
.sidebar-header h3,
.sidebar-header h4,
.sidebar-header h5,
body {
  margin: 0;
}
#sidebar > :not(.sidebar-header):not(ul):not(.full-width) {
  margin-left: 15px;
}
#sidebar > ul {
  list-style: none;
  padding: 0;
}
#sidebar ul li a {
  padding: 10px 15px;
  color: #fff;
  display: block;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.1);
  margin-bottom: 1px;
}
#sidebar a[aria-expanded='true'],
#sidebar ul li a:hover,
#sidebar ul li.active > a {
  background: rgba(0, 0, 0, 0.2);
}
#sidebar a[data-toggle='collapse'] {
  position: relative;
}
#sidebar a[aria-expanded='false']::before,
a[aria-expanded='true']::before {
  content: '\e259';
  display: block;
  position: absolute;
  right: 20px;
  top: calc(50% - 6px);
  font-size: 0.6em;
}
#sidebar a[aria-expanded='true']::before {
  content: '\e260';
}
#sidebar ul ul a {
  padding-left: 30px;
  background: rgba(255, 255, 255, 0.1);
}
#sidebar ul ul a:hover {
  background: rgba(255, 255, 255, 0.2);
}
#sidebar ul ul ul a {
  padding-left: 60px;
  background: rgba(255, 255, 255, 0.3);
}
#sidebar .btn.btn-default {
  background: rgba(0, 0, 0, 0.4);
  border: none;
  color: #fff;
}
#sidebar .btn.btn-default:hover {
  background: rgba(0, 0, 0, 0.5);
}
#sidebar hr {
  border-color: rgba(255, 255, 255, 0.3);
}
.sygsPontos {
  background: -webkit-linear-gradient(#fea119, #9b00b3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.procurarItem {
  max-width: 300px;
  margin: 0 !important;
  display: flex;
  flex-direction: row;
  justify-content: right;
}
.formFilter {
  display: flex;
  justify-content: space-between;
}
.filter select {
  width: 170px;
  padding: 5px;
  border-radius: 5px;
  border: none;
  box-shadow: 0 0 2px #aaa;
  margin: 10px;
  background: #eee;
}
.filter input {
  margin: 30px;
  width: 60%;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  background: #eee;
}
/* input {
  font-size: 18px;
  padding: 10px 10px 10px 5px;
  display: block;
  width: 300px;
  border: 1px solid #820096;
}
*,
.slick-dots li button:focus,
.slick-dots li button:hover,
input:focus {
  outline: 0;
} */

.sygLogo {
  max-width: 150px;
}
.navBarLinkDesativado {
  color: #232b55 !important;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.4px;
  font-weight: 700;
  margin-right: 18px;
}
.navBarLinkAtivado {
  color: #fe9819 !important;
  line-height: 22px;
  letter-spacing: -0.4px;
  font-weight: 700;
  margin-right: 18px;
}
@media (max-width: 576px) {
  .navbar-nav {
    margin-left: 20px !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
  }
  .sygLogo {
    margin-left: 20px !important;
  }
}
@media (max-width: 765px) {
  #navcol-1 {
    padding-bottom: 10px !important;
  }
}
span {
  font-style: inherit;
  font-weight: inherit;
  /* color: #fff; */
}

@media (min-width: 1200px) {
  .footerInner {
    min-width: 1000px;
    max-width: 1200px;
  }
  .head4 {
    font-size: 20px;
  }
  .headParticipar {
    font-weight: 800;
    font-size: 65px;
    line-height: 55px;
    text-align: center;
    letter-spacing: -2px;
    color: #fff;
  }
  .navBar {
    padding: 0 0 0 70px !important;
  }
  #navcol-1 {
    margin: 0;
  }
  .navbar.navbar-light.navbar-expand-md {
    padding: 16px 0 !important;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between !important;
    width: 1200px !important;
    height: 70px;
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between !important;
  }
  .navbar-light .navbar-brand {
    margin-left: 30px;
  }
}
@media (min-width: 768px) {
  #navcol-1 {
    margin: 0;
  }
}
@media (min-width: 1250px) {
  #navcol-1 {
    margin-right: 40px;
  }
}
.navbar-expand-md .navbar-nav {
  justify-content: flex-end;
}
.iconNavBar {
  margin-right: 0.5em;
}
@media (max-width: 992px) {
  #navcol-1 {
    margin-right: 0 !important;
  }
  .navBar {
    padding-left: 0 !important;
    max-height: 300px !important;
  }
}
.navBar {
  padding-left: 0 !important;
}
@media (min-width: 2px) {
  .navBar {
    padding: 0 !important;
  }
}
@media (min-width: 1200px) {
  #navcol-1 {
    justify-content: flex-end;
    margin-right: 70px !important;
  }
  .navbar-light .navbar-brand {
    margin-left: 0;
  }
  .navbar-expand-md .navbar-nav {
    flex-flow: row nowrap;
    align-content: center;
  }
  .sygLogo {
    margin-left: 10%;
  }
  .containerNav {
    margin: 0 auto !important;
    padding: 0 !important;
  }
  .rowHome {
    margin-top: 70px;
  }
  .headHome {
    height: 800px !important;
    max-width: 1500px !important;
  }
}
/* @media (max-width: 1200px) {
  .containerNav {
    margin: 0 3% !important;
    min-width: 95%;
  }
} */
@media (max-width: 768px) {
  .navBar {
    margin: 0 !important;
    padding: 0 !important;
  }
  .containerNav {
    margin: 0 !important;
  }
}
@media (min-width: 992px) {
  .menubar nav ul li .mega-menu ul {
    width: 25%;
  }
  .navBar {
    max-width: 1300px;
    max-height: 70px !important;
  }
}
.slick-loading .slick-list {
  background: url('/media/sygpointweb/assets/img/ajax-loader.gif') center center
    no-repeat #fff;
}
.slick-next,
.slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0;
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  outline: 0;
  background: 0 0;
}
.slick-next.slick-disabled:before,
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev.slick-disabled:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 0.8;
}
.slick-next:before,
.slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
}
.slick-prev {
  left: -25px;
}
[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}
.slick-prev:before,
[dir='rtl'] .slick-next:before {
  content: '←';
}
.slick-next:before,
[dir='rtl'] .slick-prev:before {
  content: '→';
}
.slick-next {
  right: -25px;
}
[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 0.9;
}
.slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: 0.95;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #000;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-right: auto;
}
.slick-track:after,
.slick-track:before {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-slide,
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
@media all and (max-width: 950px) {
  .nav {
    padding: 0;
  }
  .menu-bar {
    flex-direction: column;
    position: fixed;
    top: 0;
    left: -100%;
    height: 100vh;
    width: 3s50px;
    max-width: 350px;
    max-width: 90%;
    overflow-x: hidden;
    transition: left 0.3s;
    box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.25);
  }
  .mobile-menu-trigger {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between !important;
    align-items: center;
    background: #fff;
    color: #000;
    border: 0;
    padding: 10px;
    font-size: 1.2em;
    border-radius: 4px;
  }
}
/* .btn:hover {
  filter: brightness(1.25);
} */
.head1 {
  font-weight: 800;
  font-size: 34px;
  line-height: 39px;
  letter-spacing: 0.0025em;
  color: #fff;
}
.head2 {
  font-weight: 900;
  font-size: 24px;
  line-height: 25px;
  letter-spacing: 0.0025em;
  color: #fff;
}
@media (min-width: 300px) {
  .hojePodeGanhar {
    padding: 15px !important;
  }
  .headSemSorteio {
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -1px;
    color: #fff;
  }
  .head2 {
    font-size: 16px;
    line-height: 15px;
    margin-bottom: 0;
    letter-spacing: 0.0025em;
    color: #fff;
  }
}
.head3 {
  font-style: normal;
  color: #fff;
  letter-spacing: 0.0025em;
  font-weight: 800;
  font-size: 28px;
  line-height: 24px;
}
@media (max-width: 700px) {
  .head1 {
    font-size: 21px;
    line-height: 29px;
    margin-bottom: 0;
  }
}
.btnGanhe {
  background: url(media/sygpointweb/assets/img/ganheSygsbotao.png) top/cover
    no-repeat;
  box-shadow: 0 6px 6px rgba(145, 0, 167, 0.18);
  border-radius: 8px;
  width: 172.22px;
  height: 50px;
  font-family: Nunito Sans;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.0125em;
  color: #820096;
  margin-top: 123px;
  background-color: transparent !important;
  border: none;
  box-shadow: none;
}
@media (min-width: 1500px) {
  .btnGanhe {
    margin-top: 178px !important;
  }
}
@media (max-width: 711px) {
  .btnGanhe {
    margin-top: 139px;
  }
}
@media (min-width: 712px) {
  .btnGanhe {
    margin-top: 60px;
  }
}
.slider {
  width: 100%;
  margin: 0;
}
.slick-slide {
  margin: 0 20px;
  transition: 0.3s ease-in-out;
  opacity: 0.2;
}
.slick-slide img {
  display: block;
  width: 100%;
}
.slick-active {
  opacity: 1.5;
}
.slick-current {
  opacity: 0.95;
}
.sygsPontos {
  color: linear-gradient(136.51deg, #fea119 -17.8%, #9b00b3 82.5%);
  font-family: Nunito Sans;
  font-style: normal;
  font-weight: 800;
  font-size: 22px;
  line-height: 24px;
}
.sygsPontos2 {
  font-family: Nunito Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 0.004em;
  color: #a2a2a2;
}
.isDisabled {
  color: currentColor;
  opacity: 0.5;
  text-decoration: none;
}
.menu-bar-link > img {
  margin-right: 0.7em;
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: nunito sans;
}
nav li,
nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
nav a {
  display: block;
  text-decoration: none;
}

.fixedParagraph {
  font-weight: 600;
  font-size: 22px;
  line-height: 18px;
  color: #fff;
  margin: 0;
}
@media (max-width: 950px) {
  .nav,
  .nav > nav > a,
  nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  #sticky.fixed {
    margin-top: 0;
    padding: 5px;
  }
  .fixedParagraph {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
  }
  .fixedImg {
    max-width: 24px;
  }
}
* {
  box-sizing: border-box;
}
.user-body {
  font-family: Arial;
  margin: 0 auto;
  max-width: 800px;
  padding: 20px;
}
.heading {
  font-size: 25px;
  margin-right: 25px;
}
/* .fa {
  font-size: 25px;
} */
.checked {
  color: orange;
}
.side {
  float: left;
  width: 15%;
  margin-top: 10px;
}
.middle {
  margin-top: 10px;
  float: left;
  width: 70%;
}
.right {
  text-align: right;
}
.rg-row:after {
  content: '';
  display: table;
  clear: both;
}

.bar-container {
  width: 100%;
  background-color: #f1f1f1;
  text-align: center;
  color: #fff;
}
.bar-5 {
  width: 60%;
  height: 18px;
  background-color: #4caf50;
}
.bar-4 {
  width: 30%;
  height: 18px;
  background-color: #2196f3;
}
.bar-3 {
  width: 10%;
  height: 18px;
  background-color: #00bcd4;
}
.bar-2 {
  width: 4%;
  height: 18px;
  background-color: #ff9800;
}
.bar-1 {
  width: 15%;
  height: 18px;
  background-color: #f44336;
}
@media (max-width: 400px) {
  .head4 {
    font-size: 13px;
  }
  .middle,
  .side {
    width: 100%;
  }
  .right {
    display: none;
  }
}

.headerAbrirConta {
  padding: 30px;
  color: #fff;
  background: url(/media/sygpointweb/assets/img/fundoLaranja.png) center / cover
    no-repeat;
  margin-bottom: 0px !important;
  margin-top: 30px;
}
.breadcrumb {
  background-color: transparent;
}

.abrirContaSection {
  width: 100%;
  padding: 0px;
}
.formPesquisar {
  display: flex !important;
  justify-content: space-between;
}

/* NAVBAR e MegaMenu */

a {
  color: inherit;
  color: inherit;
  text-decoration: none;
  color: inherit;
}
.container.d-flex.d-xl-flex.flex-column.justify-content-xl-center {
  max-width: 1900px !important;
}
.footer-dark {
  padding: 50px 0;
  color: #f0f9ff;
}
.footer-dark h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 16px;
}
.footer-dark .item.text {
  margin-bottom: 36px;
}
@media (max-width: 767px) {
  .footer-dark .item:not(.social) {
    text-align: center;
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .footer-dark .item.text {
    margin-bottom: 0;
  }
}
.footer-dark .item.text p {
  opacity: 0.6;
  margin-bottom: 0;
}
.footer-dark .copyright {
  text-align: center;
  padding-top: 24px;
  opacity: 0.3;
  font-size: 13px;
  margin-bottom: 0;
}
.underline,
nav a:hover,
nav a:visited {
  text-decoration: none;
}
.underline:hover {
  color: #d3d3d3;
}
.form-control {
  border-style: none;
}
.carousel {
  margin-bottom: 0;
  padding: 0 40px 30px;
}
.menu-bar {
  display: flex;
}
@media (min-width: 1200px) {
  .footerInner {
    width: 100%;
    max-width: 1400px;
  }
}
@media (min-width: 1200px) {
  .head4 {
    font-size: 20px;
  }
}
@media (max-width: 400px) {
  .head4 {
    font-size: 13px;
  }
}
.container.containerNav {
  max-width: 1300px !important;
}
.aderir.slider > div > img {
  width: 130px !important;
  height: 106px !important;
  margin: auto;
}
@media (max-width: 951px) {
  .navBar {
    display: none !important;
  }
}
.slick-slide.slick-loading img {
  display: none;
}
.row,
Body {
  margin: 0;
}
.procurarItem {
  max-width: 300px;
  min-width: 200px;
  margin: 0 !important;
  display: flex;
  flex-direction: row;
  justify-content: right;
  background-color: inherit !important;
}
/* input {
  font-size: 18px;
  padding: 10px 10px 10px 5px;
  display: block;
  width: 300px;
  border: 1px solid #820096;
}
*,
input:focus {
  outline: 0;
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
} */
.sygLogo {
  max-width: 150px;
}
.navBarLinkDesativado {
  color: #232b55 !important;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.4px;
  font-weight: 700;
  margin-right: 18px;
}
.navBarLinkAtivado {
  color: #fe9819 !important;
  line-height: 22px;
  letter-spacing: -0.4px;
  font-weight: 700;
  margin-right: 18px;
}
/* a:hover {
  filter: brightness(1.05);
  text-decoration: none;
} */
@media (max-width: 576px) {
  .navbar-nav {
    margin-left: 20px !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
  }
}
@media (max-width: 576px) {
  .sygLogo {
    margin-left: 20px !important;
  }
}
@media (max-width: 765px) {
  #navcol-1 {
    padding-bottom: 10px !important;
  }
}
span {
  font-style: inherit;
  font-weight: inherit;
}
/* @media (max-width: 706px) {
  .navbar.navbar-light.navbar-expand-md.d-sm-flex {
    padding: 0;
  }
} */
@media (min-width: 1200px) {
  #navcol-1 {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .navbar.navbar-light.navbar-expand-md {
    padding: 16px 0 !important;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between !important;
    width: 1200px !important;
    height: 70px;
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between !important;
  }
}
@media (min-width: 1200px) {
  .navbar-light .navbar-brand {
    margin-left: 30px;
  }
}
@media (min-width: 768px) {
  #navcol-1 {
    margin: 0;
  }
}
@media (min-width: 1250px) {
  #navcol-1 {
    margin-right: 40px;
  }
}
.navbar-expand-md .navbar-nav {
  justify-content: flex-end;
}
.iconNavBar {
  margin-right: 0.5em;
}
/* @media (min-width: 718px) {
  .navbar.navbar-light.navbar-expand-md.d-sm-flex {
    min-width: 100%;
  }
} */
@media (max-width: 992px) {
  #navcol-1 {
    margin-right: 0 !important;
  }
}
@media (max-width: 992px) {
  .navBar {
    padding-left: 0 !important;
    max-height: 300px !important;
  }
}
/* @media (max-width: 1200px) {
  .sygLogo {
    margin: 0 !important;
  }
} */
.navBar {
  padding-left: 0 !important;
}
@media (min-width: 2px) {
  .navBar {
    padding: 0 !important;
  }
}
@media (min-width: 1200px) {
  #navcol-1 {
    justify-content: flex-end;
    margin-right: 70px !important;
  }
}
@media (min-width: 1200px) {
  .navbar-light .navbar-brand {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-md .navbar-nav {
    flex-flow: row nowrap;
    align-content: center;
  }
}

.sygLogo {
  margin-left: 10%;
}

@media (min-width: 1200px) {
  .containerNav {
    margin: 0 auto !important;
    padding: 0 !important;
  }
}
/* @media (max-width: 1200px) {
  .containerNav {
    margin: 0 3% !important;
    min-width: 95%;
  }
} */
@media (max-width: 768px) {
  .navBar {
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media (max-width: 768px) {
  .containerNav {
    margin: 0 !important;
  }
}
@media (min-width: 992px) {
  .navBar {
    max-width: 1400px;
    max-height: 70px !important;
  }
}
.slick-loading .slick-list {
  background: url('/media/sygpointweb/assets/img/ajax-loader.gif') center center
    no-repeat #fff;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-initialized .slick-slide {
  display: block;
}
@media all and (min-width: 951px) {
  .rowNAVSec .nav {
    max-width: 1300px;
    width: 100%;
  }
}
@media all and (min-width: 951px) {
  nav {
    width: 100%;
  }
}
@media all and (min-width: 951px) {
  .menu [aria-haspopup='true'] ~ ul,
  .mobile-menu-back-item,
  .mobile-menu-header,
  .mobile-menu-trigger {
    display: none;
  }
}
@media all and (max-width: 950px) {
  .nav {
    padding: 0;
  }
}
@media all and (max-width: 950px) {
  .menu-bar {
    flex-direction: column;
    position: fixed;
    top: 0;
    left: -100%;
    height: 100vh !important;
    width: 3s50px;
    max-width: 350px;
    max-width: 90%;
    overflow-x: hidden;
    transition: left 0.3s;
    box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.25);
  }
}
@media all and (max-width: 950px) {
  .mobile-menu-trigger {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between !important;
    align-items: center;
    background: #fff;
    color: #000;
    border: 0;
    padding: 10px;
    font-size: 1.2em;
    border-radius: 4px;
  }
}
/* @media all and (max-width: 950px) {
  .menu-bar > li > [aria-haspopup='true'] ~ ul {
    display: flex;
    flex-direction: column;
    background: #fff;
    position: absolute;
    left: 100%;
    top: 0;
    max-height: 100vh;
    width: 100%;
    transition: left 0.3s;
    margin-top: calc(1.4em + 40px);
  }
} */
/* .btn:hover {
  filter: brightness(1.01);
} */
.head1 {
  font-weight: 800;
  font-size: 34px;
  line-height: 39px;
  letter-spacing: 0.0025em;
  color: #fff;
}
.head2 {
  font-weight: 900;
  font-size: 24px;
  line-height: 25px;
  letter-spacing: 0.0025em;
  color: #fff;
}
@media (min-width: 300px) {
  .head2 {
    font-size: 16px;
    line-height: 15px;
    margin-bottom: 0;
    letter-spacing: 0.0025em;
    color: #fff;
  }
}
.head3 {
  font-style: normal;
  color: #fff;
  letter-spacing: 0.0025em;
  font-weight: 800;
  font-size: 28px;
  line-height: 24px;
}
@media (max-width: 700px) {
  .head1 {
    font-size: 21px;
    line-height: 29px;
    margin-bottom: 0;
  }
}
.slider {
  width: 100%;
  margin: 0;
}
.slick-slide {
  margin: 0 0;
  transition: 0.4s ease-in-out;
  opacity: 0.2;
}
.slick-slide img {
  display: block;
  width: 100%;
}
.isDisabled {
  color: currentColor;
  cursor: not-allowed !important;
  opacity: 0.5;
  text-decoration: none;
}
.menu-link > img {
  margin-right: 0.7em;
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: nunito sans;
}
nav li,
nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
nav a {
  display: block;
  text-decoration: none;
}
.menu-bar {
  background: #fff;
  display: flex;
  /* text-transform: uppercase; */
}
/* .menu-link {
  padding: 20px 25px;
  background: #fff;
  color: #820096;
  transition: background 0.2s, color 0.2s;
  position: relative;
  z-index: 1;
}
.menu-link[aria-haspopup='true'] {
  padding-right: 40px;
}
.menu-link[aria-haspopup='true']:after {
  content: '';
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowRight.svg#accent);
  filter: hue-rotate(126deg);
  background-size: 14px;
  width: 14px;
  height: 14px;
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
} */
.mega-menu-header {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 700;
  color: #820096;
}

.mega-menu--multiLevel {
  flex-direction: column;
}
@media all and (min-width: 951px) {
  .nav > nav {
    max-width: 1300px;
    margin: 0;
  }
}
@media all and (min-width: 951px) {
  .menu [aria-haspopup='true'] ~ ul,
  .mobile-menu-back-item,
  .mobile-menu-header,
  .mobile-menu-trigger {
    display: none;
  }
}
@media all and (min-width: 951px) {
  .menu-bar {
    position: relative;
  }
}
/* @media all and (min-width: 951px) {
  .menu-bar > li > [aria-haspopup='true']:after {
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowBottom.svg#accent);
    filter: hue-rotate(126deg);
  }
} */
@media all and (min-width: 951px) {
  .menu-bar > li > [aria-haspopup='true']:hover:after {
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowBottom.svg#light);
  }
}
@media all and (min-width: 951px) {
  /*   /* .menu-bar > li > [aria-haspopup='true']:focus ~ ul, */
  */ .menu-bar > li > [aria-haspopup='true']:hover ~ ul {
    /* display: flex; */
    transform-origin: top;
    animation: 0.2s ease-out dropdown;
  }
}
@media all and (min-width: 951px) {
  .menu-bar > li > [aria-haspopup='true'] ~ ul:hover {
    display: flex;
  }
}
@media all and (min-width: 951px) {
  @media all and (min-width: 951px) {
    .menu-bar > li:hover > [aria-haspopup='true'] ~ ul {
      display: flex;
    }
  }
}
@media all and (min-width: 951px) {
  .menu-bar > li:focus-within > [aria-haspopup='true'],
  .menu-bar > li:hover > a,
  .menu-bar > li > [aria-haspopup='true']:focus {
    color: #fff;
  }
}
/* @media all and (min-width: 951px) {
  .menu-bar > li:focus-within > [aria-haspopup='true']:after,
  .menu-bar > li:hover > a:after,
  .menu-bar > li > [aria-haspopup='true']:focus:after {
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowTop.svg#light);
  }
} */

@media all and (min-width: 951px) {
  .mega-menu:hover {
    display: flex;
  }
}
@media all and (min-width: 951px) {
  .mega-menu a:hover {
    background: #dceced;
    color: #820096;
  }
}
@media all and (min-width: 951px) {
  .mega-menu--multiLevel > li {
    min-width: 33.33333333%;
  }
}

@media all and (min-width: 951px) {
  .mega-menu--multiLevel > li > [aria-haspopup='true'] ~ ul ul {
    width: 100%;
    left: 100%;
    border: none;
  }
}
@media all and (min-width: 951px) {
  .mega-menu--multiLevel li:hover > [aria-haspopup='true'] ~ ul {
    display: block;
    transform-origin: left;
    animation: 0.2s ease-out flyout;
  }
}

@media all and (min-width: 951px) {
  .mega-menu--multiLevel li:focus-within > [aria-haspopup='true'],
  .mega-menu--multiLevel li:focus-within > a,
  .mega-menu--multiLevel li:hover > [aria-haspopup='true'],
  .mega-menu--multiLevel li:hover > a {
    background: #dceced;
    color: #820096;
  }
}
/* @media all and (min-width: 951px) {
  .mega-menu--multiLevel [aria-haspopup="true"],
  .mega-menu--multiLevel [aria-haspopup="true"] ~ ul {
    border-left: 1px solid #f0f0f0;
  }
} */
@media all and (min-width: 951px) {
  .mega-menu--multiLevel [aria-haspopup='true']:hover,
  .mega-menu--multiLevel [aria-haspopup='true'] ~ ul:hover {
    display: block;
  }
}
@media all and (min-width: 951px) {
  .mega-menu--multiLevel [aria-haspopup='true'] ~ ul {
    position: absolute;
    margin-top: -50px;
    height: 100%;
  }
}
@media all and (max-width: 950px) {
  .mobile-menu-back-item,
  .mobile-menu-header,
  .mobile-menu-trigger {
    display: block;
  }
}
@media all and (max-width: 950px) {
  .mobile-menu-trigger {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    color: #000;
    border: 0;
    padding: 10px;
    font-size: 1.2em;
    border-radius: 4px;
  }
}
@media all and (max-width: 950px) {
  .mobile-menu-header {
    order: -1;
    background: grey;
  }
}

@media all and (max-width: 950px) {
  .menu-bar {
    flex-direction: column;
    position: fixed;
    top: 0;
    left: -100%;
    height: 100vh;
    width: 350px;
    max-width: 350px;
    max-width: 90%;
    overflow-x: hidden;
    transition: left 0.3s;
    box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.25);
  }
}
/* @media all and (max-width: 950px) {
  .menu-bar > li > [aria-haspopup='true'] ~ ul {
    display: flex;
    flex-direction: column;
    background: #fff;
    position: absolute;
    left: 100%;
    top: 0;
    max-height: 100vh;
    width: 100%;
    transition: left 0.3s;
    margin-top: calc(1.4em + 40px);
  }
} */
@media all and (max-width: 950px) {
  .menu-bar > li > [aria-haspopup='true'] ~ ul > li > [aria-haspopup='true'] {
    font-size: 1.2em;
  }
}
@media all and (max-width: 950px) {
  .menu-bar
    > li
    > [aria-haspopup='true']
    ~ ul
    > li
    > [aria-haspopup='true']
    ~ ul
    a {
    padding-left: 40px;
  }
}
@media all and (max-width: 950px) {
  .menu-bar
    > li
    > [aria-haspopup='true']
    ~ ul
    > li
    > [aria-haspopup='true']
    ~ ul
    > li
    > [aria-haspopup='true']
    ~ ul
    a {
    padding-left: 80px;
  }
}
@media all and (max-width: 950px) {
  .menu-bar > li > [aria-haspopup='true'] ~ ul [aria-haspopup='true'] {
    color: #2a2a2a;
  }
}

@media all and (max-width: 950px) {
  .menu-bar > li > [aria-haspopup='true'] ~ ul [aria-haspopup='true'] ~ ul {
    max-height: 0;
    transform-origin: top;
    transform: scaleY(0);
    transition: max-height 0.1s;
  }
}
@media all and (max-width: 950px) {
  .mega-menu-content {
    padding: 20px 25px;
  }
}
@media all and (max-width: 950px) {
  .mobile-menu-back-item {
    order: -1;
  }
}

@media all and (max-width: 950px) {
  .mobile-menu-trigger:focus ~ ul {
    left: 0;
  }
}
@media all and (max-width: 950px) {
  .menu-bar:focus-within,
  .menu-bar:hover {
    left: 0;
  }
}

@media all and (max-width: 950px) {
  .menu-bar
    > li
    > [aria-haspopup='true']
    ~ ul
    [aria-haspopup='true']:focus
    ~ ul {
    max-height: 500px;
    animation: 0.3s forwards dropdown;
  }
}
@media all and (max-width: 950px) {
  .menu-bar
    > li
    > [aria-haspopup='true']
    ~ ul
    li:focus-within
    > [aria-haspopup='true']
    ~ ul {
    max-height: 500px;
    transform: scaleY(1);
  }
}

@media all and (max-width: 950px) and (hover: none) {
  .menu-bar
    > li
    > [aria-haspopup='true']
    ~ ul
    [aria-haspopup='true']:hover
    ~ ul {
    max-height: 500px;
    animation: 0.3s forwards dropdown;
  }
}
@media all and (max-width: 950px) and (hover: none) {
  .menu-bar
    > li
    > [aria-haspopup='true']
    ~ ul
    [aria-haspopup='true']
    ~ ul:hover {
    max-height: 500px;
    transform: scaleY(1);
  }
}
/* @media all and (max-width: 950px) and (hover: none) {
  .menu-bar > li:hover ~ .mobile-menu-header a {
    visibility: hidden;
  }
} */
@keyframes dropdown {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes flyout {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
#sticky {
  width: 100%;
  max-width: 1300px;
  display: none;
  background: linear-gradient(180deg, #feb523 0, #fe6d00 100%);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  border-radius: 0;
  text-align: -webkit-center;
  padding: 10px;
}
#sticky.fixed {
  display: flex;
  position: fixed;
  top: 0;
  margin-top: 115px;
  width: 100%;
  z-index: 90;
}
.rowSticky {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  justify-items: center;
}
.fixedParagraph {
  font-weight: 500;
  font-size: 22px;
  line-height: 18px;
  color: #fff;
  margin: 0;
  margin-left: 2px;
}
@media (max-width: 950px) {
  .nav,
  .nav > nav > a,
  nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 950px) {
  #sticky.fixed {
    margin-top: 65px;
    padding: 5px;
  }
}
@media (max-width: 950px) {
  .fixedParagraph {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 950px) {
  .fixedImg {
    width: auto;
  }
}
.slider {
  cursor: grab;
}
/* .menu-link {
  padding: 5px 15px;
  color: #820096 !important;
} */
.mega-menu--multiLevel {
  background-color: transparent;
}
@media (min-width: 951px) {
  .mega-menu--multiLevel [aria-haspopup='true'] ~ ul:last-child {
    position: absolute;
    margin-top: -40px;
    height: auto;
  }
}
@media (min-width: 951px) {
  .mega-menu--multiLevel li:focus-within > [aria-haspopup='true'],
  .mega-menu--multiLevel li:focus-within > a,
  .mega-menu--multiLevel li:hover > [aria-haspopup='true'],
  .mega-menu--multiLevel li:hover > a {
    background: #820096;
    color: #fff !important;
  }
}
@media (min-width: 951px) {
  .ganhar-sygs--multiLevel li:focus-within > [aria-haspopup='true'],
  .ganhar-sygs--multiLevel li:focus-within > a,
  .ganhar-sygs--multiLevel li:hover > [aria-haspopup='true'],
  .ganhar-sygs--multiLevel li:hover > a {
    color: #fff !important;
    background-color: orange !important;
  }
}
/* @media (min-width: 951px) {
  .ganhar-sygs--multiLevel .menu-link[aria-haspopup='true']:after {
    filter: hue-rotate(540px);
    -webkit-filter: hue-rotate(540px) !important;
  }
} */
/* @media (min-width: 951px) {
  .mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul {
    left: 206px;
    width: auto;
    min-width: 240px
  }
} */
#header {
  padding: 32px;
}

@media (max-width: 900px) {
  #header {
    padding: 16px;
  }
}
.fixedImg {
  margin-left: 6px;
}
@media (min-width: 1492px) {
  .semSorteiosSticky {
    flex-direction: row !important;
  }
}
.btn-primary,
.btn-primary::after,
.btn-primary::selection,
.btn-primary:active {
  border-color: inherit !important;
  box-shadow: none;
}
.empresas.slider {
  display: flex;
  align-content: center;
  text-align: center;
  color: #000 !important;
}
.responsive.slider {
  display: flex;
}
.responsive.slider > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fixedParagraph {
  display: flex;
  align-items: center;
  justify-items: center;
}
/* .menu-link {
  font-family: Nunito Sans;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 29px;
  color: #8d8d8d !important;
  opacity: 1 !important;
  height: 40px;
} */
/* .mega-menu--multiLevel {
  text-transform: capitalize;
} */
.menu-link:active {
  background-color: #fff;
}
a.menu-link.menu-bar-link {
  display: flex;
  text-align: center;
  align-self: center;
  align-items: center;
}
.menu-bar {
  height: 40px;
}
.menu-list-link > .menu-list {
  background-color: #000 !important;
}
.slick-slider {
  padding: 0 !important;
}
/* .btn,
.btn-primary,
.btn-primary::after,
.btn-primary::selection,
.btn-primary:active,
.btn:focus,
.btn:hover,
button:focus {
  border: none !important;
  box-shadow: none !important;
  outline: 0 !important;
} */
.menu-link .mega-menu-link {
  font-size: 1.2em;
}
@media (max-width: 950px) {
  .menu-bar > li > [aria-haspopup='true'] ~ ul [aria-haspopup='true'] ~ ul,
  .menu-bar > li > ul ~ ul,
  .menu-link {
    line-height: 1em !important;
    font-size: 1em !important;
  }
}
@media (max-width: 930px) {
  #header {
    background: url(../img/cabecalhoHome.png) top/150% no-repeat, #fff !important;
  }
}
@media (max-width: 770px) {
  #header {
    background: url(../img/cabecalhoHome.png) top/180% no-repeat, #fff !important;
  }
}
@media (max-width: 580px) {
  #header {
    background: url(../img/cabecalhoHome.png) top/auto no-repeat, #fff !important;
  }
}
@media (max-width: 800px) {
  .semSorteiosSticky {
    display: none !important;
  }
}
@media (max-width: 920px) {
  .slick-slider {
    margin-top: 50px;
  }
}
@media (max-width: 520px) {
  .slick-slider {
    margin-top: 0;
  }
}

@media all and (max-width: 551px) {
  .colPodeGanhar {
    min-width: 70%;
  }
}
@media all and (max-width: 551px) {
  .rowSticky {
    padding: 0 10px;
  }
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-loading .slick-list {
  background: #fff url('/media/sygpointweb/assets/img/ajax-loader.gif') center
    center no-repeat;
}
.responsive {
  background-color: #f2f2f2;
  padding: 10px 0 !important;
}
@media (min-width: 951px) {
  .rowNAVSec {
    margin-top: 70px !important;
    display: flex;
    justify-content: center;
  }
  #header {
    margin-top: 50px;
  }
}
.rowNAVSec {
  top: 0;
  position: fixed;
  z-index: 200;
  max-width: unset !important;
}
@media (min-width: 951px) {
  .ganhar-sygs--multiLevel li > [aria-haspopup='true'],
  .ganhar-sygs--multiLevel li > a {
    font-weight: 600;
  }
}
@media (min-width: 951px) {
  .utilitariossygs li > [aria-haspopup='true'],
  .utilitariossygs li > a {
    font-weight: 600;
  }
}
@media (min-width: 951px) {
  .utilitariossygs--multiLevel li:focus-within > [aria-haspopup='true'],
  .utilitariossygs--multiLevel li:focus-within > a,
  .utilitariossygs--multiLevel li:hover > [aria-haspopup='true'],
  .utilitariossygs--multiLevel li:hover > a {
    background: #fff !important;
    color: #820096 !important;
  }
}
.price-slider {
  width: 300px;
  margin: auto;
  text-align: center;
  position: relative;
  height: 6em;
}
.price-slider input[type='range'] {
  position: absolute;
  left: 0;
  bottom: 0;
}
input[type='number'] {
  border: 1px solid #ddd;
  text-align: center;
  font-size: 1.6em;
  -moz-appearance: textfield;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
input[type='number']:invalid,
input[type='number']:out-of-range {
  border: 2px solid #e60023;
}
input[type='range'] {
  -webkit-appearance: none;
  width: 100%;
}
input[type='range']:focus {
  outline: 0;
}
input[type='range']:focus::-webkit-slider-runnable-track {
  background: #820096;
}
input[type='range']:focus::-ms-fill-lower {
  background: #820096;
}
input[type='range']:focus::-ms-fill-upper {
  background: #820096;
}
input[type='range']::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #820096;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
input[type='range']::-webkit-slider-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0 0 0 #000;
  border: 1px solid #820096;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #820097;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
input[type='range']::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #820096;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
input[type='range']::-moz-range-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0 0 0 #000;
  border: 1px solid #820096;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #820097;
  cursor: pointer;
}
input[type='range']::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: 0 0;
  border-color: transparent;
  color: transparent;
}
input[type='range']::-ms-fill-lower,
input[type='range']::-ms-fill-upper {
  background: #820096;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
input[type='range']::-ms-thumb {
  z-index: 2;
  box-shadow: 0 0 0 #000;
  border: 1px solid #820096;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #820097;
  cursor: pointer;
}
.price-slider > span {
  display: flex;
  flex-direction: row;
}
/* .menu-bar-link {
  color: #8d8d8d !important;
}
.menu-bar-link:active,
.menu-bar-link:hover {
  color: #fff !important;
  background-color: #ac00c6 !important;
} */

.utilitariossygs li:active,
.utilitariossygs li:hover {
  background-color: #ac00c6 !important;
}
.nav-link {
  font-family: Nunito Sans;
  font-style: normal;
  font-weight: 900;
}
.dropdown-menu {
  right: 0 !important;
  left: inherit;
}
.dropdown-toggle {
  border: none !important;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
.dropdown-toggle::after {
  content: unset !important;
}
.dropLoginForm {
  padding: 8px 32px;
  color: #fff;
  background: url(../img/bgLoginForm.png);
  background-size: cover;
  background-position: 100%;
  background-repeat: no-repeat;
}
.dropLoginForm p {
  margin: 0;
  margin-bottom: 10px;
  font-size: 12px;
}
.dropLoginForm h3 {
  margin: 10px 0 2px;
  font-weight: 900;
}
.dropLoginForm a {
  border: none !important;
  background-color: transparent !important;
}
.buttonDropLogin {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  padding: 64px 32px;
}
.buttonDropLogin a {
  display: flex;
  align-content: center;
  justify-content: center;
  margin: 8px 0;
}
.dropdownPesquisar {
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}
.dropdownPesquisar input {
  border: none;
  padding: 6px;
  margin: 0;
}
@media (max-width: 1267px) {
  .menuOverLap {
    right: 100% !important;
    left: inherit !important;
    z-index: 100;
    background-color: #d3d3d3 !important;
  }
}

.formFilter {
  display: flex;
  justify-content: space-between;
}

main {
  width: 100%;
  display: flex;
  justify-content: center;
}

main > section {
  max-width: 1300px;
}

section {
  padding: 0px !important;
  width: 100%;
  max-width: 1300px !important;
}

.breadcrumb {
  background-color: inherit;
  color: #fff;
}

main {
  width: 100%;
  max-width: 1300px;
}

.headerAbrirConta {
  margin-top: 20px;
  background: url(../media/sygpointweb/assets/img/fundoLaranja.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 0px !important;
  padding: 32px;
}

/* .menu-bar-link {
  color: #8d8d8d !important;
} */

/* .menu-bar-link:hover,
.menu-bar-link:active {
  color: #fff !important;
  background-color: #ac00c6 !important;
} */

.menuGanharSygs:focus,
.menuGanharSygs:hover,
.menuGanharSygs:active {
  background-color: orange !important;
}

.utilitariossygs li:hover,
.utilitariossygs li:active {
  background-color: #ac00c6 !important;
}

.nav-link {
  font-family: Nunito Sans;
  font-style: normal;
  font-weight: 900;
}

.dropdown-menu {
  right: 0 !important;
  left: inherit;
}

.dropdown-toggle {
  border: none !important;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

.dropdown-toggle::after {
  content: unset !important;
}

.dropdownNavLogin {
  min-width: 300px;
  padding: 0;
}

.dropLoginForm {
  padding: 8px 32px;
  color: #fff;
  background: url(../img/bgLoginForm.png);
  background-size: cover;
  background-position: 100%;
  background-repeat: no-repeat;
}

.dropLoginForm p {
  margin: 0px;
  margin-bottom: 10px;
  font-size: 12px;
}

.dropLoginForm h3 {
  margin: 10px 0px 2px;
  font-weight: 900;
}

.dropLoginForm a {
  border: none !important;
  background-color: transparent !important;
}

.buttonDropLogin {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  padding: 64px 32px;
}

.buttonDropLogin a {
  display: flex;
  align-content: center;
  justify-content: center;
  margin: 8px 0px;
}

.dropdownPesquisar {
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}
.dropdownPesquisar input {
  border: none;
  padding: 6px;
  margin: 0px;
}

@media (max-width: 1267px) {
  .menuOverLap {
    right: 100% !important;
    left: inherit !important;
    z-index: 100;
    background-color: lightgray !important;
  }
}

#page-top {
  min-height: 70vh;
}

h3.text-dark.mb-0 {
  font-size: 32px;
}

@media (max-width: 567px) {
  body {
    padding: 0;
  }
  /* .breadcrumb,
  .col.d-xl-flex.justify-content-xl-center.align-items-xl-center {
    display: none;
  } */
  #page-top {
    min-height: 70vh;
    padding: 0;
  }

  .text-left.d-sm-flex.flex-column.justify-content-between.align-items-center.align-items-lg-start.align-items-xl-start.mb-4 {
    padding: 0 !important;
  }
  .row.d-xl-flex.justify-content-xl-start.align-items-xl-center {
    text-align: center;
  }
  h3.text-dark.mb-0 {
    font-size: 32px;
  }
  span.d-inline-block.mx-3.py-1.position-relative {
    font-size: 16px;
  }
}

.text-left.d-sm-flex.flex-column.justify-content-between.align-items-center.align-items-lg-start.align-items-xl-start.mb-4 {
  padding: 10px !important;
}

ol.breadcrumb {
  margin-bottom: 0px;
  color: var(--branco);
  font-weight: 600;
  display: flex;
  align-items: center;
}

ol.breadcrumb .breadcrumb-item:last-child a {
  text-decoration: underline;
}

.breadcrumb-item a:hover {
  color: var(--primary-color);
}

h3.text-dark.mb-0 {
  margin-left: 0 !important;
}

a.linkSemEstilo {
  /* padding: 0 5px; */
  font-size: 16px;
  padding-bottom: 0px;
}

span.d-inline-block.mx-3.py-1.position-relative {
  padding: 0px 15px;
  padding-bottom: 10px !important;
}

@media (max-width: 567px) {
  body {
    padding: 0;
  }
  /* .breadcrumb,
  .col.d-xl-flex.justify-content-xl-center.align-items-xl-center {
    display: none;
  } */
  #page-top {
    min-height: 70vh;
    padding: 0;
  }

  .text-left.d-sm-flex.flex-column.justify-content-between.align-items-center.align-items-lg-start.align-items-xl-start.mb-4 {
    padding: 0 !important;
  }
  .row.d-xl-flex.justify-content-xl-start.align-items-xl-center {
    text-align: center;
  }
  h3.text-dark.mb-0 {
    font-size: 32px;
  }
  span.d-inline-block.mx-3.py-1.position-relative {
    font-size: 16px;
  }

  span.d-inline-block.mx-3.py-1.position-relative {
    font-size: 12px;
    padding: 0px;
  }
}

@media (max-width: 567px) {
  #page-top {
    margin-top: 60px;
  }
}
@media (min-width: 567px) {
  #page-top {
    margin-top: 30px;
  }
}
@media (max-width: 900px) {
  .perfilDivisoriaImg {
    display: none;
  }
}

@media (max-width: 500px) {
  .text-center.d-xl-flex.justify-content-xl-center {
    margin-bottom: 32px;
  }
}

/* input {
  height: 100% !important;
  margin: 0px !important;
} */

.group {
  position: relative;
  margin-bottom: 45px;
}
/* 
input {
  font-size: 16px;
  display: block;
  width: 300px;
  border: none;
} */

/* input:focus {
  outline: none;
} */

/* label {
  color: #999;
  font-size: 16px;
  font-weight: normal;
  position: absolute;
  pointer-events: unset;
  left: 5px;
  top: 10px;
  transition: 0.2s ease all;
} */

/* input:focus ~ label,
input:valid ~ label {
  top: -20px;
  font-size: 14px;
  color: #5264ae;
} */

.bar {
  position: relative;
  display: block;
  width: 300px;
}

.bar:before,
.bar:after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #5264ae;
  transition: 0.2s ease all;
}

.bar:before {
  left: 50%;
}

.bar:after {
  right: 50%;
}

input:focus ~ .bar:before,
input:focus ~ .bar:after {
  width: 50%;
}

/* .highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
} */

input:focus ~ .highlight {
  animation: inputHighlighter 0.3s ease;
}

#bodyRecuperarPassword {
  justify-content: center;
  min-height: 100vh;
  max-width: 100vw;
}
@media (max-width: 767px) {
  .closeRecuperarPassword {
    display: none;
  }
  .perfil-form-divisor {
    display: none;
  }
}
.cardHeaderRecuperarPassword {
  width: 100%;
}
.botaoRecuperarPassword:hover,
.loginRecuperarPassword:hover {
  background: #b000cb;
  color: var(--branco);
}
.botaoRecuperarPassword {
  width: 180px;
  height: 42px;
  margin-top: 27px;
  padding: 0;
  background-color: #820096;
  border: none;
  font-size: 16px;
  font-weight: 700;
}
.loginRecuperarPassword {
  color: var(--branco);
  width: 180px;
  height: 55px;
  margin-top: 27px;
  padding: 0;
  background-color: #820096;
  border: none;
  font-size: 16px;
  font-weight: 700;
  border-radius: 10px;
}
.cardBodyComprarGanhar h3 {
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  text-align: center;
}
.cardBodyComprarGanhar h3:after,
.cardBodyComprarGanhar h3:before {
  background-color: #c4c4c4;
  content: '';
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 55px;
}
.cardBodyComprarGanhar h3:before {
  right: 0.5em;
}
.cardBodyComprarGanhar h3:after {
  left: 0.5em;
}
.emailRecuperarPassword p {
  text-align: center;
  font-size: 10px;
  margin-bottom: 18px;
  width: 80%;
}
.passInputRecuperarPassword {
  padding: 0;
  height: 55px;
}
/* .formRecuperarPassword {
  width: 100%;
} */
/* .formCodigoRecuperarPassword a {
  color: #820096;
  text-decoration: underline;
  font-weight: 700;
}
.formCodigoRecuperarPassword p {
  margin-top: 35px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
} */
/* .groupCodigoRecuperarPassword,
.groupRecuperarPassword {
  position: relative;
}
.groupRecuperarPassword input {
  font-size: 18px;
  padding: 10px 10px 10px 5px;
  display: block;
  width: 100%;
  border: 1px solid #8d8d8d;
  border-radius: 5px;
  background-color: #fff;
}
.groupCodigoRecuperarPassword input:focus,
.groupRecuperarPassword input:focus {
  outline: 0;
}
.groupCodigoRecuperarPassword label,
.groupRecuperarPassword label {
  color: #999;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 0.2s;
  padding-left: 10px;
}
.groupRecuperarPassword label i,
.groupRecuperarPassword label img {
  margin-right: 13px;
}
.groupRecuperarPassword input:focus ~ label,
.groupRecuperarPassword input:valid ~ label {
  top: -20px;
  font-size: 14px;
  color: #5264ae;
}
.groupCodigoRecuperarPassword .bar,
.groupRecuperarPassword .bar {
  position: relative;
  display: block;
  width: 300px;
}
.groupCodigoRecuperarPassword .bar:after,
.groupCodigoRecuperarPassword .bar:before,
.groupRecuperarPassword .bar:after,
.groupRecuperarPassword .bar:before {
  content: '';
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #5264ae;
  transition: 0.2s;
}
.groupCodigoRecuperarPassword .bar:before,
.groupRecuperarPassword .bar:before {
  left: 50%;
}
.groupCodigoRecuperarPassword .bar:after,
.groupRecuperarPassword .bar:after {
  right: 50%;
}
.groupCodigoRecuperarPassword input:focus ~ .bar:after,
.groupCodigoRecuperarPassword input:focus ~ .bar:before,
.groupRecuperarPassword input:focus ~ .bar:after,
.groupRecuperarPassword input:focus ~ .bar:before {
  width: 50%;
}
.groupCodigoRecuperarPassword .highlight,
.groupRecuperarPassword .highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}
.groupCodigoRecuperarPassword input:focus ~ .highlight,
.groupRecuperarPassword input:focus ~ .highlight {
  animation: 0.3s inputHighlighter;
}
.groupCodigoRecuperarPassword input {
  font-size: 18px;
  padding: 10px 10px 10px 5px;
  display: block;
  width: 104px;
  border: 1px solid #8d8d8d;
  border-radius: 5px;
  margin: auto;
} */
.groupCodigoRecuperarPassword input:focus ~ label,
.groupCodigoRecuperarPassword input:valid ~ label {
  top: -20px;
  font-size: 14px;
  color: #5264ae;
}
.redefinirRecuperarPassword {
  color: var(--text-low-emphasis);
  font-size: 14px;
  font-weight: 500;
}
@media (min-width: 300px) {
  #cardRecuperarPassword {
    height: 100vh;
    padding-right: 16px;
    padding-left: 16px;
    max-width: 450px;
    max-height: 550px;
    border-radius: 15px;
    margin: auto;
  }
  .cardHeaderRecuperarPassword h4 {
    color: #820096;
    font-size: 18px;
    font-weight: 800;
  }
  .cardHeaderRecuperarPassword p {
    margin-top: -3px;
    font-size: 14px;
    font-weight: 600;
    color: #272727;
  }
  .tituloCardRecuperarPassword {
    width: 100%;
  }
  .smsRecuperarPassword p {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding: 0 16px;
    margin: 0;
  }
  .cardBodyComprarGanhar {
    padding: 0;
    height: 100%;
  }
  /* .emailRecuperarPassword, */
  .inputCodigoRecuperarPassword {
    margin-top: 60px;
  }
  .redefinirRecuperarPassword,
  .smsRecuperarPassword {
    margin-bottom: 72px;
  }
  .codigoRecuperarPassword {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  #cardRecuperarPassword {
    width: 445px;
    height: 537px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 23px;
  }
  .closeRecuperarPassword:hover {
    background-color: transparent;
    border: none;
  }
  .closeRecuperarPassword {
    background-color: transparent;
    border: none;
    width: 24px;
    height: 24px;
    padding: 0;
    margin-right: 24px;
  }
  .closeRecuperarPassword i {
    color: #8d8d8d;
    width: 100%;
    height: 100%;
    font-size: 25px;
  }
  .cardHeaderRecuperarPassword h4 {
    color: #820096;
    font-size: 24px;
    font-weight: 800;
  }
  .cardHeaderRecuperarPassword p {
    margin-top: -9px;
  }
  .tituloCardRecuperarPassword {
    width: 80%;
  }
  .smsRecuperarPassword p {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
  }
  .cardBodyComprarGanhar {
    padding-left: 44px;
    padding-right: 44px;
  }
  .inputCodigoRecuperarPassword {
    margin-top: 19px;
  }
  .smsRecuperarPassword {
    margin-bottom: 48px;
  }
  .codigoRecuperarPassword,
  .redefinirRecuperarPassword {
    margin-top: 37px;
    margin-bottom: 28px;
  }
}
/* .confirmarRecuperarPassword {
  margin-top: 35px;
} */
.codigoRecuperarPassword p {
  font-size: 14px;
  width: 80%;
}
.checkboxRedefinirPassword {
  color: #820096;
}
.checkboxRedefinirPassword input {
  border: 1px solid #820096;
}
.inputCodigoRecuperarPassword {
  margin: 0 auto;
}
.emailRecuperarPassword {
  margin: 0;
}
/* label {
  background: #fff;
} */
.closeRecuperarPassword {
  display: initial !important;
  color: inherit;
  font-size: 20px;
  background-color: #fff;
  border-color: #fff;
}
.cardRecuperarPassword {
  max-width: 450px !important;
  max-height: 550px !important;
}

.closeRecuperarPassword {
  color: lightgray !important;
}

.closeRecuperarPassword:hover {
  color: lightgray !important;
  background-color: #fff !important;
}

#cardRecuperarPassword {
  height: auto;
  padding: 16px 16px 76px 16px;
}

#detalhesPremio section {
  margin: 0;
  font-family: Nunito, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
#detalhesPremio #detalhesPremio {
  justify-content: center;
  min-height: 100vh;
  max-width: 100vw;
}
#detalhesPremio #detalhesPremioBanner .breadcrumb {
  background-color: transparent;
  padding: 16px 0 0;
  margin: 0;
}
#detalhesPremio #detalhesPremioBanner .breadcrumb span {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
#detalhesPremio
  #detalhesPremioBanner
  .breadcrumb-item
  + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #fff;
  content: '/';
}
#detalhesPremio .detalhesPremioTituloPagina {
  margin: 0;
}
#detalhesPremio .detalhesPremioTituloPagina button {
  padding: 0;
  background-color: transparent;
  border: none;
  width: 24px;
  height: 24px;
}
#detalhesPremio .detalhesPremioTituloPagina button:hover {
  background-color: transparent;
}
#detalhesPremio .detalhesPremioTituloRow {
  padding: 0;
}
#detalhesPremio .detalhesPremioTituloRow h1 {
  font-size: 28px;
  font-weight: 700;
}
#detalhesPremio .detalhesPremioProductSelector h1 {
  font-size: 34px;
  font-weight: 800;
  margin: 0;
}
#detalhesPremio .detalhesPremioProductSelector h6 {
  font-size: 14px;
  font-weight: 600;
  margin: 3px;
}
#detalhesPremio .detalhesPremioProductSelector p {
  font-size: 16px;
  font-weight: 600;
  color: #838383;
}
#detalhesPremio .detalhesPremioForm button {
  width: 100%;
  height: 60px;
  background-color: #820096;
  border: none;
  border-radius: 7px;
  margin-top: 26px;
  font-size: 18px;
  font-weight: 700;
}
#detalhesPremio .detalhesPremioForm button:hover {
  background-color: #820096;
  border: none;
}
#detalhesPremio .detalhesPremioForm button img {
  padding-left: 7px;
}
#detalhesPremio .detalhesPremioSelector select {
  height: 42px;
  border-radius: 7px;
}
#detalhesPremio #detalhesPremioAccordion {
  width: 689px;
  padding-left: 32px;
}
#detalhesPremio #detalhesPremioAccordion card {
  border: none;
}
#detalhesPremio .detalhesPremioAccordionHeader a {
  color: #000;
}
#detalhesPremio .detalhesPremioAccordionHeader a:hover {
  text-decoration: none;
}
@media (min-width: 320px) {
  #detalhesPremio #detalhesPremioBanner {
    background: url(../../assets/img/detalhesPremioBanner.png) 95% / cover
      no-repeat;
    color: #fff;
    padding-left: 16px;
    padding-right: 16px;
  }
  #detalhesPremio #detalhesPremioWrapper {
    width: 100%;
  }
  #detalhesPremio .detalhesPremioProductSelector h2 {
    margin-top: 9px;
    font-size: 34px;
    font-weight: 800;
    background: -webkit-linear-gradient(#9c00b4, #78008b);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
  }
  #detalhesPremio #detalhesPremioProduct {
    margin-top: 30px;
    margin-bottom: 50px;
    padding-left: 16px;
    padding-right: 16px;
  }
  #detalhesPremio #detalhesPremioCarrousel {
    margin: 0;
    max-height: 10%;
    height: 10%;
  }
}
@media (min-width: 768px) {
  #detalhesPremio #detalhesPremioBanner {
    background: url(../../assets/img/detalhesPremioBanner.png) 95% / cover
      no-repeat;
    color: #fff;
    padding-left: 32px;
    padding-right: 32px;
  }
  #detalhesPremio .detalhesPremioProductSelector h2 {
    margin-top: 9px;
    font-size: 34px;
    font-weight: 800;
    background: -webkit-linear-gradient(#9c00b4, #78008b);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
  }
  #detalhesPremio .detalhesPremioProductSelector {
    padding: 0;
    min-width: 100%;
  }
  #detalhesPremio .detalhesPremioForm {
    width: 100%;
    margin-top: 1px;
  }
  #detalhesPremio #detalhesPremioProduct {
    margin-top: 30px;
    margin-bottom: 50px;
    padding-left: 32px;
    padding-right: 32px;
  }
  #detalhesPremio .detalhesPremioSelector {
    width: 100%;
  }
  #detalhesPremio #detalhesPremioCarrousel {
    max-width: 10%;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  #detalhesPremio #detalhesPremioWrapper {
    width: 1200px;
  }
  #detalhesPremio .detalhesPremioProductSelector h2 {
    margin-top: 46px;
  }
  #detalhesPremio .detalhesPremioProductSelector {
    padding-right: 80px;
    padding-left: 64px;
    padding-bottom: 50px;
    min-width: 0;
  }
  #detalhesPremio .detalhesPremioForm {
    width: 317px;
    margin-top: 23px;
  }
  #detalhesPremio #detalhesPremioProduct {
    margin-top: 30px;
    margin-bottom: 50px;
  }
  #detalhesPremio .detalhesPremioSelector {
    margin-bottom: 20px;
  }
  #detalhesPremio #detalhesPremioCarrousel {
    max-width: none;
  }
}

#campanhas body {
  margin: 0;
  font-family: Nunito, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
#campanhas #campanhas {
  justify-content: center;
  min-height: 100vh;
  max-width: 100vw;
}
#campanhas #campanhasBanner .breadcrumb span {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
#campanhas #campanhasBanner .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #fff;
  content: '/';
}
#campanhas .campanhasRetomasTituloPagina {
  margin: 5px 0 0;
}
#campanhas .campanhasRetomasTituloPagina button {
  padding: 0;
  background-color: transparent;
  border: none;
  width: 24px;
  height: 24px;
}
#campanhas .campanhasRetomasButtonSearch:hover,
#campanhas .campanhasRetomasTituloPagina button:hover {
  background-color: transparent;
}
#campanhas .campanhasRetomasTituloRow {
  padding: 0;
}
#campanhas .campanhasRetomasTabsCarrinho a {
  color: #d0f;
  height: 100%;
  padding: 13px 0;
}
#campanhas .campanhasRetomasTabsCarrinho .active {
  background-color: #860096 !important;
  color: #fff !important;
  border: none;
  border-bottom: 5px solid #fff;
}
#campanhas .campanhasRetomasInputgroup input:focus {
  outline: 0;
}
#campanhas .campanhasRetomasInputgroup label {
  color: #999;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 0.2s;
}
#campanhas .campanhasRetomasInputgroup i {
  padding-left: 20px;
}
#campanhas .campanhasRetomasInputgroup input:focus ~ label,
#campanhas input:valid ~ label {
  font-size: 21px;
  color: #8d8d8d;
}
#campanhas .bar:after,
#campanhas .campanhasRetomasInputgroup .bar:before {
  content: '';
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #5264ae;
  transition: 0.2s;
}
#campanhas .campanhasRetomasInputgroup .bar:before {
  left: 50%;
}
#campanhas .campanhasRetomasInputgroup .bar:after {
  right: 50%;
}
#campanhas .campanhasRetomasInputgroup input:focus ~ .bar:before,
#campanhas input:focus ~ .bar:after {
  width: 50%;
}
#campanhas .campanhasRetomasInputgroup .highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}
#campanhas .campanhasRetomasInputgroup input:focus ~ .highlight {
  animation: 0.3s inputHighlighter;
}
#campanhas .campanhasRetomasBotaoCalendario {
  width: 24px;
  height: 24px;
  padding: 0;
  background-color: transparent;
  border: none;
}
#campanhas .campanhasRetomasBotaoCalendario:hover,
#campanhas .campanhasRetomasEmpresasBotaoArrow:hover {
  background-color: transparent;
  border: none;
}
#campanhas .campanhasRetomasBotaoFiltrar {
  width: 110px;
  font-size: 16px;
  font-weight: 700;
  color: #8d8d8d;
  background-color: #fff;
  border: none;
  border-radius: 22px;
  box-shadow: 0 1px 4px #8d8d8d;
}
#campanhas .campanhasRetomasBotaoFiltrar:hover,
#campanhas .campanhasRetomasColAderir320 button:hover {
  background-color: transparent;
  color: #8d8d8d;
  border: none;
}
#campanhas #campanhasRetomasTabDisponiveis {
  background-color: #f7f7f7;
  height: 100%;
}
#campanhas .campanhasRetomasTabContent {
  height: 100vh;
}
@media (min-width: 320px) {
  #campanhas #campanhasBanner {
    background: url(../../assets/img/campanhasRetomasBanner.png) 50% / cover
      no-repeat;
    color: #fff;
    padding-left: 16px;
    padding-right: 16px;
    height: 48px;
  }

  #campanhas .campanhasRetomasTituloRow h1 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
  }
  #campanhas .campanhasRetomasTabsCarrinho {
    background-color: #860096;
    font-size: 12px;
    font-weight: 700;
    padding: 0;
    border: none;
    height: 48px;
  }
  #campanhas .campanhasRetomasTabsCarrinho li {
    width: 50%;
    height: 48px;
  }
  #campanhas .campanhasRetomasInputgroup input {
    font-size: 18px;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 80px;
    border: none;
  }
  #campanhas .campanhasRetomasInputgroup .bar {
    position: relative;
    display: block;
    width: 80px;
  }
  #campanhas .campanhasRetomasRowFiltrar {
    width: 100%;
    max-height: 60px;
    margin: 0 0 10px;
    background-color: #fff;
    padding: 6px 16px;
  }
  #campanhas .campanhasRetomasColFiltrar {
    max-width: 33%;
    max-height: 48px;
    padding: 0;
  }
  #campanhas #campanhasRetomasEmpresas {
    margin: 0;
    padding-left: 16px;
    padding-right: 16px;
    background-color: #fff;
    height: 88px;
    max-width: 100%;
    border-bottom: 1px solid #8d8d8d;
  }
  #campanhas .campanhasRetomasEmpresasDescricao {
    max-height: 100%;
    padding: 0;
    max-width: 40%;
  }
}
@media (min-width: 768px) {
  #campanhas #campanhasBanner {
    background: url(../../assets/img/campanhasRetomasBanner.png) 95% / cover
      no-repeat;
    color: #fff;
    padding-left: 32px;
    padding-right: 32px;
    height: 90px;
  }
  #campanhas #campanhasBanner .breadcrumb {
    background-color: transparent;
    padding: 16px 0 0;
    margin: 0;
  }
  #campanhas .campanhasRetomasTituloRow h1 {
    font-size: 28px;
    font-weight: 700;
  }
  #campanhas .campanhasRetomasTabsCarrinho {
    padding: 0 32px;
    font-size: 14px;
  }
  #campanhas .campanhasRetomasTabsCarrinho li {
    width: 275px;
  }
  #campanhas .campanhasRetomasInputgroup {
    position: relative;
  }
  #campanhas .campanhasRetomasInputgroup input {
    font-size: 18px;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 150px;
    border: none;
  }
  #campanhas .campanhasRetomasInputgroup .bar {
    position: relative;
    display: block;
    width: 150px;
  }
  #campanhas .campanhasRetomasRowFiltrar {
    width: 100%;
    max-height: 60px;
    margin: 0 0 37px;
    background-color: #fff;
    padding: 6px 32px;
  }
  #campanhas .campanhasRetomasColFiltrar {
    max-width: 100%;
    max-height: 48px;
    padding: 0;
  }
  #campanhas #campanhasRetomasEmpresas {
    margin: 0 35px;
    padding-left: 16px;
    padding-right: 16px;
    background-color: #fff;
    height: 88px;
    max-width: 100%;
    border-bottom: 1px solid #8d8d8d;
  }
}
#campanhas .campanhasRetomasEmpresasDescricao h4 {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}
@media (min-width: 320px) {
  #campanhas .campanhasRetomasEmpresasDescricao p {
    margin: 6px 0 0;
    font-size: 10px;
    font-weight: 600;
    color: #8d8d8d;
    width: 88%;
  }
}
#campanhas .campanhasRetomasEmpresasImagem {
  max-width: 48px;
  height: 48px;
  padding: 0;
  margin-right: 11px;
}
#campanhas .campanhasRetomasEmpresasImagem img {
  height: 100%;
  width: 100%;
}
#campanhas .campanhasRetomasEmpresasBotao img {
  color: #820096;
}
@media (max-width: 767px) {
  #campanhas #campanhasBanner .breadcrumb,
  #campanhas .campanhasRetomasEmpresasBotao,
  #campanhas .campanhasRetomasEmpresasData,
  #campanhas .campanhasRetomasEmpresasDescricao h5,
  #campanhas .campanhasRetomasInputgroup {
    display: none;
  }
}
@media (min-width: 768px) {
  #campanhas .campanhasRetomasEmpresasDescricao {
    max-height: 100%;
    padding: 17px 0 0;
    max-width: 34%;
  }
  #campanhas .campanhasRetomasEmpresasDescricao h5 {
    padding: 0;
    margin: 0;
    font-size: 10px;
    font-weight: 600;
    height: 25px;
  }
  #campanhas .campanhasRetomasEmpresasDescricao p {
    margin: -7px 0 0;
    font-size: 10px;
    font-weight: 600;
    color: #8d8d8d;
    width: 113px;
  }
  #campanhas .campanhasRetomasEmpresasBotao {
    max-width: 48%;
    padding-right: 5px;
  }
  #campanhas .campanhasRetomasEmpresasData {
    max-width: 100%;
    padding-left: 61px;
    max-height: 100%;
  }
  #campanhas .campanhasRetomasEmpresasData p {
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-weight: 600;
    color: #8d8d8d;
    min-height: 100%;
    max-width: 58%;
  }
}
@media (min-width: 1200px) {
  #campanhas #campanhasWrapper {
    width: 100%;
  }
  #campanhas #campanhasRetomasEmpresas {
    margin: 0 35px;
    padding-left: 16px;
    padding-right: 16px;
    background-color: #fff;
    height: 88px;
    max-width: 100%;
    border-bottom: 1px solid #8d8d8d;
  }
  #campanhas .campanhasRetomasEmpresasData {
    max-width: 100%;
    padding-left: 141px;
    max-height: 100%;
  }
  #campanhas .campanhasRetomasEmpresasData p {
    margin: 0;
    padding: 0;
    min-height: 100%;
    max-width: 39%;
  }
}
#campanhas .campanhasRetomasButtonSearch,
#campanhas .campanhasRetomasEmpresasBotaoArrow {
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: none;
}
#campanhas .campanhasRetomasButtonSearch i {
  color: #8d8d8d;
  font-size: 22px;
}
#campanhas .campanhasRetomasColAderir320 {
  width: 20%;
  padding: 0;
}
#campanhas .campanhasRetomasColAderir320 button {
  background-color: transparent;
  color: #8d8d8d;
  border: none;
  padding: 0;
}
@media (min-width: 768px) {
  #campanhas .campanhasRetomasColAderir320 {
    display: none;
  }
}
#campanhas .campanhasRetomasPontosSygpoints {
  width: 44px;
  height: 22px;
  color: #fff;
  font-size: 12px;
  background: linear-gradient(180deg, #feb523 0, #fe8e10 54.69%, #fe6d00 100%);
  border-radius: 6px;
  margin: 0;
}

#seguros body {
  margin: 0;
  font-family: Nunito, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
#seguros {
  justify-content: center;
  min-height: 100vh;
  max-width: 100vw !important;
}
#seguros #segurosBanner .breadcrumb span {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
#seguros #segurosBanner .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #fff;
  content: '/';
}
#seguros .contratarSegurosTituloPagina {
  margin: 5px 0 0;
  padding: 0;
}
#seguros .contratarSegurosTituloPagina button {
  padding: 0;
  background-color: transparent;
  border: none;
  width: 24px;
  height: 24px;
}
#seguros .contratarSegurosButtonSearch:hover,
#seguros .contratarSegurosTituloPagina button:hover {
  background-color: transparent;
}
#seguros .contratarSegurosTituloRow {
  padding: 0;
}
#seguros .contratarSegurosTabsCarrinho a {
  color: #d0f;
  height: 100%;
  padding: 13px 0;
}
#seguros .contratarSegurosTabsCarrinho .active {
  background-color: #860096 !important;
  color: #fff !important;
  border: none;
  border-bottom: 3px solid #fff;
}
#seguros .contratarSegurosInputgroup input:focus {
  outline: 0;
}
#seguros .contratarSegurosInputgroup label {
  color: #bdbdbd;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 0.2s;
}
#seguros .contratarSegurosInputgroup i {
  padding-left: 20px;
}
#seguros .contratarSegurosInputgroup input:focus ~ label,
#seguros input:valid ~ label {
  font-size: 21px;
  color: #8d8d8d;
}
#seguros .bar:after,
#seguros .contratarSegurosInputgroup .bar:before {
  content: '';
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #5264ae;
  transition: 0.2s;
}
#seguros .contratarSegurosInputgroup .bar:before {
  left: 50%;
}
#seguros .contratarSegurosInputgroup .bar:after {
  right: 50%;
}
#seguros .contratarSegurosInputgroup input:focus ~ .bar:before,
#seguros input:focus ~ .bar:after {
  width: 50%;
}
#seguros .contratarSegurosInputgroup .highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}
#seguros .contratarSegurosInputgroup input:focus ~ .highlight {
  animation: 0.3s inputHighlighter;
}
#seguros .contratarSegurosBotaoCalendario {
  width: 24px;
  height: 24px;
  padding: 0;
  background-color: transparent;
  border: none;
}
#seguros .contratarSegurosBotaoCalendario:hover,
#seguros .contratarSegurosEmpresasBotaoArrow:hover {
  background-color: transparent;
  border: none;
}
#seguros .contratarSegurosBotaoFiltrar {
  width: 110px;
  font-size: 16px;
  font-weight: 700;
  color: #8d8d8d;
  background-color: #fff;
  border: none;
  border-radius: 22px;
  box-shadow: 0 1px 4px #8d8d8d;
}
#seguros .contratarSegurosBotaoFiltrar:hover,
#seguros .contratarSegurosColAderir320 button:hover {
  background-color: transparent;
  color: #8d8d8d;
  border: none;
}
#seguros #contratarSegurosTabDisponiveis {
  background-color: #f7f7f7;
  height: 100%;
}
#seguros .contratarSegurosTabContent {
  height: 100vh;
}
#seguros .accordion-card {
  margin: 0;
  border: none;
  border-bottom: 1px solid #bdbdbd;
}
#seguros .card-header {
  border: none;
  background-color: #fff;
}
@media (min-width: 320px) {
  #seguros #segurosBanner {
    background: url(../../assets/img/contratarSegurosBanner.png) 50% / cover
      no-repeat;
    color: #fff;
    padding-left: 16px;
    padding-right: 16px;
    height: 48px;
  }
  #seguros #segurosWrapper {
    width: 100%;
    margin: 0;
  }
  #seguros .contratarSegurosTituloRow h1 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
  }
  #seguros .contratarSegurosTabsCarrinho {
    background-color: #860096;
    font-size: 12px;
    font-weight: 700;
    padding: 0;
    border: none;
    height: 48px;
  }
  #seguros .contratarSegurosTabsCarrinho li {
    width: 50%;
    height: 48px;
  }
  #seguros .contratarSegurosInputgroup input {
    font-size: 18px;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 80px;
    border: none;
    font-weight: 400px;
  }
  #seguros .contratarSegurosInputgroup .bar {
    position: relative;
    display: block;
    width: 80px;
  }
  #seguros .contratarSegurosRowFiltrar {
    width: 100%;
    max-height: 60px;
    margin: 0 0 10px;
    background-color: #fff;
    padding: 6px 16px;
  }
  #seguros .contratarSegurosColFiltrar {
    max-width: 33%;
    max-height: 48px;
    padding: 0;
  }
  #seguros #contratarSegurosEmpresas {
    margin: 0;
    padding-left: 16px;
    padding-right: 16px;
    background-color: #fff;
    height: 88px;
    max-width: 100%;
    border-bottom: 1px solid #8d8d8d;
  }
  #seguros .contratarSegurosEmpresasDescricao {
    max-height: 100%;
    padding: 0;
    max-width: 40%;
  }
}
@media (min-width: 768px) {
  #seguros #segurosBanner {
    background: url(../../assets/img/contratarSegurosBanner.png) 95% / cover
      no-repeat;
    color: #fff;
    padding-left: 32px;
    padding-right: 32px;
    height: 90px;
  }
  #seguros #segurosBanner .breadcrumb {
    background-color: transparent;
    padding: 16px 0 0;
    margin: 0;
  }
  #seguros .contratarSegurosTituloRow h1 {
    font-size: 28px;
    font-weight: 700;
  }
  #seguros .contratarSegurosTabsCarrinho {
    padding: 0 32px;
    font-size: 14px;
  }
  #seguros .contratarSegurosTabsCarrinho li {
    width: 275px;
  }
  #seguros .contratarSegurosInputgroup {
    position: relative;
  }
  #seguros .contratarSegurosInputgroup input {
    font-size: 18px;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 150px;
    border: none;
  }
  #seguros .contratarSegurosInputgroup .bar {
    position: relative;
    display: block;
    width: 150px;
  }
  #seguros .contratarSegurosRowFiltrar {
    width: 100%;
    max-height: 60px;
    margin: 0 0 37px;
    background-color: #fff;
    padding: 6px 32px;
  }
  #seguros .contratarSegurosColFiltrar {
    max-width: 100%;
    max-height: 48px;
    padding: 0;
  }
  #seguros #contratarSegurosEmpresas {
    margin: 0 35px;
    padding-left: 16px;
    padding-right: 16px;
    background-color: #fff;
    height: 88px;
    max-width: 100%;
    border-bottom: 1px solid #8d8d8d;
  }
}
#seguros .contratarSegurosEmpresasDescricao h4 {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}
@media (min-width: 320px) {
  #seguros .contratarSegurosEmpresasDescricao p {
    margin: 0;
    font-size: 10px;
    font-weight: 600;
    color: #8d8d8d;
    width: 88%;
  }
}
#seguros .contratarSegurosEmpresasImagem {
  max-width: 48px;
  height: 48px;
  padding: 0;
  margin-right: 11px;
}
#seguros .contratarSegurosEmpresasImagem img {
  height: 100%;
  width: 100%;
}
#seguros .contratarSegurosEmpresasBotao img {
  color: #820096;
}
@media (max-width: 767px) {
  #seguros {
    margin-top: 68px !important;
  }
  #seguros #segurosBanner .breadcrumb,
  #seguros .contratarSegurosEmpresasData,
  #seguros .contratarSegurosEmpresasDescricao h5,
  #seguros .contratarSegurosInputgroup {
    display: none;
  }
  #seguros .accordion-cardsAvailable {
    margin: 10px;
    max-width: 90%;
  }
}
@media (min-width: 768px) {
  #seguros .contratarSegurosEmpresasDescricao {
    max-height: 100%;
    padding: 17px 0 0;
    max-width: 34%;
  }
  #seguros .contratarSegurosEmpresasDescricao h5 {
    padding: 0;
    margin: 0;
    font-size: 10px;
    font-weight: 600;
    height: 25px;
  }
  #seguros .contratarSegurosEmpresasDescricao p {
    margin: 0;
    font-size: 10px;
    font-weight: 600;
    color: #8d8d8d;
    width: 113px;
  }
  #seguros .contratarSegurosEmpresasData {
    max-width: 100%;
    padding-left: 61px;
    max-height: 100%;
  }
  #seguros .contratarSegurosEmpresasData p {
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-weight: 600;
    color: #8d8d8d;
    min-height: 100%;
    max-width: 58%;
  }
  #seguros .accordion-cardsAvailable {
    margin: 0 70px 20px 0 !important;
  }
}
@media (min-width: 1200px) {
  #seguros #segurosWrapper {
    width: 100%;
  }
  #seguros #contratarSegurosEmpresas {
    margin: 0 0 0 35px;
    padding-left: 16px;
    padding-right: 16px;
    background-color: #fff;
    height: 88px;
    width: 1136px;
    border-bottom: 1px solid #8d8d8d;
  }
  #seguros .contratarSegurosEmpresasData {
    max-width: 100%;
    padding-left: 141px;
    max-height: 100%;
  }
  #seguros .contratarSegurosEmpresasData p {
    margin: 0;
    padding: 0;
    min-height: 100%;
    max-width: 39%;
  }
}
#seguros .contratarSegurosButtonSearch,
#seguros .contratarSegurosEmpresasBotaoArrow {
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: none;
}
#seguros .contratarSegurosButtonSearch i {
  color: #8d8d8d;
  font-size: 22px;
}
#seguros .contratarSegurosColAderir320 {
  width: 20%;
  padding: 0;
}
#seguros .contratarSegurosColAderir320 button {
  background-color: transparent;
  color: #8d8d8d;
  border: none;
  padding: 0;
}
@media (min-width: 768px) {
  #seguros .contratarSegurosColAderir320 {
    display: none;
  }
}
#seguros .contratarSegurosPontosSygpoints {
  width: 44px;
  height: 22px;
  color: #fff;
  font-size: 12px;
  background: linear-gradient(180deg, #feb523 0, #fe8e10 54.69%, #fe6d00 100%);
  border-radius: 6px;
  margin: 0;
}
#seguros .contratarSegurosPontosSygpoints img {
  margin-left: 5px;
}
#seguros .label {
  font-weight: 400px !important;
}

section {
  margin-top: 50px;
  padding: 0px;
  max-width: 1300px !important;
  width: 100%;
}

#campanhas #campanhasWrapper {
  width: 100% !important;
}

section > div {
  padding: 0px;
  width: 100% !important;
  max-width: 1300px !important;
}
@media (min-width: 1200px) {
  #campanhas {
    width: 100% !important;
  }
}

section#campanhas {
  width: 100% !important;
  max-width: 1300px !important;
}

#contactos {
  justify-content: center;
  min-height: 100vh;
  max-width: 100vw;
}
@media (max-width: 1199px) {
  #contactos #contactosWrapper {
    margin: 0 !important;
    min-width: 100vw;
  }
}
#contactos #contactosBanner .breadcrumb-item span {
  color: #d0f;
  font-size: 16px;
  font-weight: 600;
}
#contactos #contactosBanner .breadcrumb-item + .contactosLastBreadcrumb::before,
#contactos .contactosLastBreadcrumb span {
  color: #fff !important;
}
#contactos #contactosBanner .breadcrumb-item + .breadcrumb-item::before {
  color: #d0f;
}
#contactos .contactosTitle,
#contactos .contactosTitle div {
  margin: 0;
  padding: 0;
}
#contactos .contactosTitle .contactosButtonOptions {
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: none;
}
#contactos .contactosTitle .contactosButtonOptions:hover {
  background-color: transparent;
  border: none;
}
#contactos .contactosTitle .contactosButtonOptions:focus {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#contactos #contactosBody {
  max-width: 100%;
  min-height: 100vh;
  padding: 0 32px;
}
#contactos #contactosBody .col,
#contactos #contactosBody .row {
  max-width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
}
#contactos #contactosBody h1 {
  font-size: 20px;
  font-weight: 800;
  margin-top: 37px;
  margin-bottom: 15px;
  max-width: 500px;
}
@media (max-width: 1190px) {
  #contactos #contactosBody form {
    max-width: 100%;
    min-height: 50vh;
  }
}
@media (min-width: 1200px) {
  #contactos {
    margin-top: 35px !important;
  }
  #contactos #contactosWrapper {
    min-width: 1200px;
  }
  #contactos #contactosBody form {
    max-width: 500px;
    min-height: 50vh;
  }
}
#contactos #contactosBody textarea {
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 33px;
  max-width: 100%;
  min-height: 150px;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  color: #bdbdbd;
  padding: 15px;
}
#contactos #contactosBody .contactosButtonEnviar:focus,
#contactos #contactosBody .contactosButtonEnviar:hover {
  background-color: #820096;
  border: none;
  border-radius: 8px;
}
#contactos #contactosBody label {
  color: #820096;
  font-size: 14px;
  font-weight: 600;
  padding-right: 22px;
  position: relative;
  background-color: transparent;
}
#contactos #contactosBody input {
  margin-left: 13px !important;
  width: 19px !important;
  height: 19px !important;
}
#contactos .contactosDropButton:hover {
  background-color: transparent !important;
  border: 1px solid #8d8d8d !important;
  color: #820096;
  border-radius: 0 !important;
}
#contactos .contactosDropButton:focus {
  background-color: transparent !important;
  border: 1px solid #8d8d8d !important;
  color: #820096 !important;
  box-shadow: none !important;
}
#contactos #contactosAjudaModal .modal-content {
  border: none;
  min-width: 320px;
  min-height: 80vh;
}
#contactos #contactosAjudaModal .modal-content span {
  color: #7d7d7d;
}
#contactos #contactosAjudaModal .modal-header {
  padding: 12px 18px;
}
#contactos #contactosAjudaModal .modal-header button {
  width: 20px;
  height: 20px;
  margin: 0;
}
#contactos #contactosAjudaModal .modal-body {
  padding: 0;
}
#contactos #contactosAjudaModal .contactosModalLinha {
  max-height: 56px;
  border-bottom: 1px solid #8d8d8d;
  padding: 18px;
}
#contactos #contactosAjudaModal .contactosModalLinha button,
#contactos .contactosIconLogin {
  height: 24px;
  width: 24px;
}
#contactos #contactosAjudaModal .contactosModalLinha button,
#contactos .contactosModalLinha button:focus,
#contactos .contactosModalLinha button:hover {
  background-color: transparent !important;
  border: none;
  box-shadow: none !important;
}
#contactos #contactosAjudaModal .contactosAjudaModalP {
  margin: 0 0 0 10px;
  color: #8d8d8d;
  font-size: 14px;
  font-weight: 800;
}
#contactos #contactosFeedbackModal {
  position: fixed;
}
@media (max-width: 767px) {
  #contactos {
    margin-top: 68px !important;
  }
  #contactos #contactosBanner .breadcrumb {
    display: none;
  }
  #contactos #contactosBanner {
    background: url(../../assets/img/contactosBanner.png) 51% / cover no-repeat;
    color: #fff;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    height: 48px;
  }
  #contactos .contactosTitle h1 {
    font-size: 20px;
    font-weight: 800;
  }
  #contactos #contactosBody .contactosButtonEnviar {
    font-size: 18px;
    font-weight: 700;
    width: 210px;
    padding: 10px;
    background-color: #820096;
    border: none;
    border-radius: 8px;
    margin-bottom: 11px;
  }
  #contactos #contactosBody .contactosAjudaP {
    font-size: 16px;
    max-width: 500px;
    margin-top: 20px;
  }
  #contactos .contactosDropButton {
    min-width: 100% !important;
    background-color: transparent !important;
    border: 1px solid #8d8d8d !important;
    color: #820096;
    border-radius: 0 !important;
    margin-bottom: 18px;
  }
  #contactos #contactosEnviarModal .modal-content {
    width: 240px;
    height: 225px;
    border-radius: 15px;
    border: none;
  }
}
@media (min-width: 768px) {
  #contactos #contactosBanner {
    background: url(../../assets/img/contactosBanner.png) 100% / cover no-repeat;
    color: #fff;
    padding-left: 32px;
    padding-right: 32px;
    height: 90px;
    margin-top: 16px;
  }
  #contactos #contactosBanner .breadcrumb {
    background-color: transparent;
    padding: 16px 0 0;
    margin: 0;
  }
  #contactos .contactosTitle h1 {
    font-size: 28px;
    font-weight: 800;
  }
  #contactos #contactosBody .contactosButtonEnviar {
    font-size: 18px;
    font-weight: 700;
    min-width: 210px;
    padding: 10px;
    background-color: #820096;
    border: none;
    border-radius: 8px;
    margin-bottom: 11px;
  }
  #contactos #contactosBody .contactosAjudaP {
    font-size: 20px;
    max-width: 500px;
    margin-top: 27px;
  }
  #contactos .contactosDropButton {
    min-width: 500px !important;
    background-color: transparent !important;
    border: 1px solid #8d8d8d !important;
    color: #820096;
    border-radius: 0 !important;
    margin-bottom: 18px;
  }
  #contactos #contactosEnviarModal .modal-content {
    width: 300px;
    height: 225px;
    border-radius: 15px;
    border: none;
  }
}
#contactos #contactosEnviarModal .modal-header {
  background-color: #820096;
  color: #fff;
  border-radius: 15px 15px 0 0;
}
#contactos #contactosEnviarModal .modal-body {
  border-radius: 0 0 15px 15px;
  padding: 0 16px;
}
#contactos #contactosEnviarModal .modal-body h1 {
  font-size: 20px;
  font-weight: 800;
  color: #820096;
  margin-top: 21px;
}
#contactos #contactosEnviarModal .modal-body p {
  font-size: 10px;
  font-weight: 600;
  color: #838383;
  margin-top: 16px;
}
#contactos #contactosEnviarModal button,
#contactos #contactosEnviarModal button:focus,
#contactos #contactosEnviarModal button:hover {
  font-size: 14px;
  font-weight: 600;
  color: #820096 !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#wrapper-profile-form {
  min-height: 100vh;
  background-color: #fff !important;
  max-width: 1300px !important;
}
#wrapper-profile-form input {
  border: 1px solid #7d7d7d;
}
#wrapper-profile-form label {
  font-weight: 600;
  padding-left: 5px;
}
#wrapper-profile-form input[type='text'],
#wrapper-profile-form input[type='number'],
#wrapper-profile-form input[type='date'],
#wrapper-profile-form input[type='password'],
#wrapper-profile-form input[type='email'] {
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  padding-left: 5px !important;
}
.perfil-form-input-fields-email,
.perfil-form-input-fields-password {
  margin-top: 15px;
}
@media (min-width: 850px) {
  #wrapper-profile-form {
    margin-top: 0;
  }
}

.perfil-form-row-title {
  color: #820096;
  margin-top: 15px;
  padding: 0;
}
#perfilPessoalForm .groupPerfilFormInput {
  width: 45%;
}

#perfilPessoalForm .groupPerfilFormInput input {
  text-align: left;
  min-width: 100%;
  padding: 5px;
}
.perfilFormWarningIcon {
  width: 25px;
  height: 25px;
}
@media (min-width: 768px) {
  .perfilFormRow {
    margin-left: 0 !important;
    height: 45px;
    max-width: 100%;
    padding: 0;
  }
  #perfilPessoalForm {
    padding: 0 32px;
  }
  #perfilPessoalForm .perfil-form-divisor {
    padding: 0 !important;
    margin-top: 20px;
    min-width: 100%;
  }
  #perfilPessoalForm .perfil-form-divisor img {
    min-width: 100%;
  }
  .perfilFormFields {
    margin-top: 15px;
  }
  .perfilFormTitle {
    margin-top: 10px;
    padding-left: 32px !important;
  }
  .perfil-form-img {
    width: 24px;
  }
  .perfil-form-fidelizacao,
  .perfil-form-morada {
    margin-top: 66px !important;
  }
  .perfil-form-email {
    margin-top: 55px;
  }
}
@media (min-width: 845px) {
  .perfilFormButton {
    max-width: 200px;
    color: #fff;
    background-color: #820096;
    padding: 10px 10px;
    border-radius: 11px;
    border: none;
    margin-top: 0;
  }
  .perfil-form-fidelizacao,
  .perfil-form-morada {
    margin-top: 15px !important;
  }
  .perfil-form-email {
    margin-top: 0;
  }
}
@media (max-width: 1000px) {
  .perfilFormButton {
    max-width: 200px;
    color: #fff;
    background-color: #820096;
    padding: 10px 10px;
    border-radius: 11px;
    border: none;
    margin-top: 55px;
  }
}
.perfilFormOptionsButton {
  padding-right: 32px !important;
}
@media (max-width: 510px) {
  .perfil-form-banner {
    padding-top: 20px;
  }
}
#perfilPessoalForm .perfil-form-radio-input span {
  font-size: 16px;
  color: #7d7d7d;
}
#perfilPessoalForm .perfil-form-radio-input input {
  width: 18px;
  height: 18px !important;
  margin-left: 9px !important;
}
#perfilPessoalForm .perfilFormRadio {
  width: 50%;
  min-height: 40px;
  color: #242424;
}
.perfilFormRadio div {
  margin-right: 15px;
}
#perfilPessoalForm .perfilFormRadio label {
  font-size: 16px;
  color: #242424;
  font-weight: 600;
  position: static;
  width: 100px;
  margin: 0;
}
#perfilPessoalForm .perfilFormRadioInput {
  width: 15px;
  height: 15px !important;
  margin-right: 10px !important;
}
@media (max-width: 767px) {
  #perfilPessoalForm {
    padding: 0 16px;
  }
  .perfilFormOptionsButton {
    max-width: 10% !important;
    padding-right: 16px !important;
  }
  .perfilFormTitle {
    min-width: 80% !important;
    padding-left: 16px !important;
  }
  .perfilFormTitle h3 {
    text-align: left;
    margin: 0;
  }
  .perfilFormWarning {
    margin-top: 40px;
  }
  .perfil-form-img {
    width: 24px;
  }
  .perfilFormRow {
    padding: 0;
  }
  #perfilPessoalForm .perfilFormRadio {
    width: 250px;
    min-height: 40px;
    margin-top: 20px;
  }
  #perfilPessoalForm .perfilFormRadioInput {
    width: 40px;
  }

  .perfilFormRadio div {
    width: 50%;
    margin: 0;
  }
  .perfil-form-email {
    margin-top: 55px;
  }
  .perfil-form-morada {
    margin-top: 30px !important;
  }
}

/* BREVEMENTE BACKGROUND */
.tabs-panel {
  width: 100%;
  min-height: 100vh;
}

@media (min-width: 768px) {
  .tabs-panel__brev--codes {
    background: url(/media/sygpointweb/assets/img/brevementeCodes.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0px 0px;
  }
  .tabs-panel__brev--comprarGanhar {
    background: url(/media/sygpointweb/assets/img/brevementeComprarGanhar.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0px 0px;
  }
}
@media (max-width: 767px) {
  .tabs-panel__brev--codes {
    background: url(/media/sygpointweb/assets/img/brevementeCodes320.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0px 0px;
  }
  .tabs-panel__brev--comprarGanhar {
    background: url(/media/sygpointweb/assets/img/brevementeComprarGanhar320.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0px 0px;
  }
}

.tabsLine .active {
  background-color: #820096 !important;
  color: #fff !important;
  border: none;
  border-bottom: 3px solid #fff;
}
.tabsLine .nav-link:hover {
  color: #dd00ff;
  background-color: transparent;
}
.filter-row {
  background-color: #fff;
  width: 100%;
  height: 57px;
  margin: 0 !important;
  padding: 0 32px;
  border-bottom: 2px solid #d7d7d7;
}
.filter-row button {
  background-color: transparent;
  border: none;
}
.filter-letter {
  max-width: 330px;
}
.filter-partner {
  max-height: 34px;
  padding: 0;
}
.filter-partner button {
  font-size: 16px;
  font-weight: 700;
  color: #8d8d8d !important;
  background-color: #fff;
  padding: 5px 16px;
  border-radius: 14px;
  -webkit-box-shadow: 0px 2px 5px -1px rgb(125 125 125 / 71%);
  -moz-box-shadow: 0px 2px 5px -1px rgba(125, 125, 125, 0.71);
  box-shadow: 0px 2px 5px -1px rgba(125, 125, 125, 0.71);
}
.filter-partner button:focus {
  color: #8d8d8d !important;
  background-color: #fff;
  padding: 5px 16px;
  border-radius: 14px;
  -webkit-box-shadow: 0px 2px 5px -1px rgb(125 125 125 / 71%);
  -moz-box-shadow: 0px 2px 5px -1px rgba(125, 125, 125, 0.71);
  box-shadow: 0px 2px 5px -1px rgba(125, 125, 125, 0.71) !important;
}
.filter-partner img {
  margin-left: 5px;
  max-width: none;
}

.challengeContent {
  padding: 20px 32px;
}

.content-filtered {
  width: 60%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding-bottom: 210px;
}

.content-filtered__list li {
  padding: 20px 13px 11px 13px;
  margin: 0 !important;
  min-width: 100% !important;
  max-width: 100% !important;
  background-color: #fff;
  border-bottom: 1px solid #c4c4c4;
  overflow: hidden;
  position: relative;
}

.content-filtered__list li label {
  position: inherit !important;
  width: 100% !important;
  height: 100% !important;
  background-color: #fff;
}
.row-items-image {
  max-width: 60px;
  align-items: unset !important;
}
.row-items-image img {
  width: 48px;
  height: 48px;
  transition: 0.5s;
  border-radius: 4px;
  filter: drop-shadow(0px 5px 8px rgba(177, 177, 177, 0.4));
  object-fit: contain;
}

.row-items-description {
  color: var(--text-high-emphasis);
  padding: 0;
  margin-left: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.row-items-description h4,
.row-items-description p {
  padding: 0;
  margin: 0;
}
.row-items-description h4 {
  font-size: 12px;
  font-weight: 500;
  transition: 0.5s;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.row-items-description p {
  font-size: 14px;
  font-weight: 700;
  transition: 0.5s;
  overflow: hidden;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: -webkit-nowrap;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-height: 20px;
}

.row-items-description__share {
  width: fit-content;
  padding-right: 10px;
  cursor: pointer;
  z-index: 10;
  display: flex;
}

.row-items-button button,
.row-items-button button:hover {
  height: 20px;
  background-color: var(--laranja);
  font-size: 12px;
  padding: 2px 3px;
  margin-left: 5px;
}

.row-items-description__share span {
  margin-left: 5px;
}

.row-items-description__share span img {
  width: 16px;
  height: 18px;
  margin-left: 5px;
}

.row-items-description_buttons {
  display: flex;
}

.row-items-description_buttons > div {
  width: 50%;
  max-width: unset;
}

.row-items-description_buttons .row-items-description__share {
  display: flex;
  justify-content: end;
  font-weight: 600;
}

.campanhasShareblock button {
  background: linear-gradient(180deg, #feb523 0%, #fe8e10 54.69%, #fe6d00 100%);
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));
  border-radius: 6px;
  border: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 7px;
  font-weight: 600;
  width: fit-content;
  color: var(--branco);
}

.campanhasShareblock button img {
  width: 16px;
  margin: 0 4px;
}

.row-items-description_buttons .row-items-description__share button,
.body-card-videos-sygs button {
  background: none;
  border: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  font-weight: 600;
}

.row-items-description_buttons .row-items-description__share span,
.body-card-videos-sygs button span {
  width: fit-content;
  color: var(--branco);
  line-height: 14px;
  font-size: 14px;
  font-weight: 800;
  background: linear-gradient(180deg, #feb523 0%, #fe8e10 54.69%, #fe6d00 100%);
  border-radius: 6px;
  padding: 4px 7px;
  display: flex;
  align-items: center;
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));
}

.row-items-description_buttons .row-items-sygpoints {
  margin-left: 5px;
}

@media (max-width: 768px) {
  .row-items-description__share span,
  .row-items-button button {
    font-size: 12px !important;
    padding: 2px;
  }
}

.row-items-date {
  font-size: 12px;
  font-weight: 600;
  color: #bdbdbd;
}
.row-items-button {
  max-width: fit-content;
  padding: 0;
  align-items: center !important;
}
.arrow--down {
  transform: rotate(90deg);
}
/* .row-items-button p {
  font-size: 16px;
  font-weight: 600;
  color: #8d8d8d;
}
.row-items-button button {
  max-width: 40px;
  border: none;
  padding: 0;
}
.row-items-button img {
  width: fit-content;
  max-width: none;
} */
.row-items-state {
  max-width: fit-content;
  max-height: 100%;
  line-height: 50%;
  padding: 0;
}
.row-items-state h4,
.row-items-state h3 {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  height: fit-content;
}
.row-items-state h3 {
  color: #8d8d8d;
  line-height: 100%;
  margin-top: 18px;
  display: flex;
  align-items: center;
}
.row-items-state p {
  font-size: 10px;
  font-weight: 600;
  margin: 0;
}
.filter-search {
  margin: 0;
  height: 40px;
  padding: 0;
}
.filter-search input {
  border: none !important;
  box-shadow: none !important;
  width: 50%;
}
.filter-letter {
  padding: 0;
}
.row-items-dateRequest {
  color: #8d8d8d;
  font-size: 10px;
}
.row-items-dateMobile {
  font-size: 9px !important;
  color: var(--active-unfocused-icons);
  margin-top: 10px;
  margin-bottom: 0;
}

.bottomMenu-title h1 {
  display: none;
}

@media (max-width: 575px) {
  .mobile-menu-header {
    padding-left: 16px;
  }

  .extratos_bottomMenu {
    width: 100%;
    background: url(/media/sygpointweb/assets/img/extratosBanner.png) no-repeat;
    background-position: 50%;
    padding: 8px 16px;
  }

  /* .sectionBodyPages > .container-fluid {
    margin-top: 100px !important;
  } */
  /* .bottomMenu-title h1 {
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    margin-top: 5px;
  } */
  .row-items-description h4 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
  }
  .bottomMenu-title {
    min-height: 100%;
  }
  .extratos_bottomMenu--registarSite {
    background: url(/media/sygpointweb/assets/img/bannerRegistoSite.png)
      no-repeat;
    background-position: 50%;
    margin: 0;
  }
  .extratos_bottomMenu--serContactado {
    background: url(/media/sygpointweb/assets/img/campanhaContactosBanner.png)
      no-repeat;
    background-position: 50%;
    margin: 0;
  }
  .extratos_bottomMenu--downApps {
    background: url(/media/sygpointweb/assets/img/bannerDownApps.png) no-repeat;
    background-position: 50%;
    margin: 0;
  }
  .extratos_bottomMenu--comprarGanhar {
    background: url(/media/sygpointweb/assets/img/bannerComprarGanhar.png)
      no-repeat;
    background-position: 50%;
    margin: 0;
  }
  .extratos_bottomMenu--recChallenges {
    background: url(/media/sygpointweb/assets/img/bannerRecChallenges.png)
      no-repeat;
    background-position: 50%;
    margin: 0;
  }
  .extratos_bottomMenu--qrCodes {
    background: url(/media/sygpointweb/assets/img/bannerQR.png) no-repeat;
    background-position: 50%;
    margin: 0;
  }
  .extratos_bottomMenu--simCred {
    background: url(/media/sygpointweb/assets/img/bannerSimCred.png) no-repeat;
    background-position: 50%;
    margin: 0;
  }
  .extratos_bottomMenu--simSeg {
    background: url(/media/sygpointweb/assets/img/bannerSimSeg.png) no-repeat;
    background-position: 50%;
    margin: 0;
  }
  .extratos_bottomMenu--simTv {
    background: url(/media/sygpointweb/assets/img/bannerTv.png) no-repeat;
    background-position: 50%;
    margin: 0;
  }
  .extratos_bottomMenu--simEnergia {
    background: url(/media/sygpointweb/assets/img/bannerEnergia.png) no-repeat;
    background-position: 50%;
    margin: 0;
  }
  .extratos_bottomMenu--eWallet {
    background: url(/demo/media/sygpointweb/assets/img/bannerEWallet.png)
      no-repeat;
    background-position: 50%;
    margin: 0;
  }
  .extratos_bottomMenu--programas {
    background: url(/demo/media/sygpointweb/assets/img/bannerProgramas.png)
      no-repeat;
    background-position: 50%;
    margin: 0;
  }

  .tabsLine {
    background-color: #820096;
    font-size: 14px;
    font-weight: 700;
    padding: 0;
    border: none;
    height: 48px;
    margin-bottom: 0 !important;
  }
  .tabsLine li {
    height: 48px;
    width: 50%;
  }
  .tabsLine a {
    height: 100%;
    padding: 13px 0 !important;
    color: #dd00ff;
  }
  .content-filtered {
    padding: 0 !important;
  }
  .filter-types {
    display: none !important;
  }
  .row-items {
    padding: 20px 16px 5px 16px;
    max-height: 100px;
  }
  .row-items-image {
    max-height: 100%;
    /* margin-right: 10px; */
  }
  /* .row-items-image img {
    max-width: 40px;
  }
   */
  .row-items-description {
    min-width: 50%;
    margin: 0;
  }
  /* .row-items-button {
    min-width: 32%;
  } */
  .row-items-date {
    display: none !important;
  }
  .filter-row {
    width: 100%;
    height: 57px;
    margin: 0 !important;
    padding: 0 16px;
  }
  .filter-search input {
    display: none !important;
  }
  .challengeContent {
    padding: 0;
  }
}
@media (min-width: 576px) {
  .extratos_bottomMenu {
    width: 100%;
    background: url(/media/sygpointweb/assets/img/extratosBanner.png) no-repeat;
    background-position: 100%;
    padding: 0 16px;
    margin: 0;
  }
  .extratos_bottomMenu ol {
    padding: 0;
  }
  .extratos_bottomMenu ol li {
    font-size: 16px;
  }
  /* .bottomMenu-title h1 {
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    margin: 0;
    line-height: 24px;
  } */
  .bottomMenu-title > button img {
    width: 100%;
    height: 100%;
  }
  .extratos_bottomMenu--registarSite {
    background: url(/media/sygpointweb/assets/img/bannerRegistoSite.png)
      no-repeat;
    background-position: 100%;
    background-size: cover;
  }
  .extratos_bottomMenu--serContactado {
    background: url(/media/sygpointweb/assets/img/campanhaContactosBanner.png)
      no-repeat;
    background-position: 100%;
    background-size: cover;
  }
  .extratos_bottomMenu--downApps {
    background: url(/media/sygpointweb/assets/img/bannerDownApps.png) no-repeat;
    background-position: 100%;
    background-size: cover;
  }
  .extratos_bottomMenu--comprarGanhar {
    background: url(/media/sygpointweb/assets/img/bannerComprarGanhar.png)
      no-repeat;
    background-position: 100%;
    background-size: cover;
  }
  .extratos_bottomMenu--recChallenges {
    background: url(/media/sygpointweb/assets/img/bannerRecChallenges.png)
      no-repeat;
    background-position: 100%;
    background-size: cover;
  }
  .extratos_bottomMenu--qrCodes {
    background: url(/media/sygpointweb/assets/img/bannerQR.png) no-repeat;
    background-position: 100%;
    background-size: cover;
  }
  .extratos_bottomMenu--simCred {
    background: url(/media/sygpointweb/assets/img/bannerSimCred.png) no-repeat;
    background-position: 100%;
    background-size: cover;
  }
  .extratos_bottomMenu--simSeg {
    background: url(/media/sygpointweb/assets/img/bannerSimSeg.png) no-repeat;
    background-position: 100%;
    background-size: cover;
  }
  .extratos_bottomMenu--simTv {
    background: url(/media/sygpointweb/assets/img/bannerTv.png) no-repeat;
    background-position: 100%;
    background-size: cover;
  }
  .extratos_bottomMenu--simEnergia {
    background: url(/media/sygpointweb/assets/img/bannerEnergia.png) no-repeat;
    background-position: 100%;
    background-size: cover;
  }
  .extratos_bottomMenu--eWallet {
    background: url(/demo/media/sygpointweb/assets/img/bannerEWallet.png)
      no-repeat;
    background-position: 100%;
    background-size: cover;
  }
  .extratos_bottomMenu--programas {
    background: url(/demo/media/sygpointweb/assets/img/bannerProgramas.png)
      no-repeat;
    background-position: 100%;
    background-size: cover;
  }

  .tabsLine {
    background-color: #820096;
    padding: 0 32px;
    font-size: 16px;
    font-weight: 700;
    border: none;
    height: 48px;
    margin-bottom: 0 !important;
  }

  .tabsLine li {
    width: 25%;
    max-height: 100%;
  }
  .tabsLine a {
    height: 100%;
    padding: 13px 0 !important;
    color: #dd00ff;
  }
}
.extratos__bottomMenuField > .breadcrumb > .breadcrumb-item::before {
  color: var(--branco);
}

.bottomMenu-title button {
  border: none;
  background: transparent;
  width: 30px;
  height: 30px;
  padding: 0;
}
.sygpointRecomenda_bottomMenu {
  background-color: #820096;
  width: 100%;
  height: 90px;
}
.sygRecomenda-results {
  min-height: 100vh;
  background: url(/media/sygpointweb/assets/img/fundoAnuncios.png);
}
.sygRecomenda-results h1 {
  color: #fff;
  font-size: 30px;
  font: 800;
}
.sygRecomenda-results p {
  font-size: 14px;
  font-weight: 800;
}
.filter-sygs a {
  margin-right: 15px;
}
#page-content {
  background-color: #f7f7f7;
  min-height: 100vh;
  min-width: 100%;
}
.pages-container__width {
  max-width: 1300px !important;
  width: 100%;
}
.card-videos__info h4 {
  font-size: 14px;
  font-weight: 800;
  color: var(--text-high-emphasis);
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-videos__info h4 + div {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-content__results {
  gap: 20px;
  padding: 0;
  margin-top: 20px;
}
.card-videos {
  margin: 0;
}

@media (min-width: 1200px) {
  .card-videos {
    max-width: 360px;
    max-height: 290px;
  }
  .card-videos > img {
    width: 360px;
    height: 202px;
  }
}
@media (min-width: 1125px) {
  .page-content__results {
    justify-content: start;
    padding-left: 10px;
  }
}
@media (min-width: 1095px) {
  .page-content__results {
    justify-content: start;
  }
}
@media (max-width: 1199px) {
  .card-videos {
    max-width: 330px;
    max-height: 290px;
  }
  .card-videos > img {
    width: 330px;
    height: 185px;
  }
}
@media (min-width: 1300px) {
  .page-content__results {
    justify-content: start;
    padding-left: 45px;
  }
}
@media (max-width: 820px) {
  .card-videos {
    max-width: 315px;
    max-height: 290px;
  }
  .card-videos > img {
    width: 315px;
  }
  .card-videos__info h4 {
    max-width: 200px;
  }
}
@media (min-width: 768px) {
  #page-content {
    padding: 18px 32px 0 32px;
  }
  .page-content__title {
    margin-bottom: 18px;
  }
  .page-content__title h3 {
    display: none;
  }
  .row-items-date img {
    width: 136px;
    height: 52px;
  }
}
@media (max-width: 767px) {
  #page-content {
    padding: 15px 0;
  }
  .page-content__title {
    padding: 0 16px;
  }
  .page-content__title h2 {
    display: none;
  }
  .page-content__title h3 {
    font-size: 20px;
    font-weight: 800;
    color: #242424;
    margin: 0;
  }
  .row-items-date img {
    display: none;
  }
  .card-videos > img {
    max-width: 100%;
  }
}
@media (max-width: 700px) {
  .page-content__results {
    justify-content: center;
  }
}
.card-videos {
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15) !important;
  border: none;
}
@media (max-width: 575px) {
  .card-videos__info h4 {
    max-width: 170px;
  }
}
@media (max-width: 377px) {
  .page-content__results {
    max-width: 100%;
  }
  .card-videos {
    width: 100%;
    max-width: none;
    margin: 0;
    border: none;
    border-bottom: 1px solid #8d8d8d;
  }
  .card-videos > img {
    min-width: 100%;
    max-height: 100%;
  }
  .page-content__results {
    gap: 0;
    padding: 0;
    margin: 0;
  }
  #page-content {
    padding: 0;
  }
}
.card-videos__info .col-1 > img {
  width: 24px;
  height: 24px;
  transform: rotate(-90deg);
}
.card-videos__length {
  position: absolute;
  bottom: 90px;
  right: 13px;
  text-decoration: none;
}
.card-videos__length p {
  color: #fff;
  font-size: 10px;
  background: #000;
  padding: 0 3px;
}
.page-content__title h2 {
  font-size: 18px;
  font-weight: 800;
  margin: 0;
}

.card-videos__body {
  padding: 16px;
  min-height: 88px;
}
.card-videos__partner {
  width: 48px;
  height: 48px;
}
.partner-challenges__icon {
  width: 36px;
}
.card-videos__partner > img {
  width: 48px;
  height: 48px;
  border-radius: 4px;
  filter: drop-shadow(0px 5px 8px rgba(177, 177, 177, 0.4));
}
.card-videos__info {
  margin: 0 !important;
  padding: 0;
  padding-left: 10px;
  height: 100%;
  width: 100%;
}
.card-videos__info h4,
.card-videos__info p {
  margin: 0;
}

.card-videos__info p {
  font-size: 9px;
  font-weight: 600;
  color: var(--active-unfocused-icons);
  margin: 0;
  margin-top: 5px;
}
.card-videos__info > p {
  margin-top: 5px;
}
.card-videos__info span {
  font-size: 9px;
  font-weight: 600;
  color: var(--active-unfocused-icons);
  margin-top: 5px;
}
.card-videos__info div {
  font-size: 10px;
  font-weight: 600;
  color: #242424;
  text-decoration: none;
}

.card-videos-sygs {
  padding: 0;
}
.card-videos-sygs a {
  margin-bottom: 8px;
}
.card-videos-pointSygs {
  height: 22px;
  background: linear-gradient(180deg, #feb523 0%, #fe8e10 54.69%, #fe6d00 100%);
  border-radius: 6px;
  padding: 5px;
}
.card-videos-pointSygs h6 {
  font-size: 12px;
  font-weight: 800;
  color: #fff;
  margin: 0;
}
.card-videos-pointSygs img {
  width: 12px;
  height: 12px;
  margin-left: 5px;
}
.nav-tabs {
  border: none !important;
}

.drop-login--logged {
  min-width: 300px;
  max-height: 491px;
  padding: 0;
  border: none;
}
.logged-info {
  padding: 44px 20px 8px 25px;
  color: #fff;
  background: url(../img/bgLoginForm.png);
  background-size: cover;
  background-position: 100%;
  background-repeat: no-repeat;
}
.logged-info h3 {
  margin: 10px 0 2px;
  font-weight: 800;
}
.logged-info p {
  margin: 0;
  font-size: 14px;
  font-weight: 800;
}
.logged-info > p img {
  width: 18px;
  height: 18px;
  margin: 0 5px;
}
.logged-info > p span {
  width: 18px;
  height: 18px;
  margin: 0 5px;
}
.logged-options {
  background-color: #fff;
}
.logged-options a {
  height: 56px;
}
.logged-options a:not(:last-child) {
  border-bottom: 1px solid #c4c4c4;
}
.logged-options--path {
  padding: 15px 25px;
}
.logged-options--path p {
  margin: 0;
  margin-left: 18px;
  color: #272727;
  font-size: 18px;
  font-weight: 600;
}
.logged-options--path__arrow img {
  filter: brightness(0);
}
.notification {
  width: 278px;
  height: 192px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 8px;
  background: #fff;
  padding-top: 24px;
  filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.15));
}
.notification h4 {
  font-size: 24px;
  font-weight: 800;
  padding: 0 30px;
  margin-bottom: 14px;
  text-align: center;
}
.notification p {
  font-size: 11px;
  font-weight: 600;
  padding: 0 22px 0 26px;
  text-align: start;
}
.notification button {
  background: transparent;
  border: none;
  font-size: 14px;
  font-weight: 600;
  text-align: end;
  padding-right: 30px;
}
.notification--valid {
  border-top: 8px solid #820096;
}
.notification--valid h4 {
  color: #820096;
}
.notification--valid p {
  color: #838383;
}
.notification--valid button {
  color: #820096 !important;
}

/* notificação quando ocorre erro   */

.notification--invalid {
  border-top: 8px solid #b00020;
}
.notification--invalid h4 {
  color: #b00020;
}
.notification--invalid p {
  color: #b00020;
}
.notification--invalid button {
  color: #838383 !important;
}

/* .video-page__partner {
  min-height: 50vh;
} */
@media (min-width: 576px) {
  .verVideos-banner {
    /* background-image: url("data:image/svg+xml,%3Csvg width='1531' height='90' viewBox='0 0 1531 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1531' height='90' fill='url(%23paint0_linear)'/%3E%3Cg clip-path='url(%23clip0)'%3E%3Crect width='1200' height='90' transform='translate(166)' fill='url(%23paint1_linear)'/%3E%3Cg clip-path='url(%23clip1)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1110.05 -25.6559C1103.65 -27.3712 1097.07 -23.5722 1095.35 -17.1706L1074.65 60.1035C1072.93 66.5051 1076.73 73.0851 1083.13 74.8004L1110.18 82.0473L1108.11 89.7747L1179.58 108.927L1181.66 101.2L1206.77 107.929C1213.17 109.645 1219.75 105.846 1221.47 99.444L1242.17 22.1699C1243.89 15.7683 1240.09 9.18825 1233.69 7.47295L1110.05 -25.6559ZM1103.08 -15.1001C1103.65 -17.2339 1105.84 -18.5003 1107.98 -17.9285L1231.62 15.2004C1233.75 15.7721 1235.02 17.9655 1234.44 20.0993L1213.74 97.3734C1213.17 99.5073 1210.97 100.774 1208.84 100.202L1085.2 67.073C1083.07 66.5012 1081.8 64.3079 1082.37 62.174L1103.08 -15.1001ZM1146.99 13.8438C1148.32 13.4469 1149.76 13.7691 1150.8 14.695L1180.86 41.5747C1181.95 42.5437 1182.42 44.0245 1182.1 45.4423C1181.78 46.86 1180.71 47.9916 1179.32 48.3976L1138.89 60.1549C1137.51 60.5583 1136.01 60.1828 1134.98 59.1724C1133.95 58.1621 1133.54 56.6739 1133.91 55.2788L1144.27 16.6418C1144.63 15.2999 1145.66 14.2407 1146.99 13.8438Z' fill='url(%23paint2_linear)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='765.5' y1='0' x2='765.5' y2='90' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FEB523'/%3E%3Cstop offset='0.546875' stop-color='%23FE8E10'/%3E%3Cstop offset='1' stop-color='%23FE6D00'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='600' y1='0' x2='600' y2='90' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FEB523'/%3E%3Cstop offset='0.546875' stop-color='%23FE8E10'/%3E%3Cstop offset='1' stop-color='%23FE6D00'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear' x1='1179.96' y1='7.65826' x2='1134.91' y2='89.4888' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.47'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3CclipPath id='clip0'%3E%3Crect width='1200' height='90' fill='white' transform='translate(166)'/%3E%3C/clipPath%3E%3CclipPath id='clip1'%3E%3Crect width='208' height='208' fill='white' transform='translate(1083.83 -82.373) rotate(15)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); */
    /* background-repeat: no-repeat;
    background-position: 100%; */
    width: 100%;
    height: 90px;
  }
  .challengesHeader {
    width: 100%;
    height: 90px;
    background: linear-gradient(
      180deg,
      #feb523 0%,
      #fe8e10 54.69%,
      #fe6d00 100%
    );
    margin-top: 50px;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .verVideos-banner {
    background-image: url("data:image/svg+xml,%3Csvg width='1200' height='90' viewBox='0 0 1200 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Crect width='1200' height='90' fill='url(%23paint0_linear)'/%3E%3Cg clip-path='url(%23clip1)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M969.048 -25.6559C962.647 -27.3712 956.067 -23.5722 954.351 -17.1706L933.646 60.1035C931.93 66.5051 935.729 73.0851 942.131 74.8004L969.177 82.0473L967.106 89.7747L1038.58 108.927L1040.66 101.2L1065.77 107.929C1072.17 109.645 1078.75 105.846 1080.47 99.444L1101.17 22.1699C1102.89 15.7683 1099.09 9.18825 1092.69 7.47295L969.048 -25.6559ZM962.079 -15.1001C962.65 -17.2339 964.844 -18.5003 966.978 -17.9285L1090.62 15.2004C1092.75 15.7721 1094.02 17.9655 1093.44 20.0993L1072.74 97.3734C1072.17 99.5073 1069.97 100.774 1067.84 100.202L944.202 67.073C942.068 66.5012 940.801 64.3079 941.373 62.174L962.079 -15.1001ZM1005.99 13.8438C1007.32 13.4469 1008.76 13.7691 1009.8 14.695L1039.86 41.5747C1040.95 42.5437 1041.42 44.0245 1041.1 45.4423C1040.78 46.86 1039.71 47.9916 1038.32 48.3976L997.895 60.1549C996.508 60.5583 995.011 60.1828 993.979 59.1724C992.947 58.1621 992.54 56.6739 992.914 55.2788L1003.27 16.6418C1003.63 15.2999 1004.66 14.2407 1005.99 13.8438Z' fill='url(%23paint1_linear)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='600' y1='0' x2='600' y2='90' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FEB523'/%3E%3Cstop offset='0.546875' stop-color='%23FE8E10'/%3E%3Cstop offset='1' stop-color='%23FE6D00'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='1038.96' y1='7.65826' x2='993.913' y2='89.4888' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.47'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3CclipPath id='clip0'%3E%3Crect width='1200' height='90' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1'%3E%3Crect width='208' height='208' fill='white' transform='translate(942.834 -82.373) rotate(15)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%;
    height: 48px;
  }
}

@media (max-width: 768px) {
  #otherVideos {
    justify-content: center;
  }
}

.details-partner-info {
  background: var(--branco);
  padding: 14px 0 0 14px;
  border-bottom: 1px solid var(--active-unfocused-icons);
}
.details-partner-info > p {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}
.details-player__body {
  padding: 0 32px;
  height: 88px;
}
@media all and (max-width: 1200px) {
  #pages-body {
    padding: 0;
  }
  .details-partner {
    display: none;
  }

  .details-player {
    width: 100%;
    height: 100%;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    margin: 0;
  }
  .details-player video {
    width: 100%;
  }
  .details-player__body {
    padding: 0 8px;
  }
}

@media all and (min-width: 1200px) {
  #pages-body {
    padding: 0;
  }

  .details-player {
    width: 65%;
    height: 518px;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    margin: 0;
  }
  /* .details-player video {
    width: 780px;
    height: 438px;
  } */

  .details-partner {
    width: 35%;
  }
  .details-partner .details-partner__challenges {
    height: 70px;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 16px;
  }
  .details-partner--hide {
    display: none;
  }
  .details-partner--theatre {
    width: 100%;
    height: 100%;
  }
  .partner-header__name {
    margin-left: 14px;
  }
  .partner-header__name p {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.0125em;
  }
  .partner-header__name span {
    color: #000;
    font-size: 14px;
    font-weight: 800;
    line-height: 16px;
    letter-spacing: 0.0125em;
  }
  .partner-challenge__info {
    margin-left: 14px;
  }
  .partner-challenge__info h4 {
    color: #820096;
    font-size: 12px;
    font-weight: 800;
    margin: 0;
    margin-bottom: 6px;
  }
  .partner-challenge__info div {
    background: linear-gradient(
      180deg,
      #feb523 0%,
      #fe8e10 54.69%,
      #fe6d00 100%
    );
    border-radius: 6px;
    width: fit-content;
    height: 24px;
  }
  .partner-challenge__info h3 {
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    margin: 0;
    padding: 5px;
  }
  .partner-challenge__info > div img {
    width: 12px;
    height: 12px;
    margin-right: 5px;
  }
  .partner-challenges__button {
    width: 50%;
  }
  .partner-challenges__button button {
    background-color: transparent;
    border: none;
  }
}
@media all and (max-width: 950px) {
  #pages-body {
    margin-top: 68px !important;
  }
}
@media all and (max-width: 768px) {
  .video-page__partner {
    background-color: #fff;
    padding: 25px 16px;
    color: #242424;
  }
  .video-page__details {
    padding: 0 !important;
  }
}
@media all and (min-width: 769px) {
  .video-page__partner {
    background-color: #fff;
    padding: 25px 32px;
    color: #242424;
  }
}

.body-card-videos-sygs {
  height: 100%;
  padding: 0;
  padding-bottom: 17px;
}
.body-card-videos-sygs > a {
  height: 50%;
}
.body-card-videos-sygs > a img {
  max-width: 24px;
  max-height: 24px;
}

.body-card-videos-pointSygs {
  color: #fff;
  height: 22px;
  min-width: 50px;
  background: linear-gradient(180deg, #feb523 0%, #fe8e10 54.69%, #fe6d00 100%);
  border-radius: 6px;
  padding: 0 5px;
}
.body-card-videos-pointSygs h6 {
  font-size: 12px;
  font-weight: 800;
  margin: 0;
}
.body-card-videos-pointSygs img,
.body-card-videos-sygs img {
  width: 12px;
  height: 12px;
  margin-left: 5px;
}

.video-page__partner h2 {
  margin: 0;
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 800;
}

.video-highlighted__info h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.video-highlighted__info p {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 15px;
}
.video-highlighted__info span {
  color: #bdbdbd;
}
.highlighted-info__Sygpoints {
  max-width: fit-content;
  max-height: 24px;
}

.videoChallenge-others {
  height: 87px;
  margin: 10px 0;
}
.videoChallenge-others__image {
  width: 156px;
  height: 87px;
  margin-right: 15px;
}
.videoChallenge-others__image img {
  width: 156px;
  height: 87px;
}
.videoChallenge-others__image span {
  background-color: #000;
  color: var(--branco);
  position: relative;
  bottom: 27px;
  left: 125px;
  font-size: 10px;
  font-weight: 500;
  padding: 0 3px;
}
.video-container {
  width: 800px;
  border-radius: 4px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767px) {
  .videoChallenge-others {
    width: fit-content;
    margin: 10px;
  }
}

@media (max-width: 576px) {
  .body-card-videos-sygs {
    flex-direction: column;
    padding: 16px;
  }
}


.player {
  position: relative;
  overflow: hidden;
  max-height: 431px;
}
.my-video-dimensions {
  min-height: 100%;
}
.player:hover .progress {
  height: 10px;
  margin: 0;
}
/* .player:hover .player-controls {
  transform: translateY(0);
} */
.player:-webkit-full-screen,
.player:fullscreen {
  max-width: none;
  width: 100%;
}
.play-btn {
  flex: 1;
}
.video-page__details .player-video {
  width: 100%;
  height: 431px;
  display: block;
}
.video-js .vjs-volume-panel,
.video-js .vjs-picture-in-picture-control {
  display: none;
}
.player .vjs-big-play-button {
  /* left: 50%;
  top: 50%;
  margin-left: -(3em / 2);
  margin-top: -(1.5em / 2); */
  display: none;
}

.video-js .vjs-play-progress {
  background-color: var(--primary-color);
}

.video-js .vjs-play-progress:before {
  content: '\f111';
  font-family: FontAwesome;
  color: var(--primary-color);
}

.video-js .vjs-control-bar {
  opacity: 1 !important;
  visibility: visible;
}

.player-btn {
  background: none;
  border: 0;
  color: white;
  text-align: center;
  max-width: 60px;
  padding: 5px 8px;
}
.player-btn svg {
  fill: #fff;
  width: 18px;
  height: 25px;
}
.player-btn:hover,
.player-btn:focus {
  background: rgba(255, 255, 255, 0.2);
}
.toggle-play {
  width: 48px;
  height: 48px;
}
.player-slider {
  width: 10px;
  height: 30px;
}
.player-controls {
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 0;
  width: 100%;
  flex-wrap: wrap;
  background: rgba(0, 0, 0, 0.3);
}
.player-controls > * {
  flex: 1;
}
.progress {
  position: relative;
  display: flex;
  flex: 10;
  flex-basis: 100%;
  height: 4px;
  transition: height 0.3s;
  background: rgba(0, 0, 0, 0.5);
}
.filled-progress {
  width: 50%;
  background: #ffec41;
  flex: 0;
  flex-basis: 50%;
}
.sliders {
  max-width: 200px;
  display: flex;
}

.programas {
  padding: 16px 0;
  min-height: 100vh;
}

.programas-cards-show {
  margin-bottom: 22px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  border-radius: 10px;
  background-color: transparent;
}

::-webkit-scrollbar {
  width: 12px;
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #c4c4c4;
}

.programas-cards-separator {
  padding-bottom: 22px;
  margin-bottom: 22px;
  border-bottom: 1px solid var(--inactive-icons);
}

.programas-card__info {
  margin-left: 19px;
  width: 100%;
}

.programas-info__title {
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  margin: 0;
}
.programas-info__number {
  font-size: 10px;
  font-weight: 600;
  line-height: 10px;
  color: var(--text-low-emphasis);
  margin-top: 3px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.programas-info__number-card {
  float: left;
  height: 6px;
  width: 9px;
  border: 1px solid var(--inactive-icons);
  background-color: var(--inactive-icons);
  clear: both;
  margin-right: 6px;
}
.programas-info__value {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 17px;
}

.programas-card__number {
  min-height: 90px;
  width: 100%;
}
.programas-number {
  width: 38px;
  height: 24px;
  margin: 0;
  color: #820096;
  border: 1px solid #820096;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 800;
}
.programas-card__image {
  width: 91px;
  height: 58px;
  border-radius: 6px;
  filter: drop-shadow(0px 5px 8px rgba(177, 177, 177, 0.4));
}
.mobile-app p {
  color: #860096;
}
.mobile-app__subtitle {
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  margin: 0;
}
.mobile-app__title {
  font-size: 28px;
  font-weight: 800;
  line-height: 30px;
}
.mobile-app__stores a,
.mobile-app__stores > a img {
  width: 108px;
  height: 38px;
}
.app-stores__android {
  margin-right: 16px;
}

@media (min-width: 1200px) {
  .programas-cards-show__card {
    background: #fff;
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    padding: 14px;
    height: fit-content;
  }
  .programas-cards-show {
    overflow: auto;
    padding-bottom: 30px;
  }
}
@media (max-width: 1200px) {
  .programas-cards-show__card {
    background: #fff;
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    padding: 14px;
    height: fit-content;
  }
  .programas-cards-show {
    max-height: 100vh;
  }
}

@media (min-width: 950px) {
  .programas-cards {
    width: 45%;
  }
  .mobile-app {
    max-width: 50%;
  }
}
@media (max-width: 950px) {
  .tabsLine-double li {
    width: 50%;
  }
  .programas-cards {
    min-width: 62%;
  }
  .mobile-app {
    max-width: 39%;
  }
}
@media (min-width: 768px) {
  .programas-cards-add,
  .programas-cards-add:focus {
    height: 60px;
    width: 100%;
    border: 2px dashed #820096 !important;
    background: transparent;
    border-radius: 12px;
    padding: 18px 26px;
    margin-bottom: 16px;
    color: #820096 !important;
    font-size: 20px;
    font-weight: 800;
  }
  .mobile-app {
    padding-top: 20px;
    background: url(/demo/media/sygpointweb/assets/img/appPromo.png);
    background-position: 50% 150px;
    background-repeat: no-repeat;
  }
}

@media (max-width: 767px) {
  .mobile-app {
    display: none !important;
  }
  .programas-cards {
    min-width: 100%;
  }
  .programas-cards-show {
    max-height: none;
  }
  .programas-cards-show__card {
    background: #fff;
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    padding: 14px;
    height: fit-content;
    width: inherit;
    margin-bottom: 16px;
  }
  .programas-cards-add,
  .programas-cards-add:focus {
    height: 60px;
    width: 100%;
    border: 1px dashed #820096 !important;
    background: transparent;
    border-radius: 15px;
    padding: 18px 26px;
    margin-bottom: 16px;
    color: #820096 !important;
    font-size: 20px;
    font-weight: 800;
  }
}

@media (max-width: 550px) {
  .programas-cards-add,
  .programas-cards-add:focus {
    height: 60px;
    width: 100%;
    border: 1px dashed #820096 !important;
    background: transparent;
    border-radius: 15px;
    padding: 7px 10px;
    color: #820096 !important;
    font-size: 14px;
    font-weight: 800;
  }
  .programas-info__history,
  .programas-card__number {
    display: none !important;
  }
  .programas-cards-show__card {
    background: #fff;
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    padding: 14px;
    height: fit-content;
    width: 100%;
  }
  .programas-info__history-button {
    border-right: 1px solid #c7c7c7 !important;
  }
}
.menuProgramas:hover > img {
  filter: brightness(2);
}
#pages-body--forms {
  margin: 0 !important;
}

.challenges-body {
  margin: 0;
}

.challengesBottomMenu {
  padding: 16px 32px;
  height: 100%;
}
.challengesBottomMenu > ol {
  padding: 0;
}

.challengesBottomMenu > ol li {
  font-size: 16px;
}
.challengesBottomMenu > .breadcrumb > .breadcrumb-item::before {
  color: #fff;
}
.challengesHeader + section,
.challengesHeader + section > div {
  margin: 0;
}

.pages-challenges-videosBanner {
  background: url(/media/sygpointweb/assets/img/iconBannerVideos.png);
  background-position: 100%;
}
.details-partner .details-partner__header {
  height: 70px;
}
.player-card__body-logo {
  max-width: 48px;
  margin-right: 16px;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.player-card__body-logo p {
  font-size: 9px;
  font-weight: 600;
  color: var(--active-unfocused-icons);
  margin: 0;
  text-align: center;
}

.formImg__group {
  position: relative;
  width: 100%;
  height: 55px;
  margin-bottom: 36px;
}
.formImg__group svg {
  position: relative;
  left: 15px;
  z-index: 1;
  min-width: 24px;
}
.formImg__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-style: 16px;
  font-weight: 700;
  border: 1px solid var(--active-unfocused-icons) !important;
  border-radius: 4px;
  outline: none;
  padding: 1rem;
  padding-left: 49px;
  background: none;
  z-index: 1;
}

.formImg__textareaLabel {
  position: absolute;
  padding: 16px;
  background: none;
  left: 15px !important;
}

.formImg__textarea {
  padding: 16px;
  font-weight: 700;
  border: 1px solid var(--active-unfocused-icons) !important;
  border-radius: 4px;
  outline: none;
  resize: none;
  overflow: auto;
}

.formImg__label {
  position: absolute;
  left: 49px;
  top: 15px !important;
  font-size: 16px !important;
  font-weight: 600;
  color: var(--active-unfocused-icons) !important;
  padding: 0 0.25rem;
  background-color: var(--branco);
  transition: 0.3s;
}

.formImg__textarea:focus ~ .formImg__label {
  top: -0.5rem !important;
  left: 49px;
  height: 16px;
  color: var(--primary-color) !important;
  font-size: 12px !important;
  z-index: 10;
}

::placeholder {
  color: var(--active-unfocused-icons) !important;
  font-weight: 500 !important;
  opacity: 1;
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--active-unfocused-icons) !important;
  font-weight: 500 !important;
  font-weight: 400;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--active-unfocused-icons) !important;
  font-weight: 500 !important;
  font-weight: 400;
}

.formImg__input:not(:placeholder-shown).formImg__input:not(:focus)
  ~ .formImg__label,
.is-autofilled ~ .formImg__label,
.formImg__input:-webkit-autofill ~ .formImg__label {
  top: -0.5rem !important;
  left: 49px;
  height: 16px;
  color: var(--primary-color) !important;
  font-size: 12px !important;
  z-index: 10;
}
.formImg__input:focus,
.formImg__input:not(:placeholder-shown).formImg__input:not(:focus) {
  border: 2px solid var(--primary-color);
  border-radius: 4px;
}
#formNewPassword {
  width: 100%;
  font-weight: 600;
}

#formNewPassword > span {
  color: var(--text-error-color);
}

.formImg__input:focus + svg path {
  position: relative;
  left: 20px;
  fill: var(--primary-color);
}

.formImg__input:not(:placeholder-shown).formImg__input:not(:focus) + svg path,
.formImg__input:not(:placeholder-shown).formImg__input:not(:focus) + svg rect,
.is-autofilled + svg path,
.formImg__input:-webkit-autofill + svg path {
  fill: var(--primary-color);
}

.pageLoginRegisterRecovery-card__title {
  padding: 0;
}
.pageLoginRegisterRecovery-card__title h4 {
  color: var(--primary-color);
  font-weight: 800;
  margin: 0;
}
.pageLoginRegisterRecovery-card__title p {
  font-size: 14px;
  font-weight: 500;
  color: var(--active-focused-icons);
  margin: 0;
}

#welcome-page {
  min-height: 80vh;
}

.welcome-page-card__buttons {
  padding: 0;
  height: 100%;
}
.welcome-page-card__buttons a {
  width: 240px;
  height: 55px;
  border-radius: 8px;
  font-size: 18px !important;
  font-weight: 800 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.welcome-page-card__buttons a:hover {
  filter: none;
  opacity: unset;
}

.welcome-page-card__buttons--login:hover {
  background: #b000cb;
}

#loginEmail + svg {
  min-width: 24px;
}

#formLogin .warning-incorrectInput {
  top: 60px;
  position: absolute;
  left: 0;
  text-align: left;
}

.rowNAVSec-login {
  height: 66px;
  width: 100%;
  max-width: 1300px;
  padding: 16px;
  margin: 0px;
  background: #fff;
}
@media (min-width: 951px) {
  .rowNAVSec-login {
    display: none;
  }
}

@media (max-width: 575px) {
  #formLogin .warning-incorrectInput {
    font-size: 12px;
    text-align: left;
  }
}

#formPasswordRecovery p {
  color: var(--active-unfocused-icons);
  font-size: 14px;
  font-weight: 500;
}

.purpleButton {
  background: var(--primary-color);
  color: var(--branco);
  font-size: 16px;
  font-weight: 700;
  border-radius: 6px;
  height: 55px;
  width: 100%;
  border: 1px solid var(--primary-color);
}

.purpleButton:hover {
  filter: none;
  color: var(--branco);
  background: var(--primary-color);
  border-radius: 6px !important;
}

.purpleButton-inactive {
  background: #fff;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.purpleButton-inactive:focus {
  border: 1px solid var(--primary-color);
}

.purpleButton--register {
  margin-bottom: 36px;
}

.purpleButton-passwordRecovery {
  width: 180px;
  height: 42px;
  font-size: 16px;
  font-weight: 700;
}

.password-recovery__sms p {
  margin-bottom: 20px;
}
.password-recovery__sms,
.password-recovery__email .middle-line {
  margin-bottom: 29px;
}
.password-recovery__email p {
  font-weight: 800;
  margin: 0 10px;
}
.middle-line {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center; /* making vertical centerign of all children */
}
.middle-line::before,
.middle-line::after {
  content: '';
  flex: 1 1 auto; /* the first digint is 'flex-grow: 1', helps elemet to occupy all free space */
  border-bottom: solid 1px #c4c4c4;
}

.pageLoginRegisterRecovery-card--recovery {
  height: fit-content;
  height: -moz-fit-content;
}
.pageLoginRegisterRecovery-card--initial
  .pageLoginRegisterRecovery-card__title {
  padding: 0 68px;
}
.pageLoginRegisterRecovery-card__title {
  padding: 0 20px;
}
.pageLoginRegisterRecovery-card__title--login {
  padding: 0 68px;
}

.pageLoginRegisterRecovery__form {
  height: 100%;
  margin-top: 47px;
  padding: 0 68px;
}

#formUserRegister .col-6 {
  max-width: 340px;
}

.pageLoginRegisterRecovery-card__title p,
#formUserRegister p {
  font-size: 14px;
  font-weight: 500;
}
#formUserRegister p {
  line-height: 20px;
  color: var(--active-unfocused-icons);
  margin-bottom: 28px;
}
#formUserRegister h4 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 28px;
  line-height: 20px;
}
.pageLoginRegisterRecovery-card__login {
  font-size: 14px;
  font-weight: 600;
  color: var(--active-focused-icons);
  margin: 0;
  margin-top: 30px;
}
.pageLoginRegisterRecovery-card__login a {
  color: var(--primary-color);
  text-decoration: underline;
}
input[type='number'] {
  font-size: unset;
  text-align: start;
}
/* Checkbox CSS */
.forms-partner-network__fields-folder {
  cursor: pointer;
  user-select: none;
  margin: 0;
}
.acceptTerms {
  width: 100%;
  margin: 28px 0;
}
.acceptTerms-label {
  width: 204px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  position: relative;
  /* bottom: 20px; */
  left: 20px;
}
.password-recovery__code {
  margin-bottom: 26px;
}

.password-recovery__code p {
  margin-bottom: 28px;
  font-size: 20px;
  font-weight: 800;
  color: #272727;
}

.password-recovery__code,
.password-recovery__codeError,
#formNewPassword > p {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-low-emphasis);
  margin-bottom: 35px;
}
.password-recovery__codeError p {
  margin: 30px 0 7px 0;
  color: #272727;
  font-weight: 800;
}
.acceptTerms-label a,
.password-recovery__codeError a,
#formLogin a {
  color: var(--primary-color);
  font-size: 12px;
  font-weight: 600;
  text-decoration: underline;
}

.password-recovery__code-input {
  max-width: 105px;
  border: 1px solid var(--active-unfocused-icons);
  border-radius: 4px;
  display: unset;
}
.loginInfo {
  margin-top: 45px;
}
#loginInfoKeep + label {
  left: unset;
  right: 10px;
}
.loginInfoKeep-label {
  position: relative;
  left: 6px;
  color: var(--primary-color);
  font-size: 12px;
  font-weight: 800;
}
@media (min-width: 851px) {
  .pageLoginRegisterRecovery-card {
    width: 490px !important;
    background-color: #ffffff;
    margin-top: 55px;
    margin-bottom: 200px;
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    padding: 17px 0 157px 0;
  }
  .pageLoginRegisterRecovery-card--register {
    width: 862px !important;
    min-height: 556px;
    padding: 17px 0 75px 0;
  }
  #formNewPassword > p {
    padding: 0 48px;
  }
  .pageLoginRegisterRecovery-card--recoveryCode,
  .pageLoginRegisterRecovery-card--recovery {
    padding: 17px 0 65px 0;
  }
}
@media (max-width: 950px) {
  .pageLoginRegisterRecovery-card {
    margin: 100px 0;
  }
}
@media (max-width: 850px) {
  .pageLoginRegisterRecovery-card {
    padding: 17px 0 65px 0;
  }
  .pageLoginRegisterRecovery-card--register {
    height: fit-content;
    padding-bottom: 50px;
  }
  #formUserRegister > div {
    flex-direction: column;
    align-items: center;
  }
  .acceptTerms + button {
    margin-bottom: 25px;
  }
  .pageLoginRegisterRecovery-card {
    background-color: #ffffff;
    margin: 0;
  }
}
@media (max-width: 500px) {
  .pageLoginRegisterRecovery__form,
  .pageLoginRegisterRecovery-card__title--login {
    padding: 0 16px;
  }
  #formUserRegister .col-6 {
    max-width: 100%;
  }
}

.warning-incorrectInput {
  color: #b00020 !important;
  font-size: 12px;
  font-weight: 600;
  position: relative;
  top: 37px;
  left: -20px;
  min-width: 288px;
}

.formChallengeFields .warning-incorrectInput {
  position: absolute;
  top: 55px;
  left: 0px;
}

.content-filtered__challengeStartMultiple__elementFile .warning-incorrectInput,
.forms-inputs__radio > span {
  top: unset;
  left: unset;
  font-size: 12px;
}

.formInputNoImg + label + span {
  left: unset;
}

select + span + label + .warning-incorrectInput {
  position: absolute;
  left: 0;
  top: 55px;
}

@media (max-width: 575px) {
  .warning-incorrectInput {
    font-size: 10px;
    left: 0;
  }

  .nav-forms__fields__line {
    display: none;
  }
}

.drop-login__title {
  margin: 20px;
}

.drop-login__title,
.drop-login__users {
  padding: 0;
}

#partnerDashboard {
  margin-top: 0 !important;
  max-width: unset !important;
  min-height: 100vh;
  background: var(--cor-conteudo-site);
  /* background: linear-gradient(180deg, #9c00b4 22.4%, #78008b 100%); */
  transition: margin 0.3s;
}

#partnerDashboard .nav-pills .nav-link {
  padding: 0;
}

#partnerDashboard .nav-pills .nav-link:hover::before,
#partnerDashboard a[aria-expanded='true']::before {
  content: unset;
}

.partnerBody {
  width: 100% !important;
  margin: 0 auto;
  max-width: unset !important;
}
.partnerBody__preview {
  width: 25%;
  height: 100vh;
}
.partnerBody__preview img {
  width: 160px;
}
.partnerBody h1 {
  text-align: center;
  color: #dd00ff;
  margin: 36px 0 0;
}
.navMenu__iconView--open__pageView {
  transition: margin 0.3s;
}
.navbar-update {
  display: flex !important;
}
@media (max-width: 1199px) {
  .drop-login--logged {
    top: 18px;
  }
}
@media (max-width: 992px) {
  .drop-login--logged {
    top: 22px;
  }
}
.partnerDashboards {
  margin-top: 0 !important;
  max-width: unset !important;
  height: 100vh;
  transition: margin 0.3s;
}
.challengesDashboard__header {
  padding: 0;
  position: sticky;
  position: -webkit-sticky;
  z-index: 10;
  top: 70px;
  max-width: unset !important;
}
.challengesDashboard__header__field {
  min-height: 56px;
  background: linear-gradient(180deg, #9c00b4 22.4%, #78008b 100%);
}
.challengesDashboard__header__field,
.challengesDashboard__header-filters {
  padding: 0 32px !important;
}
.challengesDashboard__header-filters {
  background: var(--branco);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
}
.challengesDashboard__header__field-group {
  height: 52px;
}
.challengesDashboard__header__field-group,
.challengesDashboard__filters {
  /* max-width: 1300px; */
  padding: 0;
}
.challengesDashboard__header-separator {
  min-height: 4px;
  padding: 0;
  background: linear-gradient(233.27deg, #feb523 14.27%, #fe6d00 86.78%);
}

.challengesDashboard__body-createChallenge h1 {
  color: var(--dark-color-site);
  font-size: 46px;
  font-weight: 800;
  line-height: 54px;
  max-width: 590px;
  margin: 0;
  margin-bottom: 33px;
}

.challengesDashboard__body-createChallenge {
  margin: 0 auto;
  margin-top: 86px;
}
.challengesDashboard__body-createChallenge button {
  background: linear-gradient(180deg, #feb523 0%, #fe8e10 54.69%, #fe6d00 100%);
  box-shadow: 0px 5px 8px rgba(177, 177, 177, 0.4);
  border-radius: 12px;
  border: none;
  width: 245px;
  height: 56px;
  color: var(--branco);
  font-size: 20px;
  font-weight: 700;
}
.challengesDashboard__body-createChallenge button svg {
  margin-left: 19px;
}
.challengesDashboard__body-createChallenge-info {
  padding: 0;
  margin-top: 22px;
}
.challengesDashboard__body-createChallenge-info .col {
  width: 171px;
}
.challengesDashboard__body-createChallenge-info .col:first-child {
  margin-right: 10px;
}
.challengesDashboard__body-createChallenge-info .col:not(:first-child) {
  margin-left: 10px;
}
.challengesDashboard__body-createChallenge-info h3 {
  color: var(--dark-color-site);
  font-size: 15px;
  font-weight: 800;
  text-align: center;
}
.challengesDashboard__body-createChallenge-info p {
  color: var(--dark-color-site);
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}
.challengesDashboard__filters {
  height: 44px;
  max-width: 1200px;
  margin: 0 auto !important;
}

.challengesDashboard__filters__button {
  border: none;
  background: transparent;
  font-size: 14px;
  font-weight: 600;
  color: var(--active-unfocused-icons) !important;
  display: flex;
  align-items: center;
}

.challengesDashboard__filters__button svg {
  margin-left: 12px;
}

.challengesDashboard__header__create {
  display: flex;
  justify-content: flex-end;
}

.challengesDashboard__header__create #dropdownChallenges {
  border: none;
  background: transparent;
  color: var(--laranja);
  font-size: 20px;
  font-weight: 700;
  padding: 0;
  display: flex;
  align-items: center;
}

#dropdownChallenges svg {
  background: linear-gradient(180deg, #feb523 0%, #fe8e10 54.69%, #fe6d00 100%);
  border-radius: 6px;
  margin-left: 10px;
}

.challengesDashboard__header__create [aria-label='criar challenge'] {
  margin-left: 12px;
  background: linear-gradient(180deg, #feb523 0%, #fe8e10 54.69%, #fe6d00 100%);
  border-radius: 6px;
  padding: 8px;
}
.challengesDashboard__header__text {
  font-size: 20px;
  font-weight: 800;
  color: var(--branco);
}
#dropdownChallenges + .dropdown-menu {
  width: 346px;
  max-height: 100vh;
  box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.15);
  border-radius: 0;
  padding: 0;
  background: var(--branco);
  top: -13px;
  margin: 0;
  border: none;
}
#dropdownChallenges + .dropdown-menu li {
  height: 56px;
  display: flex;
  align-items: center;
  margin: 0 11px;
  padding: 3px 0;
  border-radius: 12px;
}
#dropdownChallenges + .dropdown-menu a {
  padding: 0;
}
#dropdownChallenges + .dropdown-menu svg {
  fill: var(--active-unfocused-icons);
}
#dropdownChallenges + .dropdown-menu button {
  padding: 0;
  display: flex;
  align-items: center;
}
#dropdownChallenges + .dropdown-menu button svg {
  transform: rotate(-180deg);
}
#dropdownChallenges + .dropdown-menu li a {
  height: 100%;
  padding: 18px 7px;
}
#dropdownChallenges + .dropdown-menu li,
#dropdownChallenges + .dropdown-menu li a,
#dropdownChallenges + .dropdown-menu li label {
  font-size: 14px;
  font-weight: 800;
}
#dropdownChallenges + .dropdown-menu li > a,
#dropdownChallenges + .dropdown-menu li > label {
  padding: 14px 7px;
}
#dropdownChallenges + .dropdown-menu li:hover > a,
#dropdownChallenges + .dropdown-menu li > label:hover,
.challengesMenuSelectedField .challengesMenuSelectedField__text {
  background: #e8e8e8;
  fill: var(--primary-color) !important;
  border-radius: 12px;
}

#dropdownChallenges + .dropdown-menu li:hover > a:active,
#dropdownChallenges + .dropdown-menu li a:active svg,
#dropdownChallenges + .dropdown-menu li > a:focus,
#dropdownChallenges + .dropdown-menu li a:focus svg,
#dropdownChallenges + .dropdown-menu li:focus > label,
#dropdownChallenges + .dropdown-menu li:focus > label svg,
#dropdownChallenges + .dropdown-menu li > label:focus {
  color: var(--branco) !important;
  background: var(--primary-color) !important;
  fill: var(--branco) !important;
  border-radius: 12px;
}
#dropdownChallenges + .dropdown-menu li a:hover {
  background: #e8e8e8;
  filter: unset;
}
.challengesMenu2,
.challengesMenu3,
.challengesMenu4 {
  display: none;
}
.challengesMenu1 label {
  width: 100% !important;
  height: 100% !important;
  min-height: 55px;
  position: inherit !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent;
  color: var(--active-focused-icons) !important;
}
.challengesMenu1 label:before,
.challengesMenu1 label::after {
  display: none;
}

#dropdownChallenges + .dropdown-menu input:checked ~ ul {
  display: block;
  list-style-type: none;
  padding: 0;
  width: 100%;
}

.challengesMenu2 {
  min-width: 343px;
  height: 100%;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 14px 14px 18px 18px;
  box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.15);
  background: var(--branco);
  overflow-x: auto;
}

.challengesMenuSelectedField {
  padding: 0 !important;
}
.challengesMenuBackButton,
.challengesMenuBackButton:focus {
  border: 1px solid var(--active-unfocused-icons) !important;
  border-radius: 4px;
  margin-right: 21px;
  margin-left: 18px;
  background: transparent;
}
.challengesMenu2 svg {
  transform: rotate(90deg);
}
.challengesMenu2 input:checked ~ label {
  color: var(--primary-color) !important;
  min-height: 55px;
}
.challengesMenu2 input:checked ~ label svg {
  transform: rotate(-90deg);
  fill: var(--primary-color) !important;
}
.challengesMenu3,
.challengesMenu4 {
  height: fit-content !important;
}
.challengesMenu3 li {
  padding-right: 0 !important;
}
#dropdownChallenges + .dropdown-menu .dropdownChallenges__title {
  border-bottom: 1px solid var(--inactive-icons);
  margin: 0;
  padding: 0 18px;
  border-radius: unset;
}
#dropdownChallenges + .dropdown-menu .dropdownChallenges__title:hover {
  background: transparent;
  fill: unset !important;
  border-radius: unset;
}
.challengesMenu2 > li:first-child {
  margin: 0 !important;
  padding: 3px 11px;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0 !important;
}
.dropdownChallenges__title h4 {
  font-size: 20px;
  color: #000;
  font-weight: 700;
}
.dropdownChallenges__title button {
  background: transparent;
  border: none;
}
@media (max-width: 1200px) {
  .challengesDashboard__header {
    top: 42px;
  }
  .containerNav {
    padding-bottom: 4px !important;
  }
}
.sectionBodyPages {
  color: var(--text-high-emphasis);
  max-width: unset !important;
}
.sectionBodyPages > .container-fluid {
  margin: 0 auto;
  background: #f7f7f7;
  margin-top: 50px;
}
.extratos_bottomMenu {
  background: linear-gradient(180deg, #feb523 0%, #fe8e10 54.69%, #fe6d00 100%);
  /* min-width: 1300px; */
  margin: 0 auto;
  display: flex;
  justify-content: center;
  height: 50px;
  position: fixed;
  max-width: unset !important;
  z-index: 20;
}
.extratos__bottomMenuField {
  max-width: 1270px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.row-items-sygpoints {
  color: var(--branco);
  line-height: 14px;
  font-size: 14px;
  font-weight: 800;
  background: linear-gradient(180deg, #feb523 0%, #fe8e10 54.69%, #fe6d00 100%);
  border-radius: 6px;
  padding: 4px 7px;
  display: flex;
  align-items: center;
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));
}
.row-items-sygpoints img {
  margin-left: 5px;
  width: 16px;
}

.content-filtered__list {
  padding: 0;
}
.content-filtered__list,
.content-filtered__list ul {
  list-style-type: none;
  width: 100%;
  margin-bottom: 100px;
  max-height: 745px;
  overflow: auto;
}
.content-filtered__list--option,
.content-filtered-diretorioParceiros__list--option {
  cursor: pointer;
}
.content-filtered__list--option > .row {
  height: 100%;
  min-width: 100%;
}
.content-filtered__list--brand {
  display: none;
}
.content-filtered__list input:checked ~ ul {
  display: block;
  position: relative;
  width: 336px;
  left: 450px;
  padding: 0;
}
.content-filtered__downloadApp {
  height: fit-content;
  width: 40%;
  position: sticky;
  position: -webkit-sticky;
  top: 190px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content-filtered__challengeDescription {
  width: 432px;
  height: 100%;
  background: var(--branco);
  position: sticky;
  top: 170px;
  box-shadow: 0px 30px 20px rgba(0, 0, 0, 0.15);
  transition: 0.3s;
  margin: -20px -32px;
}
.content-filtered__downloadApp--close,
.content-filtered__challengeDescription--close,
.content-filtered__challengeStart--close,
.content-filtered__challengeStartMultiple--close,
.closeElement {
  display: none;
}
.content-filtered__challengeDescription__header {
  height: 56px;
  border-bottom: 1px solid var(--inactive-icons);
  padding: 9px 14px 7px 24px;
}
.content-filtered__challengeDescription__header .col-11,
.content-filtered__challengeDescription__header .col-1 {
  padding: 0;
}
.content-filtered__challengeDescription__header h5 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}
.content-filtered__challengeDescription__header p {
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-color);
  margin: 0;
}
.bottomSheetCloseButton,
.bottomSheetMaisSygsBackButton,
#challengeStartCloseButton {
  background: none;
  border: none;
}
.content-filtered__challengeDescription__body {
  /* height: 100%; */
  height: unset!important;
  padding: 18px 23px 35px 24px;
}
.content-filtered__challengeDescription__body .mb-4 .col {
  padding: 0;
}

.content-filtered__challengeDescription__body__partner,
.partner-logo {
  width: 48px;
  height: 48px;
  transition: 0.5s;
  border-radius: 4px;
  filter: drop-shadow(0px 5px 8px rgba(177, 177, 177, 0.4));
  object-fit: contain;
}

.content-filtered__challengeDescription__body__sygs {
  background: linear-gradient(180deg, #feb523 0%, #fe8e10 54.69%, #fe6d00 100%);
  border-radius: 6px;
  height: 22px;
  width: fit-content;
  color: var(--branco);
  padding: 2px 5px;
  font-size: 12px;
  font-weight: 800;
}
.content-filtered__challengeDescription__body__sygs img {
  width: 12px;
  height: 12px;
  margin-left: 5px;
}
.content-filtered__challengeDescription__body__partner + div {
  margin-left: 16px;
  padding-bottom: 12px;
}

.content-filtered__challengeDescription__bodyPartner {
  margin-left: 16px;
  width: 100%;
}

.content-filtered__challengeDescription__bodyPartner .row,
.content-filtered__challengeDescription__bodyPartner .col {
  padding: 0;
}

.content-filtered__challengeDescription__bodyPartner
  .content-filtered__challengeDescription__body__partnerName {
  height: 11px;
}

.content-filtered__challengeDescription__body__partnerName {
  font-size: 12px;
  font-weight: 500;
  line-height: 11px;
}

.content-filtered__challengeDescription__body__partnerChallenge {
  font-size: 14px;
  font-weight: 700;
}
#challengeDescriptionImg {
  width: 228px;
  height: 228px;
  border-radius: 8px;
  filter: drop-shadow(0px 5px 8px rgba(177, 177, 177, 0.4));
  object-fit: contain;
}

#escaloesBlock .accordion-item,
#challengeDescription .accordion-item,
.bottomsheetVerVideos .accordion-item,
.content-filtered__challengeDescription__body .accordion-item {
  width: 100%;
}

#escaloesBlock .accordion-item:not(:first-child),
#challengeDescription .accordion-item:not(:first-child) {
  margin-top: 18px;
}
.content-filtered__challengeDescription__date {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  margin-top: 10px;
}
#escaloesBlock .accordion-button,
#challengeDescription .accordion-button,
.bottomsheetVerVideos .accordion-button,
.content-filtered__challengeDescription__body .accordion-button {
  font-size: 18px;
  font-weight: 700;
  width: 100%;
  background: none;
  border: none;
  text-align: start;
  padding: 0;
  display: flex;
  justify-content: space-between;
}

.content-filtered__challengeDescription
  .accordion-button[aria-expanded='false']::after,
.challengeConditions .accordion-button[aria-expanded='false']::after,
#escaloesBlock .accordion-button[aria-expanded='false']::after {
  width: 24px;
  height: 24px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 5H11V11H5V13H11V19H13V13H19V11H13V5Z' fill='%23820096'/%3E%3C/svg%3E%0A");
}
.content-filtered__challengeDescription
  .accordion-button[aria-expanded='true']::after,
.challengeConditions .accordion-button[aria-expanded='true']::after,
#escaloesBlock .accordion-button[aria-expanded='true']::after {
  width: 24px;
  height: 24px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 13L5 11L19 11L19 13L5 13Z' fill='%23820096'/%3E%3C/svg%3E");
}

#challengeExclusionsHeading button,
#challengeParticipationHeading button,
.challengeParticipationHeading button,
.bottomsheetVerVideos .accordion-button {
  color: var(--primary-color);
}

#challengeInfoHeading .accordion-button[aria-expanded='false']::after,
#challengeInfoPartnerHeading .accordion-button[aria-expanded='false']::after,
#escaloesBlock  .accordion-button[aria-expanded='false']::after {
  width: 24px;
  height: 24px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 5H11V11H5V13H11V19H13V13H19V11H13V5Z' fill='%238D8D8D'/%3E%3C/svg%3E%0A");
}

#challengeInfoHeading .accordion-button[aria-expanded='true']::after,
#challengeInfoPartnerHeading .accordion-button[aria-expanded='true']::after {
  width: 24px;
  height: 24px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 13L5 11L19 11L19 13L5 13Z' fill='%238D8D8D'/%3E%3C/svg%3E");
}

.content-filtered__challengeDescription__final {
  font-size: 12px;
}
.content-filtered__challengeDescription__final span {
  font-weight: 800;
  color: var(--text-high-emphasis);
}
.content-filtered__challengeDescription__startChallenge {
  width: 100%;
}
.content-filtered__challengeDescription__startChallenge button {
  width: 196px;
  height: 46px;
  color: var(--branco);
  background: var(--primary-color);
  border: none;
  border-radius: 8px;
  font-weight: 800;
}
.content-filtered__challengeDescription__startChallenge img {
  fill: var(--branco);
}
.defaultConfirmationModal .modal-content {
  width: 288px;
  min-height: 293px;
  border: none;
  border-top: 8px solid var(--primary-color);
  filter: drop-shadow(0px 30px 20px rgba(0, 0, 0, 0.15));
  border-radius: 8px;
}
.defaultConfirmationModal .modal-content .modal-header {
  border: none;
  padding: 20px 29px 10px 29px;
}
.defaultConfirmationModal .modal-content .modal-header h5 {
  font-size: 26px;
  font-weight: 800;
}
.defaultConfirmationModal .modal-content .modal-body {
  padding: 20px 29px 27px 29px;
}
.defaultConfirmationModal .modal-content .modal-body p {
  font-size: 14px;
  font-weight: 500;
}
.defaultConfirmationModal .modal-content .modal-body p span {
  font-size: 14px;
  font-weight: 800;
  color: var(--text-high-emphasis);
}
.defaultConfirmationModal .modal-content .modal-footer {
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: unset;
  flex-wrap: unset;
  border-top: 1px solid var(--inactive-icons);
}
.defaultConfirmationModal .modal-content .modal-footer button {
  width: 50%;
  height: 55px;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
}
.defaultConfirmationModal
  .modal-content
  .modal-footer
  .modal-footer-confirmation__no {
  color: var(--active-unfocused-icons);
}
.defaultConfirmationModal
  .modal-content
  .modal-footer
  .modal-footer-confirmation__yes {
  border-left: 1px solid var(--inactive-icons);
  color: var(--primary-color);
}

[onclick='verificaRedirect()'] {
  width: 100% !important;
}

.content-filtered__challengeStart__body p,
.content-filtered__challengeStart__body h5 {
  margin: 0;
  color: var(--primary-color);
}
.content-filtered__challengeStart__body p {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}
.content-filtered__challengeStart__body h5 {
  font-size: 20px;
  font-weight: 800;
}
.content-filtered__challengeStart__body form {
  width: 100%;
  margin: 15px 0;
}
.content-filtered__challengeStart__body form button,
.verVideoPlayButton {
  width: 100%;
  height: 50px;
  font-size: 16px;
  font-weight: 800;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px 10px 20px;
  border: none;
  background: var(--primary-color);
  color: var(--branco);
  border-radius: 8px;
}
.content-filtered__challengeStart__info p {
  color: var(--text-high-emphasis);
  font-weight: 500;
  font-size: 13px;
}
.content-filtered__challengeStart__info span {
  color: var(--text-high-emphasis);
  font-weight: 800;
}
/* .content-filtered__challengeStart__info span:not(:first-child) {
  color: var(--primary-color);
} */
.content-filtered__challengeStart__sygs {
  width: 100%;
  margin-top: 30px;
  display: none;
  justify-content: center;
}
.content-filtered__challengeStart__sygs h5 {
  display: flex;
  align-items: center;
}
.content-filtered__challengeStart__sygs h5 img {
  margin-left: 5px;
}

@media (max-width: 1100px) {
  .content-filtered {
    width: 50%;
  }
}
@media (max-width: 950px) {
  .content-filtered__challengeDescription {
    position: fixed;
    top: unset;
    width: 100% !important;
    transition: 0.3s;
    z-index: 11;
  }
  .content-filtered {
    width: 100% !important;
    padding-bottom: 150px;
  }
  .content-filtered__downloadApp {
    width: 100%;
    padding: 0 16px;
  }
}

@media (max-width: 576px) {
  .content-filtered__challengeDescription {
    position: fixed;
    width: 100%;
    z-index: 10;
    transition: 0.3s;
  }

  .content-filtered__list--option .row-items-description__share button,
  .content-filtered__list--option .row-items-description__share + div {
    flex-direction: column !important;
    align-items: end;
  }
}
.content-filtered__challengeStartMultiple {
  width: 100%;
  min-height: 100vh;
  background: var(--branco);
  padding: 32px;
}
.content-filtered__challengeStartMultiple h1 {
  font-size: 28px;
  font-weight: 800;
  background: -webkit-linear-gradient(#9c00b4, #78008b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 21px;
}
.content-filtered__challengeStartMultiple__element {
  min-width: 357px;
}
.content-filtered__challengeStartMultiple__element p {
  font-size: 16px;
  font-weight: 800;
  color: var(--primary-color) !important;
}
.content-filtered__challengeStartMultiple__elementFile {
  margin: 0;
  width: 100%;
}
.content-filtered__challengeStartMultiple__elementFile
  .fileType-exampleHeading {
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 800;
}
.content-filtered__challengeStartMultiple__elementFile
  .fileType-exampleHeading-span {
  color: var(--primary-color);
  font-size: 12px;
  font-weight: 600;
}
.content-filtered__challengeStartMultiple__elementFile
  .fileType-exampleButtons
  input {
  display: none;
}
.content-filtered__challengeStartMultiple__elementFile
  .fileType-exampleButtons
  label {
  position: unset;
  pointer-events: visible;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-filtered__challengeStartMultiple__elementFile
  .fileType-exampleButtons__camera
  label {
  background: var(--laranja);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.content-filtered__challengeStartMultiple__elementFile
  .fileType-exampleButtons__file
  label {
  background: var(--primary-color);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin-right: 16px;
}
.content-filtered__challengeStartMultiple__submit button {
  width: 100%;
  height: 55px;
  background: var(--primary-color);
  color: var(--branco);
  font-size: 18px;
  font-weight: 700;
  border-radius: 8px;
}

/* Select2 search */
.nav-forms__fields-input__selectLabel
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding: 0;
  color: var(--active-focused-icons);
}
.nav-forms__fields-input__selectLabel .select2-selection__arrow {
  padding: 0;
  top: 25px;
  right: 15px;
}
.nav-forms__fields-input__selectLabel {
  margin: 0;
  max-width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 700 !important;
  color: var(--active-focused-icons);
  position: unset;
}

.select2-selection,
.select2-selection--single {
  background-color: #fff !important;
  height: 55px !important;
  padding: 14px 16px 14px 20px !important;
  cursor: pointer !important;
  border: 1px solid var(--active-unfocused-icons) !important;
  border-radius: 8px !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 17px !important;
  right: 15px !important;
}
.select2-search {
  height: 40px;
  padding: 4px 20px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: var(--active-focused-icons);
  font-weight: 700;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border: none !important;
  content: url('/media/sygpointweb/assets/img/iconArrowDown.svg');
  width: 24px !important;
  height: 24px !important;
  position: unset !important;
  margin: 0 !important;
}
/* Select2 multiple */

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: var(--inactive-icons);
  border: none;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding-left: 15px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
  height: 36px;
}
.select2-selection__choice button {
  height: 100%;
  width: 24px;
}
.select2-selection__choice button:hover {
  background-color: transparent !important;
}
.select2-selection__choice span {
  padding: 0;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0;
  padding-right: 5px;
  position: unset;
}
.select2-selection__choice button span {
  background-color: var(--active-focused-icons);
  border-radius: 50%;
  font-size: 18px;
  width: 100%;
  display: block;
  color: var(--inactive-icons);
}
.select2-search__field {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid var (var(--active-unfocused-icons));
  font-weight: 600;
  width: 100% !important;
  display: block;
  position: relative;
  bottom: 5px;
  color: var(--active-focused-icons);
  padding: 6px 0 0 !important;
}
.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--primary-color);
  color: white;
  font-weight: 600;
  padding-left: 20px;
}
.select2-dropdown {
  border-radius: 0 0 8px 8px;
}
.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable:last-child {
  border-radius: 0 0 8px 8px;
}
.select2-container--default .select2-results > .select2-results__options {
  -webkit-box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.15);
  box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.15);
  border-radius: 0 0 8px 8px;
}
.select2-results__option--selectable {
  color: var(--active-focused-icons);
  font-weight: 600;
  padding-left: 20px;
  line-height: 17px;
}
.select2-container--open .select2-dropdown {
  left: 0;
  top: 1px;
  min-width: 150px;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  top: 0px;
  right: 0;
  padding: 1px;
  font-size: 30px;
}

/* Select2 End */

.content-filtered .justify-content-xl-center {
  background: var(--branco);
  border-bottom: 1px solid #c7c7c7;
}

.content-filtered__challengeStartMultiple__element label select {
  height: 100%;
}

.content-filtered__challengeStartMultiple .challenge_datepicker {
  padding: 0 15px;
}

.content-filtered__challengeStartMultiple .challenge_datepicker * {
  border: none;
  color: var(--active-focused-icons);
}
.content-filtered__challengeStartMultiple .challenge_datepicker .fa {
  font-size: 14px;
}

[data-toggle='datetimepicker'] {
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table td span {
  font-size: 15px;
}
.content-filtered__challengeStartMultiple .challenge_datepicker .input-group {
  border: 1px solid var(--active-unfocused-icons) !important;
  border-radius: 4px;
  height: 55px;
  padding-right: 16px;
}
.content-filtered__challengeStartMultiple
  .challenge_datepicker
  .input-group-text {
  background: transparent;
}
.input-group-text {
  border-radius: 8px;
}
.content-filtered__challengeStartMultiple .challenge_datepicker label,
.typeDate-label label {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.content-filtered__challengeStartMultiple .challenge_datepicker input {
  font-style: normal;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 10px 0 10px 15px;
  border-radius: 5px;
}
.content-filtered__challengeStartMultiple .challenge_datepicker input:focus {
  border: none;
  box-shadow: unset;
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
}
.datepicker .prev span:before,
.datepicker .next span:before,
.bootstrap-datetimepicker-widget table td span::before {
  font-family: FontAwesome;
}
/* #challenge_datepicker .form-group {
  margin-left: 24px;
} */
.challenge-activation--margin {
  margin-top: 100px;
}
#itemPrice {
  padding-left: 17px;
}
#itemPrice + label {
  left: 118px;
}
.categoryBody {
  height: 100vh;
  min-height: 1100px;
}
.categoryBackground {
  height: 42%;
  background-image: url(/media/sygpointweb/assets/img/backgroundCat.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.categoryBackground h1 {
  text-align: center;
  color: var(--branco);
  font-size: 40px;
  font-weight: 800;
  margin-top: 55px;
  padding: 0 20px;
}

.categoryBackground h2 {
  text-align: center;
  color: var(--branco);
  font-size: 34px;
  font-weight: 800;
  margin-top: 55px;
  padding: 0 20px;
}

.categoryIcon {
  text-align: center;
  position: relative;
  top: 350px;
}
.categoryIcon img {
  max-width: 100%;
}

.categoryOptions {
  position: relative;
  bottom: 350px;
  max-width: 655px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  width: 100%;
  height: fit-content;
}
.categoryOptionsGroup {
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #9c00b4 22.4%, #78008b 100%);
  filter: drop-shadow(0px 6px 10px rgba(145, 0, 167, 0.25));
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--branco);
}
.categoryOptions a {
  width: 130px;
  height: 120px;
  margin: 15px;
}
.categoryOptionsGroup img {
  width: 52px;
  height: 52px;
}
.categoryOptionsGroup p {
  font-size: 12px;
  font-weight: 800;
  margin: 0;
  margin-top: 10px;
  text-align: center;
}
@media (max-width: 768px) {
  .categoryOptions {
    max-width: 500px;
    bottom: 300px;
  }
}
@media (max-width: 576px) {
  .categoryIcon {
    top: 315px;
  }
  .categoryBackground h1 {
    display: none;
  }
  .categoryOptions {
    max-width: 400px;
    bottom: 400px;
  }

  .categoryOptions > .row {
    justify-content: center;
  }
  .categoryOptions a {
    width: 91px;
    height: 87px;
    margin: 13px;
  }
  .categoryOptionsGroup p {
    font-size: 10px;
    font-weight: 600;
  }
  .categoryOptionsGroup img {
    width: 31px;
    height: 30px;
  }
  .categoryBody {
    height: 65vh;
    min-height: 1100px;
    max-height: 1300px;
  }
}

.content-filtered__list--option .row-items-button svg use {
  fill: var(--active-unfocused-icons);
}

.content-filtered__list--option--selected {
  background: black;
  border: 1px solid var(--primary-color) !important;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  margin: 10px;
  transform: scale(1);
  animation: pulse-purple 0.5s;
  z-index: 1;
  filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15));
}

@keyframes pulse-purple {
  0% {
    transform: scale(1);
    box-shadow: 0 30px 20px rgb(130 0 150 / 25%);
  }

  100% {
    transform: scale(1.02);
    box-shadow: 0 30px 20px rgb(0 0 0 / 10%);
  }
}

.content-filtered__list--option--selected .row-items-button svg path {
  fill: var(--primary-color);
}
.content-filtered__list--option--selected .row-items-image img {
  width: 53px;
  height: 53px;
  transition: 0.3s;
}
.content-filtered__list--option--selected .row-items-description h4 {
  font-size: 14px;
  transition: 0.3s;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}

.content-filtered__list--option--selected .row-items-description p {
  font-size: 16px;
  transition: 0.3s;
}
.content-filtered__list--option--selected .row-items-dateMobile {
  font-size: 11px !important;
  transition: 0.3s;
}
.content-filtered__challengeDescription--selected {
  transform: scale(1.08);
  box-shadow: 0 30px 20px (rgb(130 0 150 / 25%));
  animation-name: borderanim;
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
  animation-delay: 0s;
}

.content-filtered__challengeDescription--selected
  .content-filtered__challengeDescription__body__partner {
  width: 53px;
  height: 53px;
  transition: 0.5s;
}

@keyframes borderanim {
  0% {
    box-shadow: 0 30px 20px rgb(130 0 150 / 25%);
  }
  100% {
    box-shadow: 0 30px 20px rgb(0 0 0 / 15%);
  }
}

#buttonHelp svg {
  animation: helpanimScale 1s ease-in-out 8 alternate;
  -webkit-animation: helpanimScale 1s ease-in-out 8 alternate;
}

#buttonHelp svg path {
  animation: helpanimFill 1s ease-in-out 8 alternate;
  -webkit-animation: helpanimFill 1s ease-in-out 8 alternate;
}

@keyframes helpanimScale {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(1.4);
    -webkit-transform: scale(1.4);
  }
}

@keyframes helpanimFill {
  0% {
    fill: var(--branco);
  }
  100% {
    fill: var(--primary-color);
  }
}

/*EMPTY CHALLENGES*/

.content-filtered--empty {
  padding-top: 65px !important;
  padding-bottom: 0 !important;
}
.content-filtered__empty {
  width: 100%;
  height: 100%;
  display: flex;
}
.content-filtered__empty img {
  width: 259px;
}
.content-filtered__empty h2 {
  margin: 23px 0 15px 0;
  color: var(--primary-color);
  font-size: 20px;
  font-weight: 800;
  text-align: center;
}
.content-filtered__empty p {
  font-size: 12px;
  font-weight: 600;
}

.content-filtered__empty--available {
  text-decoration: underline;
  color: var(--primary-color);
}
.content-filtered--empty + .content-filtered__downloadApp {
  position: relative;
  width: 40%;
  top: unset;
  padding-top: 65px;
}
#divParticipationEmpty span {
  cursor: pointer;
  color: var(--primary-color);
  text-decoration: underline;
}

@media (max-width: 950px) {
  .content-filtered--empty + .content-filtered__downloadApp {
    display: block;
    width: 100%;
    padding-right: 0;
  }
  .content-filtered {
    min-height: unset !important;
  }
}

/* IFRAME SYGRECOMENDA */
.wireframeBody {
  height: 85vh;
}
.wireframeBody__options {
  height: 48px;
  background: linear-gradient(180deg, #9c00b4 22.4%, #78008b 100%);
}
.wireframeBody__options button {
  background: none;
  border: none;
}
.wireframeBody__options__websiteButtons button svg {
  fill: var(--branco);
}
.wireframeBody__options__websiteButtons button:first-child svg {
  transform: rotate(180deg);
}
.wireframeBody__website {
  height: 100%;
}
.wireframeBody__website iframe {
  border: none;
  width: 100%;
  height: 100%;
}
/* CSS para iframe utilizado por Constantino */
/* .wireframeBody__website {
  width: 100%;
  height: 100%;
  margin-top: 200px
}
.wireframeBody__website iframe {
  width: 100%;
} */

/* Filtro Select2 Escolher Parceiro */
.filter-search .select2-container {
  max-width: 265px;
  font-size: 14px;
}
.filter-search .select2-container .select2-selection {
  border: 1px solid var(--active-unfocused-icons) !important;
  border-radius: 8px !important;
  display: flex;
  align-items: center;
  height: 24px !important;
  background: transparent;
  padding: 14px 15px !important;
  justify-content: space-between;
}
.filter-search .select2-selection__arrow {
  position: relative !important;
  width: 24px;
  height: 24px;
  left: 10px;
  top: unset !important;
  right: unset !important;
  display: flex;
  align-items: center;
  background: var(--branco);
}
.filter-search .select2-selection__arrow b {
  border: none !important;
  position: relative !important;
  top: unset !important;
  left: unset !important;
}
.filter-search .select2-selection__rendered {
  background: #fff !important;
  padding: 0;
}
.select2-dropdown {
  /* width: 250px !important; */
  border: 0 0 8px 8px !important;
}
.filter-search .select2-container .select2-selection span {
  background: #fff;
  padding: 0;
  top: 0 !important;
}
.select2-dropdown .select2-results__option--highlighted {
  background: var(--primary-color) !important;
}
.select2-dropdown .select2-search__field {
  padding-left: 15px;
}

.filter-search
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  content: url(/media/sygpointweb/assets/img/iconArrowDown.svg);
  width: 24px !important;
  height: 24px !important;
  margin: 0;
  background: #fff;
}
.extratos_bottomMenu--utils {
  background: linear-gradient(180deg, #9c00b4 22.4%, #78008b 100%);
}
.utilsBackground {
  background-image: url(/media/sygpointweb/assets/img/backgroundUtils.svg);
}
.categoryOptionsGroup--final {
  background: none;
  filter: unset;
}
.categoryOptionsGroup--final img {
  width: 146px;
  height: 146px;
  filter: drop-shadow(0px 5px 8px rgba(177, 177, 177, 0.4));
  border-radius: 8px;
}
.categoryOptionsGroup--final p {
  background: none;
  color: var(--active-focused-icons);
  font-size: 16px;
  font-weight: 800;
}
.categoryOptions--final {
  max-width: 542px;
}
.categoryOptions--final a {
  width: unset;
  height: unset;
}
@media (max-width: 576px) {
  .categoryOptions--final {
    max-width: 450px;
  }
  .categoryOptionsGroup--final img {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 455px) {
  .categoryOptions--final {
    max-width: 315px;
  }
}

/* LANDINGPAGE */
.landingPageDemo__text {
  padding: 56px 68px 0;
  color: var(--dark-color-site);
}
.landingPageDemo__text h4,
.landingPageDemo__text p {
  font-size: 16px;
  font-weight: 400;
}
.landingPageDemo__text h1 {
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 14px;
  line-height: 36px;
}
.landingPageDemo__text + .pageLoginRegisterRecovery__form {
  margin-top: 36px;
  padding: 0 68px !important;
}
.landingPageDemo__text + .pageLoginRegisterRecovery__form p {
  color: var(--dark-color-site);
  font-size: 16px;
  font-weight: 700;
}
.landingPageDemo__text
  + .pageLoginRegisterRecovery__form
  .landingPageDemo__button {
  margin-top: 55px;
}
.landingPageDemo__text
  + .pageLoginRegisterRecovery__form
  .landingPageDemo__button
  button {
  color: var(--branco);
  width: 205px;
  height: 55px;
  font-size: 17px;
  font-weight: 700;
  background: var(--primary-color);
  border-radius: 8px;
  border: none;
  padding: 10px 0;
}

.landingPageDemo__text + form .warning-incorrectInput {
  top: 60px;
}

.landingPageDemo__text + form svg {
  min-width: 24px;
}

.navbar-toggler {
  display: none;
}

.rowNAVSec-login {
  display: flex !important;
  justify-content: center !important;
}

.rowNAVSec-login .nav {
  width: unset;
}

@media (max-width: 575px) {
  #mybar {
    padding: 0 16px;
  }
  .landingPageDemo__text {
    padding: 10px 34px 0;
  }

  .landingPageDemo__text + .pageLoginRegisterRecovery__form {
    padding: 0 34px !important;
  }

  .landingPageDemo__button {
    margin-top: 70px;
  }

  .landingPageDemo__text + form .warning-incorrectInput {
    min-width: fit-content;
    position: absolute;
  }

  .rowNAVSec-login {
    display: none;
  }
}

/* PROGRAMAS */
.programasInfo {
  color: var(--primary-color);
}
.programasInfo .content-filtered__downloadApp {
  width: unset;
}
.programasInfo h1 {
  font-size: 28px;
  font-weight: 800;
}
.programasInfo li {
  font-size: 18px;
  font-weight: 800;
}
@media (max-width: 950px) {
  .programas {
    flex-direction: column;
  }
  .programasInfo .content-filtered__downloadApp {
    display: flex;
  }
  .programasInfo,
  .programas-cards {
    min-width: 100%;
  }
}
/* GIFTCARDS PAGINA */
.content-filtered__list--giftcards li {
  height: 110px;
  padding: unset;
  margin: 16px 0 !important;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  border: none;
  cursor: pointer;
}
.content-filtered__list--giftcards .row-items-image {
  max-width: 140px;
  padding: 19px 16px;
}
.content-filtered__list--giftcards .giftcardsPartnerLogo {
  width: 100%;
  max-width: 107px;
  height: 100%;
  max-height: 68px;
  border-radius: 8px;
}
.content-filtered__list--giftcards .giftcardsImage {
  max-width: 32px;
  max-height: 32px;
  transition: unset;
  border: 1px solid var(--branco);
  border-radius: 4px;
}
.content-filtered__list--giftcards .giftcardsImageBorder {
  background: var(--branco);
  position: absolute;
  left: 5px;
  bottom: 5px;
  border-radius: 8px;
}
.content-filtered__list--giftcards .row-items-description {
  margin: 0;
  width: 100%;
  height: 100%;
  max-width: unset;
  background: #f5f5f5;
  border-radius: 0 8px 8px 0;
  padding: 16px 12px;
}
.content-filtered__list--giftcards .row-items-description h4 {
  font-size: 12px;
  font-weight: 800;
}
.content-filtered__list--giftcards .row-items-description p {
  color: var(--active-unfocused-icons);
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.content-filtered__list--giftcards .row-items-description div h4 + p {
  margin-top: 5px;
}

.content-filtered__list--giftcards .row-items-description p span {
  color: var(--active-unfocused-icons);
  font-weight: 800;
}

.content-filtered__list--giftcards .row-items-description .giftcardsSygsValue {
  color: var(--active-focused-icons);
  font-size: 14px;
  font-weight: 900;
  display: flex;
  align-items: center;
}

.content-filtered__list--giftcards
  .row-items-description
  .giftcardsSygsValue
  img {
  width: 14px;
  margin-left: 5px;
}

.bottomSheet-giftcards {
  max-height: 800px;
  overflow-y: auto;
}

.bottomSheet-giftcards .content-filtered__challengeDescription__header {
  height: 194px;
  padding: 0;
}

.bottomSheet-giftcards .content-filtered__challengeDescription__body {
  overflow: unset;
}

.bottomSheet-giftcards .row-items-image {
  max-width: unset;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bottomSheet-giftcards .giftcardsPartnerLogo {
  width: 233px;
  height: 145px;
  border-radius: 12px;
  margin: auto;
}
.bottomSheet-giftcards .giftcardsImage {
  max-width: 50px;
  max-height: 50px;
  transition: unset;
  border: 2px solid var(--branco);
  border-radius: 4px;
}

.bottomSheet-giftcards .giftcardsImageBorder {
  position: absolute;
  left: 78px;
  bottom: 15px;
  border-radius: 8px;
  display: none;
}

.bottomSheet-giftcards #challengeDescriptionCloseButton {
  position: absolute;
  padding: 0;
  right: 0;
  margin: 10px;
  background: none;
  border: none;
}

#challengeDescriptionCloseButton {
  background: none;
  border: none;
}

.bottomSheet-giftcards a.bottomSheet-giftcards-text--primary {
  text-decoration: underline;
  font-weight: 600;
}

.bottomSheet-giftcards a.bottomSheet-giftcards-text--primary:hover {
  color: var(--primary-color);
}

.bottomSheet-giftcards__title {
  margin-bottom: 15px;
  font-size: 21px;
  width: 80%;
}

.bottomSheet-giftcards__subtitle {
  font-size: 14px;
  margin-bottom: 12px;
}

.bottomSheet-giftcards__delivery {
  margin-bottom: 40px;
  font-size: 16px;
}

.bottomSheet-giftcards-text--primary {
  color: var(--primary-color);
}

.bottomSheet-giftcards-text--fade {
  color: var(--active-unfocused-icons);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
}

.bottomSheet-giftcards
  .content-filtered__challengeDescription__startChallenge
  button {
  width: 100%;
  filter: drop-shadow(0px 10px 10px rgba(145, 0, 167, 0.2));
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 22px;
}

#sygsButton {
  font-size: 14px;
}

.bottomSheet-giftcards .giftcardValue__currency {
  position: absolute;
  font-weight: 800;
  font-size: 18px;
  left: 20px;
  top: 16px;
  color: var(--primary-color);
  z-index: 1;
}

.bottomSheet-giftcards .select2-container--default .select2-selection--single {
  border: 1px solid var(--primary-color) !important;
  border-radius: 4px !important;
}

.bottomSheet-giftcards select + span + label {
  top: -8px !important;
  font-size: 14px !important;
  left: 45px;
  color: var(--primary-color) !important;
}

.bottomSheet-giftcards
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding: 0 25px;
}

.content-filtered__list--giftcards .content-filtered__list--option--selected {
  border: 2px solid var(--primary-color);
}

.content-filtered__list--giftcards
  .content-filtered__list--option--selected
  .row-items-image
  img {
  width: 100%;
  height: 100%;
}

.bottomSheet-giftcards #giftcardValueDescription {
  margin-bottom: 30px;
}

.bottomSheet-giftcards #giftcardValueDescription div {
  padding: 7px 0;
}

.bottomSheet-giftcards #giftcardValueDescription div:not(:last-child) {
  border-bottom: 1px solid #d9d9d9;
}

.bottomSheet-giftcards #giftcardValueDescription p {
  margin: 0;
}

.bottomSheet-giftcards #giftcardValueDescription p:first-child {
  font-size: 14px;
  font-weight: 500;
}

.bottomSheet-giftcards #giftcardValueDescription p:not(:first-child) {
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.bottomSheet-giftcards #giftcardValueDescription p img {
  width: 13px;
  margin-left: 3px;
}

.notificationModalStyle .modal-footer-confirmation button {
  width: 50% !important;
  height: 55px;
  margin: 0;
}

.notificationModalStyle .modal-footer-confirmation__no {
  color: var(--active-focused-icons) !important;
}

.notification-giftcards .modal-header h5 {
  font-size: 24px !important;
}

.notification-giftcards .modal-body {
  padding: 0 26px;
}

.notification-giftcards .modal-body p:not(:first-child) {
  font-size: 14px;
}

/* Congrats GIFTCard Modal */

.congrats-giftcards .modal-content {
  width: 296px;
  height: 449px;
  border-radius: 8px;
  filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.15));
  background: url(/media/sygpointweb/assets/img/backgroundCongratsGiftcard.png);
  background-position: center;
}

.congrats-giftcards .modal-header {
  border: none;
  display: flex;
  justify-content: end;
}

.congrats-giftcards .modal-header button {
  border: none;
  background: none;
}

.congrats-giftcards .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 35px;
}

.congrats-giftcards h1 {
  font-size: 22px;
  font-weight: 800;
}

.congrats-giftcards p {
  font-size: 14px;
  font-weight: 800;
}

.congrats-giftcards p + span {
  border-bottom: 1px solid var(--primary-color);
  width: 91px;
  margin-bottom: 30px;
}

.congrats-giftcards h3 {
  font-size: 20px;
  font-weight: 800;
  text-align: center;
}

.congrats-giftcards h3 span {
  color: var(--laranja);
}

@media (max-height: 950px) {
  .bottomSheet-giftcards {
    max-height: 75vh;
    overflow: auto;
  }

  .bottomSheet-giftcards__delivery,
  .bottomSheet-giftcards .formImg__group,
  .bottomSheet-giftcards-text--fade {
    margin-bottom: 12px;
  }
}

@media (max-width: 995px) {
  .content-filtered__list--giftcards
    .row-items-description
    .giftcardsSygsValue {
    margin: 0;
  }
  .bottomSheet-giftcards {
    margin: 0 !important;
    top: 116px;
  }
}

@media (max-width: 575px) {
  .bottomSheet-giftcards .giftcardsPartnerLogo {
    max-width: unset;
  }

  .content-filtered__list--giftcards
    .row-items-description
    .giftcardsSygsValue {
    font-size: 12px;
  }

  .content-filtered__list--giftcards .row-items-image {
    margin: 0;
    padding: 19px 10px;
    max-width: 128px;
  }
  .content-filtered__list--giftcards .row-items-description h4,
  .content-filtered__list--giftcards .row-items-description p {
    font-size: 10px;
  }
  .content-filtered__list--giftcards .row-items-description div h4 + p {
    margin: 0;
  }
}

@media (max-width: 550px) {
  #divGiftcards {
    padding: 0 16px;
  }
  .content-filtered__list--giftcards
    .row-items-description
    .giftcardsSygsValue {
    margin: 0;
  }
  .content-filtered__list--giftcards .row-items-description {
    padding-bottom: 10px;
  }
}

.giftcards__userSygs {
  background: linear-gradient(180deg, #feb523 0%, #fe8e10 54.69%, #fe6d00 100%);
  padding: 0 32px;
}
.giftcards__userSygs .giftcards__userSygs--value,
.giftcards__userSygs .giftcards__userSygs--budget {
  color: var(--branco);
  font-size: 14px;
  font-weight: 500;
  padding: 0;
}
.giftcards__userSygs .giftcards__userSygs--value span,
.giftcards__userSygs .giftcards__userSygs--budget span {
  font-weight: 800;
  margin-left: 5px;
}
.giftcards__userSygs .giftcards__userSygs--value img,
.giftcards__userSygs .giftcards__userSygs--budget img {
  filter: brightness(10);
  width: 12px;
  height: 12px;
  margin-left: 5px;
}
@media (max-width: 575px) {
  .giftcards__userSygs {
    padding: 0 16px;
  }
}

/* CAMPOS DE TEXTO GERAIS FORMS */
.formImg__group input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-style: 16px;
  font-weight: 700;
  border: 1px solid var(--active-unfocused-icons) !important;
  border-radius: 4px;
  outline: none;
  padding: 1rem;
  padding-left: 49px;
  background: none;
  z-index: 1;
}

.formImg__group label {
  position: absolute;
  left: 49px;
  top: 15px !important;
  font-size: 16px !important;
  font-weight: 600;
  color: var(--active-unfocused-icons) !important;
  padding: 0 0.25rem;
  background-color: var(--branco) !important;
  transition: 0.3s;
}
.formImg__group .formInputNoImg {
  resize: none;
  overflow: auto;
  padding-left: 15px;
}
.formImg__group .formInputNoImg + label {
  left: 15px;
  margin: 0;
  top: 18px !important;
}

.formImg__textarea {
  width: 350px;
  height: 100px;
  position: relative;
}

.formImg__textareaDiv {
  margin-bottom: 10px;
}

.formImg__textarea .formImg__textareaLabel {
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 16px !important;
  font-weight: 600;
  color: var(--active-unfocused-icons) !important;
  padding: 0 0.25rem;
  background-color: var(--branco);
  transition: 0.3s;
}

.formImg__textarea:focus + .formImg__textareaLabel {
  top: -0.5rem !important;
  left: 49px;
  height: 16px;
  color: var(--primary-color) !important;
  font-size: 12px !important;
  z-index: 10;
}

.formImg__textarea:not(:placeholder-shown):not(:focus)
  ~ .formImg__textareaLabel {
  top: -0.5rem !important;
  left: 49px;
  height: 16px;
  color: var(--primary-color) !important;
  font-size: 12px !important;
  z-index: 10;
}
.formImg__textarea:focus,
.formImg__textarea:not(:placeholder-shown) {
  border: 2px solid var(--primary-color) !important;
  border-radius: 4px;
}

@media (max-width: 575px) {
  .formImg__textarea {
    max-width: 100%;
  }
}

.formImg__group input:focus ~ label,
.formImg__group .formInputNoImg:focus ~ label {
  top: -0.5rem !important;
  left: 49px;
  height: 16px;
  color: var(--primary-color) !important;
  font-size: 12px !important;
  z-index: 10;
}
.formImg__group input:not(:placeholder-shown):not(:focus) ~ label,
.formImg__group .formInputNoImg:not(:placeholder-shown):not(:focus) ~ label {
  top: -0.5rem !important;
  left: 49px;
  height: 16px;
  color: var(--primary-color) !important;
  font-size: 12px !important;
  z-index: 10;
}
.formImg__group input:focus,
.formImg__group input:not(:placeholder-shown):not(:focus),
.formImg__group .formInputNoImg:focus,
.formImg__group .formInputNoImg:not(:placeholder-shown):not(:focus) {
  border: 2px solid var(--primary-color) !important;
  border-radius: 4px;
}

.formImg__group .formInputNoImg:focus ~ label,
.formImg__group .formInputNoImg:not(:placeholder-shown):not(:focus) ~ label {
  left: 15px;
}

.formImg__group input:focus + svg path,
.formImg__group input:focus + svg rect {
  position: relative;
  left: 20px;
  fill: var(--primary-color);
}

.formImg__group input:not(:placeholder-shown) input:not(:focus) + svg path,
.formImg__group input:not(:placeholder-shown) input:not(:focus) + svg rect {
  fill: var(--primary-color) !important;
}

/* Textarea + Label */

.formImg__group textarea:focus ~ label {
  top: -0.5rem !important;
  left: 49px;
  height: 16px;
  color: var(--primary-color) !important;
  font-size: 12px !important;
  z-index: 10;
}
.formImg__group textarea:not(:placeholder-shown):not(:focus) ~ label {
  top: -0.5rem !important;
  left: 49px;
  height: 16px;
  color: var(--primary-color) !important;
  font-size: 12px !important;
  z-index: 10;
}
.formImg__group textarea:focus,
.formImg__group textarea:not(:placeholder-shown):not(:focus) {
  border: 2px solid var(--primary-color) !important;
  border-radius: 4px;
}

/* Modal Congrats */
#congratsModal .modal-content,
.congratsModalStyle .modal-content {
  border: none;
  border-radius: 20px;
  min-height: fit-content;
}
#congratsModal .modal-header,
.congratsModalStyle .modal-header {
  background: linear-gradient(115.57deg, #fea119 -14.69%, #9b00b3 100.46%);
  border-radius: 20px 20px 0 0;
  padding: 20px 26px 0px 26px;
  color: var(--branco);
}
#congratsModal .modal-header h5,
.congratsModalStyle .modal-header h5 {
  line-height: 18px;
  font-size: 28px;
}
#congratsModal .modal-header span,
.congratsModalStyle .modal-header span {
  font-weight: 700;
  font-size: 16px;
}
#congratsModal .modal-content .modal-body,
.congratsModalStyle .modal-content .modal-body {
  margin: 26px;
  padding: 0;
  margin-bottom: 0;
}

.congratsModalStyle .modal-content .modal-body p span {
  font-size: 14px;
}

#congratsModal .modal-content .modal-footer,
.congratsModalStyle .modal-content .modal-footer {
  border: none;
  justify-content: end;
  margin: 0 15px 15px 0;
}
#congratsModal .modal-content .modal-footer button,
.congratsModalStyle .modal-content .modal-footer button {
  width: unset;
  height: unset;
  border: none !important;
}

/* Bottomsheet Challenge Mais Sygs */

.content-filtered__challengeMaisSygs
  .content-filtered__challengeDescription__header {
  border: none;
}
.content-filtered__challengeMaisSygs
  .content-filtered__challengeDescription__body__partner {
  width: 90px;
  height: 90px;
}
.content-filtered__challengeMaisSygs
  .content-filtered__challengeDescription__body__partner
  + div
  p:first-child {
  font-size: 14px;
}
.content-filtered__challengeMaisSygs h5 {
  font-size: 24px;
  margin-bottom: 24px;
}
.content-filtered__challengeMaisSygs h5 span {
  color: var(--laranja);
  margin-bottom: 24px;
}
.content-filtered__challengeMaisSygs__buttons,
.content-filtered__challengeMaisSygs__buttons a {
  width: 100%;
}
.content-filtered__challengeMaisSygs__buttons p {
  margin: 0;
  margin-bottom: 16px;
}
.content-filtered__challengeMaisSygs__buttons button {
  width: 100%;
  height: 50px;
  border-radius: 8px;
  margin-bottom: 16px;
}
.content-filtered__challengeMaisSygs__buttons--partilhar,
.content-filtered__challengeMaisSygs__buttons--partilhar:focus {
  font-size: 16px;
  font-weight: 700;
  color: var(--branco);
  background: var(--primary-color);
  border: none;
}

.content-filtered__challengeMaisSygs__buttons--recomendar,
.content-filtered__challengeMaisSygs__buttons--recomendar:focus {
  font-size: 16px;
  font-weight: 700;
  color: var(--primary-color);
  background: var(--branco);
  border: 1px solid var(--primary-color) !important;
}
.content-filtered__challengeMaisSygs__buttons--partilhar img,
.content-filtered__challengeMaisSygs__buttons--recomendar img {
  margin-left: 10px;
}
.content-filtered__challengeMaisSygs__buttons--partner,
.filtered__challengeMaisSygs__buttons--partner:focus {
  font-size: 16px;
  font-weight: 700;
  color: var(--branco);
  background: linear-gradient(180deg, #feb523 0%, #fe8e10 54.69%, #fe6d00 100%);
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px 0 20px;
}

.content-filtered__challengeMaisSygs__sygs {
  margin: 0 0 35px;
}

.content-filtered__challengeMaisSygs__sygs p:first-child {
  font-size: 20px;
  font-weight: 800;
}

.content-filtered__challengeMaisSygs__sygs p:not(first-child) {
  font-size: 16px;
  font-weight: 600;
}

.content-filtered__challengeMaisSygs__sygs img {
  width: 19px;
}

/* Bottomsheet Challenge Mais Parceiro */
.content-filtered__challengeMaisParceiro
  .content-filtered__challengeDescription__header {
  padding-left: 13px;
  border: none;
}
.content-filtered__challengeMaisParceiro
  .content-filtered__challengeDescription__header
  + div,
.content-filtered__challengeMaisParceiro
  .content-filtered__partnerChallenges__listItem {
  padding-left: 13px;
}

.content-filtered__partnerChallenges__listItem .col-2,
.content-filtered__partnerChallenges__listItem .col-8 {
  padding: 0;
}

.content-filtered__challengeMaisParceiro
  .content-filtered__challengeDescription__body__partner {
  background: var(--primary-color);
}

@media (max-width: 575px) {
  .content-filtered__partnerChallenges__listItem a {
    display: flex;
    justify-content: space-between;
  }
  .content-filtered__partnerChallenges__listItem .col-2:not(:first-child) {
    max-width: 25px;
  }
}

#challengeEndBackButton {
  padding: 0;
}

#filterBottomsheet {
  display: flex;
  gap: 0 15px;
}

#filterBottomsheet button {
  height: unset;
  width: fit-content;
  padding: 6px 13px;
  display: flex;
  align-items: center;
  border-radius: 14px;
}

#filterBottomsheet button:hover {
  border-radius: 14px !important;
}

#bottomsheetChallengesPartner {
  color: var(--active-focused-icons);
  border: 1px solid #c4c4c4;
  border-left: none;
  border-right: none;
  padding: 20px 14px 20px 16px;
}

#bottomsheetChallengesPartner + .row {
  padding: 10px 15px;
}

#bottomsheetChallengesPartner p {
  color: var(--active-focused-icons);
}

#bottomsheetChallengesPartner #challengeName {
  font-size: 14px;
  font-weight: 600;
}

#couponCodeInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#couponCodeInfo .partnerLogo {
  width: 84px;
  height: 84px;
}

#couponCodeInfo .couponCode__result {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}

#couponChallengeCode {
  font-weight: 800;
  font-size: 18px;
}

#couponName {
  font-weight: 800;
  font-size: 20px;
  color: var(--active-focused-icons);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: -webkit-nowrap;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#couponCodeInfo #challengeName {
  font-size: 16px;
  font-weight: 800;
  text-align: center;
}

#couponCodeInfo .content-filtered__challengeDescription__date {
  font-weight: 600;
  font-size: 14px;
  color: var(--active-unfocused-icons);
  border: none;
  margin: 0;
  padding: 0;
}

#bottomsheetChallengesPartner #partnerName {
  font-size: 12px !important;
  font-weight: 500 !important;
}

/*Bottomsheet Share Challenge */
.content-filtered__challengeShare
  .content-filtered__challengeDescription__date {
  width: 100%;
  padding-bottom: 18px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--inactive-icons);
}
/* .content-filtered__challengeShare
  .content-filtered__challengeDescription__body__partner
  + div {
  padding: 0;
} */

.content-filtered__share__list--items {
  height: 47px;
  margin: 12px 24px;
  background: #fafafa;
  border-radius: 6px;
  border: 1px solid var(--inactive-icons);
}
.content-filtered__challengeShare
  .content-filtered__challengeDescription__header
  + div {
  padding: 0 24px;
  border: none;
  margin-bottom: 10px;
}
.content-filtered__challengeShare
  .content-filtered__challengeDescription__startChallenge
  button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
.content-filtered__share__list--items button {
  padding: 0;
  width: 100%;
  height: 100%;
  padding: 12px;
}
.content-filtered__share__list--items
  .content-filtered__challengeDescription__body__sygs {
  margin-right: 17px;
}
.content-filtered__share__list--items p {
  margin: 0;
  margin-left: 14px;
}

/*PAGE ERROR 404 */
#pages-body-error404 {
  width: 100%;
  max-width: unset !important;
  min-height: 100vh;
  margin-top: 86px;
}
#pages-body-error404 .container-fluid {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
}
#pages-body-error404 .error404__sygLogo {
  max-width: 210px;
  margin-bottom: 85px;
}
#pages-body-error404 h1 {
  font-size: 35px;
  font-weight: 800;
  color: var(--primary-color);
  margin-bottom: 30px;
}
#pages-body-error404 .error404__img {
  margin: 26px 21px 26px 93px;
}
#pages-body-error404 .error404__text {
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  text-align: center;
}
#pages-body-error404 .error404__buttons {
  margin: 25px 0;
  width: 450px;
  display: flex;
  justify-content: space-between;
}
#pages-body-error404 .error404__buttons a {
  font-size: 18px;
  font-weight: 700;
}
#pages-body-error404 .error404__help {
  font-size: 11px;
  font-weight: 600;
}
#pages-body-error404 .error404__help a {
  color: var(--primary-color);
}
@media (max-width: 550px) {
  #pages-body-error404 {
    padding: 0 16px !important;
  }
  #pages-body-error404 .error404__buttons {
    flex-direction: column;
    align-items: center;
    height: 125px;
    width: 100%;
  }
}

/* SYGPOINT DEFAULT BUTTONS */
.sygPurpleButton,
.sygWhiteButton {
  width: 205px;
  height: 55px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sygPurpleButton {
  background: var(--primary-color);
  color: var(--branco) !important;
}

.sygWhiteButton {
  color: var(--primary-color) !important;
  border: 1px solid var(--primary-color);
}

/*CONTA CORRENTE */
.contaCorrente__header {
  height: 55px;
  max-width: 1300px;
  margin: 0 auto;
  background: linear-gradient(92.52deg, #820096 47.89%, #9100a8 94.81%);
  display: flex;
  align-items: center;
}
.contaCorrente__header .extratos__bottomMenuField {
  padding: 0 32px;
  max-width: unset;
}

.contaCorrente__header .bottomMenu-title h1 {
  display: block;
  margin: 0;
  font-size: 28px;
}

.contaCorrente__header .bottomMenu-title {
  width: 100%;
}

.contaCorrente__header__info {
  font-size: 28px;
  font-weight: 800;
  color: var(--branco);
}

.contaCorrente__header + .container-fluid {
  margin-top: 0;
}

.tabsLine_contaCorrente a {
  padding: 0 !important;
}

.saldos_contaCorrente {
  font-size: 20px;
  font-weight: 800;
}

.saldos_contaCorrente img {
  width: 24px;
  height: 24px;
  margin-left: 5px;
}

#contaCorrente .challenge_datepicker .input-group,
#sygsPendentes .challenge_datepicker .input-group {
  height: 36px;
  border: none !important;
  padding-right: 12px;
}
#contaCorrente .challenge_datepicker .form-group,
#sygsPendentes .challenge_datepicker .form-group {
  border: 1px solid var(--active-unfocused-icons);
  border-radius: 4px;
  max-width: 129px;
  margin: 0;
}
#contaCorrente .filter-row,
#sygsPendentes .filter-row {
  border: none;
}

#contaCorrente .content-filtered__challengeDescription {
  width: 35%;
}

/* DatePicker */
.challenge_datepicker {
  padding: 0;
}

.challenge_datepicker * {
  border: none;
}
.challenge_datepicker .input-group {
  border: 1px solid var(--active-unfocused-icons) !important;
  border-radius: 8px;
  height: 55px;
  padding-right: 16px;
}
.challenge_datepicker .input-group-text {
  background: transparent;
}
.input-group-text {
  border-radius: 8px;
}
.challenge_datepicker label,
.typeDate-label label {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.challenge_datepicker input {
  font-style: normal;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 10px 0 10px 15px;
  border-radius: 5px;
}
.challenge_datepicker input:focus {
  border: none;
  box-shadow: unset;
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
}
.challenge_datepicker .form-group {
  margin-left: 24px;
}
#contaCorrente .form-control,
#sygsPendentes .form-control {
  background: transparent;
  font-size: 12px;
}

.challenge-activation--margin {
  margin-top: 100px;
}

.contaCorrente__filters {
  height: 100%;
  gap: 15px;
}

.contaCorrente-filters__filters-button {
  color: var(--branco);
  font-size: 16px;
  font-weight: 700;
  background-color: var(--primary-color) !important;
  border: 1px solid var(--primary-color) !important;
  max-width: fit-content;
  padding: 0 15px;
  height: 40px;
  border-radius: 6px;
}

.contaCorrente__filters .row:first-child {
  gap: 10px;
}

.contaCorrente__filters p {
  margin: 0;
}

.contaCorrente__filters .filterSubmitButton {
  margin-top: 15px;
}

.contaCorrente__filters .challenge_datepicker {
  display: flex;
  flex-direction: column;
}

.contaCorrente__filters .challenge_datepicker .form-group {
  margin: 0;
}

.contaCorrente__filters .nav-forms__fields-input__checkbox > .row {
  min-width: 90px;
  margin-right: 24px;
}
.contaCorrente__filters .nav-forms__fields-input__checkbox > .row p {
  font-size: 14px;
  font-weight: 600;
  color: var(--active-unfocused-icons);
}
.contaCorrente__filters-entradas:checked + label + p {
  color: var(--text-valid-color) !important;
}
.contaCorrente__filters-saidas:checked + label + p {
  color: var(--text-error-color) !important;
}
.contaCorrente__filters-pendentes:checked + label + p {
  color: var(--active-focused-icons) !important;
}
.contaCorrente__filters-avisos:checked + label + p {
  color: var(--text-high-emphasis) !important;
}

.contaCorrente__filters .nav-forms__fields-input__checkbox > .row label,
.contaCorrente__filters .nav-forms__fields-input__checkbox > .row label::before,
.contaCorrente__filters .nav-forms__fields-input__checkbox > .row label::after {
  width: 19px;
  height: 19px;
  top: 0;
  left: 0;
  margin-right: 11px;
}
.contaCorrente__header .bottomMenu-title .contaCorrente__header__info {
  align-items: center;
}
.contaCorrente__header .bottomMenu-title .contaCorrente__header__info p {
  margin: 0;
  margin-left: 16px;
  display: flex;
  align-items: center;
}

.contaCorrente__header .bottomMenu-title .contaCorrente__header__info p img {
  margin-left: 5px;
}

.content-filtered__contaCorrente {
  padding: 0 !important;
  width: 60%;
}
/* .content-filtered__contaCorrente > .row,
.content-filtered__contaCorrente__list {
  padding: 0 11px 0 32px !important;
} */
.content-filtered__contaCorrente > .row {
  height: 35px;
  display: flex;
  align-items: center;
  color: var(--text-high-emphasis);
  font-size: 12px;
  font-weight: 800;
  background: var(--branco);
  box-shadow: -4px 4px 6px rgba(177, 177, 177, 0.25);
  -moz-box-shadow: -4px 4px 6px rgba(177, 177, 177, 0.25);
  -webkit-box-shadow: -4px 4px 6px rgba(177, 177, 177, 0.25);
}
.content-filtered__contaCorrente__list {
  margin: 16px 0 0;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 775px;
  box-sizing: border-box;
}
.content-filtered__contaCorrente__list::-webkit-scrollbar {
  width: 12px;
}
.content-filtered__contaCorrente__list::-webkit-scrollbar-track {
  background: #e8e8e8;
}
.content-filtered__contaCorrente__list::-webkit-scrollbar-thumb {
  background: var(--thumbBG);
  max-height: 84px;
}
.content-filtered__contaCorrente__list li {
  height: 44px;
  padding: 0;
  display: flex;
  align-items: center;
  margin-bottom: 12px !important;
  border-radius: 8px;
  box-shadow: 0px 3px 5px rgba(177, 177, 177, 0.25);
  -moz-box-shadow: 0px 3px 5px rgba(177, 177, 177, 0.25);
  -webkit-box-shadow: 0px 3px 5px rgba(177, 177, 177, 0.25);
}
.content-filtered__contaCorrente__list
  .content-filtered__contaCorrente__list-date,
.content-filtered__contaCorrente__list-value {
  font-size: 12px;
}

.content-filtered__contaCorrente__list-value {
  font-size: 14px;
  font-weight: 600;
}
.content-filtered__contaCorrente__list
  .content-filtered__contaCorrente__list-partner {
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
}
.valid-color {
  color: var(--text-valid-color) !important;
}
.error-color {
  color: var(--text-error-color) !important;
}
.pendente-color {
  color: var(--inactive-icons) !important;
}

.contaCorrente__description .row,
.contaCorrente__description .col {
  padding: 0;
}
#movLogoParceiro,
#participationLogoParceiro {
  width: 55px;
  height: 55px;
  margin-right: 18px;
  display: flex;
  align-items: center;
}

#movLogoParceiro img,
#participationLogoParceiro img {
  max-width: 100%;
  max-height: 100%;
  filter: drop-shadow(0px 5px 8px rgba(177, 177, 177, 0.4));
  -webkit-filter: drop-shadow(0px 5px 8px rgba(177, 177, 177, 0.4));
  border-radius: 8px;
}
/* .contaCorrente__description .content-filtered__challengeDescription__body p {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
} */
.contaCorrente__description .contaCorrente__description-sygs {
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 700;
}
.contaCorrente__description .contaCorrente__description-sygs + div {
  font-size: 14px;
  font-weight: 600;
}
.contaCorrente__description
  .content-filtered__challengeDescription__body
  > .row:not(:last-child) {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--inactive-icons);
}

.contaCorrente__description-title {
  color: var(--active-unfocused-icons);
}

.contaCorrente__description-title,
.contaCorrente__description-title + p {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}

.contaCorrente__description .content-filtered__challengeDescription__header {
  border: none;
}

.contaCorrente__description .content-filtered__challengeDescription__header p {
  color: var(--text-low-emphasis);
  font-size: 10px;
}

.contaCorrente__description
  .content-filtered__challengeDescription__header
  .col-1 {
  display: flex;
  justify-content: end;
}

#participationInfoChallenge .col {
  padding: 0;
}

#movChallengeStatus {
  font-size: 20px;
  font-weight: 800;
}

@media (max-width: 992px) {
  #contaCorrente .filter-row,
  #sygsPendentes .filter-row {
    height: fit-content;
    flex-direction: column;
    justify-content: start;
    align-content: flex-start;
    border: none;
    padding: 10px 16px;
  }
  .content-filtered__contaCorrente__list {
    overflow-y: unset;
    max-height: unset;
  }
}
@media (max-width: 950px) {
  .contaCorrente__section .tabsLine {
    justify-content: unset;
  }
  .contaCorrente__section .tabsLine li {
    width: 30%;
  }
}
@media (max-width: 670px) {
  #sygsPendentes .contaCorrente__filters {
    flex-direction: column;
  }
  #contaCorrente .contaCorrente__filters .nav-forms__fields-input__checkbox,
  #sygsPendentes .contaCorrente__filters .nav-forms__fields-input__checkbox {
    margin-top: 10px;
  }
  #contaCorrente
    .challenge_datepicker
    #initialDate
    .bootstrap-datetimepicker-widget.dropdown-menu,
  #contaCorrente
    .challenge_datepicker
    #finalDate
    .bootstrap-datetimepicker-widget.dropdown-menu {
    position: relative;
    left: -5px !important;
  }
  .content-filtered__list--option,
  .row-items-sygpoints {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  #contaCorrente .challenge_datepicker:last-child,
  #sygsPendentes .challenge_datepicker:last-child {
    padding-right: 0 !important;
  }
  #contaCorrente
    .challenge_datepicker
    #initialDate
    .bootstrap-datetimepicker-widget.dropdown-menu,
  #sygsPendentes
    .challenge_datepicker
    #initialDate
    .bootstrap-datetimepicker-widget.dropdown-menu {
    position: relative;
    left: -5px !important;
  }

  #contaCorrente
    .challenge_datepicker
    #finalDate
    .bootstrap-datetimepicker-widget.dropdown-menu {
    left: -125% !important;
  }

  .contaCorrente__section .tabsLine li {
    width: 50%;
  }
  .contaCorrente__header .extratos__bottomMenuField {
    padding: 5px 16px 0;
  }
  .contaCorrente__header .bottomMenu-title .contaCorrente__header__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .contaCorrente__header .bottomMenu-title .contaCorrente__header__info h1 {
    font-size: 12px;
    margin: 0;
  }
  .contaCorrente__header .bottomMenu-title .contaCorrente__header__info p {
    font-size: 20px;
    margin: 0 !important;
  }
  .contaCorrente__header .bottomMenu-title .contaCorrente__header__info p img {
    width: 19px;
  }
  .contaCorrente__filters .nav-forms__fields-input__checkbox > .row {
    margin-right: 8px;
  }
  .contaCorrente__filters .nav-forms__fields-input__checkbox > .row:last-child {
    margin: 0;
  }
  .content-filtered__contaCorrente__list
    .content-filtered__contaCorrente__list-date {
    padding-left: 10px;
    padding-right: 0;
    min-width: 18%;
  }
  .content-filtered__contaCorrente__list
    .content-filtered__contaCorrente__list-partner {
    max-width: 75%;
  }

  .content-filtered__contaCorrente__list-value {
    font-size: 12px;
    padding: 0;
  }
}

/* Correcao Modal */

.modal.fade {
  max-width: unset !important;
}

/* Notification Modal Valid */

.parabensModalStyle .modal-content {
  width: 278px;
  height: 208px;
  border: none;
  border-radius: 8px;
}

.notificationModalStyle .modal-content {
  width: 278px;
  height: fit-content;
  border: none;
  border-radius: 8px;
}
.notificationModalStyle .modal-content {
  border-top: 8px solid var(--primary-color);
}
.notificationModalStyle .modal-content .modal-header {
  flex-direction: column;
  padding: 32px 26px 0 26px;
}
.notificationModalStyle .modal-content .modal-footer {
  padding: 0;
}
.notificationModalStyle .modal-content .modal-header,
.notificationModalStyle .modal-content .modal-footer {
  border: none;
}
.notificationModalStyle .modal-content .modal-title,
.notificationModalStyle .modal-content .modal-title + p {
  font-size: 20px;
  font-weight: 800;
  color: var(--primary-color);
  text-align: center;
}
.notificationModalStyle .modal-content .modal-text {
  font-size: 14px;
  font-weight: 500;
  margin-top: 16px;
}
.notificationModalStyle .modal-content .modal-footer button,
.parabensModalStyle .modal-content .modal-footer button {
  border: none;
  background: transparent;
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 600;
  width: 73px;
}

/* Notification Modal Invalid */

.notificationModalStyle--invalid .modal-content {
  border-top: 8px solid var(--text-error-color);
  width: 325px;
}
.notificationModalStyle--invalid .modal-content .modal-title,
.notificationModalStyle--invalid .modal-content .modal-text {
  color: var(--text-error-color);
}
.notificationModalStyle--invalid .modal-content .modal-footer button {
  color: var(--active-unfocused-icons);
}

.notificationModalStyle .modal-body li {
  text-transform: capitalize;
}

/* Congrats Modal  */
.parabensModalStyle .modal-header {
  height: 72px;
  background: var(--primary-color);
  color: var(--branco);
  justify-content: center;
  border-radius: 8px 8px 0 0;
}
.parabensModalStyle .modal-content .modal-title {
  font-size: 20px;
  font-weight: 800;
  text-align: center;
}
.parabensModalStyle .modal-content .modal-body p {
  font-size: 14px;
  font-weight: 600;
  color: var(--active-focused-icons-escuro);
  text-align: center;
}
.parabensModalStyle .modal-content .modal-footer {
  border: none;
}

.resendButton {
  color: var(--primary-color);
  text-decoration: underline;
  font-size: 14px;
  font-weight: 700;
}

.resendButton-disabled {
  color: var(--active-unfocused-icons);
  pointer-events: none;
}

.resendCode-time {
  margin: 0 !important;
}

.button-disabled,
.content-filtered__challengeDescription__startChallenge .button-disabled {
  background: var(--active-unfocused-icons) !important;
  pointer-events: none !important;
  border: none;
}

/*Erro 404 nas sidesheet */
.sectionBodyPages .error404__buttons {
  flex-direction: column;
  align-items: center;
  height: 125px;
  width: 100%;
}

.sectionBodyPages #pages-body-error404 {
  margin-top: 50px;
}

/*Pagina Diretorio Parceiros */
.filter-search #select-localidade + .select2-container {
  width: 218px !important;
  max-width: unset;
}
.filter-search #select-localidade + .select2-container .select2-selection {
  border: none !important;
  padding-left: 20px !important;
}
.filter-search
  #select-localidade
  + .select2-container
  .select2-selection
  .select2-selection__rendered
  .select2-selection__placeholder {
  color: var(--primary-color);
  font-size: 16px;
}

.filter-search #select-localidade + .select2-container .select2-selection b {
  content: url(/media/sygpointweb/assets/img/iconArrowDownPurple.png);
  width: 14px !important;
  height: 9px !important;
}
.select2-container--open .dropLocal {
  width: 218px !important;
}
.diretorioParceiros {
  background: linear-gradient(180deg, #9c00b4 22.4%, #78008b 100%);
}

.diretorioParceiros .breadcrumb-item a:hover {
  color: var(--laranja);
}

.content-filtered-diretorioParceiros__locais .row-items-description {
  line-height: 10px;
}

.content-filtered-diretorioParceiros__locais
  .content-filtered__list--option--selected
  .row-items-dateMobile {
  font-size: 10px !important;
}

.content-filtered-diretorioParceiros__locais .content-filtered__list--option {
  cursor: pointer;
}

.diretorioParceiros-description__morada {
  font-size: 10px !important;
}

.content-filtered__challengeDescription-diretorioParceiros
  .content-filtered__challengeDescription__body__partner
  + div {
  padding-bottom: 0;
}
.content-filtered__challengeDescription-diretorioParceiros
  .content-filtered__challengeDescription__body__partner
  + div
  .row {
  line-height: 10px;
}
.diretorioParceiros-description__location {
  font-size: 10px;
  color: var(--text-high-emphasis);
  margin: 0;
}
.diretorioParceiros-description__location span {
  font-size: 14px;
  font-weight: 700;
}
#diretorioParceirosBackButton {
  background: none;
  border: none;
  height: 30px;
  max-width: 155px;
  color: var(--active-unfocused-icons);
  font-weight: 700;
  padding: 0;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

#diretorioParceirosBackButton img {
  margin-right: 10px;
}
@media (max-width: 995px) {
  .content-filtered-diretorioParceiros__list--option .row-items-button {
    justify-content: end;
  }
  .content-filtered-diretorioParceiros__list--option .container {
    max-width: unset;
  }
}
@media (max-width: 575px) {
  .diretorioParceiros + .container-fluid .filter-row {
    flex-direction: column;
    height: fit-content;
  }
  .diretorioParceiros + .container-fluid .filter-row .justify-content-end {
    justify-content: start !important;
  }
  .filter-search #select-localidade + .select2-container .select2-selection {
    padding-left: 0 !important;
  }
  .filter-search #select-localidade + .select2-container {
    max-width: 182px !important;
  }
}
/* Registo Contacto */
.formImg__group .upContactLabel {
  top: -0.5rem !important;
  left: 125px;
  height: 16px;
  color: var(--primary-color) !important;
  font-size: 12px !important;
  z-index: 16;
}
.iti {
  min-width: 100%;
}
.iti__selected-flag,
.iti__selected-country-primary {
  margin-left: 44px;
}
.iti input#registerAccountContact {
  padding-left: 125px !important;
}
.iti + label {
  left: 125px;
}
.formImg__group .contactSvg {
  left: 15px;
  position: absolute;
}
.contactSvg--active path {
  fill: var(--primary-color);
}
.contactSvg + .iti {
  z-index: 15;
}

.contactSvg + .iti .iti__selected-dial-code {
  font-size: 10px;
  font-weight: 600;
}
.contactSvg + .iti .iti__selected-flag {
  background-color: transparent;
}
.content-filtered__challengeMaisSygs__buttons--recomendar
  + #redirectAnchorVerMais {
  width: 100%;
}

/* BottomSheet QrCode */
.content-filtered__challengeDescription__qrcode {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
  color: var(--primary-color);
}

[for='registerAccountContact'] + .warning-incorrectInput {
  position: absolute;
  left: 5px;
  top: 60px;
}

/* Formulario Registo Mobile */
@media (max-with: 575px) {
  #formUserRegister {
    padding: 0;
  }
}

/* Help Modal */

#helpModal #helpForm {
  height: 100%;
}

#helpModal .modal-body {
  height: fit-content;
}

#helpModal .modal-header {
  background: #820096;
  border-top: none;
  color: var(--branco);
}

#helpModal .modal-content {
  width: 500px;
  height: fit-content;
}

#helpModal .modal-title {
  font-size: 14px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: -webkit-nowrap;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#helpModal h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 22px;
}

#helpModal .formImg__group input:not(:placeholder-shown):not(:focus) ~ label,
#helpModal .formImg__group textarea:not(:placeholder-shown):not(:focus) ~ label,
#helpModal .formImg__group textarea:focus ~ label,
#helpModal .formImg__group input:focus ~ label,
#helpModal .formImg__group label {
  top: -0.5rem !important;
  display: unset;
  font-size: 12px !important;
  left: 25px;
  z-index: 10;
}

#helpModal .select2 {
  width: 100% !important;
}

#helpModal input,
#helpModal textarea {
  padding-left: 16px !important;
}

#helpModal textarea {
  padding: 0;
  height: 100%;
  resize: none;
  color: var(--active-focused-icons);
  border: 1px solid var(--active-unfocused-icons);
  padding: 5px;
  border-radius: 4px;
}

#helpModal textarea:focus {
  box-shadow: unset;
}

#helpModal .modal-body p {
  margin-top: 10px;
  font-weight: 600;
  text-align: end;
}

#helpModal .btn {
  margin: 0;
  width: 196px;
  height: 46px;
  border: none;
  border-radius: 8px;
}

#helpModal .modal-footer {
  display: flex;
  justify-content: space-between;
  border: none;
}
#helpModal .btn-primary {
  color: var(--branco);
  background: var(--primary-color);
  font-weight: 800;
}

#helpModal .btn-primary:focus {
  box-shadow: none;
}

#helpModal .btn-secondary {
  color: var(--branco);
  background: var(--active-unfocused-icons);
  font-weight: 800;
}

@media (max-width: 575px) {
  #helpModal .modal-content {
    max-width: 100%;
  }
  #helpModal .btn {
    width: 100px;
    height: 46px;
  }
  #helpModal .modal-title {
    font-weight: 800;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
  }
}

/* Correções Ver Videos */
#verVideosDetalhe {
  min-height: 100vh;
}

@media (max-width: 950px) {
  #verVideosDetalhe {
    margin-top: 68px !important;
  }
}
@media (max-width: 575px) {
  .video-page__partner h2 {
    font-size: 20px;
  }
}

/* Formulario Multiplo */
.content-filtered__challengeStartMultiple .content-filtered__downloadApp {
  position: unset;
}
.formMultiple__partner img {
  width: 50px;
  height: 50px;
  margin-right: 13px;
  border-radius: 4px;
  filter: drop-shadow(0px 5px 8px rgba(177, 177, 177, 0.4));
}
.formMultiple__partner .formMultiple__partner-info p {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  line-height: 14px;
}
.formMultiple__partner .formMultiple__partner-info p span {
  font-size: 10px;
}
.formMultiple__partner-sygs p {
  font-size: 14px;
  font-weight: 700;
  color: var(--primary-color);
}
.formMultiple__partner-sygs p img {
  width: 12px;
  height: 12px;
}
.formMultiple__recomendar {
  margin-top: 40px;
}
.formMultiple__recomendar .col-6 {
  max-width: 400px;
}

#addEmail {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--thumbBG);
  width: 100%;
  height: 56px;
  padding: 0;
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 800;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#addEmail:focus {
  border-bottom: 1px solid var(--thumbBG) !important;
}

#addEmail img {
  width: 24px;
  height: 24px;
}
.formMultiple__infoButton p {
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-color);
}
.formMultiple__infoButton h3 {
  font-size: 20px;
  font-weight: 800;
  color: var(--primary-color);
  margin: 0;
}
.formMultiple__infoButton h3 img {
  width: 18px;
  margin-left: 5px;
}
.formMultiple__infoButton .col-6 {
  margin-top: 30px;
}
.formMultiple__recomendar-emailAdded {
  flex-wrap: wrap;
  padding-bottom: 15px;
  gap: 10px;
}

.formMultiple__recomendar-emailAdded .formImg__group {
  margin: 0;
}

@media (min-width: 1200px) {
  .formMultiple__recomendar-emailAdded {
    gap: 20px;
  }
}

@media (max-width: 1200px) {
  .formMultiple__recomendar .col-6 {
    max-width: 357px;
    min-width: 357px;
  }
  .formMultiple__infoButton p {
    margin-top: 30px;
  }
}

@media (max-width: 575px) {
  .formMultiple__recomendar .col-6 {
    max-width: 250px;
    min-width: 250px;
  }
}

/*Editar Perfil Pessoal */
.editarPerfil-formFields {
  max-width: 60%;
  width: 100%;
  padding: 50px 0 75px 32px;
}

#challengeformuserview input[readonly='readonly'],
#registo input[readonly='readonly'] {
  border: 1px solid var(--active-focused-icons) !important;
}

#challengeformuserview input[readonly='readonly'] + svg path,
#registo input[readonly='readonly'] + svg path,
.readOnlyPhone path {
  fill: var(--active-focused-icons);
}

#challengeformuserview input[readonly='readonly'] ~ label,
#registo input[readonly='readonly'] ~ label,
.formImg__label.readOnlyPhone {
  color: var(--active-focused-icons) !important;
}

#actualPassword ~ span {
  top: 44px;
  left: -10px;
}

@media (max-width: 575px) {
  #actualPassword ~ span {
    top: 44px;
    left: 0 !important;
  }
}

.editarPerfil-topBar {
  background: linear-gradient(92.52deg, #820096 47.89%, #9100a8 94.81%);
  margin: 0;
  height: 56px;
  max-width: unset !important;
}

.editarPerfil-topBar + .container-fluid {
  margin-top: 0 !important;
}
/* .editarPerfil-topBar .extratos__bottomMenuField {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding: 0 32px;
  max-width: 1300px;
} */
.editarPerfil-formFields .inputsFormsWidth {
  gap: 20px;
}

.inputsFormsWidth > .col {
  max-width: 357px;
  min-height: 55px;
}

.inputsFormsWidth .select2 {
  max-width: 100%;
}

.forms-inputs__radio {
  margin-bottom: 36px;
  width: 100%;
}
.forms-inputs__radio fieldset {
  min-width: 100%;
}
.forms-inputs__radio label {
  font-size: 16px;
  font-weight: 600;
  color: var(--active-focused-icons);
  cursor: pointer;
}
.forms-inputs__radio input[type='radio'] {
  display: none;
}
.forms-inputs__radio-label {
  position: relative;
  left: unset;
  top: unset;
  padding-left: 35px;
}

.nav-forms-fields-challenge__title {
  width: 100%;
  height: fit-content;
  max-height: -moz-fit-content;
  margin-bottom: 45px;
  color: var(--active-focused-icons);
}
.nav-forms-fields-challenge__title .nav-forms__fields__title {
  height: 25px;
  max-width: fit-content;
  max-width: -moz-fit-content;
  margin: 0;
  font-weight: 800;
  font-size: 26px;
}

.nav-forms__fields__line {
  width: 100%;
  border-bottom: 2px solid var(--active-focused-icons);
  margin-left: 7px;
}

.addressGroup {
  gap: 16px;
}

.addressGroup__code input,
.addressGroup__city input {
  padding-left: 1em;
}

.addressGroup__code label,
.addressGroup__city label,
.addressGroup__code input:focus ~ label,
.addressGroup__city input:focus ~ label {
  left: 15px !important;
}
.addressGroup__city label {
  color: var(--active-unfocused-icons) !important;
  z-index: 1;
}

.editPerfil-formFields__legalInfo p,
.editPerfil-formFields__programas p {
  color: var(--active-focused-icons);
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  margin-left: 22px;
}

.editPerfil-formFields__legalInfo > .row:first-child,
.editPerfil-formFields__programas > .row:first-child {
  margin-bottom: 20px;
}
.editPerfil-formFields__subtitles .col-1 {
  display: flex;
  justify-content: end;
  align-items: start;
}
.editPerfil-formFields__subtitles button,
.inputsFormsWidth .formImg__group + button,
.infoButton {
  background: none;
  border: none;
  padding: 0;
}
.editPerfil-formFields__subtitles .col-1 img,
.inputsFormsWidth .formImg__group + button img,
.infoButton img {
  width: 20px;
}

.inputsFormsWidth .formImg__group + button,
.infoButton {
  position: absolute;
  right: 0;
  top: -30px;
}

@media (max-width: 1200px) {
  .editarPerfil-formFields {
    max-width: 75%;
    width: unset;
  }
}

@media (max-width: 950px) {
  .editarPerfil-formFields {
    max-width: unset;
    width: 100%;
    padding: 50px 32px 100px;
  }
}
@media (max-width: 768px) {
  ol.breadcrumb {
    padding: 0;
    font-size: 12px;
  }

  .editarPerfil-topBar .extratos__bottomMenuField {
    padding: 0 16px;
  }
  .editarPerfil-formFields {
    padding: 50px 32px 100px;
    max-width: 80%;
    margin: 0 auto;
  }
  .editarPerfil-formFields .inputsFormsWidth {
    flex-direction: column;
    align-items: center;
  }
  .editPerfil-formFields__legalInfo .inputsFormsWidth:last-child {
    margin-top: 20px;
  }
  .inputsFormsWidth > .col {
    max-width: 100%;
  }
  .editarPerfil-formFields .formImg__group,
  .forms-inputs__radio {
    margin-bottom: 15px;
  }
  .editarPerfil-formFields .nav-forms-fields-challenge__title {
    margin-top: 35px;
  }
  .editPerfil-formFields__submitButton .col-6:first-child {
    min-width: 100%;
    padding: 0;
  }
  .editPerfil-formFields__submitButton .col-6:not(:first-child) {
    display: none;
  }
  .editarPerfil-formFields
    .nav-forms-fields-challenge__title
    .nav-forms__fields__title {
    min-width: fit-content;
  }

  .editPerfil-formFields__subtitles .col {
    flex-direction: column;
  }
  .editPerfil-formFields__subtitles .col img {
    width: 24px;
  }
  .editPerfil-formFields__subtitles .col p {
    margin: 0;
  }
}
@media (max-width: 575px) {
  .editarPerfil-formFields {
    padding: 50px 16px 100px;
    max-width: 100%;
  }
  .editarPerfil-formFields
    .nav-forms-fields-challenge__title
    .nav-forms__fields__title {
    min-width: fit-content;
    font-size: 24px;
    height: unset;
  }
}

/*Date with SVG */
.challenge_datepicker--svg input {
  padding: 1rem;
  padding-left: 49px;
}

/* Hide the browser's default radio button */
.forms-inputs__radio-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.forms-inputs__radio-label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  border-radius: 50%;
  border: 2px solid var(--active-unfocused-icons);
}

/* On mouse-over, add a grey background color */
.forms-inputs__radio-label:hover input ~ .checkmark {
  background-color: var(--primary-color);
  border: none;
}

.forms-inputs__radio-label input:checked ~ .checkmark {
  background-color: #fff;
  border: 2px solid var(--primary-color);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.forms-inputs__radio-label .checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.forms-inputs__radio-label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.forms-inputs__radio-label .checkmark:after {
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--primary-color);
}

/* Modal Informação */
#infoModal .modal-content {
  width: 288px;
  height: fit-content;
  filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.15));
  border-radius: 8px;
  border: none;
}
#infoModal .modal-header {
  padding-top: 12px;
  padding-bottom: 0;
}
#infoModal .modal-header button {
  border: none;
  background: transparent;
}

#infoModal .modal-header,
#infoModal .modal-footer {
  border: none;
}
#infoModal .modal-body {
  padding: 10px 26px 0;
}

#infoModal .modal-body h5,
#infoModal .modal-body p {
  color: var(--primary-color);
}

#infoModal .modal-body h5 {
  font-weight: 800;
  width: 190px;
  margin-bottom: 18px;
}

#infoModal .modal-body p {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

#infoModal .modal-footer {
  padding: 0 16px 10px 0;
}

#infoModal .modal-footer button {
  border: none;
  background: transparent;
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 600;
}

/*Download de APP*/
.content-filtered__challengeStart--apps {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.content-filtered__challengeStart--apps button {
  background: transparent !important;
  color: var(--active-focused-icons) !important;
  border: 1px solid var(--active-focused-icons) !important;
  border-radius: 8px !important;
  max-width: 150px;
}
.appstores-button img {
  width: 25px;
  height: 25px;
}
@media (min-width: 576px) {
  .content-filtered__challengeStart--apps {
    gap: 10px;
    justify-content: center;
  }
  .content-filtered__challengeStart--apps button {
    max-width: 150px;
  }
}
@media (min-width: 950px) {
  .content-filtered__challengeStart--apps {
    justify-content: space-between;
  }
  .content-filtered__challengeStart--apps button {
    max-width: 150px;
  }
}
@media (max-width: 575px) {
  .content-filtered__challengeStart--apps {
    gap: 15px;
  }
  .content-filtered__challengeStart--apps button {
    max-width: 146px;
    padding: 13px 12px 13px 17px;
    font-size: 14px !important;
  }
  .content-filtered__challengeDescription__body {
    height: fit-content;
    max-height: 70vh;
    overflow: auto;
    padding: 18px 16px;
  }
}

/*Ver Videos */
.bottomsheetVerVideos {
  width: 35%;
  height: 518px;
  position: relative;
  top: 0;
  margin: 0;
  overflow: auto;
}
.bottomsheetVerVideos .verVideosTextStops {
  margin: 15px 0 35px 0;
  font-size: 12px;
}

.bottomsheetVerVideos
  .content-filtered__partnerChallenges__listItem:last-child {
  border-bottom: none;
}

.bottomsheetVerVideos .content-filtered__challengeDescription__body {
  padding-bottom: 15px !important;
  height: unset;
}

.bottomSheetBeginBackButton {
  background: none;
  border: none;
}

#playVideoModal .modal-content {
  width: 278px;
  height: 300px;
  filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.15));
  border: none;
  border-radius: 8px;
}

#progressAnimationModal {
  max-width: unset !important;
  transition: opacity 0.15s linear;
}

#progressAnimationModal .modal-content {
  background: transparent;
  border: none;
}

#playVideoModal .modal-header {
  background: var(--laranja);
  color: var(--branco);
  height: 72px;
  border: none;
}

#progressAnimationModal .modal-header {
  display: none !important;
}

#playVideoModal .modal-header h5 {
  font-size: 24px;
  font-weight: 800;
  line-height: 24px;
}
#playVideoModal .modal-header p {
  font-size: 12px;
  font-weight: 700;
  margin: 0;
}

.timer {
  width: 160px;
  height: 160px;
  position: relative;
}
.outer {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  padding: 20px;
  box-shadow: 6px 6px 10px -1px rgba(0, 0, 0, 0.15),
    -6px -6px 10px -1px rgba(255, 255, 255, 0.7);
}

.inner {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: inset 4px 4px 6px -1px rgba(0, 0, 0, 0.2),
    inset -4px -4px 6px -1px rgba(255, 255, 255, 0.7),
    -0.5px -0.5px 0px rgba(255, 255, 255, 1), 0.5px 0.5px 0 rgba(0, 0, 0, 0.15),
    0px 12px 10px -10px rgba(0, 0, 0, 0.15);
}

.modalPlayButton circle {
  fill: none;
  stroke: url(#GradientColor);
  stroke-width: 20px;
  stroke-dasharray: 434;
  stroke-dashoffset: 434;
  animation: anim 5s linear forwards;
}

.loader {
  margin: auto;
  border: 20px solid #eaf0f6;
  border-radius: 50%;
  border-top: 20px solid var(--primary-color);
  width: 200px;
  height: 200px;
  animation: spinner 4s linear infinite;
}

.modalPlayButton svg {
  position: absolute;
  top: 0;
  left: 0;
}

@keyframes anim {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.modalPlayButton img {
  position: relative;
  left: 6px;
}
.verVideoPlayButton {
  margin-bottom: 35px;
}

.video-page__details .video-js .vjs-tech,
.vjs-poster {
  pointer-events: none;
}

.vjs-disabled {
  opacity: 1;
}

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: url('/media/sygpointweb/assets/img/iconVideoFullscreen.png') !important;
}

/* button play */
.vjs-icon-play:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: url('/media/sygpointweb/assets/img/iconVideoPlay.png') !important;
}

/* button pause */
.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: url('/media/sygpointweb/assets/img/iconVideoPause.png') !important;
}

/* volume ON */
.vjs-icon-volume-high::before,
.video-js .vjs-mute-control .vjs-icon-placeholder::before {
  content: url('/media/sygpointweb/assets/img/iconVideoVolumeOn.png') !important;
}

/* volume OFF */
.vjs-icon-volume-mute::before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder::before {
  content: url('/media/sygpointweb/assets/img/iconVideoVolumeOff.png') !important;
}

#welcomeVideoModal .vjs-poster img {
  object-fit: cover;
}

@media (max-width: 1200px) {
  .bottomsheetVerVideos {
    position: absolute;
    top: 170px;
    z-index: 10;
    min-width: 430px;
    height: 650px;
    right: 0;
  }

  .video-highlighted__info h3 {
    max-width: 180px;
  }
}

@media (min-width: 951px) {
  .verVideos__removerBottomsheet {
    display: none;
  }
}
@media (max-width: 950px) {
  .bottomsheetVerVideos {
    top: 118px !important;
  }
  .video-highlighted__info p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 110px;
  }
}

@media (max-width: 575px) {
  .video-page__details .player-video {
    max-height: 230px;
  }
  .bottomsheetVerVideos {
    min-width: 100vw;
    top: 116px;
  }
  .video-highlighted__info p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 110px;
  }
  .video-highlighted__info h3 {
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

/*Share Modal */

#shareModal button {
  border: none;
  background: transparent;
}
#shareModal .modal-content {
  width: 288px;
  height: 390px;
  box-shadow: 0px 30px 20px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
}
#shareModal .modal-title {
  font-size: 18px;
  font-weight: 700;
}

#shareModal .modal-body {
  padding: 24px;
  display: flex;
  gap: 10px;
  flex-direction: column;
}
#shareModal .modal-body button,
#shareModal .modal-body a {
  width: 100%;
  height: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--active-focused-icons);
  padding: 0 10px 0 20px;
}

#shareModal .modal-body button:focus {
  width: 100%;
  height: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--active-focused-icons);
  padding: 0 10px 0 20px;
}

#shareModal .modal-body button svg {
  width: 24px;
  height: 24px;
}

.copyUrl-tooltip {
  position: relative;
  width: 80px;
  height: 40px;
  top: 0;
  z-index: 100;
  box-sizing: border-box;
  border-radius: 8px;
  text-align: left;
  padding: 15px;
  color: var(--branco);
  background-color: var(--active-focused-icons);
  visibility: hidden;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-50px);
}

.copyUrl-tooltip::before {
  content: '';
  position: absolute;
  width: 24px;
  height: 12px;
  background: var(--active-focused-icons);
  top: -2px;
  transform: rotate(45deg);
}
.copyUrl-tooltip h4 {
  font-size: 12px;
  font-weight: 800;
  margin: 0;
}
.copyUrl-tooltip p {
  font-size: 11px;
  font-weight: 500;
  margin: 0;
}
.copyUrl-tooltip-active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}

/*Quero ser Contactado */

.nav-forms__fields-input label {
  color: var(--active-focused-icons);
  font-size: 16px;
  font-weight: normal;
  position: relative;
  transition: 0.2s ease all;
  background: none;
}
.nav-forms-challenges__qrcode-options label {
  font-size: 16px;
  font-weight: 600;
  color: var(--active-focused-icons);
}

.nav-forms-challenges__qrcode-options-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.nav-forms-challenges__qrcode-options input[type='radio'] {
  display: none;
}

.nav-forms__fields-inputs input {
  width: 100%;
}

.nav-forms-challenges__qrcode-options-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Create a custom radio button */
.nav-forms-challenges__qrcode-options-label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  border-radius: 50%;
  border: 2px solid var(--active-unfocused-icons);
}

/* On mouse-over, add primary background color */
.nav-forms-challenges__qrcode-options-label:hover input ~ .checkmark {
  background-color: var(--primary-color);
  border: none;
}

.nav-forms-challenges__qrcode-options-label input:checked ~ .checkmark {
  background-color: #fff;
  border: 2px solid var(--primary-color);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.nav-forms-challenges__qrcode-options-label .checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.nav-forms-challenges__qrcode-options-label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.nav-forms-challenges__qrcode-options-label .checkmark:after {
  top: 4px;
  left: 4px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--primary-color);
}

.contactChallenge-selection label {
  color: var(--text-high-emphasis);
  font-size: 16px;
  font-weight: 600;
}

.contactChallenge-selection p {
  color: var(--primary-color);
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 10px;
}

.contactChallenge-selection__contact {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.contactChallenge-selection fieldset {
  max-width: 150px;
}
.contactChallenge-selection__contact span {
  color: var(--inactive-icons);
  font-size: 18px;
}

.contactChallenge-selection p + .row {
  padding: 0;
}

.contactChallenge-selection__contact--active {
  color: var(--active-focused-icons) !important;
}
.contactChallenge-selection .nav-forms__fields-challenge-dropWeekdays label {
  cursor: pointer;
  margin: 0;
}
.contactChallenge-selection .nav-forms__fields-challenge-dropWeekdays,
.contactChallenge-selection .nav-forms__fields-challenge-dropWeekdays:focus {
  padding: 0 16px 0 20px !important;
  color: var(--text-high-emphasis) !important;
  border-radius: 8px !important;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  background: none !important;
  border: 1px solid var(--active-unfocused-icons) !important;
  height: 55px !important;
  padding-left: 15px;
  margin-top: 10px;
  display: flex;
}
.contactChallenge-selection .nav-forms__fields-challenge-dropWeekdays::after {
  content: '';
  width: 24px;
  height: 24px;
  border: none;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9999 12.9129L7.16546 8.33398L5.01514 10.3707L11.9999 17.0007L18.9999 10.3707L16.8343 8.33398L11.9999 12.9129Z' fill='%238d8d8d'/%3E%3C/svg%3E%0A");
}

.contactChallenge-selection .nav-forms__fields-challenge-dropWeekdays-group {
  max-width: 400px;
  margin-bottom: 20px;
}

.contactChallenge-selection .nav-forms__fields-challenge-dropWeekdays-group p {
  font-size: 16px;
  font-weight: 700;
}

.contactChallenge-selection
  .nav-forms-fields-secondaryManager__group-dropdown
  ul {
  padding-left: 0;
}
.contactChallenge-selection
  .nav-forms-fields-secondaryManager__group-dropdown
  ul,
.contactChallenge-selection .nav-forms__fields-challenge-dropWeekdays-group ul {
  list-style-type: none;
}
.contactChallenge-selection
  .nav-forms-fields-secondaryManager__group-dropdown
  [type='checkbox']:not(:checked)
  + label,
.contactChallenge-selection
  .nav-forms-fields-secondaryManager__group-dropdown
  [type='checkbox']:checked
  + label,
.contactChallenge-selection
  .nav-forms__fields-challenge-dropWeekdays-group
  [type='checkbox']:not(:checked)
  + label,
.contactChallenge-selection
  .nav-forms__fields-challenge-dropWeekdays-group
  [type='checkbox']:checked
  + label {
  width: 100%;
  height: 47px;
  padding-left: 40px;
}
.contactChallenge-selection
  .nav-forms-fields-secondaryManager__group-dropdown
  [type='checkbox']:checked
  + label::after,
.contactChallenge-selection
  .contactChallenge-selection
  .nav-forms__fields-challenge-dropWeekdays-group
  [type='checkbox']:checked
  + label::after {
  left: 0;
}

.contactChallenge-selection
  .nav-forms__fields-challenge-dropWeekdays-group
  > ul {
  padding: 0 20px;
  width: 375px;
  height: fit-content;
  overflow: hidden;
  left: 0;
  border-radius: 0px 0px 8px 8px;
  box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.15);
}

.contactChallenge-selection
  .nav-forms__fields-challenge-dropWeekdays-group
  ul:not(:first-child) {
  width: 100%;
  height: fit-content;
  overflow: hidden;
}
.contactChallenge-selection
  .nav-forms__fields-challenge-dropWeekdays-group
  ul
  ul {
  padding-left: 19px;
}

.contactChallenge-selection .nav-forms__fields-inputs-time {
  display: flex;
}

@media (max-width: 1100px) {
  .contactChallenge-selection .nav-forms__fields-inputs-time {
    padding-left: 5px !important;
  }
}

@media (max-width: 575px) {
  .contactChallenge-selection .nav-forms__fields-challenge-dropWeekdays-group {
    align-items: flex-start;
    max-width: 300px !important;
  }
  .contactChallenge-selection .nav-forms__fields-inputs-time {
    padding-left: 5px !important;
  }
}

.contactChallenge-selection .dropWeekdaysHeader,
.contactChallenge-selection .dropTimeHeader {
  display: flex;
  justify-content: space-between;
  height: 56px;
  align-items: center;
  font-size: 16px;
  font-weight: 800;
  color: var(--text-high-emphasis);
  padding-top: 0 !important;
}
.contactChallenge-selection .dropWeekdaysHeader button,
.contactChallenge-selection .dropTimeHeader button {
  width: 24px !important;
  background: transparent !important;
  padding: 0 !important;
  background: none;
  border: none;
}

.contactChallenge-selection
  .nav-forms__fields-challenge-dropWeekdays-group
  .dropTime-menu {
  right: 35% !important;
  left: unset;
}

/* Forms Complexos */
.formChallengeFields {
  max-width: unset !important;
  width: 100% !important;
  padding-right: 32px;
  padding-top: 22px;
}

.formChallengeFields--disable {
  pointer-events: none;
  filter: blur(2px);
  -webkit-filter: blur(2px);
}

.formChallengeFields .formImg__group {
  margin: 0;
}
.formChallengeFields .editPerfil-formFields__submitButton button {
  max-width: 394px;
}

.formChallengeFields__description {
  position: absolute;
  top: 210px;
  z-index: 10;
  height: fit-content;
  margin: 0;
}

.formChallengeFields__bottomSheet {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  top: 210px;
  max-height: 715px;
  margin: 0 auto;
}

.formChallengeFields__openDescription {
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 800;
  text-decoration: underline;
  margin-left: 25px;
  cursor: pointer;
}

.formChallengeFields__group {
  gap: 40px;
  margin-bottom: 30px;
}
.formChallengeFields__group-row {
  display: flex;
  gap: 20px;
  height: 55px;
}
.formChallengeFields__group-row .networkXlsPreview {
  display: flex;
  height: 55px;
  border: 1px solid var(--active-unfocused-icons) !important;
}
.formChallengeFields__group-row .networkXlsPreview,
.formChallengeFields__group-row .progress-bar {
  width: 100%;
}

.formChallengeFields__header {
  margin-bottom: 22px;
}

.formChallengeFields__header .formChallengeFields__header-info {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}

.formImg__group select + span + label {
  display: none;
}

.select2-container--below .select2-selection--single {
  border: 2px solid var(--primary-color) !important;
}

.select2-container--below + label {
  display: block !important;
  top: -0.5rem !important;
  left: 49px;
  height: 16px;
  color: var(--primary-color) !important;
  font-size: 12px !important;
  z-index: 10;
}

.formChallengeFields .nav-forms-fields-challenge__title {
  margin-top: 0;
}

.formChallengeFields__group {
  display: flex;
  flex-direction: column;
}
.formChallengeFields .forms-inputs__radio {
  justify-content: center;
  height: 55px;
}
.formChallengeFields .forms-inputs__radio p {
  margin: 0;
  font-weight: 800;
}
.formChallengeFields .forms-inputs__radio fieldset {
  gap: 15px;
}
.formChallengeFields .forms-inputs__radio fieldset label {
  margin: 0 !important;
}

.formChallengeFields .forms-inputs__radio,
.formChallengeFields .forms-inputs__radio-label {
  margin: 0;
}

.formChallengeFields .select2-container {
  width: 100% !important;
}

.formChallengeFields .select2-selection--single {
  border-radius: 4px !important;
  padding-left: 15px !important;
}

.formChallengeFields
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding: 0;
}

/* .formChallengeFields .selectedSelect2 {
  border: 2px solid var(--primary-color) !important;
} */

/* .formChallengeFields .formImg__group select {
  display: none;
} */
.formChallengeFields .time-width {
  width: 120px;
}

.formChallengeFields .time-width + .divider {
  margin: 58px 20px 50px 20px;
}
.formChallengeFields .divider {
  width: 9px;
  border-bottom: 2px solid var(--active-unfocused-icons);
  margin: 15px 20px 7px 20px;
  flex-grow: 0;
}

.formChallengeFields .checkboxDropdown,
.formChallengeFields .checkboxDropdown .dropdown {
  height: 100%;
  min-width: 100%;
}

.formChallengeFields .checkboxDropdown button {
  height: 100%;
  min-width: 100%;
  border-radius: 4px;
  padding-left: 15px;
  background-color: #fff;
  padding: 14px 16px 14px 20px !important;
  cursor: pointer;
  border: 1px solid var(--active-unfocused-icons) !important;
  border-radius: 4px;
  color: var(--active-unfocused-icons);
  text-align: start;
  font-weight: 600;
}

/* Create a custom radio button */
.formChallengeFields .checkboxDropdown .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  border-radius: 4px;
  border: 2px solid var(--active-unfocused-icons);
}

/* On mouse-over, add primary background color */
.formChallengeFields .checkboxDropdownLabel input ~ .checkmark:hover {
  background-color: var(--primary-color);
  border: none;
  cursor: pointer;
}

.formChallengeFields .checkboxDropdownLabel input:checked ~ .checkmark {
  background-color: #fff;
  border: 2px solid var(--primary-color);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.formChallengeFields .checkboxDropdownLabel .checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.formChallengeFields .checkboxDropdownLabel input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.formChallengeFields .checkboxDropdownLabel .checkmark:after {
  content: '';
  top: -1px;
  left: -2px;
  width: 21px;
  height: 21px;
  border-radius: 4px;
  background: url(/media/sygpointweb/assets/img/iconCheck.svg);
  background-color: var(--primary-color);
  background-repeat: no-repeat;
  background-position: center;
}

.formChallengeFields .checkboxDropdown .dropdown-menu.show {
  display: flex;
  flex-direction: column;
  padding: 15px 20px;
  gap: 10px;
}

.formChallengeFields .checkboxDropdownLabel {
  position: relative;
  padding-left: 35px;
  color: var(--text-high-emphasis);
  font-weight: 600;
  cursor: pointer;
  margin: 0;
}

.formChallengeFields .checkboxDropdown__span {
  position: absolute;
  top: -10px;
  left: 15px;
  background: var(--branco);
  font-size: 16px;
  font-weight: 800;
  color: var(--primary-color);
  padding: 0 5px;
}

@media (min-width: 996px) {
  .fileType-exampleButtons__camera {
    display: none;
  }
}

@media (max-width: 995px) {
  .formChallengeFields {
    max-width: 700px !important;
    margin: 0 auto;
    padding: 30px 32px 75px;
  }

  .formChallengeFields__header {
    display: flex;
    flex-direction: column;
  }

  .formChallengeFields__header .formChallengeFields__header-info {
    font-size: 12px;
    margin-top: 18px;
  }

  .formChallengeFields__group-row {
    display: flex;
    flex-direction: column;
    height: unset;
  }
  .formChallengeFields .editPerfil-formFields__submitButton .col-6:first-child {
    min-width: unset;
  }
  .formChallengeFields
    .editPerfil-formFields__submitButton
    .col-6:not(:first-child) {
    display: block;
  }

  .formChallengeFields__group-row {
    gap: 40px;
  }
}

@media (max-width: 575px) {
  .formChallengeFields {
    padding: 30px 16px 75px;
  }
  .formChallengeFields .row-items-image img {
    max-width: unset;
  }

  .formChallengeFields__openDescription {
    font-size: 10px;
  }

  .contactChallenge-selection__contact span,
  .contactChallenge-selection label {
    font-size: 14px;
  }
  .contactChallenge-selection p + .row {
    display: flex;
    justify-content: space-between;
    max-width: 330px;
  }
  .time-width + .divider {
    display: none;
  }

  .time-width:first-child .dropdown-menu {
    left: 0 !important;
  }
}

.nav-forms__fields-inputs-time input {
  cursor: pointer;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  background: none;
  border: 1px solid var(--active-unfocused-icons);
  border-radius: 8px 0 0 8px !important;
  height: 55px !important;
  padding-left: 15px;
}
.nav-forms__fields-inputs-time i::before {
  width: 25px;
  height: 25px;
  content: url(/media/sygpointweb/assets/img/iconClock.png);
}
.input-group-text {
  border-radius: 8px;
}

.fa-arrow-up:before {
  content: url(/media/sygpointweb/assets/img/iconArrowDown.svg);
  display: inline-block;
  transform: rotate(180deg);
}
.fa-arrow-down:before {
  content: url(/media/sygpointweb/assets/img/iconArrowDown.svg);
}
.content-filtered__challengeStart
  [data-action='togglePicker']
  .fa-clock-o::before {
  width: 25px;
  height: 25px;
  content: url(/media/sygpointweb/assets/img/iconClock.png);
}
.content-filtered__challengeStart
  [data-action='togglePicker']
  .fa-calendar::before {
  width: 24px;
  height: 24px;
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 13H16.5V15.82L18.94 17.23L18.19 18.53L15 16.69V13ZM19 8H5V19H9.67C9.24 18.09 9 17.07 9 16C9 14.1435 9.7375 12.363 11.0503 11.0503C12.363 9.7375 14.1435 9 16 9C17.07 9 18.09 9.24 19 9.67V8ZM5 21C3.89 21 3 20.1 3 19V5C3 3.89 3.89 3 5 3H6V1H8V3H16V1H18V3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V11.1C22.24 12.36 23 14.09 23 16C23 17.8565 22.2625 19.637 20.9497 20.9497C19.637 22.2625 17.8565 23 16 23C14.09 23 12.36 22.24 11.1 21H5ZM16 11.15C14.7137 11.15 13.4801 11.661 12.5705 12.5705C11.661 13.4801 11.15 14.7137 11.15 16C11.15 18.68 13.32 20.85 16 20.85C16.6369 20.85 17.2676 20.7246 17.856 20.4808C18.4444 20.2371 18.9791 19.8798 19.4295 19.4295C19.8798 18.9791 20.2371 18.4444 20.4808 17.856C20.7246 17.2676 20.85 16.6369 20.85 16C20.85 13.32 18.68 11.15 16 11.15Z' fill='%23272727'/%3E%3C/svg%3E%0A");
}

.termosStyle .container-fluid > div {
  padding: 40px 0;
}
.termosStyle h2 {
  font-weight: 800;
  margin-bottom: 25px;
  text-align: center;
}
.termosStyle h2 + div {
  padding: 0 32px;
  text-align: justify;
  text-justify: inter-word;
}

.termosStyle h3 {
  font-weight: 800;
  margin-top: 40px;
  margin-bottom: 20px;
  text-align: center;
}

.termosStyle ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

.termosStyle ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

.termosStyle ol > li:before {
  content: counters(item, '.') '. ';
  display: table-cell;
  padding-right: 0.6em;
}

.termosStyle li ol > li {
  margin: 0;
}

.termosStyle li ol > li:before {
  content: counters(item, '.') ' ';
}

@media (max-width: 995px) {
  .termosStyle h2 {
    font-size: 26px;
  }
  .termosStyle h3 {
    font-size: 22px;
  }
  .termosStyle h2 + div {
    padding: 0 16px;
  }
}

/* upload file progress */
.networkXlsPreview {
  color: var(--inactive-icons);
  font-size: 10px;
  font-weight: 700;
  width: 357px;
  height: 70px;
  border: 1px solid var(--inactive-icons);
  border-radius: 4px 4px 0 0;
  padding-right: 14px;
}
.networkXlsPreview--active {
  color: var(--text-high-emphasis);
  border: 2px solid var(--primary-color);
}

.networkXlsPreview .networkXlsFileImg {
  min-width: 40px;
  min-height: 40px;
}

.networkXlsPreview .networkXlsFileImg .networkXlsPreview span {
  font-size: 14px;
  line-height: 16px;
}
.networkXlsPreview button {
  padding: 0;
}

.progress-bar {
  height: 6px;
  width: 357px;
  background-color: var(--inactive-icons);
  border-radius: 0 0 12px 12px;
  padding: 0;
}

.progress-bar-fill {
  min-height: 6px;
  width: 0%;
  background: var(--primary-color);
  display: flex;
  align-items: center;
  transition: width 0.25s;
}

#xlsFileName {
  font-size: 14px;
}

.networkXlsPreviewRemove,
#networkXlsPreviewConfirmation {
  display: none;
}

.networkXlsFileUploadingText,
.networkXlsFileUploadedText,
.networkLevels__inputLevelHide {
  display: none !important;
}
.networkXlsFileUploadingText,
.networkXlsFileUploadedText {
  color: var(--text-low-emphasis);
  font-size: 10px !important;
  font-weight: 600;
}
.networkXlsFileImg + div {
  margin-left: 21px;
}

/* Modal partnerInfoModal */

.infoTempModal .modal-content {
  width: 490px;
  min-height: 524px;
  border: none;
  filter: drop-shadow(0px 30px 20px rgba(0, 0, 0, 0.15));
  border-radius: 8px;
}

.infoTempModal .modal-header {
  background: url(/media/sygpointweb/assets/img/backgroundModalInfoParceiro.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 72px;
  border-radius: 8px 8px 0 0;
  border: none;
  padding-left: 53px;
}

.infoTempModal .modal-header h5 {
  color: var(--branco);
  font-size: 22px;
  margin-left: 24px;
}

.infoTempModal .modal-body,
.infoTempModal .modal-footer {
  padding: 33px 32px 23px 32px;
}

.infoTempModal .modal-body h2 {
  font-size: 28px;
  font-weight: 800;
}

.infoTempModal .modal-body > p {
  font-size: 16px;
  font-weight: 800;
}

#partnerInfoModal .modal-body ol li::marker,
#partnerInfoModal .modal-body ol li span {
  font-weight: 800;
}

#categoryInfoModal .modal-body ol {
  padding-left: 16px;
  font-size: 14px;
  background: linear-gradient(
    180deg,
    #feb523 0%,
    #fe8e10 54.69%,
    #fe6d00 100%
  ) !important;
  padding: 5px !important;
  width: fit-content;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

#categoryInfoModal .modal-body ol li::marker,
#categoryInfoModal .modal-body ol li span {
  font-weight: 800;
  color: var(--branco);
}

#categoryInfoModal .modal-body ol li span:last-child:hover {
  color: var(--primary-color);
}

.infoTempModal .modal-body .breadcrumb-item + .breadcrumb-item::before {
  color: var(--branco);
}

.infoTempModal .modal-footer {
  padding: 33px 53px 23px 53px;
  border: none;
  align-items: end;
}

.infoTempModal .modal-footer .partnerInfoModalSteps__buttonNext,
.infoTempModal .modal-footer .partnerInfoModalSteps__buttonFinal {
  background: none;
  border: none;
  font-size: 14px;
  color: var(--primary-color);
  font-weight: 600;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--primary-color);
  padding: 5px 15px;
  width: 123px;
  height: 39px;
}

.infoTempModal .modal-footer .partnerInfoModalSteps__buttonNext--disable {
  border: 1px solid var(--active-unfocused-icons);
  color: var(--active-unfocused-icons);
  pointer-events: none;
}

/* .partnerInfoModalSteps li,
.infoTempModal .modal-body > p {
  text-align: justify;
} */

#categoryInfoModal .modal-content {
  min-height: unset;
}

.partnerInfoModalSteps ol {
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
}

.hideTempModal {
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-color);
  display: flex;
  margin: 0;
}

/* The switch - the box around the slider */
.hideTempModal .switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 27px;
}

/* Hide default HTML checkbox */
.hideTempModal .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--active-unfocused-icons);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: '';
  height: 20px;
  width: 20px;
  left: -8px;
  bottom: -5px;
  background-color: var(--inactive-icons);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: var(--primary-color);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--primary-color);
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  background-color: var(--primary-color);
}

/* Rounded sliders */
.slider.round {
  height: 10px;
  border-radius: 34px;
  max-width: 20px;
}

.slider.round:before {
  border-radius: 50%;
}

@media (max-width: 575px) {
  .infoTempModal .modal-header {
    background: url(/media/sygpointweb/assets/img/backgroundModalInfoParceiroMobile.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    padding-left: 33px;
  }

  .infoTempModal .modal-header h5 {
    font-size: 18px;
    margin-left: 12px;
  }

  .infoTempModal .modal-body,
  .infoTempModal .modal-footer {
    padding: 27px 16px 40px 16px;
  }

  .infoTempModal .modal-body h2 {
    font-size: 22px;
  }

  .infoTempModal .modal-body > p {
    font-size: 16px;
  }

  .hideTempModal {
    font-size: 14px;
  }

  .infoTempModal .modal-footer {
    padding: 0 16px 40px 16px;
  }
}

/* Upload File Modal */

#uploadFileModal .modal-content {
  width: 425px;
  height: fit-content;
  border: none;
  border-top: 8px solid var(--primary-color);
  filter: drop-shadow(0px 30px 20px rgba(0, 0, 0, 0.15));
  border-radius: 8px;
}

#uploadFileModal .modal-header {
  border: none;
  padding-bottom: 0;
}

#uploadFileModal .modal-header button {
  border: none;
  background: none;
}

#uploadFileModal .modal-title {
  font-weight: 800;
  font-size: 18px;
}

#uploadFileModal .uploadFileModal-buttons {
  border: none;
  padding: 0;
  margin: 25px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  padding-right: 30px;
}

.uploadFileModal__buttonUrl {
  background: none;
  border: none;
  color: var(--primary-color);
  font-weight: 800;
}

.uploadFileModal__buttonSend {
  max-width: 150px;
  height: 45px;
}

#drop-area {
  width: 357px;
  min-height: 357px;
  border: 2px dashed var(--active-unfocused-icons);
  padding: 45px;
  margin: 0 auto;
  border-radius: 8px;
}

.files-logo__upload-area--hide {
  display: none !important;
}
#drop-area.highlight {
  border-color: purple;
}

.files-logo__upload-area_info {
  font-size: 14px;
  font-weight: 800;
  color: var(--primary-color);
  padding: 0 25px;
}

.files-logo__upload-area_info span {
  font-size: 16px;
  font-weight: 400;
  color: var(--active-unfocused-icons);
  margin-top: 20px;
}

.files-logo__upload-area_button {
  color: #fff;
  background-color: var(--primary-color);
  width: 180px;
  height: 45px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 6px;
  cursor: pointer;
  margin: 0;
}

#gallery {
  margin: 0 auto;
  width: unset;
  align-items: center;
}
#gallery > img {
  height: 357px;
  width: 357px;
  margin: 0;
  margin-bottom: 10px;
  border-radius: 8px;
  padding: 0;
  filter: drop-shadow(0px 5px 8px rgba(177, 177, 177, 0.4));
}

.upload-area--logoPreview-buttons,
.upload-area--logoGiftCardPreview-buttons {
  position: absolute;
  left: 315px;
  top: 15px;
  width: 36px;
  height: 95px;
  padding: 0;
}

@media (max-width: 575px) {
  #gallery {
    width: 285px;
    align-items: unset;
  }
  #gallery > img {
    width: unset;
  }

  .upload-area--logoPreview-buttons,
  .upload-area--logoGiftCardPreview-buttons {
    position: fixed;
    left: 285px;
    top: 15px;
    width: 36px;
    height: 95px;
    padding: 0;
  }
  #drop-area {
    width: 100%;
  }
}

.upload-area--logoGiftCardPreview-buttons {
  position: absolute;
  left: 340px;
  top: initial;
  width: 36px;
  height: 95px;
  margin-top: 10px;
}
.upload-area--logoPreview-buttons button,
.upload-area--logoGiftCardPreview-buttons button {
  width: 36px;
  height: 36px;
  min-width: 36px;
}
.upload-area--logoPreview-buttons--remove,
.upload-area--giftCardView-buttons--remove {
  border: none;
  background: rgba(216, 216, 216, 0.4);
  box-shadow: 0px 4px 4px rgba(177, 177, 177, 0.5);
  -webkit-box-shadow: 0px 4px 4px rgba(177, 177, 177, 0.5); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 4px 4px rgba(177, 177, 177, 0.5);
  border-radius: 6px;
}
.upload-area--logoPreview-buttons--remove:hover,
.upload-area--giftCardView-buttons--remove:hover {
  background: rgba(216, 216, 216, 0.75);
  transition: 0.5s;
}
.upload-area--logoPreview-buttons--remove img,
.upload-area--giftCardView-buttons--remove img {
  opacity: 0.75;
}
.upload-area--logoPreview-buttons--remove:focus,
.upload-area--giftCardView-buttons--remove:focus {
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.upload-area--logoPreview-buttons--update,
.upload-area--giftCardView-buttons--update {
  width: 36px;
  min-width: 36px;
  height: 36px;
  margin: 0;
  cursor: pointer;
  border: none;
  border-radius: 6px;
  background: rgba(216, 216, 216, 0.4);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M13.65 2.35C12.2 0.9 10.21 0 8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8C0 10.1217 0.842855 12.1566 2.34315 13.6569C3.84344 15.1571 5.87827 16 8 16C11.73 16 14.84 13.45 15.73 10H13.65C12.83 12.33 10.61 14 8 14C6.4087 14 4.88258 13.3679 3.75736 12.2426C2.63214 11.1174 2 9.5913 2 8C2 6.4087 2.63214 4.88258 3.75736 3.75736C4.88258 2.63214 6.4087 2 8 2C9.66 2 11.14 2.69 12.22 3.78L9 7H16V0L13.65 2.35Z' fill='white'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0px 4px 4px rgba(177, 177, 177, 0.5);
  -webkit-box-shadow: 0px 4px 4px rgba(177, 177, 177, 0.5); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 4px 4px rgba(177, 177, 177, 0.5);
}
.upload-area--logoPreview-buttons--update:hover,
.upload-area--giftCardView-buttons--update:hover {
  background: rgba(216, 216, 216, 0.9);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M13.65 2.35C12.2 0.9 10.21 0 8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8C0 10.1217 0.842855 12.1566 2.34315 13.6569C3.84344 15.1571 5.87827 16 8 16C11.73 16 14.84 13.45 15.73 10H13.65C12.83 12.33 10.61 14 8 14C6.4087 14 4.88258 13.3679 3.75736 12.2426C2.63214 11.1174 2 9.5913 2 8C2 6.4087 2.63214 4.88258 3.75736 3.75736C4.88258 2.63214 6.4087 2 8 2C9.66 2 11.14 2.69 12.22 3.78L9 7H16V0L13.65 2.35Z' fill='white'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0px 4px 4px rgba(177, 177, 177, 0.5);
  -webkit-box-shadow: 0px 4px 4px rgba(177, 177, 177, 0.5); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 4px 4px rgba(177, 177, 177, 0.5);
  transition: 0.5s;
}
.upload-area--logoPreview-buttons--update img,
.upload-area--giftCardView-buttons--update img {
  opacity: 0.75;
}

/* Programas */

.bottomMenuPurple {
  background: #820096;
}

.bottomMenuPurple .breadcrumb-item a:hover {
  color: var(--laranja);
}

.sygWalletButtons {
  color: var(--active-unfocused-icons);
  font-size: 14px;
  font-weight: 700;
  background: none;
  border: none;
  padding: 0;
  gap: 7px;
}

.sygWalletList {
  font-size: 16px;
  font-weight: 800;
  margin-top: 5px;
  color: var(--primary-color);
}

/* Pagina Landing Challenge Partilhar e Ganhar */
.welcomeChallenge {
  padding: 100px 0;
  width: 80%;
  margin: 0 auto;
}

#welcomeChallengeSYGLogo {
  max-width: 140px;
  margin-bottom: 32px;
}

.welcomeChallenge h2,
.welcomeChallenge h4,
.welcomeChallenge p {
  color: var(--primary-color);
  text-align: center;
}

.welcomeChallenge h2 {
  font-size: 32px;
  font-weight: 800;
}

.welcomeChallenge h4 {
  font-size: 18px;
  font-weight: 600;
}

.welcomeChallenge p {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 16px;
}

.welcomeChallenge a {
  max-width: 220px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--branco);
  font-size: 16px;
  font-weight: 700;
  padding: 0 16px;
}

@media (min-width: 575px) {
  #welcomeChallengeSYGLogo {
    max-width: 260px;
    margin-bottom: 53px;
  }

  .welcomeChallenge h2 {
    font-size: 50px;
    margin-bottom: 17px;
    line-height: 55px;
  }

  .welcomeChallenge h4 {
    font-size: 28px;
    margin-bottom: 22px;
    line-height: 48px;
  }

  .welcomeChallenge p {
    font-size: 18px;
    margin-bottom: 40px;
    max-width: 445px;
  }
}

/* Tab Participados */
#participados .row-items {
  height: 115px;
  padding: 20px 16px 10px;
  cursor: pointer;
  background: var(--branco);
}

#participados .row-items-image span {
  font-size: 9px;
  font-weight: 600;
  color: var(--active-unfocused-icons);
  margin-top: 5px;
}

#participados .row-items-description .row-items-dateRequest {
  font-size: 9px;
  margin-top: 5px;
}
#participados .row-items-description button {
  background-color: #565656;
  border: none;
  color: var(--branco);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 800;
  padding: 6px 12px;
  margin-top: 6px;
}

#participados .participadosChallengeSygs svg {
  width: 12px;
  height: 12px;
  margin-left: 5px;
}

.validChallengeSygs h3,
#participados .validChallengeSygs svg path {
  fill: var(--text-valid-color);
  color: var(--text-valid-color);
}

#participados .pendingChallengeSygs h3,
#participados .pendingChallengeSygs p,
#participados .pendingChallengeSygs svg path {
  color: var(--active-unfocused-icons);
  fill: var(--active-unfocused-icons);
}

.participadosChallengeSygs h3,
.participadosChallengeSygs p {
  cursor: pointer;
}

#participados .invalidChallengeSygs p {
  color: var(--text-error-color);
  display: flex;
  align-items: center;
}

#participados .invalidChallengeSygs h3,
#participados .invalidChallengeSygs h3 svg path {
  color: var(--active-unfocused-icons);
  fill: var(--active-unfocused-icons);
}

#participados .invalidChallengeSygs button {
  background: none;
  border: none;
  padding: 0;
  margin-left: 3px;
}

#participados .invalidChallengeSygs button svg {
  width: 10px;
  height: 10px;
}

#participados .content-filtered__list--option--selected {
  margin: 0;
}

/* Associar Programas */

.programas-cardAderir {
  color: var(--active-unfocused-icons);
  border: none;
  background: none;
  font-size: 14px;
  font-weight: 700;
  padding: 0;
  pointer-events: none;
}

.programas-cardAderir svg path {
  fill: var(--active-unfocused-icons);
}

.programas-cardAderir--enable {
  color: var(--active-focused-icons);
  border: none;
  background: none;
  font-size: 14px;
  font-weight: 700;
  padding: 0;
}

.programas-cardAssociar {
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 700;
  background: none;
  border: none;
  padding: 0;
}

.programas-info__subtitle {
  font-size: 10px;
  font-weight: 600;
}

.programas-cards-partners {
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: auto;
  max-height: 50vh;
  margin-top: 15px;
  padding: 0 15px 15px 0;
}

.programas-cards-partners--tabAssociar {
  max-height: 100vh;
  padding-right: 15px;
  padding-bottom: 15px;
}

.programas-cards-partners--tabAssociar .programas-card__image {
  width: 60px;
  height: 60px;
}

.programas-cardGanharSygs {
  font-size: 14px;
  font-weight: 800;
  padding: 0;
  padding-top: 7px;
  margin-top: 9px;
  border-top: 1px solid var(--inactive-icons);
}

.programas-cardGanharSygs div {
  margin-left: 6px;
}

@media (max-width: 950px) {
  .programas-cards-partners--tabAssociar {
    max-height: unset;
    padding: 0;
  }
}

/* Template Retomas */
.retomasAddedItems {
  gap: 16px;
}

.retomasAddedItems .retomasAddedItems__submitColumn,
.retomasAddedItems .retomasAddedItems__formColumn {
  max-width: 368px;
  display: flex;
  flex-direction: column;
}

.formChallengeFields__retomas__introText h3 {
  font-size: 20px;
  font-weight: 800;
  color: var(--primary-color);
  margin-bottom: 13px;
}

.retomasAddedItems__itemButtons {
  display: flex;
  order: 1;
  margin-top: 15px;
}

.retomasAddedItems__itemButtons--cancel,
.retomasAddedItems__itemButtons--save {
  background: none;
  border: none;
}

.retomasAddedItems__itemButtons--cancel {
  font-size: 18px;
  font-weight: 600;
  color: var(--active-unfocused-icons);
  margin-right: 10px;
}

.retomasAddedItems__itemButtons--save {
  font-size: 18px;
  font-weight: 600;
  color: var(--primary-color);
}

.retomasAddedItems__submitColumn {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.retomasAddedItems__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.retomasAddedItems__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.retomasAddedItems__item button {
  background: none;
  border: none;
}

.retomasAddedItems__item,
.retomasAddedItems__addItem {
  width: 368px;
  height: 48px;
  padding: 5px 14px 5px 16px;
  border: 1px solid var(--active-focused-icons);
  box-sizing: border-box;
  border-radius: 4px;
}

.retomasAddedItems__resume p {
  margin: 0;
  line-height: 16px;
}

.retomasAddedItems__category,
.retomasAddedItems__type {
  font-size: 16px;
  font-weight: 800;
}

.retomasAddedItems__age {
  font-size: 14px;
  font-weight: 600;
  color: var(--active-unfocused-icons);
}

.retomasAddedItems__addItem,
.retomasAddedItems__addItem:focus {
  background: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 26px;
  padding: 5px 14px 5px 16px;
  border: 1px solid var(--active-focused-icons);
  font-size: 16px;
  font-weight: 600;
  color: var(--active-unfocused-icons);
}

.retomasAddedItems__submitColumn .purpleButton {
  width: 368px;
}

.retomasAddedItems__formColumn > p {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 0;
}

.retomasAddedItems__formColumn form {
  display: flex;
  flex-direction: column;
  gap: 26px;
  margin-top: 32px;
}

.retomasAddedItems__formColumn-dimensions div {
  gap: 17px;
  margin-bottom: 40px;
}

.retomasAddedItems__formColumn-dimensions span {
  top: 60px;
}

.retomasAddedItems__formColumn-dimensions p {
  font-size: 16px;
  font-weight: 800;
}

.retomasAddedItems__formColumn-dimensions span {
  font-size: 14px;
}

.retomasAddedItems
  .retomasAddedItems__formColumn-dimensions
  .formImg__group:last-child
  label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 96px;
}

.retomasAddedItems
  .formImg__input:not(:placeholder-shown).formImg__input:not(:focus)
  ~ .formImg__label {
  left: 12px;
}
@media (max-width: 1200px) {
  .retomasAddedItems {
    flex-direction: column;
  }
}

@media (max-width: 575px) {
  .retomasAddedItems
    .retomasAddedItems__formColumn-dimensions
    .formImg__group:last-child
    label {
    max-width: 65px;
  }

  .retomasAddedItems {
    align-items: center;
  }

  .formChallengeFields__retomas__introText {
    text-align: center;
  }

  .retomasAddedItems .retomasAddedItems__submitColumn,
  .retomasAddedItems .retomasAddedItems__formColumn {
    max-width: 260px;
  }

  .retomasAddedItems__item,
  .retomasAddedItems__addItem,
  .retomasAddedItems__submitColumn .purpleButton,
  .retomasAddedItems .networkXlsPreview,
  .retomasAddedItems .progress-bar {
    width: 260px;
  }

  .retomasAddedItems .formImg__group .formInputNoImg + label {
    padding: 0;
  }

  .retomasAddedItems__formColumn-dimensions input {
    padding: 6px !important;
    height: 40px !important;
  }

  .retomasAddedItems__formColumn
    .retomasAddedItems__formColumn-dimensions
    label {
    font-size: 12px !important;
    left: 9px !important;
    top: 11px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

/* Remove Modal */
#removeModal .modal-content,
#removeEditModal .modal-content {
  width: 288px;
  height: 247px;
  border: none;
  border-radius: 12px;
}

#removeModal .modal-header,
#removeEditModal .modal-header {
  border: none;
  color: var(--primary-color);
  font-size: 20px;
  font-weight: 800;
  padding: 33px 26px 0;
}
#removeModal .modal-header h5,
#removeEditModal .modal-header h5 {
  font-size: 20px;
  font-weight: 800;
  line-height: 24px;
}
#removeModal .modal-body,
#removeEditModal .modal-body {
  max-height: 47px;
  padding: 0 26px;
  margin-top: 23px;
  margin-bottom: 37px;
}

#removeModal .modal-body p #removeEditModal .modal-body p {
  color: var(--active-focused-icons);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  margin: 0;
}
#removeModal .modal-footer-confirmation,
#removeEditModal .modal-footer-confirmation {
  padding: 0;
  height: 60px;
  -webkit-box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.1);
}
#removeModal .modal-footer-confirmation button,
#removeEditModal .modal-footer-confirmation button {
  margin: 0;
  width: 50%;
  height: 100%;
  background-color: transparent;
  border: none;
  padding: 0;
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 600;
}

#removeModal .modal-footer-confirmation__no,
#removeEditModal .modal-footer-confirmation__no {
  border-radius: 0 0 0 12px;
  border-right: 1px solid var(--inactive-icons) !important;
}
#removeModal .modal-footer-confirmation__yes,
#removeEditModal .modal-footer-confirmation__yes {
  border-radius: 0 0 12px 0;
}

.editModal {
  height: 200px !important;
  justify-content: space-between;
}

.editModal .modal-body {
  display: none;
}

.editModal .modal-footer {
  box-shadow: none !important;
  --webkit-box-shadow: none !important;
}

/* Bottomsheet SYGs Congrats */

.bottomSheet-congrats__header {
  background: url(/media/sygpointweb/assets/img/sygsCongratsBackground.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 158px;
  color: var(--branco);
  border: none;
  display: flex;
  justify-content: center;
}

.bottomSheet-congrats__header-text {
  text-align: center;
}

.bottomSheet-congrats__header-sygs {
  font-size: 18px;
  font-weight: 800;
}

.bottomSheet-congrats__header-sygs img {
  width: 25px;
  height: 28px;
}

.bottomSheet-congrats__header-button {
  position: absolute;
  right: 0;
  padding: 18px;
}

.bottomSheet-congrats__header-button button,
.bottomSheet-congrats-profileButtons button {
  background: none;
  border: none;
}

.bottomSheet-congrats__header h1 {
  font-size: 40px;
  font-weight: 800;
  margin-top: 25px;
  line-height: 40px;
}

.bottomSheet-congrats__header .modal-header p {
  font-size: 14px;
  font-weight: 800;
  margin: 0;
  margin-top: 5px;
}

.bottomSheet-congrats-profileButtons {
  display: flex;
  justify-content: space-between;
  padding: 0 24px;
}

.bottomSheet-congrats-body {
  margin: 5px 0 50px;
  padding: 0 16px;
}

.bottomSheet-congrats-body__partnerLogo {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  filter: drop-shadow(0px 5px 8px rgba(177, 177, 177, 0.4));
}

.bottomSheet-congrats-body__partnerName {
  font-size: 20px;
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 11px;
}

.bottomSheet-congrats-body__challengeCat {
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 600;
}

.bottomSheet-congrats-body__challengeName {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 7px;
}

.bottomSheet-congrats-body__challengeVal {
  color: var(--active-unfocused-icons);
  font-size: 12px;
  font-weight: 600;
  margin: 0;
}

.bottomSheet-congrats-body__partnerChallenges {
  padding: 0 24px;
}

.bottomSheet-congrats-body__partnerChallenges a {
  width: 100%;
  height: 50px;
  padding: 13px 15px;
  font-size: 16px;
  font-weight: 800;
  color: var(--branco);
  background: linear-gradient(180deg, #feb523 0%, #fe8e10 54.69%, #fe6d00 100%);
  border-radius: 8px;
  margin-bottom: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* SYGCashback */

.content-filtered__sygcashback .content-filtered__list--option {
  height: 115px;
}

.content-filtered__sygcashback .row-items-button {
  gap: 20px;
}

.content-filtered__sygcashback .row-items-description button {
  border: none;
  background: #565656;
  border-radius: 8px;
  color: var(--branco);
  font-size: 12px;
  font-weight: 700;
  padding: 6px 12px;
  margin-top: 5px;
}

.content-filtered__sygcashback__list .row-items-sygpoints img,
.content-filtered__sygcashback__list
  .content-filtered__challengeDescription__body__sygs
  img {
  margin-right: 5px;
}

.content-filtered__challengeDescription__body__partnerChallenge {
  max-width: 295px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: -webkit-nowrap;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-height: 20px;
}

.content-filtered__challengeDescription__body #partnerName {
  font-size: 12px;
  font-weight: 500;
}

.content-filtered__challengeDescription__body #challengeName {
  font-size: 14px;
  font-weight: 600;
}

@media (max-width: 575px) {
  .content-filtered__challengeDescription__body__partnerChallenge {
    max-width: 190px;
  }
  .content-filtered__challengeDescription__body__partnerName {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 165px;
  }
  .content-filtered__sygcashback .row-items div {
    padding: 0;
  }
}

/* Coupons Page */
.couponsPage {
  padding: 23px 32px;
  height: 100vh;
  background: #f7f7f7;
  gap: 16px 23px;
  flex-wrap: wrap;
  justify-content: center;
}
.couponsPage + .loadingSpinner {
  display: flex;
  margin: 0 auto;
}

.couponsPage .col,
.couponsPage .row {
  padding: 0;
}

.couponsPage-item {
  max-width: 368px;
  height: 169px;
  background: url(/media/sygpointweb/assets/img/cardCoupons.png) no-repeat;
  background-size: cover;
  cursor: pointer;
}

.couponsPage .couponsPage__item__details {
  padding: 16px 16px 7px;
  height: 120px;
}

.couponsPage-item__partner {
  max-width: fit-content;
  justify-content: space-between;
}

.couponsPage-item__partner img {
  width: 48px;
  height: 48px;
  filter: drop-shadow(0px 5px 8px rgba(177, 177, 177, 0.4));
}

.couponsPage-item__partner span {
  font-size: 10px;
  font-weight: 600;
  color: var(--text-low-emphasis);
}

.couponsPage-item__partner button {
  height: 25px;
  font-size: 14px;
}

.couponsPage-item__description {
  margin-left: 20px;
}

.couponsPage-item__description-partnerName {
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.0025em;
}

.couponsPage-item__description-challengeName {
  font-size: 16px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.couponsPage-item__description-other {
  font-size: 12px;
  color: var(--active-unfocused-icons);
}

.couponsPage .couponsPage__stateDate {
  padding: 5px 16px;
}

.couponsPage__stateDate > div:first-child {
  width: fit-content;
}

.couponsPage__stateDate > div:first-child p,
.couponsPage__state p {
  font-size: 10px;
  font-weight: 600;
  color: var(--text-low-emphasis);
  margin: 0;
}

.couponsPage__state {
  max-width: fit-content;
}

.couponsPage__state--valid {
  color: var(--text-valid-color);
  font-size: 14px;
}

.couponsPage__state--expire {
  color: #ffc700;
  font-size: 14px;
}

.couponsPage__state--valid::after,
.couponsPage__state--expire::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #009f23;
  display: inline-block;
  margin-left: 5px;
}

/* Coupon Modals */
.couponModals .modal-content {
  width: 400px;
  /* min-height: 600px; */
  padding-bottom: 25px;
}

.couponModals .col,
.couponModals .row {
  padding: 0;
}

.couponModals .modal-body {
  padding: 0 23px;
}

.couponModals .modal-header {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--inactive-icons);
}

.couponModals .modal-header button {
  border: none;
  background: none;
}

.couponModals .modal-header button img {
  width: 23px;
  height: 24px;
}

.couponModals .modal-header .col-1 + .col-10 {
  padding-left: 18px !important;
}

.couponModals .modal-header h5,
.coupon__partnerName {
  font-size: 20px;
  font-weight: 800;
}

.couponModals .modal-header p {
  margin: 0;
  color: var(--primary-color);
  font-size: 16px;
}

.couponModals .modal-content img {
  width: 48px;
  height: 48px;
  filter: drop-shadow(0px 5px 8px rgba(177, 177, 177, 0.4));
}

.couponModals .content-filtered__challengeDescription__date {
  border-bottom: 1px solid var(--inactive-icons);
  padding-bottom: 15px;
}

.coupon__partner {
  display: flex;
  align-items: center;
}

.coupon__partnerName {
  margin: 0;
  margin-left: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}

.coupon__challenge {
  font-size: 16px;
  font-weight: 800;
  margin-top: 15px;
}

.coupon__date {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-low-emphasis);
}

.coupon__timePeriod {
  font-size: 14px;
  font-weight: 400;
  color: var(--text-low-emphasis);
}

.coupon__text {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 38px;
}

.coupon__text span {
  font-weight: 800;
}

.coupon__conditions {
  font-size: 12px;
  font-weight: 600;
  margin-top: 24px;
  text-align: center;
}

.coupon__conditions a {
  color: var(--primary-color);
}

#couponCodes button {
  border: none;
  background: none;
}

.couponCode__qrcode,
.couponCode__barcode,
.couponCode__code {
  color: var(--primary-color);
  font-size: 10px;
  font-weight: 600;
  border-bottom: 1px solid var(--primary-color);
  align-content: center;
  cursor: pointer;
}

.couponCode__disable {
  color: var(--inactive-icons);
  border: none;
}

.couponCode__disable svg path,
.couponCode__disable svg path + rect {
  fill: var(--inactive-icons);
}

.couponModals .couponCode__result img {
  height: fit-content;
  width: 198px;
}

.couponCode__codeResult {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}

.couponCode__codeResult p {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.couponCode__codeResult + p {
  margin: 0;
  font-weight: 600;
  text-align: center;
}

.couponCode__codeResult + p button {
  text-decoration: underline;
  background: none;
  border: none;
  color: var(--primary-color);
  font-weight: 600;
}

#couponCode__conditions-partner {
  display: flex;
}

#couponCode__conditions #challengeName {
  font-size: 14px;
  font-weight: 600;
}

#couponCode__conditions #partnerName {
  font-size: 12px;
  font-weight: 500;
}

#couponCode__conditions-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

.couponCode__conditions-contentGroup p {
  margin: 0;
}

.conditionsTitle {
  font-size: 14px;
  font-weight: 800;
}

.conditionsContent {
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 950px) {
  .tabsLine li {
    width: 50%;
  }
  .content-filtered__challengeDescription {
    margin: 0;
    position: fixed;
    left: 0;
    top: 116px;
  }
  .bottomsheetVerVideos {
    margin: 0 !important;
    left: unset !important;
    right: 0;
  }
}

@media (max-width: 770px) {
  .tabsLine li {
    width: 50%;
  }
  .content-filtered__challengeDescription {
    margin: 0;
    left: 0;
  }
}

@media (max-width: 575px) {
  .couponsPage {
    padding: 23px 16px;
  }

  .row-items-sygpoints {
    font-size: 12px;
  }

  /* .content-filtered__challengeDescription {
    top: 116px;
  } */

  .content-filtered__bottomSheet-congrats {
    width: 100%;
  }
  #participados .row-items {
    max-height: fit-content;
  }
}

.challengeDescription__url {
  font-size: 16px;
  font-weight: 600;
}

.challengeDescription__url + h2 {
  margin-top: 10px;
  margin-bottom: 0;
}

.challengeDescription__url:hover {
  color: var(--active-focused-icons);
}

.bottomSheet-invalid {
  padding: 17px 24px;
}

.bottomSheet-invalid__header {
  display: flex;
  justify-content: space-between;
}

.bottomSheet-invalid__header-text h2 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}

.bottomSheet-invalid__header-text p {
  font-size: 10px;
  font-weight: 600;
  color: var(--text-low-emphasis);
}

.bottomSheet-invalid__header-button button {
  background: none;
  border: none;
  padding: 0;
}

.bottomSheet-invalid__challenge .bottomSheet-invalid__challenge-cat {
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-color);
  margin-top: 15px;
  margin-bottom: 0;
}

.bottomSheet-invalid__challenge .bottomSheet-invalid__challenge-subCat {
  font-size: 12px;
  font-weight: 600;
  color: var(--active-unfocused-icons);
}

.bottomSheet-invalid__challengeInfo .row {
  padding: 0 !important;
  height: fit-content !important;
  margin-bottom: 33px;
}

.bottomSheet-invalid__challengeInfo h3 {
  font-size: 20px;
}

.bottomSheet-invalid__info h2 {
  color: var(--text-error-color);
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 16px;
}

.bottomSheet-invalid__info p {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.bottomSheet-invalid__buttons {
  margin-top: 25px;
  display: flex;
  gap: 7px;
}

.bottomSheet-invalid__buttons button,
.bottomSheet-invalid__buttons a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}

.bottomSheet-invalid__buttons button {
  background: none;
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: var(--active-unfocused-icons);
}

/* SYGpartners */

.sygPartner-sygpoints {
  font-size: 14px;
  font-weight: 800;
  display: flex;
  align-items: center;
}
.sygPartner-sygpoints svg,
.sygPartner-sygpoints span {
  margin: 0 2px;
}

.sygPartner-sygpoints svg path {
  fill: var(--active-focused-icons) !important;
}

.bottomsheet-sygPartner__start .content-filtered__challengeDescription__body {
  padding-bottom: 18px;
}

.bottomsheet-sygPartner__start .content-filtered__challengeStart__body h3 {
  margin-bottom: 14px;
  font-size: 20px;
  font-weight: 800;
}

.bottomsheet-sygPartner__start .content-filtered__challengeStart__body p {
  color: var(--active-focused-icons);
  font-size: 14px;
  margin: 0;
}

.bottomsheet-sygPartner__start .content-filtered__challengeStart__body form {
  margin-bottom: 0 !important;
}

.sygPartner-subscription,
.sygPartnerDescription-button button {
  color: var(--branco) !important;
  filter: drop-shadow(0px 5px 8px rgba(177, 177, 177, 0.4)) !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, #474747 0%, #272727 100%) !important;
  justify-content: center !important;
}

.content-filtered__challengeDescription .sygPartnerDescription-button {
  width: 224px;
  height: 46px;
  margin: 0 auto;
}

.sygPartnerDescription-button button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between !important;
  padding: 0 15px;
}

/* Checkbox CSS */
input[type='checkbox'] {
  display: none;
}
/* Base for label styling */
[type='checkbox']:not(:checked),
[type='checkbox']:checked {
  position: absolute;
  left: 0;
  opacity: 0.01;
}
[type='checkbox']:not(:checked) + label,
[type='checkbox']:checked + label {
  position: relative;
  width: 24px;
  height: 24px;
  margin: 0;
  font-size: 1.05em;
  line-height: 1.7;
  cursor: pointer;
}

/* checkbox aspect */
[type='checkbox']:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border: 1px solid var(--active-focused-icons);
  background: #fff;
  border-radius: 0.2em;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 rgba(203, 34, 237, 0.2);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),
    0 0 0 rgba(203, 34, 237, 0.2); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),
    0 0 0 rgba(203, 34, 237, 0.2);
  -webkit-transition: all 0.275s;
  transition: all 0.275s;
}
/* checked mark aspect */
[type='checkbox']:checked + label:after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  left: 0;
  text-align: center;
  color: #fff;
  background: url(/media/sygpointweb/assets/img/iconCheck.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--primary-color);
  border-radius: 0.2em;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

/* checked mark aspect changes */
[type='checkbox']:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0) rotate(45deg);
  transform: scale(0) rotate(45deg);
}

[type='checkbox']:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
}

/* Disabled checkbox */
[type='checkbox']:disabled:not(:checked) + label:before,
[type='checkbox']:disabled:checked + label:before {
  box-shadow: none;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),
    0 0 0 rgba(203, 34, 237, 0.2); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),
    0 0 0 rgba(203, 34, 237, 0.2);
  border-color: #bbb;
  background-color: #e9e9e9;
}

[type='checkbox']:disabled:checked + label:after {
  color: #fff;
  background-color: var(--inactive-icons);
  cursor: initial;
}

[type='checkbox']:disabled + label {
  color: #aaa;
}

/* Accessibility */
[type='checkbox']:checked:focus + label:before,
[type='checkbox']:not(:checked):focus + label:before {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),
    0 0 0 6px rgba(203, 34, 237, 0.2);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),
    0 0 0 rgba(203, 34, 237, 0.2); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),
    0 0 0 rgba(203, 34, 237, 0.2);
}

.challengeDescription__acceptTerms p {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 800;
}

.challengeDescription__acceptTerms span {
  color: var(--primary-color);
  text-decoration: underline;
  cursor: pointer;
}

.network-tooltip {
  position: relative;
  width: 211px;
  height: 88px;
  top: 20px;
  right: 175px;
  z-index: 100;
  box-sizing: border-box;
  border-radius: 8px;
  text-align: left;
  padding: 17px;
  color: var(--branco);
  background-color: var(--active-focused-icons);
  display: none;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-50px);
}

.network-tooltip::before {
  content: '';
  position: absolute;
  width: 24px;
  height: 12px;
  background: var(--active-focused-icons);
  top: -2px;
  right: 5px;
  transform: rotate(45deg);
}
.network-tooltip h4 {
  font-size: 12px;
  font-weight: 800;
}
.network-tooltip p {
  font-size: 11px;
  font-weight: 500;
  margin: 0;
}

#buttonInfo {
  margin-right: 5px;
}

#buttonInfo:hover {
  margin-top: 3px;
}

#buttonInfo:hover .network-tooltip {
  display: block;
  opacity: 1;
  transform: translateY(0px);
  margin-top: -5px;
}

#buttonInfo svg {
  animation: helpanimScale 1s ease-in-out 8 alternate;
}

#buttonInfo svg path {
  animation: infoAnimFill 1s ease-in-out 8 alternate;
}

.network-tooltip--first {
  display: block;
  opacity: 1;
  transform: translateY(0px);
}

/* FAQS */
.sectionBodyPages-faqs .container-fluid {
  margin-top: 0;
}

.sectionBodyPages-faqs__body {
  padding: 32px 0 32px 32px;
  display: flex;
  flex-direction: column;
}

.sectionBodyPages-faqs__body h1 {
  text-align: center;
  font-weight: 800;
}

#faqsContent {
  width: 78%;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

#faqsStart {
  margin-top: 50px;
}

#faqsNavigation {
  width: 22%;
}

#faqsButtonsRedirect {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  position: sticky;
  top: 160px;
  margin-left: 10px;
  max-width: 245px;
}

#faqsButtonsRedirect button {
  border: none;
  border-radius: 10px;
  min-height: 50px;
  height: fit-content;
  font-size: 14px;
  font-weight: 800;
  width: 100%;
  padding: 5px 20px;
  filter: drop-shadow(0px 5px 8px rgba(177, 177, 177, 0.4));
  text-align: center;
}

/* #faqsButtonsRedirect button:focus,
#faqsButtonsRedirect button:hover {
  color: var(--branco);
  background-color: var(--primary-color);
} */

.faqsGroup .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.faqsGroup .faqsTitle {
  font-weight: 800;
  margin-bottom: 20px;
}

.faqsGroup .accordion-button {
  width: 100%;
  text-align: left;
  height: 80px;
  font-size: 24px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
  border: none;
}

.faqsGroup .accordion h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 16px;
  background-color: var(--branco);
  border-radius: 10px;
  border: none;
}

.faqsGroup .accordion-body {
  background-color: var(--text-low-emphasis);
  margin-top: 10px;
  border-radius: 10px;
  padding: 16px;
  font-size: 18px;
}

.faqsGroup .accordion-button[aria-expanded='false'] + .accordion-icon {
  width: 48px;
  height: 48px;
  content: '';
  margin-left: 5px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 5H11V11H5V13H11V19H13V13H19V11H13V5Z' fill='%23242424'/%3E%3C/svg%3E%0A");
  cursor: pointer;
}

.faqsGroup .accordion-button[aria-expanded='true'] + .accordion-icon {
  width: 48px;
  height: 48px;
  content: '';
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 13L5 11L19 11L19 13L5 13Z' fill='%23242424'/%3E%3C/svg%3E");
  cursor: pointer;
}

#faqsNavigationMobileButton {
  display: none;
}

@media (max-width: 1200px) {
  #faqsButtonsRedirect {
    padding-right: 32px;
  }
}

@media (max-width: 950px) {
  .sectionBodyPages-faqs__body {
    padding-left: 16px;
  }

  .faqsGroup .faqsTitle {
    font-size: 24px;
  }

  .faqsGroup .accordion-button {
    font-size: 16px;
    min-height: 80px;
    height: fit-content;
    padding: 6px 0;
  }

  .faqsGroup .accordion h2 {
    padding: 0 8px;
  }

  .faqsGroup .accordion-button[aria-expanded='false'] + .accordion-icon {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 5H11V11H5V13H11V19H13V13H19V11H13V5Z' fill='%23242424'/%3E%3C/svg%3E%0A");
  }

  .faqsGroup .accordion-button[aria-expanded='true'] + .accordion-icon {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 13L5 11L19 11L19 13L5 13Z' fill='%23242424'/%3E%3C/svg%3E");
  }

  #faqsNavigation {
    position: fixed;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: fit-content;
    overflow: auto;
    z-index: 10;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 50px;
  }

  #faqsContent {
    width: 100%;
    padding-right: 16px;
  }

  #faqsButtonsRedirect {
    margin: 0 auto;
    padding: 0;
    display: none;
    background-color: #666; /* Adicionado para maior visibilidade */
    border-radius: 10px;
    padding: 20px;
  }

  #faqsNavigationMobileButton {
    width: 250px;
    height: 55px;
    font-size: 16px;
    font-weight: 800;
    border-radius: 10px !important;
    border: none;
    display: block;
  }

  #faqsNavigationMobileButton:hover {
    color: var(--branco);
    background-color: var(--primary-color);
  }
}

.demoRibbon {
  font-size: 10px;
  line-height: 10px;
}

.demoRibbon--right {
  inset: 5px 5px auto auto;
}

#challengesCreate + label:before {
  content: unset;
}

/* Dashboard Partners */
#dashboardEmpty {
  background: url(/media/sygpointweb/assets/img/backgroundPartnerChallengesEmpty.png)
    bottom no-repeat;
  background-color: var(--primary-color);
  background-size: contain;
  margin: 0;
  max-width: unset !important;
  padding-left: 60px !important;
}

#dashboardEmpty .partnerBody {
  margin: 0 auto;
  max-width: 875px;
  height: 100%;
}

#dashboardEmpty .dashboardEmpty-base {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
}

#dashboardEmpty .dashboardEmpty-base h1 {
  color: #fff !important;
  font-weight: 600;
  font-size: 44px;
}

#dashboardEmpty #shortcutMenu button {
  margin-top: 23px;
  margin-bottom: 20px;
  background: none;
  border: none;
  color: var(--branco);
}

#dashboardEmpty #shortcutMenu p {
  margin-left: 12px;
  margin-bottom: 0;
}

#dashboardEmpty .dashboardEmpty-base p {
  font-size: 24px;
  text-align: center;
  max-width: 175px;
}

#dashboardEmpty .dashboardEmpty-base a {
  display: flex;
  justify-content: center;
}

#dashboardEmpty #shortcutGroup {
  margin-top: 100px;
  min-height: 400px;
}

#dashboardEmpty #shortcutGroup > div {
  display: flex;
  justify-content: center;
}

#dashboardEmpty #shortcutGroup div button,
#dashboardEmpty #shortcutGroup div a {
  color: var(--branco);
  max-width: 485px;
  min-height: 136px;
  display: flex;
  gap: 20px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 27px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

#dashboardChallengesFull,
#dashboardChallengesOverview {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  background: var(--branco);
  padding: 24px 32px;
  gap: 30px;
}

#dashboardChallengesOverview {
  max-width: 1300px;
}

#dashboardChallengesFull .col,
#dashboardChallengesFull .row,
#dashboardChallengesOverview .row,
#dashboardChallengesOverview .col {
  padding: 0;
}

#dashboardChallenges {
  width: 100%;
  max-width: 358px;
}

#dashboardChallengesHeader p {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

#dashboardChallengesHeader span {
  font-size: 14px;
  font-weight: 600;
}

#dashboardChallengesHeader #tableFilterButton {
  color: var(--active-unfocused-icons);
  font-weight: 600;
  background: var(--branco);
  box-shadow: 0px 5px 8px rgba(177, 177, 177, 0.4);
  border-radius: 50px;
  border: none;
  padding: 7px 12px;
}

#dashboardChallengesHeader #tableFilterClearButton {
  border-radius: 16px;
  border: none;
  font-weight: 800;
  font-size: 14px;
  color: var(--branco);
  background: var(--primary-color);
  padding: 5px 15px;
}

#filterActiveChallenges {
  color: var(--text-valid-color);
}

/* #filterInativeChallenges {
  color: ;
} */
.dashboardChallengesCard-single {
  padding: 5px;
  padding-bottom: 0;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  pointer-events: visible;
  cursor: pointer;
}

.dashboardChallengesCard-single--selected {
  border: 2px solid var(--primary-color);
}

.dashboardChallengesCard-single .challengeCard-body {
  background: var(--primary-color);
  border-radius: 12px;
  overflow: hidden;
}

.challengeCard-body img {
  max-width: 76px;
  top: calc(50% - 76px / 2 + 3.92px);
  transform: rotate(-15deg);
  filter: invert(50%) sepia(65%) saturate(4505%) hue-rotate(271deg)
    brightness(69%) contrast(120%);
}

#dashboardChallengesFull .challengeCard-info {
  padding: 11px 0 11px 18px;
}

#dashboardChallengesFull .challengeCard-info .col:not(:first-child) {
  padding: 11px 18px 11px 0;
}

#dashboardChallengesCards {
  display: flex;
  flex-direction: column;
  gap: 23px;
  padding-right: 15px;
  overflow: auto;
  cursor: grab;
  max-height: 70vh;
}

.challengeCard-info .col {
  color: var(--branco);
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.challengeCard-info .row:first-child .col {
  font-size: 16px;
  font-weight: 600;
}

.challengeCard-info .row:not(:first-child) .col {
  font-weight: 500;
  font-size: 11px;
}

.dashboardChallengesCard-single .challengeCard-buttons {
  height: 38px;
}

.challengeCard-history {
  color: #dd00ff !important;
  text-decoration: underline;
  margin-right: 18px;
}

.dashboardChallengesCard-single .challengeCard-buttons .switch {
  margin: 0;
  padding: 0;
  border: none;
  width: 35px;
  margin-left: 5px;
}

.dashboardChallengesCard-single .challengeCard-buttons .slider {
  top: 40%;
  left: 5px;
}

.dashboardChallengesCard-single .challengeCard-buttons .slider:before {
  height: 8px;
  width: 8px;
  bottom: 1px;
  left: 2px;
}

.dashboardChallengesCard-single .challengeCard-buttons input:checked + .slider,
.dashboardChallengesCard-single .slider--checked {
  background-color: var(--text-valid-color);
}

.dashboardChallengesCard-single .challengeCard-buttons input:focus + .slider,
.dashboardChallengesCard-single .slider--checked {
  box-shadow: 0 0 1px var(--text-valid-color);
}

.dashboardChallengesCard-single
  .challengeCard-buttons
  input:checked
  + .slider:before,
.dashboardChallengesCard-single .slider--checked:before {
  background-color: var(--branco);
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
  left: -6px !important;
}

.challengeCard-buttons button {
  background: none;
  border: none;
  padding: 0 7px;
  margin: 0;
}

.challengeCard-buttons button:first-child {
  border-right: 1px solid var(--active-focused-icons);
  padding-right: 7px;
}

#dashboardStats {
  width: 100%;
  max-width: 747px;
}

#dashboardStats h1,
.dashboardChallengeSpecific h1 {
  font-size: 24px;
  font-weight: 800;
  color: var(--dark-color-site);
  text-align: start;
  margin-top: 0;
  margin-bottom: 65px;
}

#dashboardDoubleTables {
  display: flex;
  flex-direction: row;
  gap: 29px;
}

#dashboardDoubleTables .dashboardTable:first-child {
  max-width: 265px;
}

#dashboardDoubleTables
  .dashboardTable:not(:first-child)
  .row
  .col:not(:first-child) {
  max-width: 35%;
}

#dashboardStats .dashboardTable {
  box-shadow: 0px 2px 8px rgba(177, 177, 177, 0.2);
  border-radius: 12px;
  padding-bottom: 15px;
}

#dashboardStats .dashboardTableTitle {
  font-size: 20px;
  font-weight: 700;
}

#dashboardStats .dashboardTableTextFade {
  font-size: 14px;
  font-weight: 600;
  color: var(--active-unfocused-icons);
}

#dashboardStats .dashboardTable .row:not(:first-child) {
  height: 32px;
  display: flex;
  align-items: center;
}

#dashboardStats .dashboardTableHeaders {
  height: 50px;
  border-bottom: 1px solid #f1f1f1;
  align-items: center;
  padding: 0 24px;
}

#dashboardStats .dashboardTableContent {
  padding: 0 24px;
  font-weight: 800;
}

#dashboardStats .dashboardTableContent-text {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboardSingleTables {
  margin-top: 30px;
}

#dashboardSingleTables button,
#dashboardChallengesOverview .dashboardTableTime button {
  background: none;
  border: none;
  display: flex;
  padding: 0;
}

#dashboardSingleTables button img,
#dashboardChallengesOverview .dashboardTableTime button img {
  max-width: 24px;
  margin-left: 10px;
}

#dashboardSingleTables .dashboardTableHeaders .col:not(:first-child) {
  display: flex;
  justify-content: end;
}

#dashboardStats #dashboardTableStatusTotal {
  height: 49px;
  border-top: 1px solid #f1f1f1;
}

.dashboardTableContent-red {
  color: var(--text-error-color) !important;
}

.dashboardTableContent-green {
  color: var(--text-valid-color) !important;
}

.dashboardTableContent-grey {
  color: var(--active-unfocused-icons);
}

.dashboardTableContent-orange {
  color: var(--laranja);
}

#dashboardChallengesOverview #dashboardDoubleTables {
  gap: 25px;
}

#dashboardChallengesOverview
  #dashboardDoubleTables
  .dashboardTable:first-child {
  max-width: 363px;
}

#dashboardChallengesOverview .dashboardTableContent {
  font-size: 14px;
}

#dashboardChallengesOverview .dashboardTableContent .col:not(:first-child) {
  max-width: 35%;
}

#dashboardChallengesOverview #dashboardTableStatusTotal {
  font-size: 14px;
  height: 32px !important;
}

#dashboardChallengesOverview
  #dashboardStats
  .dashboardTable
  .row:not(:first-child) {
  height: unset;
}

#dashboardChallengesOverview .dashboardTableTime button {
  min-width: 100%;
}

/* tabela simplificada de desafios */
#challengesDashboard__body-viewChallenges {
  margin: 0 auto;
}

#challengesDashboard__body-viewChallenges table {
  width: 100%;
  border: 1px solid var(--active-focused-icons);
  display: block;
  empty-cells: show;
  border-spacing: 0;
  border-radius: 8px;
  background: var(--branco);
}

#challengesDashboard__body-viewChallenges table thead {
  position: relative;
  display: block;
  width: 100%;
  background: var(--inactive-icons);
}

#challengesDashboard__body-viewChallenges table tbody {
  display: unset;
  position: relative;
  overflow-y: scroll;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  max-height: 50vh;
}

#challengesDashboard__body-viewChallenges table tfoot {
  display: flex;
  height: 45px;
}

#challengesDashboard__body-viewChallenges table tr {
  width: 100%;
  display: flex;
  align-items: center;
}

/* #challengesDashboard__body-viewChallenges thead tr {
  padding-right: 10px;
} */

#challengesDashboard__body-viewChallenges tbody tr {
  border-top: 1px solid var(--active-unfocused-icons);
  border-bottom: 1px solid var(--active-unfocused-icons);
}

#challengesDashboard__body-viewChallenges th {
  flex-basis: 20%;
  flex-grow: 1;
  max-width: fit-content;
}

#challengesDashboard__body-viewChallenges th,
#challengesDashboard__body-viewChallenges td {
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: -webkit-nowrap;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  flex-basis: 100%;
  flex-grow: 2;
  display: -webkit-box;
  text-align: left;
  font-weight: 600;
  text-align: center;
}

#dashboardChallengesOverview #challengesDashboard__body-viewChallenges td {
  padding: 2px;
  font-size: 14px;
  color: var(--active-unfocused-icons);
}

#dashboardChallengesOverview .challengesTableNumberColumns {
  max-width: 95px;
}

#challengesDashboard__body-viewChallenges .switch {
  background: unset;
  margin-left: 25px;
}

#challengesDashboard__body-viewChallenges .hideTempModal .slider {
  top: 15px;
}

#challengesDashboard__body-viewChallenges .challenges-table__buttons {
  max-width: 135px !important;
}

#viewChallengesButton {
  border: none;
  background: none;
  color: var(--primary-color);
  font-weight: 800;
}

#tableFilterButton {
  height: 80%;
  width: fit-content;
  margin: auto 0;
}

.challengesDashboard__body {
  background: #e3e3e3;
  height: 100%;
  max-width: unset !important;
  padding: 0;
}

/* @media (max-width: 1250px) {
  #challengesDashboard__body-viewChallenges {
    min-width: 1000px;
  }
} */

@media (max-width: 1024px) {
  .partnerBody {
    display: none !important;
  }
}

#dashboardCreateChallenges button {
  background: none;
  border: none;
  padding: 0;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  color: var(--laranja);
}

#dashboardCreateChallenges button svg {
  background: linear-gradient(180deg, #feb523 0%, #fe8e10 54.69%, #fe6d00 100%);
  border-radius: 6px;
  margin-right: 10px;
  width: 36px;
  height: 36px;
}

.dashboardChallengeSpecific {
  width: 100%;
}
.dashboardChallengeSpecific table {
  min-width: 450px;
}

.dashboardChallengeSpecific thead {
  border-radius: 8px 8px 0 0;
  border: 1px solid;
}

.dashboardChallengeSpecific tr {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dashboardChallengeSpecific th {
  font-size: 18px;
}

.dashboardChallengeSpecific th,
.dashboardChallengeSpecific td {
  height: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.dashboardChallengeSpecific tr th:first-child,
.dashboardChallengeSpecific tr td:first-child {
  border-right: 1px solid;
}

.dashboardChallengeSpecific tr td:not(:first-child) {
  font-weight: 500 !important;
}

#dashboardChallengesSearch {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 20px 0;
  height: 48px;
}

#dashboardChallengesSearch input {
  width: 100%;
  border: 1px solid var(--active-unfocused-icons);
  border-radius: 24px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-style: 16px;
  font-weight: 700;
  outline: none;
  padding: 1rem;
  padding-left: 16px;
  background: none;
  z-index: 1;
}

#dashboardChallengesSearch input + button {
  border: none;
  background: none;
  position: relative;
  right: 10px;
  z-index: 2;
}

/* dashboard GRO background */
.dashboardGRO-green {
  background: var(--text-valid-color) !important;
  color: var(--active-focused-icons) !important;
}
.dashboardGRO-blue {
  background: #00bcd4 !important;
}
.dashboardGRO-yellow {
  background: #ffec41 !important;
  color: var(--active-focused-icons) !important;
}
.dashboardGRO-red {
  background: var(--text-error-color) !important;
  color: white !important;
}

/* END dashboard GRO background */

.loadingLazy__verMais {
  background: none;
  border: none;
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 700;
  margin-right: 31px;
}

/* Search Field Input */

#searchField label {
  margin: 0;
}

#searchField label img {
  position: absolute;
  left: 5px;
}

#searchField label .searchInput {
  padding: 0;
  padding-left: 30px;
  width: 150px;
  border: none;
  color: var(--active-unfocused-icons);
  cursor: pointer;
  font-size: inherit;
}

/* Categories Page - Partners */
#categoryPartners {
  position: relative;
  filter: drop-shadow(0px 30px 20px rgba(0, 0, 0, 0.15));
  z-index: 10;
}

#categoryPartnersHeader {
  display: flex;
  justify-content: space-between;
  background: var(--cor-conteudo-site);
  height: 55px;
  width: 100%;
  padding: 0 20px 0 16px;
  border-radius: 8px 8px 0 0;
}

#categoryPartnersHeader input {
  background: none;
  border: none;
  width: 100%;
}

#categoryPartnersHeader input::placeholder {
  color: var(--active-focused-icons) !important;
  font-weight: 600 !important;
}

#categoryPartnersHeader input:-ms-input-placeholder {
  color: var(--active-focused-icons) !important;
  font-weight: 600 !important;
}

#categoryPartnersHeader input::-ms-input-placeholder {
  color: var(--active-focused-icons) !important;
  font-weight: 600 !important;
}

#categoryPartnersHeader button {
  border: none;
  background: none;
  padding: 0;
}

#categoryPartnersHeader button:first-child {
  margin-right: 20px;
}

#categoryPartnersBody {
  width: 360px;
  max-height: 70vh;
  overflow: auto;
  border-radius: 0 8px;
}

.categoryPartners-partner {
  background: var(--branco);
  border-bottom: 1px solid #d9d9d9;
}

.categoryPartners-partner a {
  display: flex;
  align-items: center;
  padding: 0 20px 0 16px;
  height: 64px;
  justify-content: space-between;
}

.categoryPartners-partner img:first-child {
  width: 48px;
  height: 48px;
  border-radius: 4px;
  filter: drop-shadow(0px 5px 8px rgba(177, 177, 177, 0.4));
}

.categoryPartners-partner p {
  margin: 0;
  margin-left: 16px;
  font-size: 16px;
  font-weight: 600;
  max-width: 225px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#shortcutButton {
  display: flex;
  justify-content: end;
  position: sticky;
  bottom: 50px;
  padding-bottom: 25px;
  width: 100%;
}

#shortcutButtonInvoice {
  font-weight: 600;
  background: var(--primary-color);
  color: var(--branco);
  padding: 6px 10px;
  border: none;
  border-radius: 8px;
}

/* Participation GRID */
#statsModal p {
  margin: 0;
  font-weight: 600;
}

#statsModal #statsGroupDiv {
  display: flex;
  max-width: 360px;
  flex-direction: column;
}

#statsModal .modal-dialog {
  max-width: unset;
}

#statsModal .modal-body {
  display: flex;
  flex-direction: column;
}

#filesDownloadTittle {
  font-size: 20px;
  font-weight: 600;
  margin-top: 20px;
}

#filesDownloadGroup {
  display: flex;
  gap: 15px;
}

#statsModal .modal-content {
  max-width: 360px;
}

#statsModal .statsGroup {
  display: flex;
}

#statsModal .statsGroup p {
  margin: 0;
}

#statsModal .statsGroup-label {
  font-size: 18px;
  font-weight: 600;
  width: 50%;
}

#statsModal .statsGroup-result {
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#statsModal .modal-footer div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
#statsModal #participationVeridict {
  flex-direction: column;
}

#statsModal h5 {
  font-weight: 600;
}

#statsModal .modal-header {
  gap: 15px;
}

#statsModal .modal-header .modal-title {
  font-weight: 600;
  font-size: 22px;
}

#statsModal .modal-header > div button {
  background: none;
  border: none;
}

#statsModal .modal-footer {
  gap: 20px;
}

#statsModal #participationVeridict fieldset {
  display: flex;
}

#statsModal #participationVeridict .nav-forms__fields-inputs {
  max-width: 23%;
}

#statsModal #participationVeridict #challengeValue {
  max-width: 100px;
}

#statsModal #participationVeridict textarea {
  resize: none;
  height: 125px;
  width: 100%;
  outline: none;
  overflow: auto;
  position: relative;
  border: 1px solid var(--active-unfocused-icons);
  border-radius: 4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#statsModalOpenChallenge {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--branco);
}

#fullpage {
  display: none;
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100vw;
  max-width: unset !important;
  height: 100vh;
  background-size: contain;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-color: rgba(0, 0, 0, 0.4);
}

.filterModal .contaCorrente__filters {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.filterModal .contaCorrente__filters .challenge_dfatepicker {
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  max-width: 45%;
}

.filterModal .contaCorrente__filters > p,
.filterModal .contaCorrente__filters .row.flex-column > p {
  font-size: 18px;
  font-weight: 600;
}

.filterModal .contaCorrente__filters .row.flex-column {
  gap: 15px;
}

#filterParticipationsLabel {
  font-weight: 600;
}

#participacoes .filter-row .select2-selection__clear {
  display: none;
}

#participacoes .content-filtered__list--option .col-2 + img {
  position: absolute;
  right: 15px;
}

@keyframes onAutoFillStart {
  from {
    /**/
  }
  to {
    /**/
  }
}
@keyframes onAutoFillCancel {
  from {
    /**/
  }
  to {
    /**/
  }
}

/* Fix auto fill */
input:-webkit-autofill {
  animation-name: onAutoFillStart;

  transition: background-color 50000s ease-in-out 0s;
}
input:not(:-webkit-autofill) {
  animation-name: onAutoFillCancel;
}

/* Fix mobile Menu  */
#welcomeMobile ul {
  max-height: 0;
  transform-origin: top;
  transform: scaleY(0);
  transition: max-height 0.1s;
}

#welcomeMobile a:is(:hover, :focus, :focus-within) {
  color: #fff !important;
  background-color: #820096 !important;
}

#welcomeMobile a:is(:hover, :focus) img {
  filter: brightness(10) !important;
}

#welcomeMobile:focus-within ul,
#welcomeMobile:focus ul {
  height: fit-content;
  max-height: 500px;
  transform: scaleY(1);
  animation: 0.3s forwards dropdown;
}

#welcomeMobile ul li {
  font-weight: 600;
}

#welcomeMobile ul img {
  margin-right: 0.7em;
}

@media (min-width: 951px) {
  #welcomeMobile {
    display: none;
  }
}

/* Toggle Password */
.buttonTogglePassword {
  position: absolute;
  right: 10px;
  background: none;
  border: none;
  z-index: 10;
}

/* --------------Store Locator CSS--------------   */
.expandMapGroup {
  width: 100%;
  padding: 16px !important;
}

@media (min-width: 576px) {
  .expandMapGroup {
    padding: 0 !important;
  }
}

/* InfoBubble font size */
.bh-sl-window {
  font-size: 13px;
}

.bh-sl-error {
  clear: both;
  color: #ae2118;
  float: left;
  font-weight: bold;
  padding: 10px 0;
  width: 100%;
}

/* Avoid image issues with Google Maps and CSS resets */
.bh-sl-map-container img {
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  max-height: none !important;
  max-width: none !important;
}

.bh-sl-container {
  box-sizing: border-box;
  color: #555;
  float: left;
  font: normal 14px/1.4 Arial, Helvetica, sans-serif;
  width: 100%;
  /* Avoid issues with Google Maps and CSS frameworks */
}
.bh-sl-container > * {
  box-sizing: content-box !important;
}
.bh-sl-container .bh-sl-form-container {
  clear: left;
  float: left;
  margin-top: 15px;
  width: 100%;
}
.bh-sl-container .form-input {
  float: left;
  margin-top: 3px;
  width: 100%;
}
@media (min-width: 768px) {
  .bh-sl-container .form-input {
    width: auto;
  }
}
.bh-sl-container .form-input label {
  display: block;
  font-weight: bold;
  width: 100%;
}
@media (min-width: 768px) {
  .bh-sl-container .form-input label {
    display: inline-block;
    width: auto;
  }
}
.bh-sl-container .form-input input,
.bh-sl-container .form-input select {
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 15px 0;
  padding: 6px 12px;
  width: 100%;
  -webkit-border-radius: 4px;
}
@media (min-width: 768px) {
  .bh-sl-container .form-input input,
  .bh-sl-container .form-input select {
    width: auto;
    margin: 0 15px 0 10px;
  }
}
.bh-sl-container .loc-alt-dist {
  display: none;
}
.bh-sl-container button {
  background: var(--primary-color);
  border: none;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  float: left;
  padding: 6px 12px;
  white-space: nowrap;
  -webkit-border-radius: 4px;
}
.bh-sl-container .bh-sl-loading {
  background: url('/media/sygpointweb/assets/img/ajax-loader.gif') no-repeat;
  float: left;
  margin: 4px 0 0 10px;
  height: 16px;
  width: 16px;
}
.bh-sl-container .bh-sl-filters-container {
  clear: both;
  float: left;
  margin: 15px 0;
  width: 100%;
}
.bh-sl-container .bh-sl-filters-container .bh-sl-filters {
  float: left;
  list-style: none;
  margin: 0 100px 0 0;
  padding: 0;
}
.bh-sl-container .bh-sl-filters-container .bh-sl-filters li {
  clear: left;
  display: block;
  float: left;
  margin: 5px 0;
  width: 100%;
}
.bh-sl-container .bh-sl-filters-container .bh-sl-filters li label {
  display: inline;
  vertical-align: text-bottom;
}
.bh-sl-container .bh-sl-filters-container .bh-sl-filters li input {
  display: block;
  float: left;
  margin-right: 8px;
}
.bh-sl-container .bh-sl-filters-container .bh-sl-filters li select {
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  padding: 6px 12px;
  -webkit-border-radius: 4px;
}
.bh-sl-container .bh-sl-map-container {
  clear: left;
  float: left;
  margin-top: 27px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.bh-sl-container .bh-sl-map-container #bh-sl-map + div {
  order: -1;
}

.bh-sl-container .bh-sl-map-container a {
  color: #005293;
  text-decoration: none;
}
.bh-sl-container .bh-sl-map-container a:active,
.bh-sl-container .bh-sl-map-container a:focus,
.bh-sl-container .bh-sl-map-container a:hover {
  text-decoration: underline;
}

.search-mapList {
  padding: 16px 0;
}

#bh-sl-search {
  width: 100%;
}

.bh-sl-container .bh-sl-loc-list {
  font-size: 13px;
  height: 235px;
  overflow-x: auto;
  width: 100%;
}
@media (min-width: 1024px) {
  .bh-sl-container .bh-sl-map-container {
    margin-bottom: 30px;
    flex-direction: row;
  }
  .bh-sl-container .bh-sl-map-container #bh-sl-map + div {
    order: initial;
  }
  .search-mapList {
    padding: 0;
  }
  .bh-sl-container .bh-sl-loc-list {
    width: 100%;
    height: 485px;
  }
}
.bh-sl-container .bh-sl-loc-list ul {
  display: block;
  clear: left;
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.bh-sl-container .bh-sl-loc-list ul li {
  border: 1px solid #fff;
  /* Adding this to prevent moving li elements when adding the list-focus class*/
  box-sizing: border-box;
  clear: left;
  cursor: pointer;
  display: block;
  float: left;
  width: 100%;
}
.bh-sl-container .bh-sl-loc-list .list-label {
  background: #00192d;
  border-radius: 15px;
  color: #fff;
  display: block;
  float: left;
  font-weight: bold;
  margin: 10px 0 0 15px;
  padding: 4px 7px;
  text-align: center;
  width: auto;
  min-width: 13px;
}
.bh-sl-container .bh-sl-loc-list .list-details {
  float: left;
  margin-left: 6px;
  width: 80%;
}
.bh-sl-container .bh-sl-loc-list .list-details .list-content {
  padding: 10px;
}
.bh-sl-container .bh-sl-loc-list .list-details .loc-dist {
  color: #8e8e8e;
  font-weight: bold;
  font-style: italic;
}
.bh-sl-container .bh-sl-loc-list .list-focus {
  border: 1px solid rgba(0, 82, 147, 0.4);
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.bh-sl-container .bh-sl-loc-list .bh-sl-close-directions-container {
  height: 20px;
  position: relative;
  width: 100%;
}
.bh-sl-container
  .bh-sl-loc-list
  .bh-sl-close-directions-container
  .bh-sl-close-icon {
  right: 6px;
  top: 0;
}
.bh-sl-container .bh-sl-loc-list .bh-sl-directions-panel {
  margin: 0 2%;
  /* Avoid issues with table-layout */
}
.bh-sl-container .bh-sl-loc-list .bh-sl-directions-panel table {
  table-layout: auto;
  width: 100%;
}
.bh-sl-container .bh-sl-loc-list .bh-sl-directions-panel table,
.bh-sl-container .bh-sl-loc-list .bh-sl-directions-panel td {
  vertical-align: middle;
  border-collapse: separate;
}
.bh-sl-container .bh-sl-loc-list .bh-sl-directions-panel td {
  padding: 1px;
}
.bh-sl-container .bh-sl-loc-list .bh-sl-directions-panel .adp-placemark {
  margin: 10px 0;
  border: 1px solid #c0c0c0;
}
.bh-sl-container .bh-sl-loc-list .bh-sl-directions-panel .adp-marker {
  padding: 3px;
}
.bh-sl-container .bh-sl-loc-list .bh-sl-noresults-title {
  font-weight: bold;
  margin: 15px;
}
.bh-sl-container .bh-sl-loc-list .bh-sl-noresults-desc {
  margin: 0 15px;
}
.bh-sl-container .loc-name {
  /* Picked up by both list and infowindows */
  font-size: 15px;
  font-weight: bold;
}
.bh-sl-container .bh-sl-map {
  float: left;
  height: 530px;
  width: 100%;
}
@media (min-width: 1024px) {
  .bh-sl-container .bh-sl-map {
    width: 75%;
  }
}
.bh-sl-container .bh-sl-pagination-container {
  clear: both;
}
.bh-sl-container .bh-sl-pagination-container ol {
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  text-align: center;
}
.bh-sl-container .bh-sl-pagination-container ol li {
  color: #005293;
  cursor: pointer;
  display: inline-block;
  font-size: bold 14px;
  padding: 10px;
}
.bh-sl-container .bh-sl-pagination-container ol .bh-sl-current {
  color: #555;
  cursor: auto;
  text-decoration: none;
}

/* Modal window */
.bh-sl-overlay {
  background: url(../img/overlay-bg.png) repeat;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}
.bh-sl-overlay .bh-sl-modal-window {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px #656565;
  -webkit-box-shadow: 0 0 10px #656565;
  -moz-box-shadow: 0 0 10px #656565;
  position: absolute;
  left: 50%;
  margin-left: -460px;
  /* width divided by 2 */
  margin-top: 60px;
  height: 620px;
  width: 920px;
  z-index: 10010;
}
.bh-sl-overlay .bh-sl-modal-window .bh-sl-map-container {
  margin-top: 50px;
  /* increase map container margin */
}
.bh-sl-overlay .bh-sl-modal-window .bh-sl-modal-content {
  float: left;
  padding: 0 1%;
  /* there's already a margin on the top of the map-container div */
  width: 98%;
}
.bh-sl-overlay .bh-sl-modal-window .bh-sl-close-icon {
  right: 22px;
  top: 13px;
}

.bh-sl-close-icon {
  cursor: pointer;
  height: 24px;
  position: absolute;
  width: 24px;
}
.bh-sl-close-icon:after,
.bh-sl-close-icon:before {
  background: #ccc;
  content: '';
  display: block;
  height: 24px;
  margin: -3px 0 0 -1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 3px;
  top: 3px;
  width: 3px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bh-sl-close-icon:hover:after,
.bh-sl-close-icon:hover:before {
  background: #b3b3b3;
}
.bh-sl-close-icon:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*# sourceMappingURL=storelocator.css.map */

/* --------------END Store Locator CSS--------------   */

#mapGroup > div {
  width: 100%;
}

#trackLocationError {
  color: var(--text-error-color);
}

.focusPartnerSelect {
  animation: upAndDown 1s infinite alternate;
}

@keyframes upAndDown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}

@media (max-width: 575px) {
  .content-filtered__empty {
    padding: 16px;
  }
}

#redirectToData {
  margin: 0;
  color: var(--primary-color);
  font-weight: 600;
  width: 50%;
  text-align: center;
  min-height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#programasBrevemente {
  margin-top: 26px;
}

#programasBrevemente img {
  height: 50px;
  width: 62.5px;
  margin-bottom: 28px;
}

#programasBrevemente p {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  padding: 0px 100px;
}

@media (max-width: 765px) {
  #programasBrevemente p {
    padding: 0px 16px;
  }
}

#loginModal .modal-content {
  width: 388px;
}

#loginModal .modal-header {
  width: 388px;
  color: var(--branco);
  background: url(/media/sygpointweb/assets/img/congratsModalBanner.png);
}

#socialMedia p {
  color: #dd00ff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

#socialMedia div {
  display: flex;
  gap: 24px;
}

#socialMedia a {
  width: 24px;
  height: 24px;
}

/* Upload Invoice Modal on forms */
#uploadInvoiceModal .modal-header button {
  background: none;
  border: none;
}

#uploadInvoiceModal #qr-video {
  max-width: 100%;
}

#uploadInvoiceModal .modal-body {
  padding: 9px 26px 30px;
}

#uploadInvoiceModal .modal-content {
  width: 450px;
}

#uploadInvoiceModal .modal-header.d-flex.align-items-start {
  border: none;
}

#uploadInvoiceModal .modal-title {
  font-size: 25px;
  font-weight: 600;
}

#invoiceFill {
  margin-top: 30px;
}

#invoiceFill button,
#invoiceFill .uploadFileButton {
  background: none;
  border: 1px solid var(--active-focused-icons);
  padding: 12px 20px;
  width: 100%;
  border-radius: 8px;
  font-size: 20px;
  font-weight: 600;
}

#invoiceFill #invoiceFillManualTitle {
  font-size: 16px;
  margin-top: 26px;
  padding-top: 26px;
  border-top: 1px solid var(--active-unfocused-icons);
}

@media (max-width: 767px) {
  #uploadInvoiceModal .modal-body {
    padding: 9px 16px 30px;
  }

  #uploadInvoiceModal .modal-title {
    font-size: unset;
  }

  #uploadInvoiceModal .modal-content {
    width: unset;
    max-width: 400px;
  }

  #invoiceFill button,
  #invoiceFill .uploadFileButton {
    font-size: 18px;
    padding: 8px 16px;
  }

  #invoiceFill #invoiceFillManualTitle {
    padding-top: 16px;
  }
}

/* Carrousel Lists Desktop */

.content-filtered__downloadApp .carousel {
  width: 350px;
}

.content-filtered__downloadApp .carousel-item a {
  position: absolute;
  bottom: 40px;
  left: 30px;
}

.content-filtered__downloadApp .carousel-item a img {
  filter: drop-shadow(0px 6px 3px rgba(177, 177, 177, 1.4));
  border-radius: 8px;
  width: 115px;
}

.content-filtered__downloadApp .carousel-indicators {
  top: 0;
  right: unset;
  left: 30px;
  margin-left: 42px;
  margin-top: 24px;
  display: flex;
  gap: 8px;
  height: 5px;
}

.slideDesktopImg {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.content-filtered__downloadApp .carousel-indicators button {
  width: 16px !important;
  padding: 0;
  height: 4px;
  background: #dd00ff;
  opacity: 0.1;
  border: none;
}

.content-filtered__downloadApp .carousel-indicators .active {
  background: var(--primary-color);
  opacity: 0.5;
}

.carouselDesktopSlide-app {
  position: absolute;
  top: 0;
}

.carouselDesktopSlide-app a img {
  max-width: 164px;
  max-height: 48px;
}

.carouselDesktopSlide-app > img {
  max-width: 84px;
  max-height: 84px;
}

#participationMovDescription {
  width: 40%;
  max-width: 432px;
}

@media (max-width: 950px) {
  .editarPerfil-formFields + .content-filtered__downloadApp {
    display: none;
  }

  .content-filtered__contaCorrente,
  #contaCorrente .content-filtered__downloadApp {
    width: 100%;
  }

  #participationMovDescription {
    width: 100%;
    max-width: unset;
  }
}

/* Cashback Campanhas */
#partnerProducts {
  width: 100%;
}

#divProdutos {
  padding: 0;
  height: unset;
}

.divProdutos-type {
  height: 77px;
  background: var(--branco);
  padding: 36px 32px 13px 32px;
}

.divProdutos-type h2 {
  margin: 0;
  font-size: 26px;
  font-weight: 800;
}

.divProdutos-grid {
  display: grid;
  gap: 35px;
  grid-template-columns: auto auto auto auto;
  justify-content: center;
  padding: 20px;
}

#carouselCampanhas {
  padding: 0;
  width: 100%;
}

#carouselCampanhas button {
  background: none;
  border: none;
}

#carouselCampanhas .carousel-inner {
  height: 457px;
}

#carouselCampanhas .carousel-item {
  height: 100%;
  width: 100%;
}

#carouselCampanhas .carousel-item img {
  width: 100%;
  max-height: 100%;
}

#carouselCampanhas .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9124 11.9996L8.3335 16.834L10.3702 18.9844L17.0002 11.9996L10.3702 4.99963L8.3335 7.1652L12.9124 11.9996Z' fill='%238D8D8D'/%3E%3C/svg%3E");
  rotate: -180deg;
}

#carouselCampanhas .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9124 11.9996L8.3335 16.834L10.3702 18.9844L17.0002 11.9996L10.3702 4.99963L8.3335 7.1652L12.9124 11.9996Z' fill='%238D8D8D'/%3E%3C/svg%3E");
}

#campanhasSearchRow {
  height: 48px;
  padding: 0 32px;
  background: var(--branco);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);
}

#campanhasSearchRow #filterBottomsheet button {
  height: 28px;
  line-height: 16px;
  padding: 4px 13px;
}

.content-filtered__challengeProducts__listItem {
  width: 282px;
  height: 410px;
  background: #fff;
  border-radius: 12px;
  pointer-events: visible;
  cursor: pointer;
}

.content-filtered__challengeProducts__listItem p {
  padding: 0 16px;
}

.campanhasProduct-partner {
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 14px;
}

.campanhasProduct-name {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: -webkit-nowrap;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-height: 20px;
}

.campanhasProduct-name + .row-items-dateMobile {
  margin: 0;
}

.campanhasProductImg {
  width: 100%;
  height: 282px;
  padding: 16px;
  border-radius: 12px 12px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.campanhasProductImg img {
  max-width: 100%;
  max-height: 100%;
}

.campanhasProduct-footer {
  height: fit-content;
  padding: 10px;
  border-top: 1px solid #d9d9d9;
}

.campanhasProduct-footer svg {
  height: 25px;
  padding-right: 9px;
  border-right: 1px solid #d9d9d9;
}

#challengeDescriptionCampanhas {
  display: flex;
  justify-content: end;
  position: fixed;
  width: 100%;
  max-width: 1300px;
  z-index: 100;
}

#productDescription {
  position: unset;
  margin: 0;
  max-height: 75vh;
  overflow-y: auto;
}

#backToPartnersButton {
  background: none;
  border: none;
  margin-left: 32px;
  color: var(--active-unfocused-icons);
  font-size: 18px;
  font-weight: 600;
  padding: 7px 0;
}

#partnerProductsInfo {
  height: 88px;
  background: var(--branco);
}

#productDescription #challengeDescription > div:first-child {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#productDescription #challengeDescription > div:first-child img {
  width: 320px;
  height: 320px;
}

#productDescription #challengeDescription > div:first-child a {
  color: var(--primary-color);
  text-decoration: underline;
  cursor: pointer;
}

.backButton_campaigns {
  border: none;
  background: none;
  color: #820096;
  font-weight: 800;
  margin-top: 15px;
  cursor: pointer;
}

#partnerProducts #filterBottomsheet {
  padding-right: 32px;
}

#partnerProducts #filterBottomsheet .purpleButton {
  cursor: pointer; 
  font-size: 12px; 
  min-width: 122px; 
  min-height: 72px;
}

#partnerProducts #filterBottomsheet .purpleButton svg path,
#partnerProducts #filterBottomsheet .purpleButton:hover svg path {
  fill: var(--branco);
}

#partnerProducts #filterBottomsheet .purpleButton-inactive svg path {
  fill: var(--primary-color);
}

@media (max-width: 1300px) {
  .divProdutos-grid {
    grid-template-columns: auto auto auto;
  }

  .campanhasProductImg {
    width: 100%;
    height: 237px;
  }

  .content-filtered__challengeProducts__listItem {
    height: 370px;
  }
}

@media (max-width: 950px) {
  #carouselCampanhas .carousel-inner {
    height: 305px;
  }

  .divProdutos-grid {
    grid-template-columns: auto auto;
  }
}

@media (max-width: 765px) {
  .divProdutos-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 575px) {
  #divProdutos {
    max-height: unset;
  }

  #carouselCampanhas .carousel-inner {
    height: 168px;
  }

  #partnerProducts #filterBottomsheet {
    padding-right: 16px;
  }  

  #partnerProducts #filterBottomsheet .purpleButton {
    min-width: 80px; 
    min-height: 50px;
  }
}

.editarPerfil-formFields .formImg__group select + span + label {
  top: -0.5rem !important;
  display: unset;
  font-size: 12px !important;
  left: 25px;
}

.select2.select2-container--below
  .select2-selection--single
  .select2-selection__rendered {
  color: var(--active-focused-icons);
}

/* Update Email e Telemovel */
.editPerfil-formFields__basicInfo .contactSvg + .iti input {
  padding-left: 125px !important;
}

.changeButton {
  color: var(--primary-color);
  font-weight: 600;
}

.changeButton:hover {
  color: var(--primary-color);
}

.codeModalStyle h4 {
  font-size: 24px;
  font-weight: 800;
  color: var(--primary-color, #820096);
}

.codeModalStyle .modal-content {
  max-width: 490px;
}

.codeModalStyle .modal-body {
  margin-top: 30px;
  padding: 0 135px;
}

.codeModalStyle .modal-header,
.codeModalStyle .modal-footer {
  border: none;
}

.codeModalStyle .modal-body p {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.codeModalStyle .modal-body input {
  width: 104px;
  height: 55px;
  font-size: 20px;
}

.codeModalStyle .modal-body button {
  margin-top: 30px;
}

.codeModalStyle .modal-footer {
  padding-bottom: 44px;
}

.backToPerfil {
  margin: 20px;
  padding: 5px 10px;
  border: 1px solid var(--primary-color);
  border-radius: 10px;
  font-weight: 600;
}

.backToPerfil:hover {
  color: var(--branco) !important;
  background: #820096;
}

@media (max-width: 768px) {
  .editPerfil-formFields__basicInfo .select2 {
    min-width: 100%;
  }
}

@media (max-width: 575px) {
  .codeModalStyle .modal-body {
    margin-top: 30px;
    padding: 0 32px;
  }
}

/* Fim Update Email e Telemovel */

/* Fix Select2 z-index to boostrap v5 */
.select2-dropdown {
  z-index: 1065;
}

/* ########Update botoes Sort em Lista de Challenges ##########*/
.filter-sygs-date {
  gap: 15px;
}

.filter-sygs-date a {
  cursor: pointer;
}

/* ########Update botoes Sort em Lista de Challenges ##########*/

/* ########DOM no caso de não existir challenges ver videos extra ######## */
.emptyVideoPlaceholders {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* ########FIM - DOM no caso de não existir challenges ver videos extra ######## */

.popupErrorButtons {
  background: transparent;
  border: none;
  border-radius: 8px;
  color: var(--active-focused-icons);
  padding: 8px;
  font-weight: 800;
}

.imgCatLogo_square__small {
  width: 48px;
  height: 48px;
  border-radius: 4px;
}

.maisParceiro_lista {
  min-width: 345px;
}

.maisParceiro_lista a {
  padding: 10px 15px;
  border-bottom: 1px solid var(--inactive-icons);
}

.maisParceiro_cat {
  margin: 0;
  color: var(--primary-color);
  font-weight: 600;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: -webkit-nowrap;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

#escaloesBlock {
  border: 4px solid var(--laranja);
  border-radius: 12px;
  padding: 18px;
  margin-bottom: 18px;
}

#escaloesOptions {
  gap: 15px;
}

.escalao_level {
  border-radius: 12px;
  border-radius: 12px;
  padding: 18px 8px 18px 12px;
  box-shadow: 0px 5px 14px rgba(177, 177, 177, 0.8);
}

.escalao_level p,
.escalao_level span {
  font-size: 12px;
}

.escalao_level span {
  font-weight: 800;
}

.escalaoVal {
  background: linear-gradient(180deg, #feb523 0%, #fe8e10 54.69%, #fe6d00 100%);
  border-radius: 6px;
  height: 100%;
  width: fit-content;
  color: var(--branco);
  padding: 0 10px;
  font-size: 14px;
  font-weight: 800;
  display: flex;
  align-items: center;
}

.escalaoVal img {
  width: 20px;
  margin-left: 5px;
}