/* icon colors */

.bi-binoculars-fill {
  color: #0d6efd
}

.bi-box-seam-fill {
  color: #198754
}

.bi-chat-text {
  color: #ffc107
}

.bi-search {
  color: #198754
}

/* END icon colors */


.social-media-link {
  margin: 5px
}

.icon-facebook-bg-color {
  background-color: #3b5998
}

.icon-twitter-bg-color {
  background-color: #55acee
}

.icon-google-bg-color {
  background-color: #dd4b39
}

.icon-instagram-bg-color {
  background-color: #ac2bac
}

/* global header */

.global-header {
  border-bottom: 1px solid #dee2e6;
  background-color: #fff !important
}

.global-header .navbar-brand {
  font-size: 24px;
  color: var(--logo-text) !important;
  font-weight: 600;
  margin-left: 9px
}

.nav-my {
  margin-top: .1rem !important;
  margin-bottom: .1rem !important;
}

.global-header .nav-link {
  color: rgba(0, 0, 0, 0.65)
}

.i10-right {
  margin-right: 10px
}

.login-link {
  color: #0d6efd;
  border: 1px solid #C3C3C3;
  border-radius: 27px;
  padding-left: 2em !important;
  padding-right: 2em !important
}

.profile-link {
  margin-right: 8px;
  font-weight: 600
}

.account-btn {
  background-image: url('../img/mobile-background2.jpg');
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 0px
}

.feeds-categories-and-goal-creating-button-container>.col {
  padding: 0 .15rem
}

.category-btn {
  width: 100%;
  height: 50px;
  background: #EFF3F7 !important;
  color: #212529 !important;
  border: 0
}

#categoryMenu button {
  background: #EFF3F7 !important;
  color: #212529 !important;
  border: 0
}

.create-your-goal-link {
  display: flex;
  align-items: center;
  color: #212529
}

.content-center {
  display: flex;
  align-items: center;
}

.create-your-goal-link-icon {
  font-size: 24px;
  color: #212529
}

#accountMenu {
  background: #fff !important
}

#categoryMenu {
  display: none;
}

.list-group-item img {
  width: 120px !important;
  height: 120px !important
}


/* fa-yourgoals */

.fa-yourgoals-variant-1 {
  background: conic-gradient(from -45deg, #dc3545 110deg, #fa5363 90deg 180deg, #ffc107 180deg 270deg, #ffc107 270deg) 73% 55%/150% 150% no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.fa-yourgoals-variant-2 {
  background: conic-gradient(from -45deg, #dc3545 110deg, #fa5363 90deg 180deg, #198754 180deg 270deg, #198754 270deg) 73% 55%/150% 150% no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent
}

.fa-yourgoals-variant-3 {
  background: conic-gradient(from 0deg, #0d6efd 110deg, #0d6efd 90deg 180deg, #198754 180deg 270deg, #198754 270deg) 1% 50%/100% 150% no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent
}

.fa-yourgoals-variant-4 {
  background: conic-gradient(from -0deg, #dc3545 110deg, #fa5363 0deg 0deg, #ffd700 180deg 270deg, #ffd700 270deg) 73% 55%/150% 150% no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent
}

.fa-yourgoals-variant-5 {
  background: conic-gradient(from -0deg, #dc3545 110deg, #fa5363 90deg 180deg, #9a32cd 180deg 270deg, #ffd700 270deg) 73% 55%/150% 150% no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent
}

.fa-yourgoals-variant-6 {
  background: conic-gradient(from -45deg, #ffd700 110deg, #198754 90deg 180deg, #9932cc 180deg 270deg, #3a5fcd 270deg) 73% 55%/150% 150% no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent
}

.fa-yourgoals-variant-7 {
  background: conic-gradient(from 45deg, #1e90ff 90deg, #87cefa 0deg 135deg, #32cd32 180deg 225deg, #32cd32 270deg) 50% 50%/100% 100% no-repeat;
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.fa-yourgoals-variant-8 {
  background: conic-gradient(from 90deg, #ff8c00 45deg, #ff4500 0deg 90deg, #ff6347 180deg 270deg, #ffa07a 270deg) 60% 60%/120% 120% no-repeat;
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.fa-yourgoals-variant-9 {
  background: conic-gradient(from 135deg, #8a2be2 60deg, #4b0082 0deg 150deg, #0000ff 180deg 225deg, #4169e1 270deg) 40% 40%/130% 130% no-repeat;
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.fa-yourgoals-variant-10 {
  background: conic-gradient(from 180deg, #228b22 70deg, #6b8e23 0deg 180deg, #9acd32 225deg 270deg, #556b2f 315deg) 55% 55%/140% 140% no-repeat;
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.fa-yourgoals-variant-11 {
  background: conic-gradient(from 225deg, #ff1493 80deg, #ff69b4 0deg 135deg, #ffb6c1 180deg 225deg, #ff00ff 270deg) 45% 45%/110% 110% no-repeat;
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.fa-yourgoals-variant-12 {
  background: conic-gradient(
      from 90deg,
      #ff8c00 60deg,
      #ffd700 0deg 120deg,
      #ff4500 180deg 240deg,
      #ff6347 300deg
    )
    50% 50%/130% 130% no-repeat;
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.fa-yourgoals-variant-13 {
  background: conic-gradient(
      from 0deg,
      #00bfff 90deg,
      #1e90ff 0deg 150deg,
      #87cefa 180deg 240deg,
      #4682b4 300deg
    )
    50% 50%/120% 120% no-repeat;
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.fa-yourgoals-variant-14 {
  background: conic-gradient(
      from 135deg,
      #ff4500 75deg,
      #ff6347 0deg 165deg,
      #ffa07a 210deg 255deg,
      #8b0000 300deg
    )
    55% 55%/140% 140% no-repeat;
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.fa-yourgoals-variant-15 {
  background: conic-gradient(
      from 200deg,
      #4b0082 80deg,
      #8a2be2 0deg 160deg,
      #9370db 200deg 260deg,
      #483d8b 300deg
    )
    45% 45%/115% 115% no-repeat;
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* margin */

.mb-heading {
  margin-bottom: 1.7rem !important
}

.mt-section {
  margin-top: 4.5rem !important
}

.mb-section {
  margin-bottom: 3.5rem !important
}

/* padding */

.pb-heading {
  padding-bottom: 1.7rem !important
}

.pt-section {
  padding-top: 4.5rem !important
}

.pb-section {
  padding-bottom: 4.5rem !important
}

.my-card-body {
  padding: 3rem 3rem 4.5rem 3rem !important
}

.global-header-sm-fs,
.global-footer-sm-fs {
  font-size: .9rem
}

.mb-page-end {
  margin-bottom: 3rem !important
}