a {
    color: #636d8c;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.item-det li {
    list-style: none;
    font-size: 13px;
}

.item-det a:hover {
    text-decoration:none;
}

.mr-1{
    margin-right:5px !important;
}
.mr-2{
    margin-right:10px !important;
}
.mr-3{
    margin-right:15px !important;
}
.pr-1{
    padding-right:5px !important;
}
.pr-2{
    padding-right:10px !important;
}
.pr-3{
    padding-right:15px !important;
}

.ml-1{
    margin-left:5px !important;
}
.ml-2{
    margin-left:10px !important;
}
.ml-3{
    margin-left:15px !important;
}
.pl-1{
    padding-left:5px !important;
}
.pl-2{
    padding-left:10px !important;
}
.pl-3{
    padding-left:15px !important;
}

.w-10 {
    width: 10% !important;
}

.w-20 {
    width: 20% !important;
}
.w-30 {
    width: 30% !important;
}

.w-40 {
    width: 40% !important;
}

.w-50 {
    width: 50% !important;
}

.w-60 {
    width: 60% !important;
}

.w-70 {
    width: 70% !important;
}

.w-80 {
    width: 80% !important;
}

.w-90 {
    width: 90% !important;
}

.w-100 {
    width: 100% !important;
}

.font-weight-semibold {
    font-weight: 500!important;
}

#login_message{
    margin-top:25px
}

#loading {
    display:none;
    position: absolute;
    background: #3b3b3b3d;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
}


#loading img {
    position: absolute;
    width: 101px;
    z-index: 99999;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    color: #ffff;
}

.section-bg-background-color, .section-bg-background-color1 {
    color: rgba(255, 255, 255, 0.85);
    background-color: #5f667b !important;
}

.section-heading .paragraph, .lead {
  color: #59687c;
}

/**
* 28. Showcase Blocks
* ----------------------------------------------------------------------- *
*/
.ui-showcase-blocks {
  text-align: center;
}

.ui-showcase-blocks > .row,
.ui-showcase-blocks > .step-wrapper > .row {
  margin-bottom: 4rem;
}

.ui-showcase-blocks > .row:nth-last-child(1),
.ui-showcase-blocks > .step-wrapper > .row:nth-last-child(1) {
  margin-bottom: 0;
}

.ui-showcase-blocks > .row > div:nth-child(1),
.ui-showcase-blocks > .step-wrapper > .row > div:nth-child(1) {
  margin-bottom: 4rem;
}

.ui-showcase-blocks > .row > div:nth-child(1) {
  margin-bottom: 4rem;
}

.ui-showcase-blocks > .step-wrapper > .row > div:nth-child(1) {
  margin-bottom: 2rem;
}

@media (min-width: 740px) {
  .ui-showcase-blocks {
    text-align: left;
  }
  .ui-showcase-blocks > .row > div:nth-child(1),
  .ui-showcase-blocks > .step-wrapper > .row > div:nth-child(1) {
    margin-bottom: 0;
  }
  .ui-showcase-blocks > .row:nth-child(even),
  .ui-showcase-blocks > .step-wrapper:nth-child(even) > .row {
    flex-direction: row-reverse;
  }
}

.ui-showcase-blocks img {
    width: 100%;
    height: auto;
    box-shadow: 1px 1px 10px #ccc;
}

.laptop-showcase img.laptop {
  margin-bottom: -6rem;
}

@media (max-width: 991px) {
  .laptop-showcase img.laptop {
    margin-top: 4rem;
  }
}

@media (min-width: 768px) {
  .laptop-showcase img.laptop {
    margin-right: -16rem;
  }
}

@media (min-width: 992px) {
  .laptop-showcase img.laptop {
    margin-right: -14rem;
  }
}

@media (min-width: 1200px) {
  .laptop-showcase img.laptop {
    margin-right: -12rem;
  }
}

.section.intro-image {
  margin-top: -12rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 768px) {
  .section.intro-image {
    margin-top: -16rem;
  }
}

@media (min-width: 1200px) {
  .section.intro-image {
    margin-top: -20rem;
  }
}

.section.intro-image img {
  border-radius: .5rem;
}

/**
* 29. Steps
* ----------------------------------------------------------------------- *
*/
.ui-steps .row {
  margin-left: -6rem;
  margin-right: -6rem;
}

.ui-steps div[class^="col-"],
.ui-steps div[class*=" col-"] {
  padding-left: 6rem;
  padding-right: 6rem;
}

.ui-steps div[class^="col-"]:nth-child(1),
.ui-steps div[class*=" col-"]:nth-child(1) {
  margin-bottom: 2rem;
}

@media (min-width: 740px) {
  .ui-steps div[class^="col-"]:nth-child(1),
  .ui-steps div[class*=" col-"]:nth-child(1) {
    margin-bottom: 0;
  }
}

@media (min-width: 740px) {
  .ui-steps {
    margin-top: 0;
  }
}

.ui-steps .step-wrapper {
  position: relative;
  padding-left: 6rem;
  text-align: left;
  padding-top: 0;
  padding-bottom: 2rem;
}

@media (min-width: 740px) {
  .ui-steps .step-wrapper {
    padding-left: 0;
    padding-top: 2rem;
  }
  .ui-steps .step-wrapper:nth-child(1) {
    margin-top: -2rem;
  }
}

.ui-steps .step-wrapper::before, .ui-steps .step-wrapper::after {
  content: ' ';
  position: absolute;
  left: 26px;
  margin-left: 0;
  width: 4px;
  border-radius: 4px;
  background-color: #c9d0d8;
}

@media (min-width: 740px) {
  .ui-steps .step-wrapper::before, .ui-steps .step-wrapper::after {
    left: 50%;
    margin-left: -2px;
  }
}

.ui-steps .step-wrapper::before {
  top: -1rem;
  bottom: calc(50% + (25px + 1rem));
  display: none;
}

@media (min-width: 740px) {
  .ui-steps .step-wrapper::before {
    display: block;
  }
}

.ui-steps .step-wrapper::after {
  top: calc(50px + 1rem);
  bottom: 1rem;
}

@media (min-width: 740px) {
  .ui-steps .step-wrapper::after {
    top: calc(50% + (25px + 1rem));
    bottom: -1rem;
  }
}

.ui-steps .step-wrapper:nth-child(1)::before {
  display: none;
}

.ui-steps .step-wrapper:nth-last-child(1)::after {
  display: none;
}

.ui-steps .step-wrapper .step-number {
  position: absolute;
  top: 10px;
  left: 1rem;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  z-index: 2;
}

.ui-steps .step-wrapper .step-number::before {
  content: ' ';
  position: absolute;
  top: -10px;
  left: -10px;
  width: 50px;
  height: 50px;
  opacity: 0.25;
  z-index: -1;
}

@media (min-width: 740px) {
  .ui-steps .step-wrapper .step-number {
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 1.8rem;
  }
  .ui-steps .step-wrapper .step-number::before {
    width: 60px;
    height: 60px;
    top: -10px;
    left: -10px;
  }
}

.ui-steps .step-wrapper .step-number,
.ui-steps .step-wrapper .step-number::before {
  border-radius: 100%;
}

/**
* 30. Accordion Showcase
* ----------------------------------------------------------------------- *
*/
@media (max-width: 739px) {
  .ui-accordion-showcase > div:nth-child(1) {
    margin-bottom: 4rem;
  }
}

@media (min-width: 740px) {
  .ui-accordion-showcase > div {
    float: right;
  }
}

/**
* 31. App Screens
* ----------------------------------------------------------------------- *
*/
.ui-app-screens .owl-stage-outer {
  padding: 1rem 0 2rem 0;
}

.ui-app-screens .ui-card {
  width: 275px;
  overflow: hidden;
  border-radius: 1.25rem;
}

.ui-app-screens .owl-item .ui-card {
  opacity: 0.75;
  filter: blur(0.5px);
  -webkit-transform: scale(0.85);
  transform: scale(0.85);
  transition: transform 0.35s ease-out, filter 0.35s ease-out, box-shadow 0.35s ease-out, opacity 0.35s ease-out;
}

.ui-app-screens .owl-item.center .ui-card {
  opacity: 1;
  filter: blur(0);
  box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075);
  -webkit-transform: scale(1);
  transform: scale(1);
}

/**
* 32. App Showcase
* ----------------------------------------------------------------------- *
*/
@media (max-width: 739px) {
  .ui-app-showcase .ui-icon-blocks.icons-md .ui-icon-block, .ui-app-showcase .ui-icon-blocks.icons-lg .ui-icon-block {
    margin-bottom: 2rem;
  }
  .ui-app-showcase [data-col="text_a"] .ui-icon-blocks.icons-md, .ui-app-showcase [data-col="text_a"] .ui-icon-blocks.icons-lg {
    margin-bottom: 0;
  }
}

/* Image Block 
 * Keep Image True Width 
 * And Move Off Canvas */
@media (max-width: 739px) {
  .ui-app-showcase [data-col="img"] img {
    display: block;
    float: right;
    min-width: 275px;
  }
}

/**
* 33. App Stats
* ----------------------------------------------------------------------- *
*/
.ui-stats .stat {
  margin-bottom: 0;
}

.ui-stats .ui-icon-block {
  margin-bottom: 0;
}

@media (max-width: 739px) {
  .ui-stats .ui-icon-block:nth-child(1), .ui-stats .ui-icon-block:nth-child(2) {
    margin-bottom: 2rem;
  }
}

.step-number.ui-gradient-purple,
.step-number.ui-gradient-purple::before {
  background: -webkit-linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%);
  background: linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%);
}

