:root {
  --color-default-text: #000000;
  --color-default-input-text: #000000;
  --color-default-label-text: #170944;
  --color-white: #FFFFFF;
  --color-primary: #170944;
  --color-secondary: #d7319f;
  --color-light: #d0dbff;
  --color-pink1: #d7319f;
  --color-pink2: #942dd9;
  --color-background-light: #f3f6fd;
  --color-background-dark: #170944;
  --color-border-header-footer: #291c51;
}

body {
  color: var(--color-default-text) !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

input {
  color: var(--color-default-input-text) !important;
}

label {
  color: var(--color-default-label-text) !important;
}

/** TITLES **/

.cm-title1 {
  font-size: 3rem !important;
  color: var(--color-primary) !important;
}

.cm-title2 {
  font-size: 2rem !important;
  color: var(--color-secondary) !important;
}

.cm-title3 {
  font-size: 1.5rem !important;
  color: var(--color-secondary) !important;
  margin: 0 0 1rem 0 !important;
}

.cm-title4 {
  font-size: 1.5rem !important;
  color: var(--color-primary) !important;
  margin-bottom: 0.5rem !important;
}

.cm-title5 {
  font-size: 1.5rem !important;
  color: var(--color-white) !important;
  margin: 0 0 0.7rem 0 !important;
  text-transform: uppercase;
}

.cm-title6 {
  font-size: 1.25rem !important;
  color: var(--color-primary) !important;
  margin: 0 0 0.75rem 0 !important;
}

/** SECTIONS **/

.cm-light-section {
  background-color: var(--color-background-light) !important;
}

.cm-section-header {
  text-align: center;
}

/** BREADCRUMB **/

.cm-breadcrumb-area {
  padding: 110px 0 30px;
  background: var(--color-primary);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-position: bottom;
}

.cm-breadcrumb-title {
  font-size: 3rem;
  color: var(--color-white);
}

.cm-breadcrumb-list li {
  display: inline-block;
  color: var(--color-light);
}

.cm-breadcrumb-list li a {
  display: inline-flex;
  color: var(--color-light);
}

.cm-breadcrumb-list li a:after {
  content: "";
  font-weight: 600;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  margin: 0 7px 0 10px;
}

/** ELEMENTS **/

.cm-animated-hearts {
    position: absolute;
    bottom: 0px;
    left: 0px;
    -webkit-animation: scaleAni 3s linear infinite;
    animation: scaleAni 3s linear infinite;
    max-height: 275px;
}

.cm-icon img {
  width: 80px;
  height: auto;
}

.cm-signup-img img {
  width: 100%;
  height: auto;
}

.cm-brazil-flag img {
  width: 20px;
  height: auto;
  margin-right: 5px;
  margin-bottom: 5px;
}

.cm-download-app-small {
  width: auto;
  height: 35px;
  margin-right: 10px;
}

.cm-footer-social-links li {
  display: inline-block;
}

.cm-footer-social-links a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-image: -o-linear-gradient(284deg, var(--color-pink1) 0%, var(--color-pink2) 100%);
  background-image: linear-gradient(166deg, var(--color-pink1) 0%, var(--color-pink2) 100%);
  display: block;
  color: #FFFFFF;
  line-height: 40px;
  text-align: center;
}

.cm-footer-social-links a:hover {
  color: #FFFFFF !important;
}

.cm-footer-hr {
  opacity: 0.1;
}

.cm-button-secondary {
  background-image: -o-linear-gradient(284deg, var(--color-pink1) 0%, var(--color-pink2) 100%);
  background-image: linear-gradient(166deg, var(--color-pink1) 0%, var(--color-pink2) 100%);
  font-weight: 600;
  color: var(--color-white);
  width: auto;
  height: auto;
  display: inline-block !important;
  text-align: center !important;
  padding: 7px 30px !important;
  border-radius: 50px;
  border-width: 0px;
}

.cm-button-secondary:hover {
  color: var(--color-white) !important;
}

.cm-button-light {
  background-image: -o-linear-gradient(284deg, var(--color-light) 0%, var(--color-light) 100%);
  background-image: linear-gradient(166deg, var(--color-light) 0%, var(--color-light) 100%);
  font-weight: 600;
  color: var(--color-primary);
  width: auto;
  height: auto;
  display: inline-block !important;
  text-align: center !important;
  padding: 7px 30px !important;
  border-radius: 50px;
  border-width: 0px;
}

