/* COLORS ---------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* COLORS ---------------------------------------------------------------------------------------- */
.pt-color-inherit {
  color: inherit!important;
}

.pt-color-inherit--hover:hover {
  color: inherit!important;
}

.pt-color-primary {
  color: #8c82fc!important;
}

.pt-color-primary--hover:hover {
  color: #8c82fc!important;
}

.pt-color-primary-light {
  color: #ebd7ff!important;
}

.pt-color-primary-light--hover:hover {
  color: #ebd7ff!important;
}

.pt-color-primary-dark {
  color: #804db4!important;
}

.pt-color-primary-dark--hover:hover {
  color: #804db4!important;
}

.pt-color-secondary {
  color: #C7E4FF!important;
}

.pt-color-secondary--hover:hover {
  color: #C7E4FF!important;
}

.pt-color-secondary-light {
  color: #e8f4ff!important;
}

.pt-color-secondary-light--hover:hover {
  color: #e8f4ff!important;
}

.pt-color-secondary-dark {
  color: #8fbeeb!important;
}

.pt-color-secondary-dark--hover:hover {
  color: #8fbeeb!important;
}

.pt-color-accent {
  color: #FF62B3!important;
}

.pt-color-accent--hover:hover {
  color: #FF62B3!important;
}

.pt-color-accent-light {
  color: #ff9bcf!important;
}

.pt-color-accent-light--hover:hover {
  color: #ff9bcf!important;
}

.pt-color-accent-dark {
  color: #e62c8c!important;
}

.pt-color-accent-dark--hover:hover {
  color: #e62c8c!important;
}