.step-number.ui-gradient-peach,
.step-number.ui-gradient-peach::before {
  background: -moz-linear-gradient(45deg, #fe60a1 0%, #ff8765 100%);
  background: linear-gradient(45deg, #fe60a1 0%, #ff8765 100%);
}

.step-number.ui-gradient-green,
.step-number.ui-gradient-green::before {
  background: -moz-linear-gradient(45deg, #19d9b4 0%, #92d275 100%);
  background: linear-gradient(45deg, #19d9b4 0%, #92d275 100%);
}

/**
* 08. Colors
* ----------------------------------------------------------------------- *
*/

.section-heading .paragraph, .lead {
  color: #59687c;
}

a, a .heading {
  transition: color 0.25s ease-out;
}

a:hover {
  color: #8089ff;
}

.ui-pricing-card .card-header .sub-heading {
  color: #59687c;
}

.text-indigo, .ui-icon-blocks .icon.text-indigo, .ui-card .card-header .heading.text-indigo, .pricing-items li .text-indigo {
  color: #8089ff;
}

.ui-icon-blocks .ui-icon-block > .icon.text-indigo {
  color: #8089ff;
}

.bg-indigo, .ui-card.bg-indigo, .ui-card.bg-indigo .card-body p {
  color: rgba(255, 255, 255, 0.85);
  background-color: #8089ff;
}

.bg-indigo .heading, .bg-indigo .sub-heading, .bg-indigo .ui-icon-blocks .ui-icon-block > .icon, .bg-indigo a, .bg-indigo .price, .ui-card.bg-indigo .heading, .ui-card.bg-indigo .sub-heading, .ui-card.bg-indigo .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-indigo a, .ui-card.bg-indigo .price, .ui-card.bg-indigo .card-body p .heading, .ui-card.bg-indigo .card-body p .sub-heading, .ui-card.bg-indigo .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-indigo .card-body p a, .ui-card.bg-indigo .card-body p .price {
  color: #FFF;
}

.bg-indigo .section-heading .paragraph, .bg-indigo .lead, .ui-card.bg-indigo .section-heading .paragraph, .ui-card.bg-indigo .lead, .ui-card.bg-indigo .card-body p .section-heading .paragraph, .ui-card.bg-indigo .card-body p .lead {
  color: #FFF;
}

.bg-indigo .ui-card, .ui-card.bg-indigo .ui-card, .ui-card.bg-indigo .card-body p .ui-card {
  color: #8e9bae;
}

.bg-indigo .ui-card .heading, .bg-indigo .ui-card .sub-heading, .ui-card.bg-indigo .ui-card .heading, .ui-card.bg-indigo .ui-card .sub-heading, .ui-card.bg-indigo .card-body p .ui-card .heading, .ui-card.bg-indigo .card-body p .ui-card .sub-heading {
  color: #414c5a;
}

.bg-indigo .ui-card .ui-icon-block > .icon, .ui-card.bg-indigo .ui-card .ui-icon-block > .icon, .ui-card.bg-indigo .card-body p .ui-card .ui-icon-block > .icon {
  color: #8089ff;
}

.bg-indigo.btn, .ui-card.bg-indigo.btn, .ui-card.bg-indigo .card-body p.btn {
  color: #fff;
}

.bg-indigo.btn:hover, .ui-card.bg-indigo.btn:hover, .ui-card.bg-indigo .card-body p.btn:hover {
  color: #fff;
}

.ui-accordion-panel.ui-indigo .ui-accordion.active .toggle,
.ui-accordion-panel.ui-indigo .ui-accordion:hover .toggle {
  color: #8089ff;
}

.ui-accordion-panel.ui-indigo .ui-accordion.active .toggle::after,
.ui-accordion-panel.ui-indigo .ui-accordion:hover .toggle::after {
  color: #8089ff;
}

.ui-tabs.ui-indigo .nav-tabs li.active {
  background-color: #8089ff;
  color: #fff;
}

.ui-pricing-table .pricing-block.ui-indigo {
  background-color: rgba(128, 137, 255, 0.1);
}

.ui-pricing-table .pricing-block.ui-indigo .promo {
  background-color: #8089ff;
  color: #fff;
}

.ui-card.ui-curve .card-header.bg-indigo {
  color: rgba(255, 255, 255, 0.85);
  background-color: #8089ff;
}

.ui-card.ui-curve .card-header.bg-indigo .heading, .ui-card.ui-curve .card-header.bg-indigo .sub-heading, .ui-card.ui-curve .card-header.bg-indigo .ui-icon-block .icon {
  color: #FFF;
}

.ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-indigo {
  background-color: #8089ff;
  color: #fff;
}

.text-primary, .ui-icon-blocks .icon.text-primary, .ui-card .card-header .heading.text-primary, .pricing-items li .text-primary {
  color: #8089ff;
}

.ui-icon-blocks .ui-icon-block > .icon.text-primary {
  color: #8089ff;
}

.bg-primary, .ui-card.bg-primary, .ui-card.bg-primary .card-body p {
  color: rgba(255, 255, 255, 0.85);
  background-color: #8089ff;
}

.bg-primary .heading, .bg-primary .sub-heading, .bg-primary .ui-icon-blocks .ui-icon-block > .icon, .bg-primary a, .bg-primary .price, .ui-card.bg-primary .heading, .ui-card.bg-primary .sub-heading, .ui-card.bg-primary .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-primary a, .ui-card.bg-primary .price, .ui-card.bg-primary .card-body p .heading, .ui-card.bg-primary .card-body p .sub-heading, .ui-card.bg-primary .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-primary .card-body p a, .ui-card.bg-primary .card-body p .price {
  color: #FFF;
}

.bg-primary .section-heading .paragraph, .bg-primary .lead, .ui-card.bg-primary .section-heading .paragraph, .ui-card.bg-primary .lead, .ui-card.bg-primary .card-body p .section-heading .paragraph, .ui-card.bg-primary .card-body p .lead {
  color: #FFF;
}

.bg-primary .ui-card, .ui-card.bg-primary .ui-card, .ui-card.bg-primary .card-body p .ui-card {
  color: #8e9bae;
}

.bg-primary .ui-card .heading, .bg-primary .ui-card .sub-heading, .ui-card.bg-primary .ui-card .heading, .ui-card.bg-primary .ui-card .sub-heading, .ui-card.bg-primary .card-body p .ui-card .heading, .ui-card.bg-primary .card-body p .ui-card .sub-heading {
  color: #414c5a;
}

.bg-primary .ui-card .ui-icon-block > .icon, .ui-card.bg-primary .ui-card .ui-icon-block > .icon, .ui-card.bg-primary .card-body p .ui-card .ui-icon-block > .icon {
  color: #8089ff;
}

.bg-primary.btn, .ui-card.bg-primary.btn, .ui-card.bg-primary .card-body p.btn {
  color: #fff;
}

.bg-primary.btn:hover, .ui-card.bg-primary.btn:hover, .ui-card.bg-primary .card-body p.btn:hover {
  color: #fff;
}

.ui-accordion-panel.ui-primary .ui-accordion.active .toggle,
.ui-accordion-panel.ui-primary .ui-accordion:hover .toggle {
  color: #8089ff;
}

.ui-accordion-panel.ui-primary .ui-accordion.active .toggle::after,
.ui-accordion-panel.ui-primary .ui-accordion:hover .toggle::after {
  color: #8089ff;
}

.ui-tabs.ui-primary .nav-tabs li.active {
  background-color: #8089ff;
  color: #fff;
}

.ui-pricing-table .pricing-block.ui-primary {
  background-color: rgba(128, 137, 255, 0.1);
}

.ui-pricing-table .pricing-block.ui-primary .promo {
  background-color: #8089ff;
  color: #fff;
}

.ui-card.ui-curve .card-header.bg-primary {
  color: rgba(255, 255, 255, 0.85);
  background-color: #8089ff;
}

.ui-card.ui-curve .card-header.bg-primary .heading, .ui-card.ui-curve .card-header.bg-primary .sub-heading, .ui-card.ui-curve .card-header.bg-primary .ui-icon-block .icon {
  color: #FFF;
}

.ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-primary {
  background-color: #8089ff;
  color: #fff;
}

.text-blue, .ui-icon-blocks .icon.text-blue, .ui-card .card-header .heading.text-blue, .pricing-items li .text-blue {
  color: #54ceff;
}

.ui-icon-blocks .ui-icon-block > .icon.text-blue {
  color: #54ceff;
}

.bg-blue, .ui-card.bg-blue, .ui-card.bg-blue .card-body p {
  color: #FFF;
  background-color: #54ceff;
}

.bg-blue .heading, .bg-blue .sub-heading, .bg-blue .ui-icon-blocks .ui-icon-block > .icon, .bg-blue a, .bg-blue .price, .ui-card.bg-blue .heading, .ui-card.bg-blue .sub-heading, .ui-card.bg-blue .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-blue a, .ui-card.bg-blue .price, .ui-card.bg-blue .card-body p .heading, .ui-card.bg-blue .card-body p .sub-heading, .ui-card.bg-blue .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-blue .card-body p a, .ui-card.bg-blue .card-body p .price {
  color: #FFF;
}

.bg-blue .section-heading .paragraph, .bg-blue .lead, .ui-card.bg-blue .section-heading .paragraph, .ui-card.bg-blue .lead, .ui-card.bg-blue .card-body p .section-heading .paragraph, .ui-card.bg-blue .card-body p .lead {
  color: #FFF;
}

.bg-blue .ui-card, .ui-card.bg-blue .ui-card, .ui-card.bg-blue .card-body p .ui-card {
  color: #8e9bae;
}

.bg-blue .ui-card .heading, .bg-blue .ui-card .sub-heading, .ui-card.bg-blue .ui-card .heading, .ui-card.bg-blue .ui-card .sub-heading, .ui-card.bg-blue .card-body p .ui-card .heading, .ui-card.bg-blue .card-body p .ui-card .sub-heading {
  color: #414c5a;
}

.bg-blue .ui-card .ui-icon-block > .icon, .ui-card.bg-blue .ui-card .ui-icon-block > .icon, .ui-card.bg-blue .card-body p .ui-card .ui-icon-block > .icon {
  color: #8089ff;
}

.bg-blue.btn, .ui-card.bg-blue.btn, .ui-card.bg-blue .card-body p.btn {
  color: #fff;
}

.bg-blue.btn:hover, .ui-card.bg-blue.btn:hover, .ui-card.bg-blue .card-body p.btn:hover {
  color: #fff;
}

.ui-accordion-panel.ui-blue .ui-accordion.active .toggle,
.ui-accordion-panel.ui-blue .ui-accordion:hover .toggle {
  color: #54ceff;
}

.ui-accordion-panel.ui-blue .ui-accordion.active .toggle::after,
.ui-accordion-panel.ui-blue .ui-accordion:hover .toggle::after {
  color: #54ceff;
}

.ui-tabs.ui-blue .nav-tabs li.active {
  background-color: #54ceff;
  color: #fff;
}

.ui-pricing-table .pricing-block.ui-blue {
  background-color: rgba(84, 206, 255, 0.1);
}

.ui-pricing-table .pricing-block.ui-blue .promo {
  background-color: #54ceff;
  color: #fff;
}

.ui-card.ui-curve .card-header.bg-blue {
  color: rgba(255, 255, 255, 0.85);
  background-color: #54ceff;
}

.ui-card.ui-curve .card-header.bg-blue .heading, .ui-card.ui-curve .card-header.bg-blue .sub-heading, .ui-card.ui-curve .card-header.bg-blue .ui-icon-block .icon {
  color: #FFF;
}

.ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-blue {
  background-color: #54ceff;
  color: #fff;
}

.text-purple, .ui-icon-blocks .icon.text-purple, .ui-card .card-header .heading.text-purple, .pricing-items li .text-purple {
  color: #c961f7;
}

.ui-icon-blocks .ui-icon-block > .icon.text-purple {
  color: #c961f7;
}

.bg-purple, .ui-card.bg-purple, .ui-card.bg-purple .card-body p {
  color: rgba(255, 255, 255, 0.85);
  background-color: #c961f7;
}

.bg-purple .heading, .bg-purple .sub-heading, .bg-purple .ui-icon-blocks .ui-icon-block > .icon, .bg-purple a, .bg-purple .price, .ui-card.bg-purple .heading, .ui-card.bg-purple .sub-heading, .ui-card.bg-purple .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-purple a, .ui-card.bg-purple .price, .ui-card.bg-purple .card-body p .heading, .ui-card.bg-purple .card-body p .sub-heading, .ui-card.bg-purple .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-purple .card-body p a, .ui-card.bg-purple .card-body p .price {
  color: #FFF;
}

.bg-purple .section-heading .paragraph, .bg-purple .lead, .ui-card.bg-purple .section-heading .paragraph, .ui-card.bg-purple .lead, .ui-card.bg-purple .card-body p .section-heading .paragraph, .ui-card.bg-purple .card-body p .lead {
  color: #FFF;
}

.bg-purple .ui-card, .ui-card.bg-purple .ui-card, .ui-card.bg-purple .card-body p .ui-card {
  color: #8e9bae;
}

.bg-purple .ui-card .heading, .bg-purple .ui-card .sub-heading, .ui-card.bg-purple .ui-card .heading, .ui-card.bg-purple .ui-card .sub-heading, .ui-card.bg-purple .card-body p .ui-card .heading, .ui-card.bg-purple .card-body p .ui-card .sub-heading {
  color: #414c5a;
}

.bg-purple .ui-card .ui-icon-block > .icon, .ui-card.bg-purple .ui-card .ui-icon-block > .icon, .ui-card.bg-purple .card-body p .ui-card .ui-icon-block > .icon {
  color: #8089ff;
}

.bg-purple.btn, .ui-card.bg-purple.btn, .ui-card.bg-purple .card-body p.btn {
  color: #fff;
}

.bg-purple.btn:hover, .ui-card.bg-purple.btn:hover, .ui-card.bg-purple .card-body p.btn:hover {
  color: #fff;
}

.ui-accordion-panel.ui-purple .ui-accordion.active .toggle,
.ui-accordion-panel.ui-purple .ui-accordion:hover .toggle {
  color: #c961f7;
}

.ui-accordion-panel.ui-purple .ui-accordion.active .toggle::after,
.ui-accordion-panel.ui-purple .ui-accordion:hover .toggle::after {
  color: #c961f7;
}

.ui-tabs.ui-purple .nav-tabs li.active {
  background-color: #c961f7;
  color: #fff;
}

.ui-pricing-table .pricing-block.ui-purple {
  background-color: rgba(201, 97, 247, 0.1);
}

.ui-pricing-table .pricing-block.ui-purple .promo {
  background-color: #c961f7;
  color: #fff;
}

.ui-card.ui-curve .card-header.bg-purple {
  color: rgba(255, 255, 255, 0.85);
  background-color: #c961f7;
}

.ui-card.ui-curve .card-header.bg-purple .heading, .ui-card.ui-curve .card-header.bg-purple .sub-heading, .ui-card.ui-curve .card-header.bg-purple .ui-icon-block .icon {
  color: #FFF;
}

.ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-purple {
  background-color: #c961f7;
  color: #fff;
}

.text-pink, .ui-icon-blocks .icon.text-pink, .ui-card .card-header .heading.text-pink, .pricing-items li .text-pink {
  color: #fd81b5;
}

.ui-icon-blocks .ui-icon-block > .icon.text-pink {
  color: #fd81b5;
}

.bg-pink, .ui-card.bg-pink, .ui-card.bg-pink .card-body p {
  color: rgba(255, 255, 255, 0.85);
  background-color: #fd81b5;
}

.bg-pink .heading, .bg-pink .sub-heading, .bg-pink .ui-icon-blocks .ui-icon-block > .icon, .bg-pink a, .bg-pink .price, .ui-card.bg-pink .heading, .ui-card.bg-pink .sub-heading, .ui-card.bg-pink .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-pink a, .ui-card.bg-pink .price, .ui-card.bg-pink .card-body p .heading, .ui-card.bg-pink .card-body p .sub-heading, .ui-card.bg-pink .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-pink .card-body p a, .ui-card.bg-pink .card-body p .price {
  color: #FFF;
}

.bg-pink .section-heading .paragraph, .bg-pink .lead, .ui-card.bg-pink .section-heading .paragraph, .ui-card.bg-pink .lead, .ui-card.bg-pink .card-body p .section-heading .paragraph, .ui-card.bg-pink .card-body p .lead {
  color: #FFF;
}

.bg-pink .ui-card, .ui-card.bg-pink .ui-card, .ui-card.bg-pink .card-body p .ui-card {
  color: #8e9bae;
}

.bg-pink .ui-card .heading, .bg-pink .ui-card .sub-heading, .ui-card.bg-pink .ui-card .heading, .ui-card.bg-pink .ui-card .sub-heading, .ui-card.bg-pink .card-body p .ui-card .heading, .ui-card.bg-pink .card-body p .ui-card .sub-heading {
  color: #414c5a;
}

.bg-pink .ui-card .ui-icon-block > .icon, .ui-card.bg-pink .ui-card .ui-icon-block > .icon, .ui-card.bg-pink .card-body p .ui-card .ui-icon-block > .icon {
  color: #8089ff;
}

.bg-pink.btn, .ui-card.bg-pink.btn, .ui-card.bg-pink .card-body p.btn {
  color: #fff;
}

.bg-pink.btn:hover, .ui-card.bg-pink.btn:hover, .ui-card.bg-pink .card-body p.btn:hover {
  color: #fff;
}

.ui-accordion-panel.ui-pink .ui-accordion.active .toggle,
.ui-accordion-panel.ui-pink .ui-accordion:hover .toggle {
  color: #fd81b5;
}

.ui-accordion-panel.ui-pink .ui-accordion.active .toggle::after,
.ui-accordion-panel.ui-pink .ui-accordion:hover .toggle::after {
  color: #fd81b5;
}

.ui-tabs.ui-pink .nav-tabs li.active {
  background-color: #fd81b5;
  color: #fff;
}

.ui-pricing-table .pricing-block.ui-pink {
  background-color: rgba(253, 129, 181, 0.1);
}

.ui-pricing-table .pricing-block.ui-pink .promo {
  background-color: #fd81b5;
  color: #fff;
}

.ui-card.ui-curve .card-header.bg-pink {
  color: rgba(255, 255, 255, 0.85);
  background-color: #fd81b5;
}

.ui-card.ui-curve .card-header.bg-pink .heading, .ui-card.ui-curve .card-header.bg-pink .sub-heading, .ui-card.ui-curve .card-header.bg-pink .ui-icon-block .icon {
  color: #FFF;
}

.ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-pink {
  background-color: #fd81b5;
  color: #fff;
}

.text-green, .ui-icon-blocks .icon.text-green, .ui-card .card-header .heading.text-green, .pricing-items li .text-green {
  color: #19d9b4;
}

.ui-icon-blocks .ui-icon-block > .icon.text-green {
  color: #19d9b4;
}

.bg-green, .ui-card.bg-green, .ui-card.bg-green .card-body p {
  color: rgba(255, 255, 255, 0.85);
  background-color: #19d9b4;
}

.bg-green .heading, .bg-green .sub-heading, .bg-green .ui-icon-blocks .ui-icon-block > .icon, .bg-green a, .bg-green .price, .ui-card.bg-green .heading, .ui-card.bg-green .sub-heading, .ui-card.bg-green .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-green a, .ui-card.bg-green .price, .ui-card.bg-green .card-body p .heading, .ui-card.bg-green .card-body p .sub-heading, .ui-card.bg-green .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-green .card-body p a, .ui-card.bg-green .card-body p .price {
  color: #FFF;
}

.bg-green .section-heading .paragraph, .bg-green .lead, .ui-card.bg-green .section-heading .paragraph, .ui-card.bg-green .lead, .ui-card.bg-green .card-body p .section-heading .paragraph, .ui-card.bg-green .card-body p .lead {
  color: #FFF;
}

.bg-green .ui-card, .ui-card.bg-green .ui-card, .ui-card.bg-green .card-body p .ui-card {
  color: #8e9bae;
}

.bg-green .ui-card .heading, .bg-green .ui-card .sub-heading, .ui-card.bg-green .ui-card .heading, .ui-card.bg-green .ui-card .sub-heading, .ui-card.bg-green .card-body p .ui-card .heading, .ui-card.bg-green .card-body p .ui-card .sub-heading {
  color: #414c5a;
}

.bg-green .ui-card .ui-icon-block > .icon, .ui-card.bg-green .ui-card .ui-icon-block > .icon, .ui-card.bg-green .card-body p .ui-card .ui-icon-block > .icon {
  color: #8089ff;
}

.bg-green.btn, .ui-card.bg-green.btn, .ui-card.bg-green .card-body p.btn {
  color: #fff;
}

.bg-green.btn:hover, .ui-card.bg-green.btn:hover, .ui-card.bg-green .card-body p.btn:hover {
  color: #fff;
}

.ui-accordion-panel.ui-green .ui-accordion.active .toggle,
.ui-accordion-panel.ui-green .ui-accordion:hover .toggle {
  color: #19d9b4;
}

.ui-accordion-panel.ui-green .ui-accordion.active .toggle::after,
.ui-accordion-panel.ui-green .ui-accordion:hover .toggle::after {
  color: #19d9b4;
}

.ui-tabs.ui-green .nav-tabs li.active {
  background-color: #19d9b4;
  color: #fff;
}

.ui-pricing-table .pricing-block.ui-green {
  background-color: rgba(25, 217, 180, 0.1);
}

.ui-pricing-table .pricing-block.ui-green .promo {
  background-color: #19d9b4;
  color: #fff;
}

.ui-card.ui-curve .card-header.bg-green {
  color: rgba(255, 255, 255, 0.85);
  background-color: #19d9b4;
}

.ui-card.ui-curve .card-header.bg-green .heading, .ui-card.ui-curve .card-header.bg-green .sub-heading, .ui-card.ui-curve .card-header.bg-green .ui-icon-block .icon {
  color: #FFF;
}

.ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-green {
  background-color: #19d9b4;
  color: #fff;
}

.text-lime, .ui-icon-blocks .icon.text-lime, .ui-card .card-header .heading.text-lime, .pricing-items li .text-lime {
  color: #84ce65;
}

.ui-icon-blocks .ui-icon-block > .icon.text-lime {
  color: #84ce65;
}

.bg-lime, .ui-card.bg-lime, .ui-card.bg-lime .card-body p {
  color: #FFF;
  background-color: #84ce65;
}

.bg-lime .heading, .bg-lime .sub-heading, .bg-lime .ui-icon-blocks .ui-icon-block > .icon, .bg-lime a, .bg-lime .price, .ui-card.bg-lime .heading, .ui-card.bg-lime .sub-heading, .ui-card.bg-lime .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-lime a, .ui-card.bg-lime .price, .ui-card.bg-lime .card-body p .heading, .ui-card.bg-lime .card-body p .sub-heading, .ui-card.bg-lime .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-lime .card-body p a, .ui-card.bg-lime .card-body p .price {
  color: #FFF;
}

.bg-lime .section-heading .paragraph, .bg-lime .lead, .ui-card.bg-lime .section-heading .paragraph, .ui-card.bg-lime .lead, .ui-card.bg-lime .card-body p .section-heading .paragraph, .ui-card.bg-lime .card-body p .lead {
  color: #FFF;
}

.bg-lime .ui-card, .ui-card.bg-lime .ui-card, .ui-card.bg-lime .card-body p .ui-card {
  color: #8e9bae;
}

.bg-lime .ui-card .heading, .bg-lime .ui-card .sub-heading, .ui-card.bg-lime .ui-card .heading, .ui-card.bg-lime .ui-card .sub-heading, .ui-card.bg-lime .card-body p .ui-card .heading, .ui-card.bg-lime .card-body p .ui-card .sub-heading {
  color: #414c5a;
}

.bg-lime .ui-card .ui-icon-block > .icon, .ui-card.bg-lime .ui-card .ui-icon-block > .icon, .ui-card.bg-lime .card-body p .ui-card .ui-icon-block > .icon {
  color: #8089ff;
}

.bg-lime.btn, .ui-card.bg-lime.btn, .ui-card.bg-lime .card-body p.btn {
  color: #fff;
}

.bg-lime.btn:hover, .ui-card.bg-lime.btn:hover, .ui-card.bg-lime .card-body p.btn:hover {
  color: #fff;
}

.ui-accordion-panel.ui-lime .ui-accordion.active .toggle,
.ui-accordion-panel.ui-lime .ui-accordion:hover .toggle {
  color: #84ce65;
}

.ui-accordion-panel.ui-lime .ui-accordion.active .toggle::after,
.ui-accordion-panel.ui-lime .ui-accordion:hover .toggle::after {
  color: #84ce65;
}

.ui-tabs.ui-lime .nav-tabs li.active {
  background-color: #84ce65;
  color: #fff;
}

.ui-pricing-table .pricing-block.ui-lime {
  background-color: rgba(132, 206, 101, 0.1);
}

.ui-pricing-table .pricing-block.ui-lime .promo {
  background-color: #84ce65;
  color: #fff;
}

.ui-card.ui-curve .card-header.bg-lime {
  color: rgba(255, 255, 255, 0.85);
  background-color: #84ce65;
}

.ui-card.ui-curve .card-header.bg-lime .heading, .ui-card.ui-curve .card-header.bg-lime .sub-heading, .ui-card.ui-curve .card-header.bg-lime .ui-icon-block .icon {
  color: #FFF;
}

.ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-lime {
  background-color: #84ce65;
  color: #fff;
}

.text-orange, .ui-icon-blocks .icon.text-orange, .ui-card .card-header .heading.text-orange, .pricing-items li .text-orange {
  color: #ff8765;
}

.ui-icon-blocks .ui-icon-block > .icon.text-orange {
  color: #ff8765;
}

.bg-orange, .ui-card.bg-orange, .ui-card.bg-orange .card-body p {
  color: rgba(255, 255, 255, 0.85);
  background-color: #ff8765;
}

.bg-orange .heading, .bg-orange .sub-heading, .bg-orange .ui-icon-blocks .ui-icon-block > .icon, .bg-orange a, .bg-orange .price, .ui-card.bg-orange .heading, .ui-card.bg-orange .sub-heading, .ui-card.bg-orange .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-orange a, .ui-card.bg-orange .price, .ui-card.bg-orange .card-body p .heading, .ui-card.bg-orange .card-body p .sub-heading, .ui-card.bg-orange .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-orange .card-body p a, .ui-card.bg-orange .card-body p .price {
  color: #FFF;
}

.bg-orange .section-heading .paragraph, .bg-orange .lead, .ui-card.bg-orange .section-heading .paragraph, .ui-card.bg-orange .lead, .ui-card.bg-orange .card-body p .section-heading .paragraph, .ui-card.bg-orange .card-body p .lead {
  color: #FFF;
}

.bg-orange .ui-card, .ui-card.bg-orange .ui-card, .ui-card.bg-orange .card-body p .ui-card {
  color: #8e9bae;
}

.bg-orange .ui-card .heading, .bg-orange .ui-card .sub-heading, .ui-card.bg-orange .ui-card .heading, .ui-card.bg-orange .ui-card .sub-heading, .ui-card.bg-orange .card-body p .ui-card .heading, .ui-card.bg-orange .card-body p .ui-card .sub-heading {
  color: #414c5a;
}

.bg-orange .ui-card .ui-icon-block > .icon, .ui-card.bg-orange .ui-card .ui-icon-block > .icon, .ui-card.bg-orange .card-body p .ui-card .ui-icon-block > .icon {
  color: #8089ff;
}

.bg-orange.btn, .ui-card.bg-orange.btn, .ui-card.bg-orange .card-body p.btn {
  color: #fff;
}

.bg-orange.btn:hover, .ui-card.bg-orange.btn:hover, .ui-card.bg-orange .card-body p.btn:hover {
  color: #fff;
}

.ui-accordion-panel.ui-orange .ui-accordion.active .toggle,
.ui-accordion-panel.ui-orange .ui-accordion:hover .toggle {
  color: #ff8765;
}

.ui-accordion-panel.ui-orange .ui-accordion.active .toggle::after,
.ui-accordion-panel.ui-orange .ui-accordion:hover .toggle::after {
  color: #ff8765;
}

.ui-tabs.ui-orange .nav-tabs li.active {
  background-color: #ff8765;
  color: #fff;
}

.ui-pricing-table .pricing-block.ui-orange {
  background-color: rgba(255, 135, 101, 0.1);
}

.ui-pricing-table .pricing-block.ui-orange .promo {
  background-color: #ff8765;
  color: #fff;
}

.ui-card.ui-curve .card-header.bg-orange {
  color: rgba(255, 255, 255, 0.85);
  background-color: #ff8765;
}

.ui-card.ui-curve .card-header.bg-orange .heading, .ui-card.ui-curve .card-header.bg-orange .sub-heading, .ui-card.ui-curve .card-header.bg-orange .ui-icon-block .icon {
  color: #FFF;
}

.ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-orange {
  background-color: #ff8765;
  color: #fff;
}

.text-red, .ui-icon-blocks .icon.text-red, .ui-card .card-header .heading.text-red, .pricing-items li .text-red {
  color: #fe60a1;
}

.ui-icon-blocks .ui-icon-block > .icon.text-red {
  color: #fe60a1;
}

.bg-red, .ui-card.bg-red, .ui-card.bg-red .card-body p {
  color: rgba(255, 255, 255, 0.85);
  background-color: #fe60a1;
}

.bg-red .heading, .bg-red .sub-heading, .bg-red .ui-icon-blocks .ui-icon-block > .icon, .bg-red a, .bg-red .price, .ui-card.bg-red .heading, .ui-card.bg-red .sub-heading, .ui-card.bg-red .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-red a, .ui-card.bg-red .price, .ui-card.bg-red .card-body p .heading, .ui-card.bg-red .card-body p .sub-heading, .ui-card.bg-red .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-red .card-body p a, .ui-card.bg-red .card-body p .price {
  color: #FFF;
}

.bg-red .section-heading .paragraph, .bg-red .lead, .ui-card.bg-red .section-heading .paragraph, .ui-card.bg-red .lead, .ui-card.bg-red .card-body p .section-heading .paragraph, .ui-card.bg-red .card-body p .lead {
  color: #FFF;
}

.bg-red .ui-card, .ui-card.bg-red .ui-card, .ui-card.bg-red .card-body p .ui-card {
  color: #8e9bae;
}

.bg-red .ui-card .heading, .bg-red .ui-card .sub-heading, .ui-card.bg-red .ui-card .heading, .ui-card.bg-red .ui-card .sub-heading, .ui-card.bg-red .card-body p .ui-card .heading, .ui-card.bg-red .card-body p .ui-card .sub-heading {
  color: #414c5a;
}

.bg-red .ui-card .ui-icon-block > .icon, .ui-card.bg-red .ui-card .ui-icon-block > .icon, .ui-card.bg-red .card-body p .ui-card .ui-icon-block > .icon {
  color: #8089ff;
}

.bg-red.btn, .ui-card.bg-red.btn, .ui-card.bg-red .card-body p.btn {
  color: #fff;
}

.bg-red.btn:hover, .ui-card.bg-red.btn:hover, .ui-card.bg-red .card-body p.btn:hover {
  color: #fff;
}

.ui-accordion-panel.ui-red .ui-accordion.active .toggle,
.ui-accordion-panel.ui-red .ui-accordion:hover .toggle {
  color: #fe60a1;
}

.ui-accordion-panel.ui-red .ui-accordion.active .toggle::after,
.ui-accordion-panel.ui-red .ui-accordion:hover .toggle::after {
  color: #fe60a1;
}

.ui-tabs.ui-red .nav-tabs li.active {
  background-color: #fe60a1;
  color: #fff;
}

.ui-pricing-table .pricing-block.ui-red {
  background-color: rgba(254, 96, 161, 0.1);
}

.ui-pricing-table .pricing-block.ui-red .promo {
  background-color: #fe60a1;
  color: #fff;
}

.ui-card.ui-curve .card-header.bg-red {
  color: rgba(255, 255, 255, 0.85);
  background-color: #fe60a1;
}

.ui-card.ui-curve .card-header.bg-red .heading, .ui-card.ui-curve .card-header.bg-red .sub-heading, .ui-card.ui-curve .card-header.bg-red .ui-icon-block .icon {
  color: #FFF;
}

.ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-red {
  background-color: #fe60a1;
  color: #fff;
}

.text-gray, .ui-icon-blocks .icon.text-gray, .ui-card .card-header .heading.text-gray, .pricing-items li .text-gray {
  color: #708198;
}

.ui-icon-blocks .ui-icon-block > .icon.text-gray {
  color: #708198;
}

.bg-gray, .ui-card.bg-gray, .ui-card.bg-gray .card-body p {
  color: rgba(255, 255, 255, 0.85);
  background-color: #708198;
}

.bg-gray .heading, .bg-gray .sub-heading, .bg-gray .ui-icon-blocks .ui-icon-block > .icon, .bg-gray a, .bg-gray .price, .ui-card.bg-gray .heading, .ui-card.bg-gray .sub-heading, .ui-card.bg-gray .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-gray a, .ui-card.bg-gray .price, .ui-card.bg-gray .card-body p .heading, .ui-card.bg-gray .card-body p .sub-heading, .ui-card.bg-gray .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-gray .card-body p a, .ui-card.bg-gray .card-body p .price {
  color: #FFF;
}

.bg-gray .section-heading .paragraph, .bg-gray .lead, .ui-card.bg-gray .section-heading .paragraph, .ui-card.bg-gray .lead, .ui-card.bg-gray .card-body p .section-heading .paragraph, .ui-card.bg-gray .card-body p .lead {
  color: #FFF;
}

.bg-gray .ui-card, .ui-card.bg-gray .ui-card, .ui-card.bg-gray .card-body p .ui-card {
  color: #8e9bae;
}

.bg-gray .ui-card .heading, .bg-gray .ui-card .sub-heading, .ui-card.bg-gray .ui-card .heading, .ui-card.bg-gray .ui-card .sub-heading, .ui-card.bg-gray .card-body p .ui-card .heading, .ui-card.bg-gray .card-body p .ui-card .sub-heading {
  color: #414c5a;
}

.bg-gray .ui-card .ui-icon-block > .icon, .ui-card.bg-gray .ui-card .ui-icon-block > .icon, .ui-card.bg-gray .card-body p .ui-card .ui-icon-block > .icon {
  color: #8089ff;
}

.bg-gray.btn, .ui-card.bg-gray.btn, .ui-card.bg-gray .card-body p.btn {
  color: #fff;
}

.bg-gray.btn:hover, .ui-card.bg-gray.btn:hover, .ui-card.bg-gray .card-body p.btn:hover {
  color: #fff;
}

.ui-accordion-panel.ui-gray .ui-accordion.active .toggle,
.ui-accordion-panel.ui-gray .ui-accordion:hover .toggle {
  color: #708198;
}

.ui-accordion-panel.ui-gray .ui-accordion.active .toggle::after,
.ui-accordion-panel.ui-gray .ui-accordion:hover .toggle::after {
  color: #708198;
}

.ui-tabs.ui-gray .nav-tabs li.active {
  background-color: #708198;
  color: #fff;
}

.ui-pricing-table .pricing-block.ui-gray {
  background-color: rgba(112, 129, 152, 0.1);
}

.ui-pricing-table .pricing-block.ui-gray .promo {
  background-color: #708198;
  color: #fff;
}

.ui-card.ui-curve .card-header.bg-gray {
  color: rgba(255, 255, 255, 0.85);
  background-color: #708198;
}

.ui-card.ui-curve .card-header.bg-gray .heading, .ui-card.ui-curve .card-header.bg-gray .sub-heading, .ui-card.ui-curve .card-header.bg-gray .ui-icon-block .icon {
  color: #FFF;
}

.ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-gray {
  background-color: #708198;
  color: #fff;
}

.text-light-gray, .ui-icon-blocks .icon.text-light-gray, .ui-card .card-header .heading.text-light-gray, .pricing-items li .text-light-gray {
  color: #8e9bae;
}

.ui-icon-blocks .ui-icon-block > .icon.text-light-gray {
  color: #8e9bae;
}

.bg-light-gray, .ui-card.bg-light-gray, .ui-card.bg-light-gray .card-body p {
  color: rgba(255, 255, 255, 0.85);
  background-color: #8e9bae;
}

.bg-light-gray .heading, .bg-light-gray .sub-heading, .bg-light-gray .ui-icon-blocks .ui-icon-block > .icon, .bg-light-gray a, .bg-light-gray .price, .ui-card.bg-light-gray .heading, .ui-card.bg-light-gray .sub-heading, .ui-card.bg-light-gray .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-light-gray a, .ui-card.bg-light-gray .price, .ui-card.bg-light-gray .card-body p .heading, .ui-card.bg-light-gray .card-body p .sub-heading, .ui-card.bg-light-gray .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-light-gray .card-body p a, .ui-card.bg-light-gray .card-body p .price {
  color: #FFF;
}

.bg-light-gray .section-heading .paragraph, .bg-light-gray .lead, .ui-card.bg-light-gray .section-heading .paragraph, .ui-card.bg-light-gray .lead, .ui-card.bg-light-gray .card-body p .section-heading .paragraph, .ui-card.bg-light-gray .card-body p .lead {
  color: #FFF;
}

.bg-light-gray .ui-card, .ui-card.bg-light-gray .ui-card, .ui-card.bg-light-gray .card-body p .ui-card {
  color: #8e9bae;
}

.bg-light-gray .ui-card .heading, .bg-light-gray .ui-card .sub-heading, .ui-card.bg-light-gray .ui-card .heading, .ui-card.bg-light-gray .ui-card .sub-heading, .ui-card.bg-light-gray .card-body p .ui-card .heading, .ui-card.bg-light-gray .card-body p .ui-card .sub-heading {
  color: #414c5a;
}

.bg-light-gray .ui-card .ui-icon-block > .icon, .ui-card.bg-light-gray .ui-card .ui-icon-block > .icon, .ui-card.bg-light-gray .card-body p .ui-card .ui-icon-block > .icon {
  color: #8089ff;
}

.bg-light-gray.btn, .ui-card.bg-light-gray.btn, .ui-card.bg-light-gray .card-body p.btn {
  color: #fff;
}

.bg-light-gray.btn:hover, .ui-card.bg-light-gray.btn:hover, .ui-card.bg-light-gray .card-body p.btn:hover {
  color: #fff;
}

.ui-accordion-panel.ui-light-gray .ui-accordion.active .toggle,
.ui-accordion-panel.ui-light-gray .ui-accordion:hover .toggle {
  color: #8e9bae;
}

.ui-accordion-panel.ui-light-gray .ui-accordion.active .toggle::after,
.ui-accordion-panel.ui-light-gray .ui-accordion:hover .toggle::after {
  color: #8e9bae;
}

.ui-tabs.ui-light-gray .nav-tabs li.active {
  background-color: #8e9bae;
  color: #fff;
}

.ui-pricing-table .pricing-block.ui-light-gray {
  background-color: rgba(142, 155, 174, 0.1);
}

.ui-pricing-table .pricing-block.ui-light-gray .promo {
  background-color: #8e9bae;
  color: #fff;
}

.ui-card.ui-curve .card-header.bg-light-gray {
  color: rgba(255, 255, 255, 0.85);
  background-color: #8e9bae;
}

.ui-card.ui-curve .card-header.bg-light-gray .heading, .ui-card.ui-curve .card-header.bg-light-gray .sub-heading, .ui-card.ui-curve .card-header.bg-light-gray .ui-icon-block .icon {
  color: #FFF;
}

.ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-light-gray {
  background-color: #8e9bae;
  color: #fff;
}

.text-dark-gray, .ui-icon-blocks .icon.text-dark-gray, .ui-card .card-header .heading.text-dark-gray, .pricing-items li .text-dark-gray {
  color: #59687c;
}

.ui-icon-blocks .ui-icon-block > .icon.text-dark-gray {
  color: #59687c;
}

.bg-dark-gray, .ui-card.bg-dark-gray, .ui-card.bg-dark-gray .card-body p {
  color: rgba(255, 255, 255, 0.85);
  background-color: #59687c;
}

.bg-dark-gray .heading, .bg-dark-gray .sub-heading, .bg-dark-gray .ui-icon-blocks .ui-icon-block > .icon, .bg-dark-gray a, .bg-dark-gray .price, .ui-card.bg-dark-gray .heading, .ui-card.bg-dark-gray .sub-heading, .ui-card.bg-dark-gray .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-dark-gray a, .ui-card.bg-dark-gray .price, .ui-card.bg-dark-gray .card-body p .heading, .ui-card.bg-dark-gray .card-body p .sub-heading, .ui-card.bg-dark-gray .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-dark-gray .card-body p a, .ui-card.bg-dark-gray .card-body p .price {
  color: #FFF;
}

.bg-dark-gray .section-heading .paragraph, .bg-dark-gray .lead, .ui-card.bg-dark-gray .section-heading .paragraph, .ui-card.bg-dark-gray .lead, .ui-card.bg-dark-gray .card-body p .section-heading .paragraph, .ui-card.bg-dark-gray .card-body p .lead {
  color: #FFF;
}

.bg-dark-gray .ui-card, .ui-card.bg-dark-gray .ui-card, .ui-card.bg-dark-gray .card-body p .ui-card {
  color: #8e9bae;
}

.bg-dark-gray .ui-card .heading, .bg-dark-gray .ui-card .sub-heading, .ui-card.bg-dark-gray .ui-card .heading, .ui-card.bg-dark-gray .ui-card .sub-heading, .ui-card.bg-dark-gray .card-body p .ui-card .heading, .ui-card.bg-dark-gray .card-body p .ui-card .sub-heading {
  color: #414c5a;
}

.bg-dark-gray .ui-card .ui-icon-block > .icon, .ui-card.bg-dark-gray .ui-card .ui-icon-block > .icon, .ui-card.bg-dark-gray .card-body p .ui-card .ui-icon-block > .icon {
  color: #8089ff;
}

.bg-dark-gray.btn, .ui-card.bg-dark-gray.btn, .ui-card.bg-dark-gray .card-body p.btn {
  color: #fff;
}

.bg-dark-gray.btn:hover, .ui-card.bg-dark-gray.btn:hover, .ui-card.bg-dark-gray .card-body p.btn:hover {
  color: #fff;
}

.ui-accordion-panel.ui-dark-gray .ui-accordion.active .toggle,
.ui-accordion-panel.ui-dark-gray .ui-accordion:hover .toggle {
  color: #59687c;
}

.ui-accordion-panel.ui-dark-gray .ui-accordion.active .toggle::after,
.ui-accordion-panel.ui-dark-gray .ui-accordion:hover .toggle::after {
  color: #59687c;
}

.ui-tabs.ui-dark-gray .nav-tabs li.active {
  background-color: #59687c;
  color: #fff;
}

.ui-pricing-table .pricing-block.ui-dark-gray {
  background-color: rgba(89, 104, 124, 0.1);
}

.ui-pricing-table .pricing-block.ui-dark-gray .promo {
  background-color: #59687c;
  color: #fff;
}

.ui-card.ui-curve .card-header.bg-dark-gray {
  color: rgba(255, 255, 255, 0.85);
  background-color: #59687c;
}

.ui-card.ui-curve .card-header.bg-dark-gray .heading, .ui-card.ui-curve .card-header.bg-dark-gray .sub-heading, .ui-card.ui-curve .card-header.bg-dark-gray .ui-icon-block .icon {
  color: #FFF;
}

.ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-dark-gray {
  background-color: #59687c;
  color: #fff;
}

.ui-gradient-purple {
  background: -webkit-linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%);
  background: linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%);
}

.hero-bg.ui-gradient-purple::before {
  background: -webkit-linear-gradient(45deg, #ff66a6 0%, #c035fd 50%, #6771ff 100%);
  background: linear-gradient(45deg, #ff66a6 0%, #c035fd 50%, #6771ff 100%);
}

.ui-card.ui-gradient-purple p.paragraph, .ui-card.ui-gradient-purple p {
  color: #FFF;
}

.ui-gradient-animator, .ui-gradient-purple, .ui-card.ui-gradient-purple {
  color: rgba(255, 255, 255, 0.85);
}

.ui-gradient-animator .heading, .ui-gradient-animator .sub-heading, .ui-gradient-animator .ui-icon-blocks .ui-icon-block > .icon, .ui-gradient-animator a, .ui-gradient-animator .price, .ui-gradient-purple .heading, .ui-gradient-purple .sub-heading, .ui-gradient-purple .ui-icon-blocks .ui-icon-block > .icon, .ui-gradient-purple a, .ui-gradient-purple .price, .ui-card.ui-gradient-purple .heading, .ui-card.ui-gradient-purple .sub-heading, .ui-card.ui-gradient-purple .ui-icon-blocks .ui-icon-block > .icon, .ui-card.ui-gradient-purple a, .ui-card.ui-gradient-purple .price {
  color: #FFF;
}

.ui-gradient-animator .section-heading .paragraph, .ui-gradient-animator .lead, .ui-gradient-purple .section-heading .paragraph, .ui-gradient-purple .lead, .ui-card.ui-gradient-purple .section-heading .paragraph, .ui-card.ui-gradient-purple .lead {
  color: #FFF;
}

.ui-gradient-animator .ui-card, .ui-gradient-purple .ui-card, .ui-card.ui-gradient-purple .ui-card {
  color: #8e9bae;
}

.ui-gradient-animator .ui-card .heading, .ui-gradient-animator .ui-card .sub-heading, .ui-gradient-purple .ui-card .heading, .ui-gradient-purple .ui-card .sub-heading, .ui-card.ui-gradient-purple .ui-card .heading, .ui-card.ui-gradient-purple .ui-card .sub-heading {
  color: #414c5a;
}

.ui-gradient-animator .ui-card .ui-icon-block .icon, .ui-gradient-purple .ui-card .ui-icon-block .icon, .ui-card.ui-gradient-purple .ui-card .ui-icon-block .icon {
  color: #8089ff;
}

.ui-gradient-animator .ui-tabs .nav-tabs li.nav-item a.nav-link, .ui-gradient-purple .ui-tabs .nav-tabs li.nav-item a.nav-link, .ui-card.ui-gradient-purple .ui-tabs .nav-tabs li.nav-item a.nav-link {
  color: #FFF;
  background-color: rgba(255, 255, 255, 0);
}

.ui-gradient-animator .ui-tabs .nav-tabs li.nav-item a.nav-link.active, .ui-gradient-purple .ui-tabs .nav-tabs li.nav-item a.nav-link.active, .ui-card.ui-gradient-purple .ui-tabs .nav-tabs li.nav-item a.nav-link.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #FFF;
}

.ui-gradient-animator .ui-checklist li, .ui-gradient-purple .ui-checklist li, .ui-card.ui-gradient-purple .ui-checklist li {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}

.ui-gradient-animator .owl-theme .owl-dots .owl-dot span, .ui-gradient-purple .owl-theme .owl-dots .owl-dot span, .ui-card.ui-gradient-purple .owl-theme .owl-dots .owl-dot span {
  background-color: rgba(255, 255, 255, 0.5);
}

.ui-gradient-animator .owl-theme .owl-dots .owl-dot.active span, .ui-gradient-purple .owl-theme .owl-dots .owl-dot.active span, .ui-card.ui-gradient-purple .owl-theme .owl-dots .owl-dot.active span {
  background-color: white;
}

.ui-gradient-animator .owl-theme .owl-nav [class*='owl-'], .ui-gradient-purple .owl-theme .owl-nav [class*='owl-'], .ui-card.ui-gradient-purple .owl-theme .owl-nav [class*='owl-'] {
  color: rgba(255, 255, 255, 0.5);
}

.ui-gradient-animator .owl-theme .owl-nav [class*='owl-']:hover, .ui-gradient-purple .owl-theme .owl-nav [class*='owl-']:hover, .ui-card.ui-gradient-purple .owl-theme .owl-nav [class*='owl-']:hover {
  color: white;
}

.ui-gradient-animator .btn-link,
.ui-gradient-animator .btn-link:hover, .ui-gradient-purple .btn-link,
.ui-gradient-purple .btn-link:hover, .ui-card.ui-gradient-purple .btn-link,
.ui-card.ui-gradient-purple .btn-link:hover {
  color: #fff;
}

.btn.ui-gradient-purple {
  color: #FFF;
}

.bg-overlay-gradient-purple {
  color: rgba(255, 255, 255, 0.85);
}

.bg-overlay-gradient-purple .heading, .bg-overlay-gradient-purple .sub-heading, .bg-overlay-gradient-purple .ui-icon-blocks .ui-icon-block > .icon, .bg-overlay-gradient-purple .section-heading .paragraph, .bg-overlay-gradient-purple .lead {
  color: #FFF;
}

.bg-overlay-gradient-purple::before {
  background: -webkit-linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%);
  background: linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%);
}

.ui-card.ui-curve .card-header.ui-gradient-purple {
  color: rgba(255, 255, 255, 0.85);
  background: -webkit-linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%);
  background: linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%);
}