.cm-button-light:hover {
  color: var(--color-primary) !important;
}

/** FORMS **/

.input-info-box {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/** HEADER **/

.cm-header-section .bg-dark {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2) !important;
  background-color: var(--color-background-dark) !important;
  border-bottom: solid 1px var(--color-border-header-footer) !important;
}

.cm-header-section .navbar-nav .nav-link {
  position: relative;
  overflow: hidden;
}

.cm-header-section .navbar-nav .nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0%;
  background-color: white;
  transition: width 0.3s ease;
}

.cm-header-section .navbar-nav .nav-link:hover::after {
  width: 100%;
}

.cm-header-section .navbar-nav .nav-link.no-underline::after {
  content: none !important;
}

.cm-header-section .dropdown-menu-left {
  left: auto !important;
  right: 0;
  transform: translateX(10%) !important;
}

@media (max-width: 768px) {

  .cm-header-section ul > li {
    text-align: center !important;
  }

  .cm-header-section .navbar .dropdown-menu {
    transform: none !important;
    margin-top: 1rem !important;
  }

}

.cm-header-logo {
  width: 170px;
}

.cm-header-logo img {
  width: 100%;
}

.cm-header-section ul > li {
  padding: 12px 15px !important;
  vertical-align: middle !important;
}

.cm-header-section ul > li > a {
  color: var(--color-white) !important;
  text-transform: uppercase;
  font-weight: 700;
}

.cm-header-menu-button {
  color: var(--color-white) !important;
  border-color: var(--color-white) !important;
}

/** FOOTER **/

.cm-footer-section {
  position: relative;
  background: var(--color-background-dark) !important;
  color: var(--color-white);
}

.cm-footer-section li a {
  color: var(--color-white);
}

.cm-footer-section li a:hover {
  color: var(--color-secondary);
}

/** FAQ **/

.faq-section {

}

.faq-section .section-header {
  margin-bottom: 40px;
}

.faq-wrapper {
  max-width: 730px;
  margin: 0 auto;
  margin-bottom: -20px;
}

.faq-item {
  -webkit-box-shadow: 0px 5px 20px 0px rgba(119, 123, 146, 0.2);
          box-shadow: 0px 5px 20px 0px rgba(119, 123, 146, 0.2);
  padding: 15px 30px 16px;
  border-radius: 20px;
  margin-bottom: 20px;
}

.faq-item .faq-title {
  cursor: pointer;
  position: relative;
}

.faq-item .faq-title .title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  width: calc(100% - 40px);
  max-width: 535px;
  line-height: 1.5;
}

.faq-item .faq-title .right-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-image: -o-linear-gradient(284deg, #f22876 0%, #942dd9 100%);
  background-image: linear-gradient(166deg, #f22876 0%, #942dd9 100%);
  position: absolute;
  right: 0;
  top: 0;
}

.faq-item .faq-title .right-icon::after, .faq-item .faq-title .right-icon::before {
  background-color: #ffffff;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.faq-item .faq-title .right-icon::after {
  width: 20px;
  height: 2px;
}

.faq-item .faq-title .right-icon::before {
  width: 2px;
  height: 20px;
}

.faq-item .faq-content {
  display: none;
}

.faq-item .faq-content p {

}

.faq-item.open .faq-title .right-icon::before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

.faq-item.active .faq-content {
  display: block;
}

.user-setting-section {
  padding: 0 !important;
}

.user-setting-section .up-photo-card {
  border-radius: 10px !important;
  box-shadow: none !important; 
}

.page-title {
  box-shadow: none !important;
}

.user-setting-section .accordion .card .card-body .links li a:hover, .user-setting-section .accordion .card .card-body .links li a.active {
  color: var(--color-secondary) !important;
}

.profile-section .profile-main-content .top-menu {
  box-shadow: none !important;
}

.user-setting-section .accordion {
  box-shadow: none !important;
}

.user-setting-section .profile-about-box {
  box-shadow: none !important;
}

.community-section.inner-page .single-community-box {
  box-shadow: none !important;
  border-radius: 10px !important;
}

.community-section.inner-page .top-filter {
  margin-bottom: 0px !important;
}

.search-tabs .active {
  color: var(--color-secondary) !important;
}

.contact-section {
  padding: 0px !important;
}

.single-plan {
  box-shadow: none !important;
  border-radius: 10px !important;
}

.single-plan .number {
  color: var(--color-secondary) !important;
}