.pt-color-gradient-1 {
  background: linear-gradient(to right, #1579e4, #005fc5);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-color-gradient-1--hover:hover {
  background: linear-gradient(to right, #1579e4, #005fc5);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-color-gradient-2 {
  background: linear-gradient(to right, #b075cc, #9739c3);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-color-gradient-2--hover:hover {
  background: linear-gradient(to right, #b075cc, #9739c3);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-color-gradient-3 {
  background: linear-gradient(to right, #f88d69, #f1734a);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-color-gradient-3--hover:hover {
  background: linear-gradient(to right, #f88d69, #f1734a);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-color-gradient-4 {
  background: linear-gradient(to right, #4bb156, #09a017);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-color-gradient-4--hover:hover {
  background: linear-gradient(to right, #4bb156, #09a017);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-color-clear {
  color: #ffffff00!important;
}

.pt-color-clear--hover:hover {
  color: #ffffff00!important;
}

.pt-color-white {
  color: white!important;
}

.pt-color-white--hover:hover {
  color: white!important;
}

.pt-color-gray-light {
  color: #c0c0c0!important;
}

.pt-color-gray-light--hover:hover {
  color: #c0c0c0!important;
}

.pt-color-gray-light-1 {
  color: #f7f7f7!important;
}

.pt-color-gray-light-1--hover:hover {
  color: #f7f7f7!important;
}

.pt-color-gray-light-2 {
  color: #ececec!important;
}

.pt-color-gray-light-2--hover:hover {
  color: #ececec!important;
}

.pt-color-gray-light-3 {
  color: #dfdfdf!important;
}

.pt-color-gray-light-3--hover:hover {
  color: #dfdfdf!important;
}

.pt-color-gray-light-4 {
  color: #cccccc!important;
}

.pt-color-gray-light-4--hover:hover {
  color: #cccccc!important;
}

.pt-color-gray-light-5 {
  color: #b8b8b8!important;
}

.pt-color-gray-light-5--hover:hover {
  color: #b8b8b8!important;
}

.pt-color-gray {
  color: #808080!important;
}

.pt-color-gray--hover:hover {
  color: #808080!important;
}

.pt-color-gray-dark {
  color: #404040!important;
}

.pt-color-gray-dark--hover:hover {
  color: #404040!important;
}

.pt-color-gray-dark-1 {
  color: #131313!important;
}

.pt-color-gray-dark-1--hover:hover {
  color: #131313!important;
}

.pt-color-gray-dark-2 {
  color: #252525!important;
}

.pt-color-gray-dark-2--hover:hover {
  color: #252525!important;
}

.pt-color-gray-dark-3 {
  color: #363636!important;
}

.pt-color-gray-dark-3--hover:hover {
  color: #363636!important;
}

.pt-color-gray-dark-4 {
  color: #464646!important;
}

.pt-color-gray-dark-4--hover:hover {
  color: #464646!important;
}

.pt-color-gray-dark-5 {
  color: #545454!important;
}

.pt-color-gray-dark-5--hover:hover {
  color: #545454!important;
}

.pt-color-black {
  color: black!important;
}

.pt-color-black--hover:hover {
  color: black!important;
}

.pt-color-red-dark {
  color: #cd0000!important;
}

.pt-color-red-dark--hover:hover {
  color: #cd0000!important;
}

.pt-color-red {
  color: #d72735!important;
}

.pt-color-red--hover:hover {
  color: #d72735!important;
}

.pt-color-red-light {
  color: #fc5656!important;
}

.pt-color-red-light--hover:hover {
  color: #fc5656!important;
}

.pt-color-orange-dark {
  color: #d86500!important;
}

.pt-color-orange-dark--hover:hover {
  color: #d86500!important;
}

.pt-color-orange {
  color: #fa8d49!important;
}

.pt-color-orange--hover:hover {
  color: #fa8d49!important;
}

.pt-color-orange-light {
  color: #f1734a!important;
}

.pt-color-orange-light--hover:hover {
  color: #f1734a!important;
}

.pt-color-yellow-dark {
  color: #f7d100!important;
}

.pt-color-yellow-dark--hover:hover {
  color: #f7d100!important;
}

.pt-color-yellow {
  color: #f0c31c!important;
}

.pt-color-yellow--hover:hover {
  color: #f0c31c!important;
}

.pt-color-yellow-light {
  color: #fff077!important;
}

.pt-color-yellow-light--hover:hover {
  color: #fff077!important;
}

.pt-color-green-dark {
  color: #249a30!important;
}

.pt-color-green-dark--hover:hover {
  color: #249a30!important;
}

.pt-color-green {
  color: #34c141!important;
}

.pt-color-green--hover:hover {
  color: #34c141!important;
}

.pt-color-green-light {
  color: #39d176!important;
}

.pt-color-green-light--hover:hover {
  color: #39d176!important;
}

.pt-color-blue-dark {
  color: #1563b1!important;
}

.pt-color-blue-dark--hover:hover {
  color: #1563b1!important;
}

.pt-color-blue {
  color: #3d8cdb!important;
}

.pt-color-blue--hover:hover {
  color: #3d8cdb!important;
}

.pt-color-blue-light {
  color: #70a9f4!important;
}

.pt-color-blue-light--hover:hover {
  color: #70a9f4!important;
}

.pt-color-purple-dark {
  color: #972fc8!important;
}

.pt-color-purple-dark--hover:hover {
  color: #972fc8!important;
}

.pt-color-purple {
  color: #9e1df0!important;
}

.pt-color-purple--hover:hover {
  color: #9e1df0!important;
}

.pt-color-purple-light {
  color: #bb57eb!important;
}

.pt-color-purple-light--hover:hover {
  color: #bb57eb!important;
}

/* BACKGROUND COLORS ----------------------------------------------------------------------------- */
.pt-bg-primary {
  background-color: #8c82fc!important;
}

.pt-bg-primary--hover:hover {
  background-color: #8c82fc!important;
}

.pt-bg-primary-light {
  background-color: #ebd7ff!important;
}

.pt-bg-primary-light--hover:hover {
  background-color: #ebd7ff!important;
}

.pt-bg-primary-dark {
  background-color: #804db4!important;
}

.pt-bg-primary-dark--hover:hover {
  background-color: #804db4!important;
}

.pt-bg-secondary {
  background-color: #C7E4FF!important;
}

.pt-bg-secondary--hover:hover {
  background-color: #C7E4FF!important;
}

.pt-bg-secondary-light {
  background-color: #e8f4ff!important;
}

.pt-bg-secondary-light--hover:hover {
  background-color: #e8f4ff!important;
}

.pt-bg-secondary-dark {
  background-color: #8fbeeb!important;
}

.pt-bg-secondary-dark--hover:hover {
  background-color: #8fbeeb!important;
}

.pt-bg-accent {
  background-color: #FF62B3!important;
}

.pt-bg-accent--hover:hover {
  background-color: #FF62B3!important;
}

.pt-bg-accent-light {
  background-color: #ff9bcf!important;
}

.pt-bg-accent-light--hover:hover {
  background-color: #ff9bcf!important;
}

.pt-bg-accent-dark {
  background-color: #e62c8c!important;
}

.pt-bg-accent-dark--hover:hover {
  background-color: #e62c8c!important;
}

.pt-bg-gradient-1 {
  background-image: linear-gradient(to right, #1579e4, #005fc5);
}

.pt-bg-gradient-1--hover:hover {
  background-image: linear-gradient(to right, #1579e4, #005fc5);
}

.pt-bg-gradient-2 {
  background-image: linear-gradient(to right, #b075cc, #9739c3);
}

.pt-bg-gradient-2--hover:hover {
  background-image: linear-gradient(to right, #b075cc, #9739c3);
}

.pt-bg-gradient-3 {
  background-image: linear-gradient(to right, #f88d69, #f1734a);
}

.pt-bg-gradient-3--hover:hover {
  background-image: linear-gradient(to right, #f88d69, #f1734a);
}

.pt-bg-gradient-4 {
  background-image: linear-gradient(to right, #4bb156, #09a017);
}

.pt-bg-gradient-4--hover:hover {
  background-image: linear-gradient(to right, #4bb156, #09a017);
}

.pt-bg-clear {
  background-color: #ffffff00!important;
}

.pt-bg-clear--hover:hover {
  background-color: #ffffff00!important;
}

.pt-bg-white {
  background-color: white!important;
}

.pt-bg-white--hover:hover {
  background-color: white!important;
}

.pt-bg-gray-light {
  background-color: #c0c0c0!important;
}

.pt-bg-gray-light--hover:hover {
  background-color: #c0c0c0!important;
}

.pt-bg-gray-light-1 {
  background-color: #f7f7f7!important;
}

.pt-bg-gray-light-1--hover:hover {
  background-color: #f7f7f7!important;
}

.pt-bg-gray-light-2 {
  background-color: #ececec!important;
}

.pt-bg-gray-light-2--hover:hover {
  background-color: #ececec!important;
}

.pt-bg-gray-light-3 {
  background-color: #dfdfdf!important;
}

.pt-bg-gray-light-3--hover:hover {
  background-color: #dfdfdf!important;
}

.pt-bg-gray-light-4 {
  background-color: #cccccc!important;
}

.pt-bg-gray-light-4--hover:hover {
  background-color: #cccccc!important;
}

.pt-bg-gray-light-5 {
  background-color: #b8b8b8!important;
}

.pt-bg-gray-light-5--hover:hover {
  background-color: #b8b8b8!important;
}

.pt-bg-gray {
  background-color: #808080!important;
}

.pt-bg-gray--hover:hover {
  background-color: #808080!important;
}

.pt-bg-gray-dark {
  background-color: #404040!important;
}

.pt-bg-gray-dark--hover:hover {
  background-color: #404040!important;
}

.pt-bg-gray-dark-1 {
  background-color: #131313!important;
}

.pt-bg-gray-dark-1--hover:hover {
  background-color: #131313!important;
}

.pt-bg-gray-dark-2 {
  background-color: #252525!important;
}

.pt-bg-gray-dark-2--hover:hover {
  background-color: #252525!important;
}

.pt-bg-gray-dark-3 {
  background-color: #363636!important;
}

.pt-bg-gray-dark-3--hover:hover {
  background-color: #363636!important;
}

.pt-bg-gray-dark-4 {
  background-color: #464646!important;
}

.pt-bg-gray-dark-4--hover:hover {
  background-color: #464646!important;
}

.pt-bg-gray-dark-5 {
  background-color: #545454!important;
}

.pt-bg-gray-dark-5--hover:hover {
  background-color: #545454!important;
}

.pt-bg-black {
  background-color: black!important;
}

.pt-bg-black--hover:hover {
  background-color: black!important;
}

.pt-bg-red-dark {
  background-color: #cd0000!important;
}

.pt-bg-red-dark--hover:hover {
  background-color: #cd0000!important;
}

.pt-bg-red {
  background-color: #d72735!important;
}

.pt-bg-red--hover:hover {
  background-color: #d72735!important;
}

.pt-bg-red-light {
  background-color: #fc5656!important;
}

.pt-bg-red-light--hover:hover {
  background-color: #fc5656!important;
}

.pt-bg-orange-dark {
  background-color: #d86500!important;
}

.pt-bg-orange-dark--hover:hover {
  background-color: #d86500!important;
}

.pt-bg-orange {
  background-color: #fa8d49!important;
}

.pt-bg-orange--hover:hover {
  background-color: #fa8d49!important;
}

.pt-bg-orange-light {
  background-color: #f1734a!important;
}

.pt-bg-orange-light--hover:hover {
  background-color: #f1734a!important;
}

.pt-bg-yellow-dark {
  background-color: #f7d100!important;
}

.pt-bg-yellow-dark--hover:hover {
  background-color: #f7d100!important;
}

.pt-bg-yellow {
  background-color: #f0c31c!important;
}

.pt-bg-yellow--hover:hover {
  background-color: #f0c31c!important;
}

.pt-bg-yellow-light {
  background-color: #fff077!important;
}

.pt-bg-yellow-light--hover:hover {
  background-color: #fff077!important;
}

.pt-bg-green-dark {
  background-color: #249a30!important;
}

.pt-bg-green-dark--hover:hover {
  background-color: #249a30!important;
}

.pt-bg-green {
  background-color: #34c141!important;
}

.pt-bg-green--hover:hover {
  background-color: #34c141!important;
}

.pt-bg-green-light {
  background-color: #39d176!important;
}

.pt-bg-green-light--hover:hover {
  background-color: #39d176!important;
}

.pt-bg-blue-dark {
  background-color: #1563b1!important;
}

.pt-bg-blue-dark--hover:hover {
  background-color: #1563b1!important;
}

.pt-bg-blue {
  background-color: #3d8cdb!important;
}

.pt-bg-blue--hover:hover {
  background-color: #3d8cdb!important;
}

.pt-bg-blue-light {
  background-color: #70a9f4!important;
}

.pt-bg-blue-light--hover:hover {
  background-color: #70a9f4!important;
}

.pt-bg-purple-dark {
  background-color: #972fc8!important;
}

.pt-bg-purple-dark--hover:hover {
  background-color: #972fc8!important;
}

.pt-bg-purple {
  background-color: #9e1df0!important;
}

.pt-bg-purple--hover:hover {
  background-color: #9e1df0!important;
}

.pt-bg-purple-light {
  background-color: #bb57eb!important;
}

.pt-bg-purple-light--hover:hover {
  background-color: #bb57eb!important;
}

/* LINEAR GRADIENTS ------------------------------------------------------------------------------ */
.pt-bg-l-gradient-gray-light {
  background-image: linear-gradient(225deg, #fff, #c0c0c0);
}

.pt-bg-l-gradient-gray {
  background-image: linear-gradient(225deg, #404040, #808080);
}

.pt-bg-l-gradient-gray-dark {
  background-image: linear-gradient(225deg, #596070, #31353e);
}

.pt-bg-l-gradient-primary {
  background-image: linear-gradient(225deg, #854ebd, #a77cd3);
}

.pt-bg-l-gradient-accent {
  background-image: linear-gradient(225deg, #96ccff, #C7E4FF);
}

.pt-bg-l-gradient-secondary {
  background-image: linear-gradient(225deg, #fd4ea9, #fd73bb);
}

.pt-bg-l-gradient-red {
  background-image: linear-gradient(225deg, #cd0000, #fc5656);
}

.pt-bg-l-gradient-orange {
  background-image: linear-gradient(225deg, #d86500, #f1734a);
}

.pt-bg-l-gradient-yellow {
  background-image: linear-gradient(225deg, #f7d100, #fff077);
}

.pt-bg-l-gradient-green {
  background-image: linear-gradient(225deg, #249a30, #39d176);
}

.pt-bg-l-gradient-blue {
  background-image: linear-gradient(225deg, #1563b1, #70a9f4);
}

.pt-bg-l-gradient-purple {
  background-image: linear-gradient(225deg, #972fc8, #bb57eb);
}

/* TRANSLUCENT LINEAR GRADIENTS ------------------------------------------------------------------ */
.pt-bg-t-gradient-white {
  background-image: linear-gradient(to right, transparent, #ffffff, transparent)!important;
}

.pt-bg-t-gradient-gray-light {
  background-image: linear-gradient(to right, transparent, #c0c0c0, transparent)!important;
}

.pt-bg-t-gradient-gray-light-1 {
  background-image: linear-gradient(to right, transparent, #f7f7f7, transparent)!important;
}

.pt-bg-t-gradient-gray-light-2 {
  background-image: linear-gradient(to right, transparent, #ececec, transparent)!important;
}

.pt-bg-t-gradient-gray-light-3 {
  background-image: linear-gradient(to right, transparent, #dfdfdf, transparent)!important;
}

.pt-bg-t-gradient-gray-light-4 {
  background-image: linear-gradient(to right, transparent, #cccccc, transparent)!important;
}

.pt-bg-t-gradient-gray-light-5 {
  background-image: linear-gradient(to right, transparent, #b8b8b8, transparent)!important;
}

.pt-bg-t-gradient-gray {
  background-image: linear-gradient(to right, transparent, #808080, transparent)!important;
}

.pt-bg-t-gradient-gray-dark {
  background-image: linear-gradient(to right, transparent, #404040, transparent)!important;
}

.pt-bg-t-gradient-gray-dark-1 {
  background-image: linear-gradient(to right, transparent, #131313, transparent)!important;
}

.pt-bg-t-gradient-gray-dark-2 {
  background-image: linear-gradient(to right, transparent, #252525, transparent)!important;
}

.pt-bg-t-gradient-gray-dark-3 {
  background-image: linear-gradient(to right, transparent, #363636, transparent)!important;
}

.pt-bg-t-gradient-gray-dark-4 {
  background-image: linear-gradient(to right, transparent, #464646, transparent)!important;
}

.pt-bg-t-gradient-gray-dark-5 {
  background-image: linear-gradient(to right, transparent, #545454, transparent)!important;
}

.pt-bg-t-gradient-black {
  background-image: linear-gradient(to right, transparent, #000000, transparent)!important;
}

/* RADIAL GRADIENTS ------------------------------------------------------------------------------ */
.pt-bg-r-gradient-gray-light {
  background-image: radial-gradient(circle farthest-side at 50% 50%, #fff, #c0c0c0);
}

.pt-bg-r-gradient-gray {
  background-image: radial-gradient(circle farthest-side at 50% 50%, #404040, #808080);
}

.pt-bg-r-gradient-gray-dark {
  background-image: radial-gradient(circle farthest-side at 50% 50%, #596070, #31353e);
}

.pt-bg-r-gradient-primary {
  background-image: radial-gradient(circle farthest-side at 50% 50%, #854ebd, #a77cd3);
}

.pt-bg-r-gradient-accent {
  background-image: radial-gradient(circle farthest-side at 50% 50%, #96ccff, #C7E4FF);
}

.pt-bg-r-gradient-secondary {
  background-image: radial-gradient(circle farthest-side at 50% 50%, #fd4ea9, #fd73bb);
}

.pt-bg-r-gradient-red {
  background-image: radial-gradient(circle farthest-side at 50% 50%, #cd0000, #fc5656);
}

.pt-bg-r-gradient-orange {
  background-image: radial-gradient(circle farthest-side at 50% 50%, #d86500, #f1734a);
}

.pt-bg-r-gradient-yellow {
  background-image: radial-gradient(circle farthest-side at 50% 50%, #f7d100, #fff077);
}

.pt-bg-r-gradient-green {
  background-image: radial-gradient(circle farthest-side at 50% 50%, #249a30, #39d176);
}

.pt-bg-r-gradient-blue {
  background-image: radial-gradient(circle farthest-side at 50% 50%, #1563b1, #70a9f4);
}

.pt-bg-r-gradient-purple {
  background-image: radial-gradient(circle farthest-side at 50% 50%, #972fc8, #bb57eb);
}

/* BORDER COLORS --------------------------------------------------------------------------------- */
.pt-brd-primary {
  border-color: #8c82fc!important;
}

.pt-brd-primary--hover:hover {
  border-color: #8c82fc!important;
}

.pt-brd-primary-light {
  border-color: #ebd7ff!important;
}

.pt-brd-primary-light--hover:hover {
  border-color: #ebd7ff!important;
}

.pt-brd-primary-dark {
  border-color: #804db4!important;
}

.pt-brd-primary-dark--hover:hover {
  border-color: #804db4!important;
}

.pt-brd-secondary {
  border-color: #C7E4FF!important;
}

.pt-brd-secondary--hover:hover {
  border-color: #C7E4FF!important;
}

.pt-brd-secondary-light {
  border-color: #e8f4ff!important;
}

.pt-brd-secondary-light--hover:hover {
  border-color: #e8f4ff!important;
}

.pt-brd-secondary-dark {
  border-color: #8fbeeb!important;
}

.pt-brd-secondary-dark--hover:hover {
  border-color: #8fbeeb!important;
}

.pt-brd-accent {
  border-color: #FF62B3!important;
}

.pt-brd-accent--hover:hover {
  border-color: #FF62B3!important;
}

.pt-brd-accent-light {
  border-color: #ff9bcf!important;
}

.pt-brd-accent-light--hover:hover {
  border-color: #ff9bcf!important;
}

.pt-brd-accent-dark {
  border-color: #e62c8c!important;
}

.pt-brd-accent-dark--hover:hover {
  border-color: #e62c8c!important;
}

.pt-brd-gradient-1 {
  border-color: linear-gradient(to right, #1579e4, #005fc5);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-gradient-1--hover:hover {
  border-color: linear-gradient(to right, #1579e4, #005fc5);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-gradient-2 {
  border-color: linear-gradient(to right, #b075cc, #9739c3);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-gradient-2--hover:hover {
  border-color: linear-gradient(to right, #b075cc, #9739c3);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-gradient-3 {
  border-color: linear-gradient(to right, #f88d69, #f1734a);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-gradient-3--hover:hover {
  border-color: linear-gradient(to right, #f88d69, #f1734a);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-gradient-4 {
  border-color: linear-gradient(to right, #4bb156, #09a017);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-gradient-4--hover:hover {
  border-color: linear-gradient(to right, #4bb156, #09a017);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-white {
  border-color: white!important;
}

.pt-brd-white--hover:hover {
  border-color: white!important;
}

.pt-brd-gray-light {
  border-color: #c0c0c0!important;
}

.pt-brd-gray-light--hover:hover {
  border-color: #c0c0c0!important;
}

.pt-brd-gray-light-1 {
  border-color: #f7f7f7!important;
}

.pt-brd-gray-light-1--hover:hover {
  border-color: #f7f7f7!important;
}

.pt-brd-gray-light-2 {
  border-color: #ececec!important;
}

.pt-brd-gray-light-2--hover:hover {
  border-color: #ececec!important;
}

.pt-brd-gray-light-3 {
  border-color: #dfdfdf!important;
}

.pt-brd-gray-light-3--hover:hover {
  border-color: #dfdfdf!important;
}

.pt-brd-gray-light-4 {
  border-color: #cccccc!important;
}

.pt-brd-gray-light-4--hover:hover {
  border-color: #cccccc!important;
}

.pt-brd-gray-light-5 {
  border-color: #b8b8b8!important;
}

.pt-brd-gray-light-5--hover:hover {
  border-color: #b8b8b8!important;
}

.pt-brd-gray {
  border-color: #808080!important;
}

.pt-brd-gray--hover:hover {
  border-color: #808080!important;
}

.pt-brd-gray-dark {
  border-color: #404040!important;
}

.pt-brd-gray-dark--hover:hover {
  border-color: #404040!important;
}

.pt-brd-gray-dark-1 {
  border-color: #131313!important;
}

.pt-brd-gray-dark-1--hover:hover {
  border-color: #131313!important;
}

.pt-brd-gray-dark-2 {
  border-color: #252525!important;
}

.pt-brd-gray-dark-2--hover:hover {
  border-color: #252525!important;
}

.pt-brd-gray-dark-3 {
  border-color: #363636!important;
}

.pt-brd-gray-dark-3--hover:hover {
  border-color: #363636!important;
}

.pt-brd-gray-dark-4 {
  border-color: #464646!important;
}

.pt-brd-gray-dark-4--hover:hover {
  border-color: #464646!important;
}

.pt-brd-gray-dark-5 {
  border-color: #545454!important;
}

.pt-brd-gray-dark-5--hover:hover {
  border-color: #545454!important;
}

.pt-brd-black {
  border-color: black!important;
}

.pt-brd-black--hover:hover {
  border-color: black!important;
}

.pt-brd-red-dark {
  border-color: #cd0000!important;
}

.pt-brd-red-dark--hover:hover {
  border-color: #cd0000!important;
}

.pt-brd-red {
  border-color: #d72735!important;
}

.pt-brd-red--hover:hover {
  border-color: #d72735!important;
}

.pt-brd-red-light {
  border-color: #fc5656!important;
}

.pt-brd-red-light--hover:hover {
  border-color: #fc5656!important;
}

.pt-brd-orange-dark {
  border-color: #d86500!important;
}

.pt-brd-orange-dark--hover:hover {
  border-color: #d86500!important;
}

.pt-brd-orange {
  border-color: #fa8d49!important;
}

.pt-brd-orange--hover:hover {
  border-color: #fa8d49!important;
}

.pt-brd-orange-light {
  border-color: #f1734a!important;
}

.pt-brd-orange-light--hover:hover {
  border-color: #f1734a!important;
}

.pt-brd-yellow-dark {
  border-color: #f7d100!important;
}

.pt-brd-yellow-dark--hover:hover {
  border-color: #f7d100!important;
}

.pt-brd-yellow {
  border-color: #f0c31c!important;
}

.pt-brd-yellow--hover:hover {
  border-color: #f0c31c!important;
}

.pt-brd-yellow-light {
  border-color: #fff077!important;
}

.pt-brd-yellow-light--hover:hover {
  border-color: #fff077!important;
}

.pt-brd-green-dark {
  border-color: #249a30!important;
}

.pt-brd-green-dark--hover:hover {
  border-color: #249a30!important;
}

.pt-brd-green {
  border-color: #34c141!important;
}

.pt-brd-green--hover:hover {
  border-color: #34c141!important;
}

.pt-brd-green-light {
  border-color: #39d176!important;
}

.pt-brd-green-light--hover:hover {
  border-color: #39d176!important;
}

.pt-brd-blue-dark {
  border-color: #1563b1!important;
}

.pt-brd-blue-dark--hover:hover {
  border-color: #1563b1!important;
}

.pt-brd-blue {
  border-color: #3d8cdb!important;
}

.pt-brd-blue--hover:hover {
  border-color: #3d8cdb!important;
}

.pt-brd-blue-light {
  border-color: #70a9f4!important;
}

.pt-brd-blue-light--hover:hover {
  border-color: #70a9f4!important;
}

.pt-brd-purple-dark {
  border-color: #972fc8!important;
}

.pt-brd-purple-dark--hover:hover {
  border-color: #972fc8!important;
}

.pt-brd-purple {
  border-color: #9e1df0!important;
}

.pt-brd-purple--hover:hover {
  border-color: #9e1df0!important;
}

.pt-brd-purple-light {
  border-color: #bb57eb!important;
}

.pt-brd-purple-light--hover:hover {
  border-color: #bb57eb!important;
}

/* BORDER BOTTOM COLORS -------------------------------------------------------------------------- */
.pt-brd-bot-white {
  border-bottom-color: white!important;
}

.pt-brd-bot-black {
  border-bottom-color: black!important;
}

.pt-brd-bot-primary {
  border-bottom-color: #8c82fc!important;
}

.pt-brd-bot-secondary {
  border-bottom-color: #C7E4FF!important;
}

.pt-brd-bot-accent {
  border-bottom-color: #FF62B3!important;
}

.pt-brd-bot-gradient-1 {
  border-bottom-color: linear-gradient(to right, #1579e4, #005fc5);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-bot-gradient-1--hover:hover {
  border-bottom-color: linear-gradient(to right, #1579e4, #005fc5);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-bot-gradient-2 {
  border-bottom-color: linear-gradient(to right, #b075cc, #9739c3);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-bot-gradient-2--hover:hover {
  border-bottom-color: linear-gradient(to right, #b075cc, #9739c3);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-bot-gradient-3 {
  border-bottom-color: linear-gradient(to right, #f88d69, #f1734a);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-bot-gradient-3--hover:hover {
  border-bottom-color: linear-gradient(to right, #f88d69, #f1734a);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-bot-gradient-4 {
  border-bottom-color: linear-gradient(to right, #4bb156, #09a017);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-bot-gradient-4--hover:hover {
  border-bottom-color: linear-gradient(to right, #4bb156, #09a017);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-bot-red {
  border-bottom-color: #d72735!important;
}

.pt-brd-bot-orange {
  border-bottom-color: #fa8d49!important;
}

.pt-brd-bot-yellow {
  border-bottom-color: #f0c31c!important;
}

.pt-brd-bot-green {
  border-bottom-color: #34c141!important;
}

.pt-brd-bot-blue {
  border-bottom-color: #3d8cdb!important;
}

.pt-brd-bot-purple {
  border-bottom-color: #9e1df0!important;
}

/* BORDER TOP COLORS ----------------------------------------------------------------------------- */
.pt-brd-bot-white {
  border-top-color: white!important;
}

.pt-brd-bot-black {
  border-top-color: black!important;
}

.pt-brd-top-primary {
  border-top-color: #8c82fc!important;
}

.pt-brd-top-secondary {
  border-top-color: #C7E4FF!important;
}

.pt-brd-top-accent {
  border-top-color: #FF62B3!important;
}

.pt-brd-top-gradient-1 {
  border-top-color: linear-gradient(to right, #1579e4, #005fc5);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-top-gradient-1--hover:hover {
  border-top-color: linear-gradient(to right, #1579e4, #005fc5);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-top-gradient-2 {
  border-top-color: linear-gradient(to right, #b075cc, #9739c3);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-top-gradient-2--hover:hover {
  border-top-color: linear-gradient(to right, #b075cc, #9739c3);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-top-gradient-3 {
  border-top-color: linear-gradient(to right, #f88d69, #f1734a);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-top-gradient-3--hover:hover {
  border-top-color: linear-gradient(to right, #f88d69, #f1734a);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-top-gradient-4 {
  border-top-color: linear-gradient(to right, #4bb156, #09a017);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-top-gradient-4--hover:hover {
  border-top-color: linear-gradient(to right, #4bb156, #09a017);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-brd-top-white {
  border-top-color: white!important;
}

.pt-brd-top-black {
  border-top-color: black!important;
}

.pt-brd-top-red {
  border-top-color: #d72735!important;
}

.pt-brd-top-orange {
  border-top-color: #fa8d49!important;
}

.pt-brd-top-yellow {
  border-top-color: #f0c31c!important;
}

.pt-brd-top-green {
  border-top-color: #34c141!important;
}

.pt-brd-top-blue {
  border-top-color: #3d8cdb!important;
}

.pt-brd-top-purple {
  border-top-color: #9e1df0!important;
}

/* DIVIDER COLORS -------------------------------------------------------------------------------- */
.pt-divider-primary::before, .pt-divider-primary::after {
  background-color: #8c82fc!important;
}

.pt-divider-primary-light::before, .pt-divider-primary-light::after {
  background-color: #ebd7ff!important;
}

.pt-divider-primary-dark::before, .pt-divider-primary-dark::after {
  background-color: #804db4!important;
}

.pt-divider-secondary::before, .pt-divider-secondary::after {
  background-color: #C7E4FF!important;
}

.pt-divider-secondary-light::before, .pt-divider-secondary-light::after {
  background-color: #e8f4ff!important;
}

.pt-divider-secondary-dark::before, .pt-divider-secondary-dark::after {
  background-color: #8fbeeb!important;
}

.pt-divider-accent::before, .pt-divider-accent::after {
  background-color: #FF62B3!important;
}

.pt-divider-accent-light::before, .pt-divider-accent-light::after {
  background-color: #ff9bcf!important;
}

.pt-divider-accent-dark::before, .pt-divider-accent-dark::after {
  background-color: #e62c8c!important;
}

.pt-divider-gradient-1::before, .pt-divider-gradient-1::after {
  background-color: linear-gradient(to right, #1579e4, #005fc5);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-divider-gradient-2::before, .pt-divider-gradient-2::after {
  background-color: linear-gradient(to right, #b075cc, #9739c3);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-divider-gradient-3::before, .pt-divider-gradient-3::after {
  background-color: linear-gradient(to right, #f88d69, #f1734a);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-divider-gradient-4::before, .pt-divider-gradient-4::after {
  background-color: linear-gradient(to right, #4bb156, #09a017);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pt-divider-white::before, .pt-divider-white::after {
  background-color: white!important;
}

.pt-divider-gray-light::before, .pt-divider-gray-light::after {
  background-color: #c0c0c0!important;
}

.pt-divider-gray-light-1::before, .pt-divider-gray-light-1::after {
  background-color: #f7f7f7!important;
}

.pt-divider-gray-light-2::before, .pt-divider-gray-light-2::after {
  background-color: #ececec!important;
}

.pt-divider-gray-light-3::before, .pt-divider-gray-light-3::after {
  background-color: #dfdfdf!important;
}

.pt-divider-gray-light-4::before, .pt-divider-gray-light-4::after {
  background-color: #cccccc!important;
}

.pt-divider-gray-light-5::before, .pt-divider-gray-light-5::after {
  background-color: #b8b8b8!important;
}

.pt-divider-gray::before, .pt-divider-gray::after {
  background-color: #808080!important;
}

.pt-divider-gray-dark::before, .pt-divider-gray-dark::after {
  background-color: #404040!important;
}

.pt-divider-gray-dark-1::before, .pt-divider-gray-dark-1::after {
  background-color: #131313!important;
}

.pt-divider-gray-dark-2::before, .pt-divider-gray-dark-2::after {
  background-color: #252525!important;
}

.pt-divider-gray-dark-3::before, .pt-divider-gray-dark-3::after {
  background-color: #363636!important;
}

.pt-divider-gray-dark-4::before, .pt-divider-gray-dark-4::after {
  background-color: #464646!important;
}

.pt-divider-gray-dark-5::before, .pt-divider-gray-dark-5::after {
  background-color: #545454!important;
}

.pt-divider-black::before, .pt-divider-black::after {
  background-color: black!important;
}

.pt-divider-red-dark::before, .pt-divider-red-dark::after {
  background-color: #cd0000!important;
}

.pt-divider-red::before, .pt-divider-red::after{
  background-color: #d72735!important;
}

.pt-divider-red-light::before, .pt-divider-red-light::after {
  background-color: #fc5656!important;
}

.pt-divider-orange-dark::before, .pt-divider-orange-dark::after {
  background-color: #d86500!important;
}

.pt-divider-orange::before, .pt-divider-orange::after {
  background-color: #fa8d49!important;
}

.pt-divider-orange-light::before, .pt-divider-orange-light::after {
  background-color: #f1734a!important;
}

.pt-divider-yellow-dark::before, .pt-divider-yellow-dark::after {
  background-color: #f7d100!important;
}

.pt-divider-yellow::before, .pt-divider-yellow::after {
  background-color: #f0c31c!important;
}

.pt-divider-yellow-light::before, .pt-divider-yellow-light::after {
  background-color: #fff077!important;
}

.pt-divider-green-dark::before, .pt-divider-green-dark::after {
  background-color: #249a30!important;
}

.pt-divider-green::before, .pt-divider-green::after {
  background-color: #34c141!important;
}

.pt-divider-green-light::before, .pt-divider-green-light::after {
  background-color: #39d176!important;
}

.pt-divider-blue-dark::before, .pt-divider-blue-dark::after {
  background-color: #1563b1!important;
}

.pt-divider-blue::before, .pt-divider-blue::after {
  background-color: #3d8cdb!important;
}

.pt-divider-blue-light::before, .pt-divider-blue-light::after {
  background-color: #70a9f4!important;
}

.pt-divider-purple-dark::before, .pt-divider-purple-dark::after {
  background-color: #972fc8!important;
}

.pt-divider-purple::before, .pt-divider-purple::after {
  background-color: #9e1df0!important;
}

.pt-divider-purple-light::before, .pt-divider-purple-light::after {
  background-color: #bb57eb!important;
}

/* BUTTON COLORS --------------------------------------------------------------------------------- */
.pt-btn-primary {
  background-color: #8c82fc;
  color: white;
  border-radius: 5px;
}

.pt-btn-primary:hover {
  background-color: #ebd7ff;
  color: white;
}

.pt-btn-secondary {
  background-color: #C7E4FF;
  color: white;
  border-radius: 5px;
}

.pt-btn-secondary:hover {
  background-color: #e8f4ff;
  color: white;
}

.pt-btn-accent {
  background-color: #FF62B3;
  color: white;
  border-radius: 5px;
}

.pt-btn-accent:hover {
  background-color: #ff9bcf;
  color: white;
}

.pt-btn-gradient-1 {
  background-image: linear-gradient(to right, #1579e4, #005fc5);
  color: white;
  border-radius: 5px;
}

.pt-btn-gradient-1:hover {
  background-image: linear-gradient(to left, #1579e4, #005fc5);
  color: white;
}

.pt-btn-gradient-2 {
  background-image: linear-gradient(to right, #b075cc, #9739c3);
  color: white;
  border-radius: 5px;
}

.pt-btn-gradient-2:hover {
  background-image: linear-gradient(to left, #b075cc, #9739c3);
  color: white;
}

.pt-btn-gradient-3 {
  background-image: linear-gradient(to right, #f88d69, #f1734a);
  color: white;
}

.pt-btn-gradient-3--hover:hover {
  background-image: linear-gradient(to right, #f88d69, #f1734a);
  color: white;
}

.pt-btn-gradient-4 {
  background-image: linear-gradient(to right, #4bb156, #09a017);
  color: white;
}

.pt-btn-gradient-4--hover:hover {
  background-image: linear-gradient(to right, #4bb156, #09a017);
  color: white;
}

.pt-btn-clear {
  background-color: #ffffff00!important;
  color: black;
  border-radius: 5px;
}

.pt-btn-clear--hover:hover {
  background-color: #ffffff00!important;
  color: black;
  border-radius: 5px;
}

.pt-btn-white {
  background-color: white;
  color: black;
  border-radius: 5px;
}

.pt-btn-white:hover {
  background-color: #c2c2c2;
  color: #c2c2c2;
}

.pt-btn-gray-light {
  background-color: #c0c0c0;
  color: white;
}

.pt-btn-gray-light:hover {
  background-color: #d1d1d1;
  color: white;
}

.pt-btn-gray {
  background-color: #808080;
  color: white;
}

.pt-btn-gray:hover {
  background-color: #c0c0c0;
  color: white;
}

.pt-btn-gray-dark {
  background-color: #404040;
  color: white;
}

.pt-btn-gray-dark:hover {
  background-color: #808080;
  color: white;
}

.pt-btn-black {
  background-color: black;
  color: white;
  border-radius: 5px;
}

.pt-btn-black:hover {
  background-color: #202020;
  color: white;
}

.pt-btn-red-dark {
  background-color: #cd0000;
  color: white;
}

.pt-btn-red-dark:hover {
  background-color: #d72735;
  color: white;
}

.pt-btn-red {
  background-color: #d72735;
  color: white;
  border-radius: 5px;
}

.pt-btn-red:hover {
  background-color: #fc5656;
  color: white;
}

.pt-btn-red-light {
  background-color: #fc5656;
  color: white;
}

.pt-btn-red-light:hover {
  background-color: #fc7e7e;
  color: white;
}

.pt-btn-orange-dark {
  background-color: #d86500;
  color: white;
}

.pt-btn-orange-dark:hover {
  background-color: #fa8d49;
  color: white;
}

.pt-btn-orange {
  background-color: #fa8d49;
  color: white;
  border-radius: 5px;
}

.pt-btn-orange:hover {
  background-color: #f1734a;
  color: white;
}

.pt-btn-orange-light {
  background-color: #f1734a;
  color: white;
}

.pt-btn-orange-light:hover {
  background-color: #ffa65d;
  color: white;
}

.pt-btn-yellow-dark {
  background-color: #f7d100;
  color: white;
}

.pt-btn-yellow-dark:hover {
  background-color: #f0c31c;
  color: white;
}

.pt-btn-yellow {
  background-color: #f0c31c;
  color: white;
  border-radius: 5px;
}

.pt-btn-yellow:hover {
  background-color: #fff077;
  color: white;
}

.pt-btn-yellow-light {
  background-color: #fff077;
  color: white;
}

.pt-btn-yellow-light:hover {
  background-color: #fff89d;
  color: white;
}

.pt-btn-green-dark {
  background-color: #249a30;
  color: white;
}

.pt-btn-green-dark:hover {
  background-color: #34c141;
  color: white;
}

.pt-btn-green {
  background-color: #34c141;
  color: white;
  border-radius: 5px;
}

.pt-btn-green:hover {
  background-color: #39d176;
  color: white;
}

.pt-btn-green-light {
  background-color: #39d176;
  color: white;
}

.pt-btn-green-light:hover {
  background-color: #aef5a7;
  color: white;
}

.pt-btn-blue-dark {
  background-color: #1563b1;
  color: white;
}

.pt-btn-blue-dark:hover {
  background-color: #3d8cdb;
  color: white;
}

.pt-btn-blue {
  background-color: #3d8cdb;
  color: white;
  border-radius: 5px;
}

.pt-btn-blue:hover {
  background-color: #70a9f4;
  color: white;
}

.pt-btn-blue-light {
  background-color: #70a9f4;
  color: white;
}

.pt-btn-blue-light:hover {
  background-color: #89bef3;
  color: white;
}

.pt-btn-purple-dark {
  background-color: #972fc8;
  color: white;
}

.pt-btn-purple-dark:hover {
  background-color: #9e1df0;
  color: white;
}

.pt-btn-purple {
  background-color: #9e1df0;
  color: white;
  border-radius: 5px;
}

.pt-btn-purple:hover {
  background-color: #bb57eb;
  color: white;
}

.pt-btn-purple-light {
  background-color: #bb57eb;
  color: white;
}

.pt-btn-purple-light:hover {
  background-color: #d18cf1;
  color: white;
}

/* OUTLINE BUTTON COLORS -------------------------------------------------------------------------- */
.pt-btn-outline-primary {
  border-color: #8c82fc;
  background-color: #00000000;
  color: #8c82fc;
  border-radius: 5px;
}

.pt-btn-outline-primary:hover {
  background-color: #8c82fc;
  color: white;
}

.pt-btn-outline-secondary {
  border-color: #C7E4FF;
  background-color: #00000000;
  color: #C7E4FF;
  border-radius: 5px;
}

.pt-btn-outline-secondary:hover {
  background-color: #C7E4FF;
  color: white;
}

.pt-btn-outline-accent {
  border-color: #FF62B3;
  background-color: #00000000;
  color: #FF62B3;
  border-radius: 5px;
}

.pt-btn-outline-accent:hover {
  background-color: #FF62B3;
  color: white;
}

.pt-btn-outline-gradient-1 {
  border-image: linear-gradient(to right, #1579e4, #005fc5);
  background: linear-gradient(to right, #1579e4, #005fc5);
  background-color: #00000000;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  border-image-slice: 1;
}

.pt-btn-outline-gradient-1:hover {
  border-image: linear-gradient(to left, #1579e4, #005fc5);
  background: linear-gradient(to left, #1579e4, #005fc5);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  border-image-slice: 1;
}

.pt-btn-outline-gradient-2 {
  border-image: linear-gradient(to right, #b075cc, #9739c3);
  background: linear-gradient(to right, #b075cc, #9739c3);
  background-color: #00000000;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  border-image-slice: 1;
}

.pt-btn-outline-gradient-2:hover {
  border-image: linear-gradient(to left, #b075cc, #9739c3);
  background: linear-gradient(to left, #b075cc, #9739c3);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  border-image-slice: 1;
}

.pt-btn-outline-gradient-3 {
  border-image: linear-gradient(to left, #f88d69, #f1734a);
  background: linear-gradient(to left, #f88d69, #f1734a);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  border-image-slice: 1;
}

.pt-btn-outline-gradient-3--hover:hover {
  border-image: linear-gradient(to left, #f88d69, #f1734a);
  background: linear-gradient(to left, #f88d69, #f1734a);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  border-image-slice: 1;
}

.pt-btn-outline-gradient-4 {
  border-image: linear-gradient(to left, #4bb156, #09a017);
  background: linear-gradient(to left, #4bb156, #09a017);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  border-image-slice: 1;
}

.pt-btn-outline-gradient-4--hover:hover {
  border-image: linear-gradient(to left, #4bb156, #09a017);
  background: linear-gradient(to left, #4bb156, #09a017);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  border-image-slice: 1;
}

.pt-btn-outline-white {
  border-color: white;
  background-color: #00000000;
  color: white;
  border-radius: 5px;
}

.pt-btn-outline-white:hover {
  background-color: white;
  color: black;
}

.pt-btn-outline-gray-light {
  border-color: #c0c0c0;
  background-color: #00000000;
  color: #c0c0c0;
  border-radius: 5px;
}

.pt-btn-outline-gray-light:hover {
  background-color: #c0c0c0;
  color: white;
}

.pt-btn-outline-gray {
  border-color: #808080;
  background-color: #00000000;
  color: #808080;
  border-radius: 5px;
}

.pt-btn-outline-gray:hover {
  background-color: #808080;
  color: white;
}

.pt-btn-outline-gray-dark {
  border-color: #404040;
  background-color: #00000000;
  color: #404040;
  border-radius: 5px;
}

.pt-btn-outline-gray-dark:hover {
  background-color: #404040;
  color: white;
}

.pt-btn-outline-black {
  border-color: black;
  background-color: #00000000;
  color: black;
  border-radius: 5px;
}

.pt-btn-outline-black:hover {
  background-color: black;
  color: white;
}

.pt-btn-outline-red-dark {
  border-color: #cd0000;
  background-color: #00000000;
  color: #cd0000;
  border-radius: 5px;
}

.pt-btn-outline-red-dark:hover {
  background-color: #cd0000;
  color: white;
}

.pt-btn-outline-red {
  border-color: #d72735;
  background-color: #00000000;
  color: #d72735;
  border-radius: 5px;
}

.pt-btn-outline-red:hover {
  background-color: #fc5656;
  color: white;
}

.pt-btn-outline-red-light {
  border-color: #fc5656;
  background-color: #00000000;
  color: #fc5656;
  border-radius: 5px;
}

.pt-btn-outline-red-light:hover {
  background-color: #fc5656;
  color: white;
}

.pt-btn-outline-orange-dark {
  border-color: #d86500;
  background-color: #00000000;
  color: #d86500;
  border-radius: 5px;
}

.pt-btn-outline-orange-dark:hover {
  background-color: #d86500;
  color: white;
}

.pt-btn-outline-orange {
  border-color: #fa8d49;
  background-color: #00000000;
  color: #fa8d49;
  border-radius: 5px;
}

.pt-btn-outline-orange:hover {
  background-color: #fa8d49;
  color: white;
}

.pt-btn-outline-orange-light {
  border-color: #f1734a;
  background-color: #00000000;
  color: #f1734a;
  border-radius: 5px;
}

.pt-btn-outline-orange-light:hover {
  background-color: #f1734a;
  color: white;
}

.pt-btn-outline-yellow-dark {
  border-color: #f7d100;
  background-color: #00000000;
  color: #f7d100;
  border-radius: 5px;
}

.pt-btn-outline-yellow-dark:hover {
  background-color: #f7d100;
  color: white;
}

.pt-btn-outline-yellow {
  border-color: #f0c31c;
  background-color: #00000000;
  color: #f0c31c;
  border-radius: 5px;
}

.pt-btn-outline-yellow:hover {
  background-color: #f0c31c;
  color: white;
}

.pt-btn-outline-yellow-light {
  border-color: #fff077;
  background-color: #00000000;
  color: #fff077;
  border-radius: 5px;
}

.pt-btn-outline-yellow-light:hover {
  background-color: #fff077;
  color: white;
}

.pt-btn-outline-green-dark {
  border-color: #249a30;
  background-color: #00000000;
  color: #249a30;
  border-radius: 5px;
}

.pt-btn-outline-green-dark:hover {
  background-color: #249a30;
  color: white;
}

.pt-btn-outline-green {
  border-color: #34c141;
  background-color: #00000000;
  color: #34c141;
  border-radius: 5px;
}

.pt-btn-outline-green:hover {
  background-color: #34c141;
  color: white;
}

.pt-btn-outline-green-light {
  border-color: #39d176;
  background-color: #00000000;
  color: #39d176;
  border-radius: 5px;
}

.pt-btn-outline-green-light:hover {
  background-color: #39d176;
  color: white;
}

.pt-btn-outline-blue-dark {
  border-color: #1563b1;
  background-color: #00000000;
  color: #1563b1;
  border-radius: 5px;
}

.pt-btn-outline-blue-dark:hover {
  background-color: #1563b1;
  color: white;
}

.pt-btn-outline-blue {
  border-color: #3d8cdb;
  background-color: #00000000;
  color: #3d8cdb;
  border-radius: 5px;
}

.pt-btn-outline-blue:hover {
  background-color: #3d8cdb;
  color: white;
}

.pt-btn-outline-blue-light {
  border-color: #70a9f4;
  background-color: #00000000;
  color: #70a9f4;
  border-radius: 5px;
}

.pt-btn-outline-blue-light:hover {
  background-color: #70a9f4;
  color: white;
}

.pt-btn-outline-purple-dark {
  border-color: #972fc8;
  background-color: #00000000;
  color: #972fc8;
  border-radius: 5px;
}

.pt-btn-outline-purple-dark:hover {
  background-color: #972fc8;
  color: white;
}

.pt-btn-outline-purple {
  border-color: #9e1df0;
  background-color: #00000000;
  color: #9e1df0;
  border-radius: 5px;
}

.pt-btn-outline-purple:hover {
  background-color: #9e1df0;
  color: white;
}

.pt-btn-outline-purple-light {
  border-color: #bb57eb;
  background-color: #00000000;
  color: #bb57eb;
  border-radius: 5px;
}

.pt-btn-outline-purple-light:hover {
  background-color: #bb57eb;
  color: white;
}


/* RING BUTTON COLORS ----------------------------------------------------------------------------- */
.pt-ring-btn-primary {
  position: relative;
  background-color: #8c82fc;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-primary::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #8c82fc;
}

.pt-ring-btn-primary:hover {
  background-color: #ebd7ff;
  color: white;
}

.pt-ring-btn-primary:hover::before {
  border-color: #ebd7ff;
}

.pt-ring-btn-primary-light {
  position: relative;
  background-color: #ebd7ff;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-primary-light::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #ebd7ff;
}

.pt-ring-btn-primary-light:hover {
  background-color: #8c82fc;
  color: white;
}

.pt-ring-btn-primary-light:hover::before {
  border-color: #8c82fc;
}

.pt-ring-btn-primary-dark {
  position: relative;
  background-color: #804db4;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-primary-dark::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #804db4;
}

.pt-ring-btn-primary-dark:hover {
  background-color: #8c82fc;
  color: white;
}

.pt-ring-btn-primary-dark:hover::before {
  border-color: #8c82fc;
}

.pt-ring-btn-secondary {
  position: relative;
  background-color: #C7E4FF;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-secondary::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #C7E4FF;
}

.pt-ring-btn-secondary:hover {
  background-color: #e8f4ff;
  color: white;
}

.pt-ring-btn-secondary:hover::before {
  border-color: #e8f4ff;
}

.pt-ring-btn-secondary-light {
  position: relative;
  background-color: #e8f4ff;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-secondary-light::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #e8f4ff;
}

.pt-ring-btn-secondary-light:hover {
  background-color: #C7E4FF;
  color: white;
}

.pt-ring-btn-secondary-light:hover::before {
  border-color: #C7E4FF;
}

.pt-ring-btn-secondary-dark {
  position: relative;
  background-color: #8fbeeb;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-secondary-dark::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #8fbeeb;
}

.pt-ring-btn-secondary-dark:hover {
  background-color: #C7E4FF;
  color: white;
}

.pt-ring-btn-secondary-dark:hover::before {
  border-color: #C7E4FF;
}

.pt-ring-btn-accent {
  position: relative;
  background-color: #FF62B3;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-accent::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #FF62B3;
}

.pt-ring-btn-accent:hover {
  background-color: #ff9bcf;
  color: white;
}

.pt-ring-btn-accent:hover::before {
  border-color: #ff9bcf;
}

.pt-ring-btn-accent-light {
  position: relative;
  background-color: #ff9bcf;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-accent-light::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #ff9bcf;
}

.pt-ring-btn-accent-light:hover {
  background-color: #FF62B3;
  color: white;
}

.pt-ring-btn-accent-light:hover::before {
  border-color: #FF62B3;
}

.pt-ring-btn-accent-dark {
  position: relative;
  background-color: #e62c8c;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-accent-dark::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #e62c8c;
}

.pt-ring-btn-accent-dark:hover {
  background-color: #FF62B3;
  color: white;
}

.pt-ring-btn-accent-dark:hover::before {
  border-color: #FF62B3;
}

.pt-ring-btn-gradient-1 {
  position: relative;
  background-image: linear-gradient(to right, #1579e4, #005fc5);
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-gradient-1::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid linear-gradient(to right, #1579e4, #005fc5);
  border-image: linear-gradient(to right, #1579e4, #005fc5);
  background: linear-gradient(to right, #1579e4, #005fc5);
  background-color: #00000000;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  border-image-slice: 1;
}

.pt-ring-btn-gradient-1:hover {
  background-image: linear-gradient(to left, #1579e4, #005fc5);
  color: white;
}

.pt-ring-btn-gradient-1:hover::before {
  border-image: linear-gradient(to left, #1579e4, #005fc5);
  background: linear-gradient(to left, #1579e4, #005fc5);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  border-image-slice: 1;
}

.pt-ring-btn-gradient-2 {
  position: relative;
  background-image: linear-gradient(to right, #b075cc, #9739c3);
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-gradient-2::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid linear-gradient(to right, #1579e4, #005fc5);
  border-image: linear-gradient(to right, #b075cc, #9739c3);
  background: linear-gradient(to right, #b075cc, #9739c3);
  background-color: #00000000;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  border-image-slice: 1;
}

.pt-ring-btn-gradient-2:hover {
  background-image: linear-gradient(to left, #b075cc, #9739c3);
  color: white;
}

.pt-ring-btn-gradient-2:hover::before {
  border-image: linear-gradient(to left, #b075cc, #9739c3);
  background: linear-gradient(to left, #b075cc, #9739c3);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  border-image-slice: 1;
}

.pt-ring-btn-gradient-3 {
  position: relative;
  background-image: linear-gradient(to right, #f88d69, #f1734a);
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-gradient-3::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid linear-gradient(to right, #1579e4, #005fc5);
  border-image: linear-gradient(to left, #f88d69, #f1734a);
  background: linear-gradient(to left, #f88d69, #f1734a);
  background-color: #00000000;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  border-image-slice: 1;
}

.pt-ring-btn-gradient-3:hover {
  background-image: linear-gradient(to right, #f88d69, #f1734a);
  color: white;
}

.pt-ring-btn-gradient-3:hover::before {
  border-image: linear-gradient(to left, #f88d69, #f1734a);
  background: linear-gradient(to left, #f88d69, #f1734a);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  border-image-slice: 1;
}

.pt-ring-btn-gradient-4 {
  position: relative;
  background-image: linear-gradient(to right, #4bb156, #09a017);
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-gradient-4::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid linear-gradient(to right, #1579e4, #005fc5);
  border-image: linear-gradient(to left, #4bb156, #09a017);
  background: linear-gradient(to left, #4bb156, #09a017);
  background-color: #00000000;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  border-image-slice: 1;
}

.pt-ring-btn-gradient-4:hover {
  background-image: linear-gradient(to right, #4bb156, #09a017);
  color: white;
}

.pt-ring-btn-gradient-4:hover::before {
  border-image: linear-gradient(to left, #4bb156, #09a017);
  background: linear-gradient(to left, #4bb156, #09a017);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  border-image-slice: 1;
}

.pt-ring-btn-clear {
  position: relative;
  background-color: #ffffff00!important;
  color: black;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-clear::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #ffffff00;
}

.pt-ring-btn-white {
  position: relative;
  background-color: white;
  color: black;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-white::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid white;
}

.pt-ring-btn-white:hover {
  background-color: #c2c2c2;
  color: #c2c2c2;
}

.pt-ring-btn-white:hover::before {
  border-color: #c2c2c2;
}

.pt-ring-btn-black {
  position: relative;
  background-color: black;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-black::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid black;
}

.pt-ring-btn-black:hover {
  background-color: #202020;
  color: white;
}

.pt-ring-btn-black:hover::before {
  border-color: #202020;
}

.pt-ring-btn-gray {
  position: relative;
  background-color: #808080;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-gray::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #808080;
}

.pt-ring-btn-gray:hover {
  background-color: #c0c0c0;
  color: white;
}

.pt-ring-btn-gray:hover::before {
  border-color: #c0c0c0;
}

.pt-ring-btn-gray-light {
  position: relative;
  background-color: #c0c0c0;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-gray-light::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #c0c0c0;
}

.pt-ring-btn-gray-light:hover {
  background-color: #808080;
  color: white;
}

.pt-ring-btn-gray-light:hover::before {
  border-color: #808080;
}

.pt-ring-btn-gray-dark {
  position: relative;
  background-color: #404040;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-gray-dark::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #404040;
}

.pt-ring-btn-gray-dark:hover {
  background-color: #808080;
  color: white;
}

.pt-ring-btn-gray-dark:hover::before {
  border-color: #808080;
}

.pt-ring-btn-red {
  position: relative;
  background-color: #d72735;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-red::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #d72735;
}

.pt-ring-btn-red:hover {
  background-color: #fc5656;
  color: white;
}

.pt-ring-btn-red:hover::before {
  border-color: #fc5656;
}

.pt-ring-btn-red-light {
  position: relative;
  background-color: #fc5656;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-red-light::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #fc5656;
}

.pt-ring-btn-red-light:hover {
  background-color: #d72735;
  color: white;
}

.pt-ring-btn-red-light:hover::before {
  border-color: #d72735;
}

.pt-ring-btn-red-dark {
  position: relative;
  background-color: #cd0000;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-red-dark::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #cd0000;
}

.pt-ring-btn-red-dark:hover {
  background-color: #d72735;
  color: white;
}

.pt-ring-btn-red-dark:hover::before {
  border-color: #d72735;
}

.pt-ring-btn-orange {
  position: relative;
  background-color: #fa8d49;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-orange::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #fa8d49;
}

.pt-ring-btn-orange:hover {
  background-color: #f1734a;
  color: white;
}

.pt-ring-btn-orange:hover::before {
  border-color: #f1734a;
}

.pt-ring-btn-orange-light {
  position: relative;
  background-color: #f1734a;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-orange-light::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #f1734a;
}

.pt-ring-btn-orange-light:hover {
  background-color: #fa8d49;
  color: white;
}

.pt-ring-btn-orange-light:hover::before {
  border-color: #fa8d49;
}

.pt-ring-btn-orange-dark {
  position: relative;
  background-color: #d86500;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-orange-dark::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #d86500;
}

.pt-ring-btn-orange-dark:hover {
  background-color: #fa8d49;
  color: white;
}

.pt-ring-btn-orange-dark:hover::before {
  border-color: #fa8d49;
}

.pt-ring-btn-yellow {
  position: relative;
  background-color: #f0c31c;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-yellow::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #f0c31c;
}

.pt-ring-btn-yellow:hover {
  background-color: #fff077;
  color: white;
}

.pt-ring-btn-yellow:hover::before {
  border-color: #fff077;
}

.pt-ring-btn-yellow-light {
  position: relative;
  background-color: #fff077;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-yellow-light::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #fff077;
}

.pt-ring-btn-yellow-light:hover {
  background-color: #f0c31c;
  color: white;
}

.pt-ring-btn-yellow-light:hover::before {
  border-color: #f0c31c;
}

.pt-ring-btn-yellow-dark {
  position: relative;
  background-color: #f7d100;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-yellow-dark::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #f7d100;
}

.pt-ring-btn-yellow-dark:hover {
  background-color: #f0c31c;
  color: white;
}

.pt-ring-btn-yellow-dark:hover::before {
  border-color: #f0c31c;
}

.pt-ring-btn-green {
  position: relative;
  background-color: #34c141;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-green::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #34c141;
}

.pt-ring-btn-green:hover {
  background-color: #39d176;
  color: white;
}

.pt-ring-btn-green:hover::before {
  border-color: #39d176;
}

.pt-ring-btn-green-light {
  position: relative;
  background-color: #39d176;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-green-light::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #39d176;
}

.pt-ring-btn-green-light:hover {
  background-color: #34c141;
  color: white;
}

.pt-ring-btn-green-light:hover::before {
  border-color: #34c141;
}

.pt-ring-btn-green-dark {
  position: relative;
  background-color: #249a30;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-green-dark::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #249a30;
}

.pt-ring-btn-green-dark:hover {
  background-color: #34c141;
  color: white;
}

.pt-ring-btn-green-dark:hover::before {
  border-color: #34c141;
}

.pt-ring-btn-blue {
  position: relative;
  background-color: #3d8cdb;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-blue::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #3d8cdb;
}

.pt-ring-btn-blue:hover {
  background-color: #70a9f4;
  color: white;
}

.pt-ring-btn-blue:hover::before {
  border-color: #70a9f4;
}

.pt-ring-btn-blue-light {
  position: relative;
  background-color: #70a9f4;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-blue-light::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #70a9f4;
}

.pt-ring-btn-blue-light:hover {
  background-color: #3d8cdb;
  color: white;
}

.pt-ring-btn-blue-light:hover::before {
  border-color: #3d8cdb;
}

.pt-ring-btn-blue-dark {
  position: relative;
  background-color: #1563b1;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-blue-dark::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #1563b1;
}

.pt-ring-btn-blue-dark:hover {
  background-color: #3d8cdb;
  color: white;
}

.pt-ring-btn-blue-dark:hover::before {
  border-color: #3d8cdb;
}

.pt-ring-btn-purple {
  position: relative;
  background-color: #9e1df0;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-purple::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #9e1df0;
}

.pt-ring-btn-purple:hover {
  background-color: #bb57eb;
  color: white;
}

.pt-ring-btn-purple:hover::before {
  border-color: #bb57eb;
}

.pt-ring-btn-purple-light {
  position: relative;
  background-color: #bb57eb;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-purple-light::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #bb57eb;
}

.pt-ring-btn-purple-light:hover {
  background-color: #9e1df0;
  color: white;
}

.pt-ring-btn-purple-light:hover::before {
  border-color: #9e1df0;
}

.pt-ring-btn-purple-dark {
  position: relative;
  background-color: #972fc8;
  color: white;
  padding: 5px 20px;
  border: 0;
}

.pt-ring-btn-purple-dark::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #972fc8;
}

.pt-ring-btn-purple-dark:hover {
  background-color: #9e1df0;
  color: white;
}

.pt-ring-btn-purple-dark:hover::before {
  border-color: #9e1df0;
}


/* ICON OUTLINE COLOR ---------------------------------------------------------------------------- */
.pt-icon-outline-gradient-1 {
  border-image: linear-gradient(to right, #1579e4, #005fc5);
  background: linear-gradient(to right, #1579e4, #005fc5);
  background-color: #00000000;
  -webkit-background-clip: text;
  border-image-slice: 1;
}

.pt-icon-outline-gradient-2 {
  border-image: linear-gradient(to right, #b075cc, #9739c3);
  background: linear-gradient(to right, #b075cc, #9739c3);
  background-color: #00000000;
  -webkit-background-clip: text;
  border-image-slice: 1;
}

.pt-icon-outline-gradient-3 {
  border-image: linear-gradient(to left, #f88d69, #f1734a);
  background: linear-gradient(to left, #f88d69, #f1734a);
  -webkit-background-clip: text;
  border-image-slice: 1;
}

.pt-icon-outline-gradient-4 {
  border-image: linear-gradient(to left, #4bb156, #09a017);
  background: linear-gradient(to left, #4bb156, #09a017);
  -webkit-background-clip: text;
  border-image-slice: 1;
}


/* TEXT DECORATION COLOR ------------------------------------------------------------------------- */
.pt-text-decoration-color-primary {
  text-decoration-color: #8c82fc!important;
}

.pt-text-decoration-color-primary--hover:hover {
  text-decoration-color: #8c82fc!important;
}

.pt-text-decoration-color-primary-light {
  text-decoration-color: #ebd7ff!important;
}

.pt-text-decoration-color-primary-light--hover:hover {
  text-decoration-color: #ebd7ff!important;
}

.pt-text-decoration-color-primary-dark {
  text-decoration-color: #804db4!important;
}

.pt-text-decoration-color-primary-dark--hover:hover {
  text-decoration-color: #804db4!important;
}

.pt-text-decoration-color-secondary {
  text-decoration-color: #C7E4FF!important;
}

.pt-text-decoration-color-secondary--hover:hover {
  text-decoration-color: #C7E4FF!important;
}

.pt-text-decoration-color-secondary-light {
  text-decoration-color: #e8f4ff!important;
}

.pt-text-decoration-color-secondary-light--hover:hover {
  text-decoration-color: #e8f4ff!important;
}

.pt-text-decoration-color-secondary-dark {
  text-decoration-color: #8fbeeb!important;
}

.pt-text-decoration-color-secondary-dark--hover:hover {
  text-decoration-color: #8fbeeb!important;
}

.pt-text-decoration-color-accent {
  text-decoration-color: #FF62B3!important;
}

.pt-text-decoration-color-accent--hover:hover {
  text-decoration-color: #FF62B3!important;
}

.pt-text-decoration-color-accent-light {
  text-decoration-color: #ff9bcf!important;
}

.pt-text-decoration-color-accent-light--hover:hover {
  text-decoration-color: #ff9bcf!important;
}

.pt-text-decoration-color-accent-dark {
  text-decoration-color: #e62c8c!important;
}

.pt-text-decoration-color-accent-dark--hover:hover {
  text-decoration-color: #e62c8c!important;
}

.pt-text-decoration-color-gradient-1 {
  background: linear-gradient(to right, #1579e4, #005fc5);
  -webkit-text-fill-text-decoration-color: transparent;
  -webkit-background-clip: text;
}

.pt-text-decoration-color-gradient-1--hover:hover {
  background: linear-gradient(to right, #1579e4, #005fc5);
  -webkit-text-fill-text-decoration-color: transparent;
  -webkit-background-clip: text;
}

.pt-text-decoration-color-gradient-2 {
  background: linear-gradient(to right, #b075cc, #9739c3);
  -webkit-text-fill-text-decoration-color: transparent;
  -webkit-background-clip: text;
}

.pt-text-decoration-color-gradient-2--hover:hover {
  background: linear-gradient(to right, #b075cc, #9739c3);
  -webkit-text-fill-text-decoration-color: transparent;
  -webkit-background-clip: text;
}

.pt-text-decoration-color-white {
  text-decoration-color: white!important;
}

.pt-text-decoration-color-white--hover:hover {
  text-decoration-color: white!important;
}

.pt-text-decoration-color-gray-light {
  text-decoration-color: #c0c0c0!important;
}

.pt-text-decoration-color-gray-light--hover:hover {
  text-decoration-color: #c0c0c0!important;
}

.pt-text-decoration-color-gray-light-1 {
  text-decoration-color: #f7f7f7!important;
}

.pt-text-decoration-color-gray-light-1--hover:hover {
  text-decoration-color: #f7f7f7!important;
}

.pt-text-decoration-color-gray-light-2 {
  text-decoration-color: #ececec!important;
}

.pt-text-decoration-color-gray-light-2--hover:hover {
  text-decoration-color: #ececec!important;
}

.pt-text-decoration-color-gray-light-3 {
  text-decoration-color: #dfdfdf!important;
}

.pt-text-decoration-color-gray-light-3--hover:hover {
  text-decoration-color: #dfdfdf!important;
}

.pt-text-decoration-color-gray-light-4 {
  text-decoration-color: #cccccc!important;
}

.pt-text-decoration-color-gray-light-4--hover:hover {
  text-decoration-color: #cccccc!important;
}

.pt-text-decoration-color-gray-light-5 {
  text-decoration-color: #b8b8b8!important;
}

.pt-text-decoration-color-gray-light-5--hover:hover {
  text-decoration-color: #b8b8b8!important;
}

.pt-text-decoration-color-gray {
  text-decoration-color: #808080!important;
}

.pt-text-decoration-color-gray--hover:hover {
  text-decoration-color: #808080!important;
}

.pt-text-decoration-color-gray-dark {
  text-decoration-color: #404040!important;
}

.pt-text-decoration-color-gray-dark--hover:hover {
  text-decoration-color: #404040!important;
}

.pt-text-decoration-color-gray-dark-1 {
  text-decoration-color: #131313!important;
}

.pt-text-decoration-color-gray-dark-1--hover:hover {
  text-decoration-color: #131313!important;
}

.pt-text-decoration-color-gray-dark-2 {
  text-decoration-color: #252525!important;
}

.pt-text-decoration-color-gray-dark-2--hover:hover {
  text-decoration-color: #252525!important;
}

.pt-text-decoration-color-gray-dark-3 {
  text-decoration-color: #363636!important;
}

.pt-text-decoration-color-gray-dark-3--hover:hover {
  text-decoration-color: #363636!important;
}

.pt-text-decoration-color-gray-dark-4 {
  text-decoration-color: #464646!important;
}

.pt-text-decoration-color-gray-dark-4--hover:hover {
  text-decoration-color: #464646!important;
}

.pt-text-decoration-color-gray-dark-5 {
  text-decoration-color: #545454!important;
}

.pt-text-decoration-color-gray-dark-5--hover:hover {
  text-decoration-color: #545454!important;
}

.pt-text-decoration-color-black {
  text-decoration-color: black!important;
}

.pt-text-decoration-color-black--hover:hover {
  text-decoration-color: black!important;
}

.pt-text-decoration-color-red-dark {
  text-decoration-color: #cd0000!important;
}

.pt-text-decoration-color-red-dark--hover:hover {
  text-decoration-color: #cd0000!important;
}

.pt-text-decoration-color-red {
  text-decoration-color: #d72735!important;
}

.pt-text-decoration-color-red--hover:hover {
  text-decoration-color: #d72735!important;
}

.pt-text-decoration-color-red-light {
  text-decoration-color: #fc5656!important;
}

.pt-text-decoration-color-red-light--hover:hover {
  text-decoration-color: #fc5656!important;
}

.pt-text-decoration-color-orange-dark {
  text-decoration-color: #d86500!important;
}

.pt-text-decoration-color-orange-dark--hover:hover {
  text-decoration-color: #d86500!important;
}

.pt-text-decoration-color-orange {
  text-decoration-color: #fa8d49!important;
}

.pt-text-decoration-color-orange--hover:hover {
  text-decoration-color: #fa8d49!important;
}

.pt-text-decoration-color-orange-light {
  text-decoration-color: #f1734a!important;
}

.pt-text-decoration-color-orange-light--hover:hover {
  text-decoration-color: #f1734a!important;
}

.pt-text-decoration-color-yellow-dark {
  text-decoration-color: #f7d100!important;
}

.pt-text-decoration-color-yellow-dark--hover:hover {
  text-decoration-color: #f7d100!important;
}

.pt-text-decoration-color-yellow {
  text-decoration-color: #f0c31c!important;
}

.pt-text-decoration-color-yellow--hover:hover {
  text-decoration-color: #f0c31c!important;
}

.pt-text-decoration-color-yellow-light {
  text-decoration-color: #fff077!important;
}

.pt-text-decoration-color-yellow-light--hover:hover {
  text-decoration-color: #fff077!important;
}

.pt-text-decoration-color-green-dark {
  text-decoration-color: #249a30!important;
}

.pt-text-decoration-color-green-dark--hover:hover {
  text-decoration-color: #249a30!important;
}

.pt-text-decoration-color-green {
  text-decoration-color: #34c141!important;
}

.pt-text-decoration-color-green--hover:hover {
  text-decoration-color: #34c141!important;
}

.pt-text-decoration-color-green-light {
  text-decoration-color: #39d176!important;
}

.pt-text-decoration-color-green-light--hover:hover {
  text-decoration-color: #39d176!important;
}

.pt-text-decoration-color-blue-dark {
  text-decoration-color: #1563b1!important;
}

.pt-text-decoration-color-blue-dark--hover:hover {
  text-decoration-color: #1563b1!important;
}

.pt-text-decoration-color-blue {
  text-decoration-color: #3d8cdb!important;
}

.pt-text-decoration-color-blue--hover:hover {
  text-decoration-color: #3d8cdb!important;
}

.pt-text-decoration-color-blue-light {
  text-decoration-color: #70a9f4!important;
}

.pt-text-decoration-color-blue-light--hover:hover {
  text-decoration-color: #70a9f4!important;
}

.pt-text-decoration-color-purple-dark {
  text-decoration-color: #972fc8!important;
}

.pt-text-decoration-color-purple-dark--hover:hover {
  text-decoration-color: #972fc8!important;
}

.pt-text-decoration-color-purple {
  text-decoration-color: #9e1df0!important;
}

.pt-text-decoration-color-purple--hover:hover {
  text-decoration-color: #9e1df0!important;
}

.pt-text-decoration-color-purple-light {
  text-decoration-color: #bb57eb!important;
}

.pt-text-decoration-color-purple-light--hover:hover {
  text-decoration-color: #bb57eb!important;
}

/* ACTIVE ACCORDION TEXT COLOR ------------------------------------------------------------------- */
.active .pt-active-accordion-primary {
  color: #8c82fc!important;
}

.active .pt-active-accordion-primary-light {
  color: #ebd7ff!important;
}

.active .pt-active-accordion-primary-dark {
  color: #804db4!important;
}

.active .pt-active-accordion-secondary {
  color: #C7E4FF!important;
}

.active .pt-active-accordion-secondary-light {
  color: #e8f4ff!important;
}

.active .pt-active-accordion-secondary-dark {
  color: #8fbeeb!important;
}

.active .pt-active-accordion-accent {
  color: #FF62B3!important;
}

.active .pt-active-accordion-accent-light {
  color: #ff9bcf!important;
}

.active .pt-active-accordion-accent-dark {
  color: #e62c8c!important;
}

.active .pt-active-accordion-gradient-1 {
  background: linear-gradient(to right, #1579e4, #005fc5);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.active .pt-active-accordion-gradient-2 {
  background: linear-gradient(to right, #b075cc, #9739c3);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.active .pt-active-accordion-gradient-3 {
  background: linear-gradient(to right, #f88d69, #f1734a);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.active .pt-active-accordion-gradient-4 {
  background: linear-gradient(to right, #4bb156, #09a017);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.active .pt-active-accordion-white {
  color: white!important;
}

.active .pt-active-accordion-gray-light {
  color: #c0c0c0!important;
}

.active .pt-active-accordion-gray-light-1 {
  color: #f7f7f7!important;
}

.active .pt-active-accordion-gray-light-2 {
  color: #ececec!important;
}

.active .pt-active-accordion-gray-light-3 {
  color: #dfdfdf!important;
}

.active .pt-active-accordion-gray-light-4 {
  color: #cccccc!important;
}

.active .pt-active-accordion-gray-light-5 {
  color: #b8b8b8!important;
}

.active .pt-active-accordion-gray {
  color: #808080!important;
}

.active .pt-active-accordion-gray-dark {
  color: #404040!important;
}

.active .pt-active-accordion-gray-dark-1 {
  color: #131313!important;
}

.active .pt-active-accordion-gray-dark-2 {
  color: #252525!important;
}

.active .pt-active-accordion-gray-dark-3 {
  color: #363636!important;
}

.active .pt-active-accordion-gray-dark-4 {
  color: #464646!important;
}

.active .pt-active-accordion-gray-dark-5 {
  color: #545454!important;
}

.active .pt-active-accordion-black {
  color: black!important;
}

.active .pt-active-accordion-red-dark {
  color: #cd0000!important;
}

.active .pt-active-accordion-red{
  color: #d72735!important;
}

.active .pt-active-accordion-red-light {
  color: #fc5656!important;
}

.active .pt-active-accordion-orange-dark {
  color: #d86500!important;
}

.active .pt-active-accordion-orange {
  color: #fa8d49!important;
}

.active .pt-active-accordion-orange-light {
  color: #f1734a!important;
}

.active .pt-active-accordion-yellow-dark {
  color: #f7d100!important;
}

.active .pt-active-accordion-yellow {
  color: #f0c31c!important;
}

.active .pt-active-accordion-yellow-light {
  color: #fff077!important;
}

.active .pt-active-accordion-green-dark {
  color: #249a30!important;
}

.active .pt-active-accordion-green {
  color: #34c141!important;
}

.active .pt-active-accordion-green-light {
  color: #39d176!important;
}

.active .pt-active-accordion-blue-dark {
  color: #1563b1!important;
}

.active .pt-active-accordion-blue {
  color: #3d8cdb!important;
}

.active .pt-active-accordion-blue-light {
  color: #70a9f4!important;
}

.active .pt-active-accordion-purple-dark {
  color: #972fc8!important;
}

.active .pt-active-accordion-purple {
  color: #9e1df0!important;
}

.active .pt-active-accordion-purple-light {
  color: #bb57eb!important;
}

/* MARKER COLORS --------------------------------------------------------------------------------- */
.pt-marker-color-primary::marker {
  color: #A75AD0!important;
}

.pt-marker-color-primary-light::marker {
  color: #ebd7ff!important;
}

.pt-marker-color-primary-dark::marker {
  color: #804db4!important;
}

.pt-marker-color-secondary::marker {
  color: #cee4e8!important;
}

.pt-marker-color-secondary-light::marker {
  color: #e8f4ff!important;
}

.pt-marker-color-secondary-dark::marker {
  color: #8fbeeb!important;
}

.pt-marker-color-accent::marker {
  color: #52b4ff!important;
}

.pt-marker-color-accent-light::marker {
  color: #ff9bcf!important;
}

.pt-marker-color-accent-dark::marker {
  color: #e62c8c!important;
}

.pt-marker-color-white::marker {
  color: white!important;
}

.pt-marker-color-gray-light::marker {
  color: #c0c0c0!important;
}

.pt-marker-color-gray-light-1::marker {
  color: #f7f7f7!important;
}

.pt-marker-color-gray-light-2::marker {
  color: #ececec!important;
}

.pt-marker-color-gray-light-3::marker {
  color: #dfdfdf!important;
}

.pt-marker-color-gray-light-4::marker {
  color: #cccccc!important;
}

.pt-marker-color-gray-light-5::marker {
  color: #b8b8b8!important;
}

.pt-marker-color-gray::marker {
  color: #808080!important;
}

.pt-marker-color-gray-dark::marker {
  color: #404040!important;
}

.pt-marker-color-gray-dark-1::marker {
  color: #131313!important;
}

.pt-marker-color-gray-dark-2::marker {
  color: #252525!important;
}

.pt-marker-color-gray-dark-3::marker {
  color: #363636!important;
}

.pt-marker-color-gray-dark-4::marker {
  color: #464646!important;
}

.pt-marker-color-gray-dark-5::marker {
  color: #545454!important;
}

.pt-marker-color-black::marker {
  color: black!important;
}

.pt-marker-color-red-dark::marker {
  color: #cd0000!important;
}

.pt-marker-color-red::marker {
  color: #d72735!important;
}

.pt-marker-color-red-light::marker {
  color: #fc5656!important;
}

.pt-marker-color-orange-dark::marker {
  color: #d86500!important;
}

.pt-marker-color-orange::marker {
  color: #fa8d49!important;
}

.pt-marker-color-orange-light::marker {
  color: #f1734a!important;
}

.pt-marker-color-yellow-dark::marker {
  color: #f7d100!important;
}

.pt-marker-color-yellow::marker {
  color: #f0c31c!important;
}

.pt-marker-color-yellow-light::marker {
  color: #fff077!important;
}

.pt-marker-color-green-dark::marker {
  color: #249a30!important;
}

.pt-marker-color-green::marker {
  color: #34c141!important;
}

.pt-marker-color-green-light::marker {
  color: #39d176!important;
}

.pt-marker-color-blue-dark::marker {
  color: #1563b1!important;
}

.pt-marker-color-blue::marker {
  color: #3d8cdb!important;
}

.pt-marker-color-blue-light::marker {
  color: #70a9f4!important;
}

.pt-marker-color-purple-dark::marker {
  color: #972fc8!important;
}

.pt-marker-color-purple::marker {
  color: #9e1df0!important;
}

.pt-marker-color-purple-light::marker {
  color: #bb57eb!important;
}


/* BACKGROUND OVERLAY ---------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* DARK OVERLAY ---------------------------------------------------------------------------------- */
.pt-bg-dark-overlay-10 {
  background-color: #0000001a!important;
  background-blend-mode: multiply!important;
}

.pt-bg-dark-overlay-20 {
  background-color: #00000033!important;
  background-blend-mode: multiply!important;
}

.pt-bg-dark-overlay-30 {
  background-color: #0000004d!important;
  background-blend-mode: multiply!important;
}

.pt-bg-dark-overlay-40 {
  background-color: #00000066!important;
  background-blend-mode: multiply!important;
}

.pt-bg-dark-overlay-50 {
  background-color: #00000080!important;
  background-blend-mode: multiply!important;
}

.pt-bg-dark-overlay-60 {
  background-color: #00000099!important;
  background-blend-mode: multiply!important;
}

.pt-bg-dark-overlay-70 {
  background-color: #000000b3!important;
  background-blend-mode: multiply!important;
}

.pt-bg-dark-overlay-80 {
  background-color: #000000cc!important;
  background-blend-mode: multiply!important;
}

.pt-bg-dark-overlay-90 {
  background-color: #000000e6!important;
  background-blend-mode: multiply!important;
}


/* LIGHT OVERLAY --------------------------------------------------------------------------------- */
.pt-bg-light-overlay-10 {
  background-color: #ffffff1a!important;
  background-blend-mode: multiply!important;
}

.pt-bg-light-overlay-20 {
  background-color: #ffffff33!important;
  background-blend-mode: multiply!important;
}

.pt-bg-light-overlay-30 {
  background-color: #ffffff4d!important;
  background-blend-mode: multiply!important;
}

.pt-bg-light-overlay-40 {
  background-color: #ffffff66!important;
  background-blend-mode: multiply!important;
}

.pt-bg-light-overlay-50 {
  background-color: #ffffff80!important;
  background-blend-mode: multiply!important;
}

.pt-bg-light-overlay-60 {
  background-color: #ffffff99!important;
  background-blend-mode: multiply!important;
}

.pt-bg-light-overlay-70 {
  background-color: #ffffffb3!important;
  background-blend-mode: multiply!important;
}

.pt-bg-light-overlay-80 {
  background-color: #ffffffcc!important;
  background-blend-mode: multiply!important;
}

.pt-bg-light-overlay-90 {
  background-color: #ffffffe6!important;
  background-blend-mode: multiply!important;
}


/* COLOR OVERLAY ----------------------------------------------------------------------------------- */
.pt-bg-primary-overlay {
  background-color: #8c82fc!important;
  background-blend-mode: multiply!important;
}

.pt-bg-primary-light-overlay {
  background-color: #ebd7ff!important;
  background-blend-mode: multiply!important;
}

.pt-bg-primary-dark-overlay {
  background-color: #804db4!important;
  background-blend-mode: multiply!important;
}

.pt-bg-secondary-overlay {
  background-color: #C7E4FF!important;
  background-blend-mode: multiply!important;
}

.pt-bg-secondary-light-overlay {
  background-color: #e8f4ff!important;
  background-blend-mode: multiply!important;
}

.pt-bg-secondary-dark-overlay {
  background-color: #8fbeeb!important;
  background-blend-mode: multiply!important;
}

.pt-bg-accent-overlay {
  background-color: #FF62B3!important;
  background-blend-mode: multiply!important;
}

.pt-bg-accent-light-overlay {
  background-color: #ff9bcf!important;
  background-blend-mode: multiply!important;
}

.pt-bg-accent-dark-overlay {
  background-color: #e62c8c!important;
  background-blend-mode: multiply!important;
}

.pt-bg-clear-overlay {
  background-color: #ffffff00!important;
  background-blend-mode: multiply!important;
}

.pt-bg-white-overlay {
  background-color: white!important;
  background-blend-mode: multiply!important;
}

.pt-bg-gray-light-overlay {
  background-color: #c0c0c0!important;
  background-blend-mode: multiply!important;
}

.pt-bg-gray-light-1-overlay {
  background-color: #f7f7f7!important;
  background-blend-mode: multiply!important;
}

.pt-bg-gray-light-2-overlay {
  background-color: #ececec!important;
  background-blend-mode: multiply!important;
}

.pt-bg-gray-light-3-overlay {
  background-color: #dfdfdf!important;
  background-blend-mode: multiply!important;
}

.pt-bg-gray-light-4-overlay {
  background-color: #cccccc!important;
  background-blend-mode: multiply!important;
}

.pt-bg-gray-light-5-overlay {
  background-color: #b8b8b8!important;
  background-blend-mode: multiply!important;
}

.pt-bg-gray-overlay {
  background-color: #808080!important;
  background-blend-mode: multiply!important;
}

.pt-bg-gray-dark-overlay {
  background-color: #404040!important;
  background-blend-mode: multiply!important;
}

.pt-bg-gray-dark-1-overlay {
  background-color: #131313!important;
  background-blend-mode: multiply!important;
}

.pt-bg-gray-dark-2-overlay {
  background-color: #252525!important;
  background-blend-mode: multiply!important;
}

.pt-bg-gray-dark-3-overlay {
  background-color: #363636!important;
  background-blend-mode: multiply!important;
}

.pt-bg-gray-dark-4-overlay {
  background-color: #464646!important;
  background-blend-mode: multiply!important;
}

.pt-bg-gray-dark-5-overlay {
  background-color: #545454!important;
  background-blend-mode: multiply!important;
}

.pt-bg-black-overlay {
  background-color: black!important;
  background-blend-mode: multiply!important;
}

.pt-bg-red-dark-overlay {
  background-color: #cd0000!important;
  background-blend-mode: multiply!important;
}

.pt-bg-red-overlay {
  background-color: #d72735!important;
  background-blend-mode: multiply!important;
}

.pt-bg-red-light-overlay {
  background-color: #fc5656!important;
  background-blend-mode: multiply!important;
}

.pt-bg-orange-dark-overlay {
  background-color: #d86500!important;
  background-blend-mode: multiply!important;
}

.pt-bg-orange-overlay {
  background-color: #fa8d49!important;
  background-blend-mode: multiply!important;
}

.pt-bg-orange-light-overlay {
  background-color: #f1734a!important;
  background-blend-mode: multiply!important;
}

.pt-bg-yellow-dark-overlay {
  background-color: #f7d100!important;
  background-blend-mode: multiply!important;
}

.pt-bg-yellow-overlay {
  background-color: #f0c31c!important;
  background-blend-mode: multiply!important;
}

.pt-bg-yellow-light-overlay {
  background-color: #fff077!important;
  background-blend-mode: multiply!important;
}

.pt-bg-green-dark-overlay {
  background-color: #249a30!important;
  background-blend-mode: multiply!important;
}

.pt-bg-green-overlay {
  background-color: #34c141!important;
  background-blend-mode: multiply!important;
}

.pt-bg-green-light-overlay {
  background-color: #39d176!important;
  background-blend-mode: multiply!important;
}

.pt-bg-blue-dark-overlay {
  background-color: #1563b1!important;
  background-blend-mode: multiply!important;
}

.pt-bg-blue-overlay {
  background-color: #3d8cdb!important;
  background-blend-mode: multiply!important;
}

.pt-bg-blue-light-overlay {
  background-color: #70a9f4!important;
  background-blend-mode: multiply!important;
}

.pt-bg-purple-dark-overlay {
  background-color: #972fc8!important;
  background-blend-mode: multiply!important;
}

.pt-bg-purple-overlay {
  background-color: #9e1df0!important;
  background-blend-mode: multiply!important;
}

.pt-bg-purple-light-overlay {
  background-color: #bb57eb!important;
  background-blend-mode: multiply!important;
}