.ui-card.ui-curve .card-header.ui-gradient-purple .heading, .ui-card.ui-curve .card-header.ui-gradient-purple .sub-heading, .ui-card.ui-curve .card-header.ui-gradient-purple .ui-icon-block .icon {
  color: #FFF;
}

.step-number.ui-gradient-purple,
.step-number.ui-gradient-purple::before {
  background: -webkit-linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%);
  background: linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%);
}

.ui-icon-blocks .ui-icon-block > .icon.ui-gradient-purple {
  color: #FFF;
}

.ui-gradient-peach {
  background: -moz-linear-gradient(45deg, #fe60a1 0%, #ff8765 100%);
  background: linear-gradient(45deg, #fe60a1 0%, #ff8765 100%);
}

.hero-bg.ui-gradient-peach::before {
  background: -moz-linear-gradient(45deg, #ff4692 0%, #ff734c 100%);
  background: linear-gradient(45deg, #ff4692 0%, #ff734c 100%);
}

.ui-card.ui-gradient-peach p.paragraph, .ui-card.ui-gradient-peach p {
  color: #FFF;
}

.ui-gradient-animator, .ui-gradient-peach, .ui-card.ui-gradient-peach {
  color: rgba(255, 255, 255, 0.85);
}

.ui-gradient-animator .heading, .ui-gradient-animator .sub-heading, .ui-gradient-animator .ui-icon-blocks .ui-icon-block > .icon, .ui-gradient-animator a, .ui-gradient-animator .price, .ui-gradient-peach .heading, .ui-gradient-peach .sub-heading, .ui-gradient-peach .ui-icon-blocks .ui-icon-block > .icon, .ui-gradient-peach a, .ui-gradient-peach .price, .ui-card.ui-gradient-peach .heading, .ui-card.ui-gradient-peach .sub-heading, .ui-card.ui-gradient-peach .ui-icon-blocks .ui-icon-block > .icon, .ui-card.ui-gradient-peach a, .ui-card.ui-gradient-peach .price {
  color: #FFF;
}

.ui-gradient-animator .section-heading .paragraph, .ui-gradient-animator .lead, .ui-gradient-peach .section-heading .paragraph, .ui-gradient-peach .lead, .ui-card.ui-gradient-peach .section-heading .paragraph, .ui-card.ui-gradient-peach .lead {
  color: #FFF;
}

.ui-gradient-animator .ui-card, .ui-gradient-peach .ui-card, .ui-card.ui-gradient-peach .ui-card {
  color: #8e9bae;
}

.ui-gradient-animator .ui-card .heading, .ui-gradient-animator .ui-card .sub-heading, .ui-gradient-peach .ui-card .heading, .ui-gradient-peach .ui-card .sub-heading, .ui-card.ui-gradient-peach .ui-card .heading, .ui-card.ui-gradient-peach .ui-card .sub-heading {
  color: #414c5a;
}

.ui-gradient-animator .ui-card .ui-icon-block .icon, .ui-gradient-peach .ui-card .ui-icon-block .icon, .ui-card.ui-gradient-peach .ui-card .ui-icon-block .icon {
  color: #8089ff;
}

.ui-gradient-animator .ui-tabs .nav-tabs li.nav-item a.nav-link, .ui-gradient-peach .ui-tabs .nav-tabs li.nav-item a.nav-link, .ui-card.ui-gradient-peach .ui-tabs .nav-tabs li.nav-item a.nav-link {
  color: #FFF;
  background-color: rgba(255, 255, 255, 0);
}

.ui-gradient-animator .ui-tabs .nav-tabs li.nav-item a.nav-link.active, .ui-gradient-peach .ui-tabs .nav-tabs li.nav-item a.nav-link.active, .ui-card.ui-gradient-peach .ui-tabs .nav-tabs li.nav-item a.nav-link.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #FFF;
}

.ui-gradient-animator .ui-checklist li, .ui-gradient-peach .ui-checklist li, .ui-card.ui-gradient-peach .ui-checklist li {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}

.ui-gradient-animator .owl-theme .owl-dots .owl-dot span, .ui-gradient-peach .owl-theme .owl-dots .owl-dot span, .ui-card.ui-gradient-peach .owl-theme .owl-dots .owl-dot span {
  background-color: rgba(255, 255, 255, 0.5);
}

.ui-gradient-animator .owl-theme .owl-dots .owl-dot.active span, .ui-gradient-peach .owl-theme .owl-dots .owl-dot.active span, .ui-card.ui-gradient-peach .owl-theme .owl-dots .owl-dot.active span {
  background-color: white;
}

.ui-gradient-animator .owl-theme .owl-nav [class*='owl-'], .ui-gradient-peach .owl-theme .owl-nav [class*='owl-'], .ui-card.ui-gradient-peach .owl-theme .owl-nav [class*='owl-'] {
  color: rgba(255, 255, 255, 0.5);
}

.ui-gradient-animator .owl-theme .owl-nav [class*='owl-']:hover, .ui-gradient-peach .owl-theme .owl-nav [class*='owl-']:hover, .ui-card.ui-gradient-peach .owl-theme .owl-nav [class*='owl-']:hover {
  color: white;
}

.ui-gradient-animator .btn-link,
.ui-gradient-animator .btn-link:hover, .ui-gradient-peach .btn-link,
.ui-gradient-peach .btn-link:hover, .ui-card.ui-gradient-peach .btn-link,
.ui-card.ui-gradient-peach .btn-link:hover {
  color: #fff;
}

.btn.ui-gradient-peach {
  color: #FFF;
}

.bg-overlay-gradient-peach {
  color: rgba(255, 255, 255, 0.85);
}

.bg-overlay-gradient-peach .heading, .bg-overlay-gradient-peach .sub-heading, .bg-overlay-gradient-peach .ui-icon-blocks .ui-icon-block > .icon, .bg-overlay-gradient-peach .section-heading .paragraph, .bg-overlay-gradient-peach .lead {
  color: #FFF;
}

.bg-overlay-gradient-peach::before {
  background: -moz-linear-gradient(45deg, #fe60a1 0%, #ff8765 100%);
  background: linear-gradient(45deg, #fe60a1 0%, #ff8765 100%);
}

.ui-card.ui-curve .card-header.ui-gradient-peach {
  color: rgba(255, 255, 255, 0.85);
  background: -moz-linear-gradient(45deg, #fe60a1 0%, #ff8765 100%);
  background: linear-gradient(45deg, #fe60a1 0%, #ff8765 100%);
}

.ui-card.ui-curve .card-header.ui-gradient-peach .heading, .ui-card.ui-curve .card-header.ui-gradient-peach .sub-heading, .ui-card.ui-curve .card-header.ui-gradient-peach .ui-icon-block .icon {
  color: #FFF;
}

.step-number.ui-gradient-peach,
.step-number.ui-gradient-peach::before {
  background: -moz-linear-gradient(45deg, #fe60a1 0%, #ff8765 100%);
  background: linear-gradient(45deg, #fe60a1 0%, #ff8765 100%);
}

.ui-icon-blocks .ui-icon-block > .icon.ui-gradient-peach {
  color: #FFF;
}

.ui-gradient-green {
  background: -moz-linear-gradient(45deg, #19d9b4 0%, #92d275 100%);
  background: linear-gradient(45deg, #19d9b4 0%, #92d275 100%);
}

.hero-bg.ui-gradient-green::before {
  background: -moz-linear-gradient(45deg, #11c8a4 0%, #81d15d 100%);
  background: linear-gradient(45deg, #11c8a4 0%, #81d15d 100%);
}

.ui-card.ui-gradient-green p.paragraph, .ui-card.ui-gradient-green p {
  color: #FFF;
}

.ui-gradient-animator, .ui-gradient-green, .ui-card.ui-gradient-green {
  color: rgba(255, 255, 255, 0.85);
}

.ui-gradient-animator .heading, .ui-gradient-animator .sub-heading, .ui-gradient-animator .ui-icon-blocks .ui-icon-block > .icon, .ui-gradient-animator a, .ui-gradient-animator .price, .ui-gradient-green .heading, .ui-gradient-green .sub-heading, .ui-gradient-green .ui-icon-blocks .ui-icon-block > .icon, .ui-gradient-green a, .ui-gradient-green .price, .ui-card.ui-gradient-green .heading, .ui-card.ui-gradient-green .sub-heading, .ui-card.ui-gradient-green .ui-icon-blocks .ui-icon-block > .icon, .ui-card.ui-gradient-green a, .ui-card.ui-gradient-green .price {
  color: #FFF;
}

.ui-gradient-animator .section-heading .paragraph, .ui-gradient-animator .lead, .ui-gradient-green .section-heading .paragraph, .ui-gradient-green .lead, .ui-card.ui-gradient-green .section-heading .paragraph, .ui-card.ui-gradient-green .lead {
  color: #FFF;
}

.ui-gradient-animator .ui-card, .ui-gradient-green .ui-card, .ui-card.ui-gradient-green .ui-card {
  color: #8e9bae;
}

.ui-gradient-animator .ui-card .heading, .ui-gradient-animator .ui-card .sub-heading, .ui-gradient-green .ui-card .heading, .ui-gradient-green .ui-card .sub-heading, .ui-card.ui-gradient-green .ui-card .heading, .ui-card.ui-gradient-green .ui-card .sub-heading {
  color: #414c5a;
}

.ui-gradient-animator .ui-card .ui-icon-block .icon, .ui-gradient-green .ui-card .ui-icon-block .icon, .ui-card.ui-gradient-green .ui-card .ui-icon-block .icon {
  color: #8089ff;
}

.ui-gradient-animator .ui-tabs .nav-tabs li.nav-item a.nav-link, .ui-gradient-green .ui-tabs .nav-tabs li.nav-item a.nav-link, .ui-card.ui-gradient-green .ui-tabs .nav-tabs li.nav-item a.nav-link {
  color: #FFF;
  background-color: rgba(255, 255, 255, 0);
}

.ui-gradient-animator .ui-tabs .nav-tabs li.nav-item a.nav-link.active, .ui-gradient-green .ui-tabs .nav-tabs li.nav-item a.nav-link.active, .ui-card.ui-gradient-green .ui-tabs .nav-tabs li.nav-item a.nav-link.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #FFF;
}

.ui-gradient-animator .ui-checklist li, .ui-gradient-green .ui-checklist li, .ui-card.ui-gradient-green .ui-checklist li {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}

.ui-gradient-animator .owl-theme .owl-dots .owl-dot span, .ui-gradient-green .owl-theme .owl-dots .owl-dot span, .ui-card.ui-gradient-green .owl-theme .owl-dots .owl-dot span {
  background-color: rgba(255, 255, 255, 0.5);
}

.ui-gradient-animator .owl-theme .owl-dots .owl-dot.active span, .ui-gradient-green .owl-theme .owl-dots .owl-dot.active span, .ui-card.ui-gradient-green .owl-theme .owl-dots .owl-dot.active span {
  background-color: white;
}

.ui-gradient-animator .owl-theme .owl-nav [class*='owl-'], .ui-gradient-green .owl-theme .owl-nav [class*='owl-'], .ui-card.ui-gradient-green .owl-theme .owl-nav [class*='owl-'] {
  color: rgba(255, 255, 255, 0.5);
}

.ui-gradient-animator .owl-theme .owl-nav [class*='owl-']:hover, .ui-gradient-green .owl-theme .owl-nav [class*='owl-']:hover, .ui-card.ui-gradient-green .owl-theme .owl-nav [class*='owl-']:hover {
  color: white;
}

.ui-gradient-animator .btn-link,
.ui-gradient-animator .btn-link:hover, .ui-gradient-green .btn-link,
.ui-gradient-green .btn-link:hover, .ui-card.ui-gradient-green .btn-link,
.ui-card.ui-gradient-green .btn-link:hover {
  color: #fff;
}

.btn.ui-gradient-green {
  color: #FFF;
}

.bg-overlay-gradient-green {
  color: rgba(255, 255, 255, 0.85);
}

.bg-overlay-gradient-green .heading, .bg-overlay-gradient-green .sub-heading, .bg-overlay-gradient-green .ui-icon-blocks .ui-icon-block > .icon, .bg-overlay-gradient-green .section-heading .paragraph, .bg-overlay-gradient-green .lead {
  color: #FFF;
}

.bg-overlay-gradient-green::before {
  background: -moz-linear-gradient(45deg, #19d9b4 0%, #92d275 100%);
  background: linear-gradient(45deg, #19d9b4 0%, #92d275 100%);
}

.ui-card.ui-curve .card-header.ui-gradient-green {
  color: rgba(255, 255, 255, 0.85);
  background: -moz-linear-gradient(45deg, #19d9b4 0%, #92d275 100%);
  background: linear-gradient(45deg, #19d9b4 0%, #92d275 100%);
}

.ui-card.ui-curve .card-header.ui-gradient-green .heading, .ui-card.ui-curve .card-header.ui-gradient-green .sub-heading, .ui-card.ui-curve .card-header.ui-gradient-green .ui-icon-block .icon {
  color: #FFF;
}

.step-number.ui-gradient-green,
.step-number.ui-gradient-green::before {
  background: -moz-linear-gradient(45deg, #19d9b4 0%, #92d275 100%);
  background: linear-gradient(45deg, #19d9b4 0%, #92d275 100%);
}

.ui-icon-blocks .ui-icon-block > .icon.ui-gradient-green {
  color: #FFF;
}

.ui-gradient-blue {
  background: -moz-linear-gradient(45deg, #8089ff 0%, #54ceff 100%);
  background: linear-gradient(45deg, #8089ff 0%, #54ceff 100%);
}

.hero-bg.ui-gradient-blue::before {
  background: -moz-linear-gradient(45deg, #6771ff 0%, #3bc7ff 100%);
  background: linear-gradient(45deg, #6771ff 0%, #3bc7ff 100%);
}

.ui-card.ui-gradient-blue p.paragraph, .ui-card.ui-gradient-blue p {
  color: #FFF;
}

.ui-gradient-animator, .ui-gradient-blue, .ui-card.ui-gradient-blue {
  color: rgba(255, 255, 255, 0.85);
}

.ui-gradient-animator .heading, .ui-gradient-animator .sub-heading, .ui-gradient-animator .ui-icon-blocks .ui-icon-block > .icon, .ui-gradient-animator a, .ui-gradient-animator .price, .ui-gradient-blue .heading, .ui-gradient-blue .sub-heading, .ui-gradient-blue .ui-icon-blocks .ui-icon-block > .icon, .ui-gradient-blue a, .ui-gradient-blue .price, .ui-card.ui-gradient-blue .heading, .ui-card.ui-gradient-blue .sub-heading, .ui-card.ui-gradient-blue .ui-icon-blocks .ui-icon-block > .icon, .ui-card.ui-gradient-blue a, .ui-card.ui-gradient-blue .price {
  color: #FFF;
}

.ui-gradient-animator .section-heading .paragraph, .ui-gradient-animator .lead, .ui-gradient-blue .section-heading .paragraph, .ui-gradient-blue .lead, .ui-card.ui-gradient-blue .section-heading .paragraph, .ui-card.ui-gradient-blue .lead {
  color: #FFF;
}

.ui-gradient-animator .ui-card, .ui-gradient-blue .ui-card, .ui-card.ui-gradient-blue .ui-card {
  color: #8e9bae;
}

.ui-gradient-animator .ui-card .heading, .ui-gradient-animator .ui-card .sub-heading, .ui-gradient-blue .ui-card .heading, .ui-gradient-blue .ui-card .sub-heading, .ui-card.ui-gradient-blue .ui-card .heading, .ui-card.ui-gradient-blue .ui-card .sub-heading {
  color: #414c5a;
}

.ui-gradient-animator .ui-card .ui-icon-block .icon, .ui-gradient-blue .ui-card .ui-icon-block .icon, .ui-card.ui-gradient-blue .ui-card .ui-icon-block .icon {
  color: #8089ff;
}

.ui-gradient-animator .ui-tabs .nav-tabs li.nav-item a.nav-link, .ui-gradient-blue .ui-tabs .nav-tabs li.nav-item a.nav-link, .ui-card.ui-gradient-blue .ui-tabs .nav-tabs li.nav-item a.nav-link {
  color: #FFF;
  background-color: rgba(255, 255, 255, 0);
}

.ui-gradient-animator .ui-tabs .nav-tabs li.nav-item a.nav-link.active, .ui-gradient-blue .ui-tabs .nav-tabs li.nav-item a.nav-link.active, .ui-card.ui-gradient-blue .ui-tabs .nav-tabs li.nav-item a.nav-link.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #FFF;
}

.ui-gradient-animator .ui-checklist li, .ui-gradient-blue .ui-checklist li, .ui-card.ui-gradient-blue .ui-checklist li {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}

.ui-gradient-animator .owl-theme .owl-dots .owl-dot span, .ui-gradient-blue .owl-theme .owl-dots .owl-dot span, .ui-card.ui-gradient-blue .owl-theme .owl-dots .owl-dot span {
  background-color: rgba(255, 255, 255, 0.5);
}

.ui-gradient-animator .owl-theme .owl-dots .owl-dot.active span, .ui-gradient-blue .owl-theme .owl-dots .owl-dot.active span, .ui-card.ui-gradient-blue .owl-theme .owl-dots .owl-dot.active span {
  background-color: white;
}

.ui-gradient-animator .owl-theme .owl-nav [class*='owl-'], .ui-gradient-blue .owl-theme .owl-nav [class*='owl-'], .ui-card.ui-gradient-blue .owl-theme .owl-nav [class*='owl-'] {
  color: rgba(255, 255, 255, 0.5);
}

.ui-gradient-animator .owl-theme .owl-nav [class*='owl-']:hover, .ui-gradient-blue .owl-theme .owl-nav [class*='owl-']:hover, .ui-card.ui-gradient-blue .owl-theme .owl-nav [class*='owl-']:hover {
  color: white;
}

.ui-gradient-animator .btn-link,
.ui-gradient-animator .btn-link:hover, .ui-gradient-blue .btn-link,
.ui-gradient-blue .btn-link:hover, .ui-card.ui-gradient-blue .btn-link,
.ui-card.ui-gradient-blue .btn-link:hover {
  color: #fff;
}

.btn.ui-gradient-blue {
  color: #FFF;
}

.bg-overlay-gradient-blue {
  color: rgba(255, 255, 255, 0.85);
}

.bg-overlay-gradient-blue .heading, .bg-overlay-gradient-blue .sub-heading, .bg-overlay-gradient-blue .ui-icon-blocks .ui-icon-block > .icon, .bg-overlay-gradient-blue .section-heading .paragraph, .bg-overlay-gradient-blue .lead {
  color: #FFF;
}

.bg-overlay-gradient-blue::before {
  background: -moz-linear-gradient(45deg, #8089ff 0%, #54ceff 100%);
  background: linear-gradient(45deg, #8089ff 0%, #54ceff 100%);
}

.ui-card.ui-curve .card-header.ui-gradient-blue {
  color: rgba(255, 255, 255, 0.85);
  background: -moz-linear-gradient(45deg, #8089ff 0%, #54ceff 100%);
  background: linear-gradient(45deg, #8089ff 0%, #54ceff 100%);
}

.ui-card.ui-curve .card-header.ui-gradient-blue .heading, .ui-card.ui-curve .card-header.ui-gradient-blue .sub-heading, .ui-card.ui-curve .card-header.ui-gradient-blue .ui-icon-block .icon {
  color: #FFF;
}

.step-number.ui-gradient-blue,
.step-number.ui-gradient-blue::before {
  background: -moz-linear-gradient(45deg, #8089ff 0%, #54ceff 100%);
  background: linear-gradient(45deg, #8089ff 0%, #54ceff 100%);
}

.ui-icon-blocks .ui-icon-block > .icon.ui-gradient-blue {
  color: #FFF;
}

.ui-gradient-dark {
  background: -moz-linear-gradient(45deg, #383a49 0%, #54546f 100%);
  background: linear-gradient(45deg, #383a49 0%, #54546f 100%);
}

.hero-bg.ui-gradient-dark::before {
  background: -moz-linear-gradient(45deg, #2a2d3d 0%, #454565 100%);
  background: linear-gradient(45deg, #2a2d3d 0%, #454565 100%);
}

.ui-card.ui-gradient-dark p.paragraph, .ui-card.ui-gradient-dark p {
  color: #FFF;
}

.ui-gradient-animator, .ui-gradient-dark, .ui-card.ui-gradient-dark {
  color: rgba(255, 255, 255, 0.85);
}

.ui-gradient-animator .heading, .ui-gradient-animator .sub-heading, .ui-gradient-animator .ui-icon-blocks .ui-icon-block > .icon, .ui-gradient-animator a, .ui-gradient-animator .price, .ui-gradient-dark .heading, .ui-gradient-dark .sub-heading, .ui-gradient-dark .ui-icon-blocks .ui-icon-block > .icon, .ui-gradient-dark a, .ui-gradient-dark .price, .ui-card.ui-gradient-dark .heading, .ui-card.ui-gradient-dark .sub-heading, .ui-card.ui-gradient-dark .ui-icon-blocks .ui-icon-block > .icon, .ui-card.ui-gradient-dark a, .ui-card.ui-gradient-dark .price {
  color: #FFF;
}

.ui-gradient-animator .section-heading .paragraph, .ui-gradient-animator .lead, .ui-gradient-dark .section-heading .paragraph, .ui-gradient-dark .lead, .ui-card.ui-gradient-dark .section-heading .paragraph, .ui-card.ui-gradient-dark .lead {
  color: #FFF;
}

.ui-gradient-animator .ui-card, .ui-gradient-dark .ui-card, .ui-card.ui-gradient-dark .ui-card {
  color: #8e9bae;
}

.ui-gradient-animator .ui-card .heading, .ui-gradient-animator .ui-card .sub-heading, .ui-gradient-dark .ui-card .heading, .ui-gradient-dark .ui-card .sub-heading, .ui-card.ui-gradient-dark .ui-card .heading, .ui-card.ui-gradient-dark .ui-card .sub-heading {
  color: #414c5a;
}

.ui-gradient-animator .ui-card .ui-icon-block .icon, .ui-gradient-dark .ui-card .ui-icon-block .icon, .ui-card.ui-gradient-dark .ui-card .ui-icon-block .icon {
  color: #8089ff;
}

.ui-gradient-animator .ui-tabs .nav-tabs li.nav-item a.nav-link, .ui-gradient-dark .ui-tabs .nav-tabs li.nav-item a.nav-link, .ui-card.ui-gradient-dark .ui-tabs .nav-tabs li.nav-item a.nav-link {
  color: #FFF;
  background-color: rgba(255, 255, 255, 0);
}

.ui-gradient-animator .ui-tabs .nav-tabs li.nav-item a.nav-link.active, .ui-gradient-dark .ui-tabs .nav-tabs li.nav-item a.nav-link.active, .ui-card.ui-gradient-dark .ui-tabs .nav-tabs li.nav-item a.nav-link.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #FFF;
}

.ui-gradient-animator .ui-checklist li, .ui-gradient-dark .ui-checklist li, .ui-card.ui-gradient-dark .ui-checklist li {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}

.ui-gradient-animator .owl-theme .owl-dots .owl-dot span, .ui-gradient-dark .owl-theme .owl-dots .owl-dot span, .ui-card.ui-gradient-dark .owl-theme .owl-dots .owl-dot span {
  background-color: rgba(255, 255, 255, 0.5);
}

.ui-gradient-animator .owl-theme .owl-dots .owl-dot.active span, .ui-gradient-dark .owl-theme .owl-dots .owl-dot.active span, .ui-card.ui-gradient-dark .owl-theme .owl-dots .owl-dot.active span {
  background-color: white;
}

.ui-gradient-animator .owl-theme .owl-nav [class*='owl-'], .ui-gradient-dark .owl-theme .owl-nav [class*='owl-'], .ui-card.ui-gradient-dark .owl-theme .owl-nav [class*='owl-'] {
  color: rgba(255, 255, 255, 0.5);
}

.ui-gradient-animator .owl-theme .owl-nav [class*='owl-']:hover, .ui-gradient-dark .owl-theme .owl-nav [class*='owl-']:hover, .ui-card.ui-gradient-dark .owl-theme .owl-nav [class*='owl-']:hover {
  color: white;
}

.ui-gradient-animator .btn-link,
.ui-gradient-animator .btn-link:hover, .ui-gradient-dark .btn-link,
.ui-gradient-dark .btn-link:hover, .ui-card.ui-gradient-dark .btn-link,
.ui-card.ui-gradient-dark .btn-link:hover {
  color: #fff;
}

.btn.ui-gradient-dark {
  color: #FFF;
}

.bg-overlay-gradient-dark {
  color: rgba(255, 255, 255, 0.85);
}

.bg-overlay-gradient-dark .heading, .bg-overlay-gradient-dark .sub-heading, .bg-overlay-gradient-dark .ui-icon-blocks .ui-icon-block > .icon, .bg-overlay-gradient-dark .section-heading .paragraph, .bg-overlay-gradient-dark .lead {
  color: #FFF;
}

.bg-overlay-gradient-dark::before {
  background: -moz-linear-gradient(45deg, #383a49 0%, #54546f 100%);
  background: linear-gradient(45deg, #383a49 0%, #54546f 100%);
}

.ui-card.ui-curve .card-header.ui-gradient-dark {
  color: rgba(255, 255, 255, 0.85);
  background: -moz-linear-gradient(45deg, #383a49 0%, #54546f 100%);
  background: linear-gradient(45deg, #383a49 0%, #54546f 100%);
}

.ui-card.ui-curve .card-header.ui-gradient-dark .heading, .ui-card.ui-curve .card-header.ui-gradient-dark .sub-heading, .ui-card.ui-curve .card-header.ui-gradient-dark .ui-icon-block .icon {
  color: #FFF;
}

.step-number.ui-gradient-dark,
.step-number.ui-gradient-dark::before {
  background: -moz-linear-gradient(45deg, #383a49 0%, #54546f 100%);
  background: linear-gradient(45deg, #383a49 0%, #54546f 100%);
}

.ui-icon-blocks .ui-icon-block > .icon.ui-gradient-dark {
  color: #FFF;
}

.bg-light {
  background-color: #f6f7f8;
}

.btn-default {
  color: #8089ff;
}

.btn-default:hover, .btn-default:active {
  border: none;
  background-color: #fff;
}

/**
* 11. Spacing
* ----------------------------------------------------------------------- *
*/
.pt-0, .section.pt-0 {
  padding-top: 0;
}

.pt-1, .section.pt-1 {
  padding-top: 1rem;
}

.pt-2, .section.pt-2 {
  padding-top: 2rem;
}

.pt-3, .section.pt-3 {
  padding-top: 3rem;
}

.pt-4, .section.pt-4 {
  padding-top: 4rem;
}

.pt-8, .section.pt-8 {
  padding-top: 8rem;
}

.pt-6, .section.pt-6 {
  padding-top: 6rem;
}

.pb-0, .section.pb-0 {
  padding-bottom: 0;
}

.pb-1, .section.pb-1 {
  padding-bottom: 1rem;
}

.pb-2, .section.pb-2 {
  padding-bottom: 2rem;
}

.pb-3, .section.pb-3 {
  padding-bottom: 3rem;
}

.pb-4, .section.pb-4 {
  padding-bottom: 4rem;
}

.pb-6, .section.pb-6 {
  padding-bottom: 6rem;
}

.pb-8, .section.pb-8 {
  padding-bottom: 8rem;
}

.ui-card .card-header.pb-0 {
  padding: 2rem 2rem 0 2rem;
}

.mt-0 {
  margin-top: 0;
}

.mt-1 {
  margin-top: 1rem;
}

.mb-0, .section .section-heading.mb-0, .section .section-heading .paragraph.mb-0, .ui-tabs .nav-tabs.mb-0, .section .section-heading .heading.mb-0, .ui-icon-blocks .ui-icon-block.mb-0 {
  margin-bottom: 0;
}

.mb-2, .section .section-heading.mb-2 {
  margin-bottom: 2rem;
}

.mb-3, .section .section-heading.mb-3 {
  margin-bottom: 3rem;
}

.mb-4, .section .section-heading.mb-4 {
  margin-bottom: 4rem;
}

.mb-1, .section .section-heading .heading.mb-1 {
  margin-bottom: 1rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mt-3 {
  margin-top: 3rem;
}

.mt-4 {
  margin-top: 4rem;
}
/**
* 21. Icon Blocks
* ----------------------------------------------------------------------- *
*/
.ui-icon-blocks {
  list-style: none;
}

.ui-icon-blocks .ui-icon-block {
  position: relative;
  margin-bottom: 2rem;
}

.ui-icon-blocks .ui-icon-block p {
  display: inline-block;
  max-width: 360px;
  margin-bottom: 0;
}

@media (min-width: 740px) {
  .ui-icon-blocks .ui-icon-block.mb-0-md-up {
    margin-bottom: 0;
  }
}

@media (min-width: 739px) {
  .ui-icon-blocks .ui-icon-block.mb-0-md-dwn {
    margin-bottom: 0;
  }
}

.ui-icon-blocks .ui-icon-block.col-6 p {
  max-width: 260px;
}

@media (min-width: 740px) {
  .ui-icon-blocks .ui-icon-block.col-6 p {
    max-width: 360px;
  }
}

.ui-icon-blocks .ui-icon-block .btn-link {
  margin-top: 1rem;
}

.ui-icon-blocks .ui-icon-block > .icon {
  font-size: 1.2rem;
  color: #8089ff;
}

.ui-icon-blocks .ui-icon-block > .icon.icon-circle {
  width: 4.8rem;
  height: 4.8rem;
  line-height: 4.8rem;
  border-radius: 100%;
  background-color: #FFF;
  box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075);
}

@media (min-width: 481px) {
  .ui-icon-blocks .ui-icon-block > .icon.icon-circle {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
  }
}

@media (min-width: 740px) {
  .ui-icon-blocks .ui-icon-block > .icon.icon-circle {
    width: 5.2rem;
    height: 5.2rem;
    line-height: 5.2rem;
  }
}

.ui-icon-blocks.ui-blocks-h {
  text-align: center;
}

.ui-icon-blocks.ui-blocks-h .ui-icon-block > .icon {
  display: inline-block;
  margin-bottom: 1.25rem;
}

.ui-icon-blocks.ui-blocks-v {
  padding-left: 2rem;
}

.ui-icon-blocks.ui-blocks-v .ui-icon-block > .icon {
  position: absolute;
  left: -2rem;
  top: .25rem;
}

@media (max-width: 991px) {
  .ui-icon-blocks.ui-blocks-v.center-on-md {
    text-align: left;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}

.ui-icon-blocks.icons-md .ui-icon-block > .icon {
  font-size: 2rem;
}

@media (min-width: 481px) {
  .ui-icon-blocks.icons-md .ui-icon-block > .icon {
    font-size: 2.1rem;
  }
}

@media (min-width: 740px) {
  .ui-icon-blocks.icons-md .ui-icon-block > .icon {
    font-size: 2.2rem;
  }
}

.ui-icon-blocks.icons-md.ui-blocks-v {
  padding-left: 4rem;
}

.ui-icon-blocks.icons-md.ui-blocks-v .ui-icon-block > .icon {
  left: -4rem;
  top: .5rem;
}

.ui-icon-blocks.icons-lg .ui-icon-block > .icon {
  font-size: 2.3rem;
}

@media (min-width: 481px) {
  .ui-icon-blocks.icons-lg .ui-icon-block > .icon {
    font-size: 2.5rem;
  }
}

@media (min-width: 740px) {
  .ui-icon-blocks.icons-lg .ui-icon-block > .icon {
    font-size: 2.8rem;
  }
}

.ui-icon-blocks.icons-lg.ui-blocks-v {
  padding-left: 5rem;
}

.ui-icon-blocks.icons-lg.ui-blocks-v .ui-icon-block > .icon {
  left: -5rem;
  top: .5rem;
}

.ui-icon-blocks.ui-blocks-v.icons-sm {
  padding-left: 2rem;
}

.ui-icon-blocks.ui-blocks-v.icons-sm .ui-icon-block p {
  max-width: 100%;
}

.ui-icon-blocks.ui-blocks-v.icons-sm .ui-icon-block > .icon {
  position: absolute;
  left: -2rem;
  top: .125rem;
  font-size: 1.25rem;
}

.container-full {
    --tblr-gutter-x: 0;
    --tblr-gutter-y: 0;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

.top-banner {
    box-shadow: 2px 2px 18px -4px #21253a;
}

.top-banner img{
	border-radius:4px;
}

.btn.ripple.btn-success, .btn.btn-primary, .btn.ripple.btn-secondary:hover{
    color:#fff
}

.navbar-overlap:after {
  content: "";
  height: 0rem;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: inherit;
  z-index: -1;
  box-shadow: inherit;
}

.navbar-overlap.homepg:after {
  content: "";
  height: 30rem;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: inherit;
  z-index: -1;
  box-shadow: inherit;
}

.nav-link a i{
    margin-right:5px
}

#u_avatar {
    display: none;
}

#password_input .input-icon-addon{
    cursor:pointer !important;
    pointer-events: all !important;
}
.example-code {
  margin: 2rem 0;
  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  border-top: none;
}
.example-code pre {
  margin: 0;
  border: 0;
  border-radius: 0 0 3px 3px;
}

.sidebar_site_title {
    border: 1px solid #e6e7e9;
    color: #333;
    text-align: left !important;
    justify-content: left;
    right: calc(-1.2 * var(--tblr-ribbon-margin));
}

.rating-stars input {
    display: none;
    margin: 0 auto;
    text-align: center;
    padding: 0.375rem 0.75rem;
    font-size: .9375rem;
    line-height: 1.6;
    color: #3d4e67;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #eaebf7;
    border-radius: 4px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.rating-stars .rating-stars-container {
    font-size: 0;
}

.rating-stars .rating-stars-container .rating-star.is--active, .rating-stars .rating-stars-container .rating-star.is--hover {
    color: #f1c40f;
}

.rating-stars .rating-stars-container .rating-star.sm {
    display: inline-block;
    font-size: 14px;
    color: #83829c;
    cursor: pointer;
    padding: 1px;
}

.rating-stars .rating-stars-container .rating-star {
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    padding: 0px 2px;
    color: #ebeefb;
}

.marketplace-single-imag .btn-list{
    --tblr-list-gap: 0.5rem;
    display: block;
    flex-wrap: wrap;
    gap: var(--tblr-list-gap);
}

.licence-content .widget-spec li {
    color: #636d8c;
}

.widget-spec li {
    margin-bottom: 0.5rem;
    font-size: .9rem;
}

.licence-niceselect {
    float: left;
    display: inline-block;
    position: relative;
    margin-top: 0px;
    margin-left: 5px;
}

.licence-niceselect .nice-select {
    border: 0;
    padding-right: 30px;
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
}


.nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999;
}

.nice-select:hover {
    border-color: #dbdbdb;
}

select {
    word-wrap: normal;
}

button, select {
    text-transform: none;
}

.nice-select .current {
    background: transparent;
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}



.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #f3f3fa;
}

.nice-select .option.selected {
    font-weight: 500;
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.licence-content {
    display: none;
}

.licence-content.active {
    display: block;
}

.licence-price {
    position: absolute;
    top: 15px;
    right: 18px;
    font-weight: 500;
    font-size: 35px;
}


.wideget-item .nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--tblr-nav-tabs-border-width));
    background: none;
    border: 1px solid #ededed;
    border-top-left-radius: var(--tblr-nav-tabs-border-radius);
    border-top-right-radius: var(--tblr-nav-tabs-border-radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.wideget-item .nav-tabs .nav-link:hover {
    margin-bottom: calc(-1 * var(--tblr-nav-tabs-border-width));
    background: none;
    border: 1px solid #ededed;
    border-top-left-radius: var(--tblr-nav-tabs-border-radius);
    border-top-right-radius: var(--tblr-nav-tabs-border-radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.wideget-item .card-header-tabs .nav-link.active {
    background-color: #fff;
    border-bottom-color: #ededed;
}

.card-item {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #ededed;
}

.wideget-item {
    border-right: 1px solid #ededed;
}

.item_price {
    font-size: 25px;

    font-family: sans-serif;
}
@media (min-width: 740px) {
.item_price {
    font-size: 25px;
    text-align:right;
    font-family: sans-serif;
}
}

.item_badge {
    font-size: 12px;
    position: absolute;
    right: 24px;
}
.comments{
    border-top-left-radius:5px ;
    border-top-right-radius: 5px;
    border-bottom-right-radius:0 ;
    border-bottom-left-radius:0
}
.com_replies{
    border-top-left-radius:0 ;
    border-top-right-radius: 0;
    border-bottom-right-radius:0 ;
    border-bottom-left-radius:0;
    border-top:0;

}
.com_replies_last{
    border-top-left-radius:0 ;
    border-top-right-radius: 0;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    border-top:0;

}

.text-right{
    text-align:right;
}

.text-left{
    text-align:left;
}