a {
  text-decoration: none !important;
}

.background-color {
  background-color: #FFFFFF !important;
}

.custom-border {
  border: 1px solid #CBD5E1 !important;
  border-radius: 12px;
}

.title {
  color: #0F172A !important;
  font-family: var(--theme-settings-font) !important;
  font-weight: 800 !important;
  font-size: 64px !important;
}

.subtitle {
  color: #475569 !important;
  font-family: var(--theme-settings-font) !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 36px !important;
}

p {
  color: #475569 !important;
  font-family: var(--theme-settings-font) !important;
  font-weight: 300 !important;
  font-size: 20px !important;
  line-height: 36px !important;
}

.s-section {
  width: 120% !important;
  transform: translate(-7.5%, 0%);
}

.nav-item a {
  color: #0F172A !important;
  font-family: var(--theme-settings-font) !important;
  font-weight: 300 !important;
  font-size: 20px !important;
  line-height: 36px !important;
  text-decoration: none !important;
}

.btn-primary {
  color: #FFFFFF !important;
  border-radius: 40px !important;
  font-family: var(--theme-settings-font) !important;
  font-weight: 600 !important;
  background-color: #3B82F6 !important;
  border-color: #3B82F6 !important;
  font-size: 16px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.star-color {
  color: #3B82F6 !important;
}

.sidebar-box {
  max-height: 600px;
  position: relative;
  overflow: hidden;
}
.sidebar-box .read-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 30px 0;

  /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: linear-gradient(to bottom, transparent, #FFFFFF);
}

.info-box {
  border-radius: 16px !important;
  background-color: #F1F5F9 !important;
}

footer {
  height: 180px !important;
}

.bottom-right-button {
  background-color: #3B82F6 !important;
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.btn-feedback {
  color: #FFFFFF !important;
  border-radius: 8px !important;
  font-family: var(--theme-settings-font) !important;
  font-weight: 600 !important;
  background-color: #3B82F6 !important;
  border-color: #3B82F6 !important;
  font-size: 16px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.modal-title {
  color: #222222 !important;
  font-family: var(--theme-settings-font) !important;
  font-weight: 600 !important;
  font-size: 24px !important;
}

.form-control {
  color: #475569 !important;
  font-family: var(--theme-settings-font) !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  border: 1px solid #CBD5E1 !important;
  border-radius: 8px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.form-control:focus {
  border: 1px solid #A0ABB9 !important;
}

form {
  margin-bottom: 0 !important;
}

.modal-header {
  border: 0px !important;
  padding-bottom: 0 !important;
}

button,
.btn:focus,
input,
.custom-select,
.custom-control-input,
.form-control {
  outline: 0 !important;
  box-shadow: 0 0 0 0 !important;
}

.mt-c-240 {
  margin-top: 240px !important;
}

.mt-c-120 {
  margin-top: 120px !important;
}

.mt-c-80 {
  margin-top: 80px !important;
}

.mt-c-12 {
  margin-top: 12px !important;
}

.mb-c-24 {
  margin-bottom: 24px !important;
}

.px-c-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.img-mt-1 {
  margin-top: 40px !important;
}

.img-mt-2 {
  margin-top: 80px !important;
}

.img-mt-3 {
  margin-top: 0px !important;
}

.img-mt-4 {
  margin-top: 56px !important;
}

.img-mt-5 {
  margin-top: 24px !important;
}

.max-w-1440 {
  max-width: 1440px !important;
}

.scrolling-wrapper{
  overflow-x: auto;
}

.scrolling-wrapper::-webkit-scrollbar{
   width: 0px;
   background: transparent;
}

@media (max-width: 767.98px) {
  .ss-group-col {
    max-width: 80% !important;
  }

  .mt-c-240 {
  margin-top: 120px !important;
}
}

@media (min-width: 576px) {
.modal-dialog {
    min-width: 320px;
    max-width: 320px;
    position: fixed;
    bottom: 50px;
    right: 30px;
}
}