/* Reset */
html,
body,
a,
a:hover,
table.table {
  color: #101010;
}
.ss-date hr {
  border-color: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #8c59b7 !important;
}
.swiper-pagination-bullet {
  background: #aaa;
}
/* Colors */
.color-white {
  color: #ffffff !important;
}
.color-black {
  color: #000000 !important;
}
.color-gray,
.h-color-gray:hover {
  color: #666666 !important;
}
.color-bgray,
.h-color-bgray:hover {
  color: #999999 !important;
}
.color-mgray,
.h-color-mgray:hover {
  color: #c6c6c6 !important;
}
.color-sgray,
.h-color-sgray:hover {
  color: #e1e1e1 !important;
}
.color-fgray,
.h-color-fgray:hover {
  color: #f8f9fa !important;
}
.color-01,
.h-color-01:hover {
  color: #8c59b7 !important;
}
.color-02,
.h-color-02:hover {
  color: #3e1e69 !important;
}
.color-03,
.h-color-03:hover {
  color: #888888 !important;
}
.color-04,
.h-color-04:hover {
  color: #f2f2f2 !important;
}
.color-05,
.h-color-05:hover {
  color: #3a3a39 !important;
}
.color-06,
.h-color-06:hover {
  color: #ee7294 !important;
}
.color-07,
.h-color-07:hover {
  color: #850e4e !important;
}
.color-08,
.h-color-08:hover {
  color: #e8d10d !important;
}
.color-09,
.h-color-09:hover {
  color: #bb136d !important;
}
.color-10,
.h-color-10:hover {
  color: #212121 !important;
}
.color-11,
.h-color-11:hover {
  color: #ededed !important;
}
.color-12,
.h-color-12:hover {
  color: #810e4c !important;
}
.color-13,
.h-color-13:hover {
  color: #b77d9c !important;
}
.color-14,
.h-color-14:hover {
  color: #e1c3d3 !important;
}
.color-15,
.h-color-15:hover {
  color: #cecece !important;
}
.color-16,
.h-color-16:hover {
  color: #7a7a7a !important;
}
.color-17,
.h-color-17:hover {
  color: #9b1a00 !important;
}
.color-18,
.h-color-18:hover {
  color: #363434 !important;
}
.color-19,
.h-color-19:hover {
  color: #b41c6d !important;
}
.color-20,
.h-color-20:hover {
  color: #3ab1d8 !important;
}
.color-21,
.h-color-21:hover {
  color: #ffcb08 !important;
}
.color-22,
.h-color-22:hover {
  color: #271148 !important;
}
.color-23,
.h-color-23:hover {
  color: #270f49 !important;
}
.color-24,
.h-color-24:hover {
  color: #6d2587 !important;
}
.color-25,
.h-color-25:hover {
  color: #cccccc !important;
}
.color-26,
.h-color-26:hover {
  color: #2a2a2a !important;
}
.color-27,
.h-color-27:hover {
  color: #bcbcbc !important;
}
.color-28,
.h-color-28:hover {
  color: #b6b6b6 !important;
}
.color-29,
.h-color-29:hover {
  color: #2d2b2d !important;
}

.bg-white {
  background: #ffffff !important;
}
.bg-black {
  background: #000000 !important;
}
.bg-gray {
  background: #666666 !important;
}
.bg-bgray {
  background: #999999 !important;
}
.bg-sgray {
  background: #c6c6c6 !important;
}
.bg-mgray {
  background: #e1e1e1 !important;
}
.bg-fgray {
  background: #f8f9fa !important;
}
.bg-01 {
  background: #8c59b7 !important;
}
.bg-02 {
  background: #3e1e69 !important;
}
.bg-03 {
  background: #888888 !important;
}
.bg-04 {
  background: #f2f2f2 !important;
}
.bg-05 {
  background: #3a3a39 !important;
}
.bg-06 {
  background: #ee7294 !important;
}
.bg-07 {
  background: #850e4e !important;
}
.bg-08 {
  background: #e8d10d !important;
}
.bg-09 {
  background: #bb136d !important;
}
.bg-10 {
  background: #212121 !important;
}
.bg-11 {
  background: #ededed !important;
}
.bg-12 {
  background: #810e4c !important;
}
.bg-13 {
  background: #b77d9c !important;
}
.bg-14 {
  background: #e1c3d3 !important;
}
.bg-15 {
  background: #cecece !important;
}
.bg-16 {
  background: #7a7a7a !important;
}
.bg-17 {
  background: #9b1a00 !important;
}
.bg-18 {
  background: #363434 !important;
}
.bg-19 {
  background: #b41c6d !important;
}
.bg-20 {
  background: #3ab1d8 !important;
}
.bg-21 {
  background: #ffcb08 !important;
}
.bg-22 {
  background: #271148 !important;
}
.bg-23 {
  background: #270f49 !important;
}
.bg-24 {
  background: #6d2587 !important;
}
.bg-25 {
  background: #cccccc !important;
}
.bg-26 {
  background: #2a2a2a !important;
}
.bg-27 {
  background: #bcbcbc !important;
}
.bg-28 {
  background: #b6b6b6 !important;
}
.bg-29 {
  background: #2d2b2d !important;
}

.bcolor-white {
  border-color: #ffffff !important;
}
.bcolor-black {
  border-color: #000000 !important;
}
.bcolor-gray {
  border-color: #666666 !important;
}
.bcolor-bgray {
  border-color: #999999 !important;
}
.bcolor-mgray {
  border-color: #c6c6c6 !important;
}
.bcolor-sgray {
  border-color: #e1e1e1 !important;
}
.bcolor-fgray {
  border-color: #f8f9fa !important;
}
.bcolor-01 {
  border-color: #8c59b7 !important;
}
.bcolor-02 {
  border-color: #3e1e69 !important;
}
.bcolor-03 {
  border-color: #888888 !important;
}
.bcolor-04 {
  border-color: #f2f2f2 !important;
}
.bcolor-05 {
  border-color: #3a3a39 !important;
}
.bcolor-06 {
  border-color: #ee7294 !important;
}
.bcolor-07 {
  border-color: #850e4e !important;
}
.bcolor-08 {
  border-color: #e8d10d !important;
}
.bcolor-09 {
  border-color: #bb136d !important;
}
.bcolor-10 {
  border-color: #212121 !important;
}
.bcolor-11 {
  border-color: #ededed !important;
}
.bcolor-12 {
  border-color: #810e4c !important;
}
.bcolor-13 {
  border-color: #b77d9c !important;
}
.bcolor-14 {
  border-color: #e1c3d3 !important;
}
.bcolor-15 {
  border-color: #cecece !important;
}
.bcolor-16 {
  border-color: #7a7a7a !important;
}
.bcolor-17 {
  border-color: #9b1a00 !important;
}
.bcolor-18 {
  border-color: #363434 !important;
}
.bcolor-19 {
  border-color: #b41c6d !important;
}
.bcolor-20 {
  border-color: #3ab1d8 !important;
}
.bcolor-21 {
  border-color: #ffcb08 !important;
}
.bcolor-22 {
  border-color: #271148 !important;
}
.bcolor-23 {
  border-color: #270f49 !important;
}
.bcolor-24 {
  border-color: #6d2587 !important;
}
.bcolor-25 {
  border-color: #cccccc !important;
}
.bcolor-26 {
  border-color: #2a2a2a !important;
}
.bcolor-27 {
  border-color: #bcbcbc !important;
}
.bcolor-28 {
  border-color: #b6b6b6 !important;
}
.bcolor-29 {
  border-color: #2d2b2d !important;
}

/* Buttons */
.btn.btn-color-black,
.btn.btn-color-black:focus {
  color: #ffffff !important;
  background: #8c59b7;
}
.btn.btn-color-black:hover {
  box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, 0.15) !important;
}
.btn.btn-color-black:active {
  box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, 0.3);
}

.btn.btn-color-01,
.btn.btn-color-01:focus {
  color: #ffffff !important;
  background: #3e1e69;
}
.btn.btn-color-01:hover {
  box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, 0.05) !important;
}
.btn.btn-color-01:active {
  box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, 0.1);
}

.btn.btn-color-02,
.btn.btn-color-02:focus {
  color: #ffffff !important;
  background: #a7a7a7;
}
.btn.btn-color-02:hover {
  box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, 0.05) !important;
}
.btn.btn-color-02:active {
  box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, 0.1);
}

.btn.btn-color-03,
.btn.btn-color-03:focus {
  color: #ffffff !important;
  background: #8c59b7;
}
.btn.btn-color-03:hover {
  box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, 0.05) !important;
}
.btn.btn-color-03:active {
  box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, 0.1);
}

.btn.btn-color-04,
.btn.btn-color-04:focus {
  color: #ffffff !important;
  background: #466289;
}
.btn.btn-color-04:hover {
  box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, 0.05) !important;
}
.btn.btn-color-04:active {
  box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, 0.1);
}

.btn.btn-color-05,
.btn.btn-color-05:focus {
  color: #ffffff !important;
  background: none !important;
  border: 3px solid #ffffff !important;
}
.btn.btn-color-05:hover {
  background: #ffffff !important;
  color: #000000 !important;
}
.btn.btn-color-05:active {
  box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, 0.1) !important;
}

.btn.btn-color-06,
.btn.btn-color-06:focus {
  color: #8c59b7;
  background: #ffffff;
  border: 1px solid #8c59b7;
}
.btn.btn-color-06:hover {
  background: #8c59b7;
  color: #ffffff;
}
.btn.btn-color-06:active {
  box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, 0.1);
}

.btn.btn-color-07,
.btn.btn-color-07:focus {
  color: #ffffff;
  background: #2e1213 !important;
  border: 2px solid #2e1213;
}
.btn.btn-color-07:hover {
  box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, 0.05);
}
.btn.btn-color-07:active {
  box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, 0.1);
}

.btn.btn-color-08,
.btn.btn-color-08:focus {
  color: #2e1213;
  background: transparent !important;
  border: 2px solid #2e1213;
}
.btn.btn-color-08:hover {
  color: #ffffff;
  background: #2e1213 !important;
}
.btn.btn-color-08:active {
  box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, 0.05);
}

.btn.btn-color-09,
.btn.btn-color-09:focus {
  color: #ffffff;
  background: #0a2767;
}
.btn.btn-color-09:hover {
  box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, 0.15);
}
.btn.btn-color-09:active {
  box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, 0.3);
}

.btn.btn-color-10,
.btn.btn-color-10:focus {
  color: #ffffff !important;
  background: #6d2587;
}
.btn.btn-color-10:hover {
  box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, 0.15);
}
.btn.btn-color-10:active {
  box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, 0.3);
}

.btn.btn-color-11,
.btn.btn-color-11:focus {
  color: #ffffff;
  background: #270f49;
}
.btn.btn-color-11.about-08 {
  box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, 0.15);
}
.btn.btn-color-11:active {
  box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, 0.3);
}

.btn.btn-color-12,
.btn.btn-color-12:focus {
  color: #ffffff !important;
  background: #61417c;
}
.btn.btn-color-12:hover {
  color: #ffffff;
  background: #55346f;
}
.btn.btn-color-12:active {
  box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, 0.3);
}

.btn.btn-color-13,
.btn.btn-color-13:focus {
  color: #ffffff !important;
  background: #271148;
}
.btn.btn-color-13:active {
  box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, 0.3);
}

.btn.btn-social.fw {
  background: #3b56a3;
  color: #ffffff !important;
}
.btn.btn-social.gg {
  background: #b62c22;
  color: #ffffff !important;
}
.btn.btn-social.tw {
  background: #000000;
  color: #ffffff !important;
}
.btn.btn-social.ln {
  background: #00c600;
  color: #ffffff !important;
}
.btn.btn-social:hover {
  box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, 0.1);
}
.btn.btn-social:active {
  box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, 0.2);
}

/* Button Socials */
.btn-socials .btn-social-custom.fw {
  background: #4668b7;
}
.btn-socials .btn-social-custom.fw:hover {
  background: #3157b0;
}
.btn-socials .btn-social-custom.gg {
  background: #eb4033;
}
.btn-socials .btn-social-custom.gg:hover {
  background: #b62c22;
}
.btn-socials .btn-social-custom.ln {
  background: #3ace01;
}
.btn-socials .btn-social-custom.ln:hover {
  background: #419d1e;
}
.btn-socials .btn-social-custom.tw {
  background: #222222;
}
.btn-socials .btn-social-custom.tw:hover {
  background: #000000;
}

/* Button Socials 02 */
.btn-socials-02 .social {
  background: #9b3c6f;
  color: #ffffff;
}
.btn-socials-02 .social:hover {
  box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, 0.05);
}
.btn-socials-02 .social:active {
  box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, 0.1);
}
.btn-socials-02 .social > .icon {
  background: #000000;
  color: #ffffff;
}
.btn-socials-02 .social.fb {
  background: #264ca3;
  color: #ffffff;
}
.btn-socials-02 .social.fb > .icon {
  background: #153889;
  color: #ffffff;
}
.btn-socials-02 .social.tw {
  background: #29b1ed;
  color: #ffffff;
}
.btn-socials-02 .social.tw > .icon {
  background: #1796ce;
  color: #ffffff;
}

/* Button Socials 03 */
.btn-socials-03 .social-icon.fw {
  background: #153889;
  color: #ffffff;
}
.btn-socials-03 .social-icon.gg {
  background: #b62c22;
  color: #ffffff;
}
.btn-socials-03 .social-icon.ln {
  background: #419d1e;
  color: #ffffff;
}
.btn-socials-03 .social-icon.tw {
  background: #1796ce;
  color: #ffffff;
}
.btn-socials-03 .social-icon:hover {
  box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, 0.08);
}
.btn-socials-03 .social-icon:active {
  box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, 0.16);
}

/*Breadcrumb*/
.breadcrumb-01 .wrapper a.service:hover {
  color: white !important;
}

.breadcrumb-03 .bottom-container .container input {
  color: white !important;
  border-color: #8c59b7 !important;
}

.breadcrumb-03 .search-wrapper::after {
  color: #8c59b7 !important;
}

.search-container .select-wrapper::after,
.search-wrapper::after {
  color: #8c59b7 !important;
}
/* Breadcrumb 03 */
.breadcrumb-03 .text-container {
  color: #ffffff;
}
.breadcrumb-03 > .bottom-container {
  background: #3e1e69;
}
.breadcrumb-03 > .bottom-container a {
  color: #ffffff;
}
.breadcrumb-03 > .bottom-container a:hover,
.breadcrumb-03 > .bottom-container a:last-child {
  color: #f9e142 !important;
}
.breadcrumb-03 > .bottom-container em {
  color: #ffffff;
}
.breadcrumb-03 .search-wrapper::after {
  color: #ffffff;
}
.breadcrumb-03 .search-wrapper > input[type='text'] {
  background: transparent;
}

/* Inputs */
input[type='text'],
input[type='email'],
input[type='password'],
input[type='date'],
input[type='tel'],
input[type='number'],
input[type='phone'],
input[type='submit'],
input[type='file'],
select,
textarea {
  color: #3e1e69;
  background: #ffffff;
  border-color: #8c59b7 !important;
}
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='date']:focus,
input[type='tel']:focus,
input[type='number']:focus,
input[type='phone']:focus,
input[type='submit']:focus,
input[type='file']:focus,
select:focus,
textarea:focus {
  border-color: #8c59b7 !important;
}
input::placeholder {
  color: #3e1e69;
}

/* Inputs Style 02 */
input.style-02[type='text'] {
  color: #ffffff;
}
input.style-02::placeholder {
  color: #ffffff;
}

input[type='text'].sgray,
input[type='email'].sgray,
input[type='password'].sgray,
input[type='date'].sgray,
input[type='tel'].sgray,
input[type='number'].sgray,
input[type='phone'].sgray,
input[type='submit'].sgray,
input[type='file'].sgray,
select.sgray,
textarea.sgray {
  background: #e1e1e1 !important;
  border-color: #e1e1e1 !important;
}

input[type='text'].fgray,
input[type='email'].fgray,
input[type='password'].fgray,
input[type='date'].fgray,
input[type='tel'].fgray,
input[type='number'].fgray,
input[type='phone'].fgray,
input[type='submit'].fgray,
input[type='file'].fgray,
select.fgray,
textarea.fgray {
  background: #f8f9fa !important;
  border-color: #f8f9fa !important;
}

/* Input Wrapper */
.select-wrapper::after,
.search-wrapper::after {
  color: #ffffff;
}
.select-wrapper.style-02::after {
  color: #6d2587;
}
.date-wrapper::after {
  color: #9c374d;
}
.select-wrapper.style-03::after,
.search-wrapper.style-03::after {
  color: #3e1e69 !important;
}

input::placeholder,
.select-wrapper.style-03::after,
.search-wrapper.style-03::after {
  color: #3e1e69 !important;
}
/* Input Form Group */
.form-group label {
  color: #000000;
}
.form-check > label {
  color: #000000;
}

/* Page Loader */
.page-loader > .bg > * {
  background: #ffffff;
}
.page-loader .spinner {
  border-color: rgba(0, 0, 0, 0.15);
  border-top-color: #591768;
}
.page-loader .text {
  color: rgba(0, 0, 0, 0.15);
}
.page-loader .text .sub {
  color: #591768;
}
.page-loader.style-02 > .bg > * {
  background: #252531;
}
.page-loader.style-02 .loader-text {
  color: #b19777;
}
.page-loader.style-02 .loader-progress {
  background: #30303b;
}
.page-loader.style-02 .loader-progress > .bar {
  background: #b19777;
}

/* Topnav */
nav.topnav .hamburger > * {
  background: #ffffff;
}
nav.topnav .submenu-dropdown {
  background: #ffffff;
}
nav.topnav .submenu-block {
  border-color: rgba(0, 0, 0, 0.12);
}
nav.topnav .submenu-title {
  color: #ffffff;
}
nav.topnav .submenu-block:first-child > .submenu-title {
  color: #8c59b7;
  border-color: #8c59b7;
}
nav.topnav .submenu > *:first-child {
  color: #000000;
}
nav.topnav .submenu:hover > *:first-child {
  color: #8c59b7 !important;
}
nav.topnav .submenu > *:first-child::after {
  background: rgba(0, 0, 0, 0.12);
}
nav.topnav .submenu .submenu > *:first-child {
  color: #666666;
}
nav.topnav .submenu .submenu:hover > *:first-child {
  color: #8c59b7;
}
/* nav.topnav .submenu .submenu > *:first-child::before {
  background: #8c59b7;
} */
nav.topnav .menu:not(.mega) .submenu .submenu-block {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.12);
}
nav.topnav .menu:not(.mega) .submenu:hover > *:first-child {
  background: #3e1e69;
  color: #ffffff !important;
}
nav.topnav .menu:not(.mega) .submenu .submenu:hover > *:first-child {
  background: #8c59b7;
  color: #ffffff;
}
nav.topnav .menu:not(.mega) .submenu .submenu .submenu:hover > *:first-child {
  background: #b495d1;
  color: #ffffff;
}
nav.topnav .a-icon {
  background: #b495d1;
  color: #ffffff !important;
}
nav.topnav .option:hover > .a-icon {
  background: #379e9d;
  color: #ffffff;
}
nav.topnav .submenu a {
  color: #000 !important;
}

/* Topnav 01 */
nav.topnav-01 .logo h6 {
  color: #271148;
}
nav.topnav-01 .logo p {
  color: #79848e;
}
nav.topnav-01 .menu > *:first-child {
  color: #ffffff !important;
}
nav.topnav-01 .menu:hover > *:first-child,
nav.topnav-01 .menu.active > *:first-child {
  color: #f9e142;
}
nav.topnav-01 .option:hover > .a-icon {
  background: #f9e142;
  color: #ffffff;
}

/* Topnav 05 */
nav.topnav-05 {
  background: #ffffff;
  box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.15);
}
nav.topnav-05 .logo h6 {
  color: #271148;
}
nav.topnav-05 .logo p {
  color: #79848e;
}
nav.topnav-05 .options {
  background: #ededed;
}
nav.topnav-05 .menu > *:first-child {
  color: #ffffff !important;
}
nav.topnav-05 .menu:hover > *:first-child {
  color: #f9e142;
}
nav.topnav-05 .hamburger > * {
  background: #141414 !important;
}

/* Topnav 06 */
nav.topnav-06 {
  background: #ffffff;
  box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.15);
}
nav.topnav-06 .topnav-top {
  background: #ee7294;
}
nav.topnav-06 .a-icon {
  background: #850e4e;
  color: #ffffff;
}
nav.topnav-06 .option:hover > .a-icon {
  background: #cf3770;
  color: #ffffff;
}
nav.topnav-06 .menu:hover > *:first-child {
  color: #ee7294;
}
nav.topnav-06 .menu > *:first-child::after {
  background: rgba(0, 0, 0, 0.3);
}
nav.topnav-06 .hamburger > * {
  background: #850e4e;
}

nav.topnav-06 .topnav-top.style-02 {
  background: #25a9d4;
}
nav.topnav-06 .topnav-top.style-02 .a-icon {
  background: #05d2f1;
}

nav.topnav-06.style-02 {
  background: #6d2587;
}
nav.topnav-06.style-02 .topnav-top {
  background: #6d2587;
}
nav.topnav-06.style-02 .a-icon {
  color: #ffffff;
}
nav.topnav-06.style-02 .topnav-top > .options .option .btn-circle {
  color: #ffffff;
}
nav.topnav-06.style-02 .topnav-top > .options .option .main.btn-circle {
  background: #271148 !important;
}
nav.topnav-06.style-02 .topnav-top > .options .option .shadow {
  box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.2);
}
nav.topnav-06.style-02 .topnav-top > .options .option .btn-circle:nth-child(1) {
  background: #271148;
}
nav.topnav-06.style-02 .topnav-top > .options .option .btn-circle:nth-child(2) {
  background: #999999;
}
nav.topnav-06.style-02 .topnav-top > .options .option .btn-circle:nth-child(3) {
  background: #ffffff;
  color: #000000;
}
nav.topnav-06.style-02 .option:hover > .a-icon {
  background: #0a2767;
  color: #ffffff;
}
nav.topnav-06.style-02 .menu-container > .icon em {
  color: #ffffff;
}
nav.topnav-06.style-02 .topnav-bottom .menu:first-child {
  background: #271148;
}

nav.topnav-06.style-03 {
  background: #271148;
}
nav.topnav-06.style-03 .topnav-top {
  background: #271148;
}
nav.topnav-06.style-03 .a-icon {
  color: #ffffff;
}
nav.topnav-06.style-03 .topnav-top > .options .option .btn-circle {
  color: #ffffff;
}
nav.topnav-06.style-03 .topnav-top > .options .option .main.btn-circle {
  background: #6d2587 !important;
}
nav.topnav-06.style-03 .topnav-top > .options .option .shadow {
  box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.2);
}
nav.topnav-06.style-03 .topnav-top > .options .option .btn-circle:nth-child(1) {
  background: #6d2587;
}
nav.topnav-06.style-03 .topnav-top > .options .option .btn-circle:nth-child(2) {
  background: #999999;
}
nav.topnav-06.style-03 .topnav-top > .options .option .btn-circle:nth-child(3) {
  background: #ffffff;
  color: #000000;
}
nav.topnav-06.style-03 .option:hover > .a-icon {
  background: #0a2767;
  color: #ffffff;
}
nav.topnav-06.style-03 .menu-container > .icon em {
  color: #ffffff;
}
nav.topnav-06.style-03 .topnav-bottom .menu:first-child {
  background: #6d2587;
}

nav.topnav-06.style-04 {
  background: #ffffff;
}
nav.topnav-06.style-04 .topnav-top {
  background: #ffffff;
}
nav.topnav-06.style-04 .a-icon {
  color: #ffffff;
}
nav.topnav-06.style-04 .topnav-top > .options .option .btn-circle {
  color: #ffffff;
}
nav.topnav-06.style-04 .topnav-top > .options .option .main.btn-circle {
  background: #6d2587 !important;
}
nav.topnav-06.style-04 .topnav-top > .options .option .shadow {
  box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.2);
}
nav.topnav-06.style-04 .topnav-top > .options .option .btn-circle:nth-child(1) {
  background: #6d2587;
}
nav.topnav-06.style-04 .topnav-top > .options .option .btn-circle:nth-child(2) {
  background: #999999;
}
nav.topnav-06.style-04 .topnav-top > .options .option .btn-circle:nth-child(3) {
  background: #ffffff;
  color: #000000;
}
nav.topnav-06.style-04 .option:hover > .a-icon {
  background: #0a2767;
  color: #ffffff;
}
nav.topnav-06.style-04 .menu-container > .icon em {
  color: #ffffff;
}
nav.topnav-06.style-04 .topnav-bottom .menu:first-child .active {
  background: #6d2587;
  color: #ffffff !important;
}

/* Sidenav */
nav.sidenav {
  background: #ffffff;
}
nav.sidenav .hamburger > * {
  background: #222325;
}
nav.sidenav .a-icon {
  background: #b495d1;
  color: #ffffff !important;
}
nav.sidenav .option:hover > .a-icon {
  background: #379e9d;
  color: #ffffff;
}
nav.sidenav .sidenav-toggle,
nav.sidenav .options,
nav.sidenav .options > .option,
nav.sidenav .options > .option-btn,
nav.sidenav .option > .dropdown,
nav.sidenav .option > .dropdown > *,
nav.sidenav .scroll-wrapper,
nav.sidenav .menu > *:first-child {
  border-color: #e1e1e1 !important;
}
nav.sidenav .submenu > *:first-child {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
nav.sidenav .option > .dropdown {
  background: #ffffff;
}
nav.sidenav .menu > *:first-child {
  color: #000000;
}
nav.sidenav .menu:hover > *:first-child {
  color: #8c59b7;
}
nav.sidenav .submenu {
  color: #ffffff;
}
nav.sidenav .submenu .dropdown-toggle {
  color: #ffffff;
}
nav.sidenav .submenu > *:first-child {
  background: #3e1e69;
  color: #ffffff;
}
nav.sidenav .submenu .submenu > *:first-child {
  background: #8c59b7;
  color: #ffffff;
}
nav.sidenav .submenu .submenu .submenu > *:first-child {
  background: #b495d1;
  color: #ffffff;
}
nav.sidenav .submenu:hover > *:first-child {
  color: #f9e142;
}
nav.sidenav .dropdown-toggle {
  color: #232323;
}
nav.sidenav .option > .dropdown .flag-wrapper:hover {
  background: #e1e1e1;
}
nav.sidenav .options > .option-btn:hover > a {
  color: #b495d1;
}

/* Global Search Container */
.global-search-container {
  color: #68459b;
}
.global-search-container .hamburger > * {
  background: #ffffff;
}

/* Back to Top */
.back-to-top {
  background: #8c59b7;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.3);
}
.back-to-top:hover {
  color: #ffffff;
}

/* Accessibility & Quick Links */
nav.side-panel .icon {
  background: #8c59b7;
  color: #ffffff;
}
nav.side-panel .panel {
  box-shadow: 0px 4px 8px 5px rgba(0, 0, 0, 0.08);
}
nav.side-panel > .wrapper > .icon {
  background: #8c59b7;
}
nav.side-panel > .wrapper > .icon:hover {
  background: #f9e142;
}
nav.side-panel.active > .wrapper > .icon {
  background: #8c59b7;
}
nav.side-panel .panel-row {
  background: #ffffff;
  color: #000000;
}
nav.side-panel .panel-row:nth-child(odd) {
  background: #f2f2f2;
}
nav.side-panel .panel-row:first-child {
  background: #8c59b7;
  color: #ffffff;
}
nav.side-panel .option {
  color: #000000;
}
nav.side-panel .option:not(.btn-cursor):hover,
nav.side-panel .option:not(.btn-cursor).active {
  background: #8c59b7;
  color: #ffffff !important;
  fill: #ffffff;
}
nav.side-panel .option-row {
  color: #000000;
}
nav.side-panel .option-row .icon + *::before {
  background: #8c59b7;
}
nav.side-panel .hamburger > * {
  background: #ffffff;
}

/* Footer */
nav.footer .visitor-count > * {
  background: #000000;
  color: #ffffff;
}
nav.footer .input-container > input[type='email'] {
  color: #ffffff !important;
  border-color: #ffffff !important;
}
nav.footer .input-container > input[type='email']:focus {
  border-color: #f9e142 !important;
}
nav.footer .input-container > input[type='email']::placeholder {
  color: #e1e1e1 !important;
}
nav.footer .input-container > button {
  color: #ffffff;
}
nav.footer .input-container > button:hover {
  color: #f9e142;
}
nav.footer .btn.btn-social {
  background: #5f30c2;
  color: #ffffff;
}
nav.footer .btn.btn-social:hover {
  background: #f9e142;
  color: #ffffff;
}

nav.footer.style-02 .btn.btn-social {
  background: #ffffff;
  color: #6d2587;
}
nav.footer.style-03 .btn.btn-social {
  background: transparent;
  color: #ffcb08;
  border-color: #ffcb08;
}
nav.footer.style-04 .btn.btn-social {
  background: #271148;
  color: #ffffff;
}

nav.footer.footer-01.style-02 .btn.btn-social {
  background: #5f30c2;
  color: #ffffff;
}
nav.footer.footer-01.style-03 .btn.btn-social {
  color: #6d2587;
  border-color: #6d2587;
}
nav.footer.footer-01.style-03 .visitor-count > * {
  background: #6d2587;
  color: #ffffff;
}
nav.footer.footer-01.style-03 .input-container > button {
  color: #6d2587;
}
nav.footer.footer-01.style-03 .input-container > button:hover {
  color: #271148;
}

nav.footer.footer-01.style-04 .btn.btn-social {
  background: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
nav.footer.footer-01.style-04 .visitor-count > * {
  background: #abb2b7;
  color: #ffffff;
}

/* Footer 01 */
nav.footer-01 {
  background: #3e1e69;
  color: #ffffff;
}
nav.footer-01 .title {
  color: #f9e142;
}
nav.footer-01 li > a {
  color: #ffffff;
}
nav.footer-01 li > a:hover {
  color: #f9e142;
}
nav.footer-01 .footer-sep {
  background: rgba(255, 255, 255, 0.3);
}
nav.footer-01 .links > a {
  color: #ffffff;
}
nav.footer-01 .links > a:hover {
  color: #f9e142;
}
nav.footer-01 .input-container > input[type='email'] {
  border-color: #ffffff !important;
  color: #ffffff;
}

nav.footer-01.style-02 {
  background: #61417c;
  color: #ffffff;
}

nav.footer-01.style-03 .title {
  color: #ffffff;
}
nav.footer-01.style-03 li > a {
  color: #79848e;
}
nav.footer-01.style-03 li > a:hover {
  color: #6d2587;
}
nav.footer-01.style-03 {
  background: #111111;
  color: #ffffff;
}
nav.footer-01.style-03 .input-container > input[type='email'] {
  border-color: #6d2587 !important;
  color: #ffffff;
}
nav.footer-01.style-03 .input-container > input::placeholder {
  color: #6d2587;
}

nav.footer-01.style-04 {
  background: #6d2587;
}
nav.footer-01.style-04 .title {
  color: #ffffff;
}

/* Footer 05 */
nav.footer-05 {
  background: #3e1e69;
  color: #ffffff;
}
nav.footer-05 .title {
  color: #f9e142;
}
nav.footer-05 .block > .icon {
  background: #ffffff;
  color: #3e1e69;
}
nav.footer-05 .block a {
  color: #f9e142;
}
nav.footer-05 .block a:hover {
  color: #ffffff;
}
nav.footer .btn.btn-social.twitter-h > svg {
  fill: #3e1e69;
}
nav.footer-05 .btn.btn-social {
  background: #ffffff;
  color: #3e1e69 !important;
}
nav.footer-05 .btn.btn-social:hover {
  background: #f9e142;
  color: #ffffff;
}
nav.footer-05 .footer-bottom {
  background: #220943;
  color: #ffffff;
}
nav.footer-05 .links > a {
  color: #ffffff;
}
nav.footer-05 .links > a:hover {
  color: #f9e142;
}

/* Footer 06 */
nav.footer-06 {
  background: #850e4e;
  color: #ffffff;
}
nav.footer-06 .block > .icon {
  background: #ffffff;
  color: #850e4e;
}
nav.footer-06 .block a,
nav.footer-06 .a-link {
  color: #ffffff;
}
nav.footer-06 .block a:hover,
nav.footer-06 .a-link:hover {
  color: #ee7294;
}
nav.footer-06 .footer-bottom {
  background: #000000;
  color: #ffffff;
}
nav.footer-06 .visitor-count > * {
  background: #850e4e;
  color: #ffffff;
}

nav.footer-06.style-02 .block > .icon {
  background: #ffffff;
  color: #6d2587;
}
nav.footer-06.style-02 .block a:hover,
nav.footer-06.style-02 .a-link:hover {
  color: #ffcb08;
}
nav.footer-06.style-02 {
  background: #25a9d4;
  color: #ffffff;
}
nav.footer-06.style-02 .footer-bottom {
  background: #0a2767;
  color: #ffffff;
}

nav.footer-06.style-03 .block > .icon {
  background: #271148;
  color: #ffcb08;
  border-color: #ffcb08;
}
nav.footer-06.style-03 .block a:hover,
nav.footer-06.style-02 .a-link:hover {
  color: #ffcb08;
}
nav.footer-06.style-03 {
  background: #25a9d4;
  color: #ffffff;
}
nav.footer-06.style-03 .footer-bottom {
  background: #0a2767;
  color: #ffffff;
}

nav.footer-06.style-04 {
  color: #000000;
}
nav.footer-06.style-04 .block > .icon {
  background: #271148;
  color: #ffffff;
  border-color: #271148;
}
nav.footer-06.style-04 .block a,
nav.footer-06.style-04 .a-link {
  color: #271148;
}
nav.footer-06.style-04 .block a:hover,
nav.footer-06.style-02 .a-link:hover {
  color: #271148;
}
nav.footer-06.style-04 .footer-bottom {
  background: #271148;
  color: #ffffff;
}
nav.footer-06.style-04 .visitor-count > * {
  background: #000000;
  color: #ffffff;
}

/* Calendar Wrapper */
.calendar-day.style-03 .fc-unthemed td {
  border-color: #8c59b7 !important;
}
.calendar-wrapper.minisite {
  border: #363434 !important;
}

/* Calendar - Month */
.calendar-month .fc-day-header {
  color: #666666;
}
.calendar-month .fc-day-top > span {
  background: #8c59b7;
  color: #ffffff;
}
.calendar-month .fc-day-top.fc-other-month > span {
  background: #cccccc;
}
.calendar-month .fc-unthemed td.fc-today {
  background: #666666;
  color: #ffffff;
}
.calendar-month .custom-event {
  color: #666666;
}
.calendar-month .custom-event:hover .title {
  color: #8c59b7;
}
.calendar-month .custom-event.today {
  color: #ffffff;
}
.calendar-month .custom-event .time {
  color: #8c59b7;
}
.calendar-month a.fc-more {
  color: #999999;
  border-color: #cccccc;
}
.calendar-month a.fc-more:hover {
  color: #8c59b7;
}
.calendar-month .fc-day:hover {
  background: rgba(254, 77, 1, 0.25);
}
.calendar-month .fc-event-container {
  background: #f5f5f5;
}
.calendar-month.minisite .fc-day-header > span {
  color: #000000;
  border-top-color: #363434 !important;
  border-bottom-color: #afaeae !important;
}

/* Calendar - Week */
.calendar-week .fc-view-container {
  border-color: #363434 !important;
}
.calendar-week .fc-day-grid .fc-day.fc-widget-content {
  color: #8c59b7;
}
.calendar-week .fc-day-grid .fc-day.fc-widget-content.fc-today {
  background: #000000;
}
.calendar-week .fc-day-grid td.fc-widget-content {
  border-color: #afaeae !important;
}
.calendar-week
  .fc-row.fc-week.fc-widget-content
  .fc-axis.fc-widget-content:first-child,
.calendar-week .fc-axis.fc-time.fc-widget-content {
  background: #5c5c5c;
  color: #ffffff;
}
.calendar-week .fc-time-grid .fc-event {
  background: #d6412a;
  color: #ffffff;
}
.calendar-week .fc-time-grid .fc-event:hover {
  background: #ef4d34;
}
.calendar-week .fc-time-grid .fc-event .fc-time {
  color: #eecc51;
}

/* Calendar - Day */
.calendar-day .fc-view-container {
  border-color: #363434 !important;
}
.calendar-day td.fc-axis.fc-widget-content:first-child {
  background: #5c5c5c;
  color: #ffffff;
}
.calendar-day .fc-axis.fc-time.fc-widget-content {
  background: #eeeeee;
  color: #000000;
}
.calendar-day .fc-time-grid .fc-event {
  background: #d6412a;
  color: #ffffff;
}
.calendar-day .fc-time-grid .fc-event:hover {
  background: #ef4d34;
}
.calendar-day .fc-time-grid .fc-event .fc-time {
  color: #eecc51;
}

/* Chat Container */
.chat-container .chat > .profile-container {
  background: #ffffff;
}
.chat-container .chat .text-wrapper {
  background: #ffffff;
  color: #3a3a39;
  border-color: #e7e7e6;
}
.chat-container .chat.chat-other .text-wrapper {
  background: #f3f5f5;
}
.chat-container.minisite .chat .text-wrapper {
  background: #8b6e70;
  color: #ffffff;
  border-color: #8b6e70;
}
.chat-container.minisite .chat.chat-other .text-wrapper {
  background: #ffffff;
  color: #3a3a39;
  border-color: #e7e7e6;
}

/* CK Editor */
.ck.ck-editor__main > .ck-editor__editable {
  border-color: #dddddd !important;
  transition: border-color 0.25s;
}
.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
  border-color: #8c59b7 !important;
}
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar {
  background: #e1e1e1;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button,
.ck-rounded-corners .ck.ck-button {
  border-color: #ffffff;
}
.ck.ck-button.ck-on {
  background: #ffffff !important;
}

/* List Header */
.list-header .option {
  color: #8c59b7 !important;
  background: #ffffff;
  border-color: #8c59b7 !important;
}
.list-header .option:hover,
.list-header .option.active {
  color: #ffffff !important;
  background: #8c59b7;
  border-color: #8c59b7;
}
.list-header .btn-icon em {
  background: #8c59b7;
  color: #ffffff;
}

/* Password Level */
.password-level > .levels > * {
  background: #ebebeb;
}
.password-level.level-1 > .levels > *:nth-child(1) {
  background: #ff0000;
}
.password-level.level-1 > p > span {
  color: #ff0000;
}
.password-level.level-2 > .levels > *:nth-child(1),
.password-level.level-2 > .levels > *:nth-child(2) {
  background: #8c59b7;
}
.password-level.level-2 > p > span {
  color: #8c59b7;
}
.password-level.level-3 > .levels > *:nth-child(1),
.password-level.level-3 > .levels > *:nth-child(2),
.password-level.level-3 > .levels > *:nth-child(3) {
  background: #8c59b7;
}
.password-level.level-3 > p > span {
  color: #8c59b7;
}
.password-level.level-4 > .levels > * {
  background: #466289;
}
.password-level.level-4 > p > span {
  color: #466289;
}
.password-level.level-5 > .levels > *:nth-child(1),
.password-level.level-5 > .levels > *:nth-child(2),
.password-level.level-5 > .levels > *:nth-child(3) {
  background: #d6c02a;
}

/* Popup */
.popup-container .popup-box > .content-container {
  background: #ffffff;
}
.popup-container .popup-box > .btn-close {
  background: #cd0101;
  color: #ffffff !important;
}
.popup-container .popup-box > .btn-close:hover {
  background: #8c59b7;
}

/* Shortcode */
.shortcode-container .shortcode-content,
.shortcode-container .shortcode-content::after {
  background: #f4f4f4;
  border-color: #682d2f;
}
.shortcode-container .shortcode-content {
  box-shadow: 0 0 10px 2px rgb(0 0 0 / 15%);
}
.shortcode-container textarea {
  border-color: transparent !important;
  background: transparent !important;
  color: #000000 !important;
}

/* Post Stat */
.post-stat .stat {
  color: #000000;
}
.post-stat .stat em {
  color: #ffffff;
  background: #8c59b7;
}

/* Special Border */
.ss-border {
  border-top: 4px solid #3e1e69 !important;
  border-bottom: 2px solid #3e1e69 !important;
}

/* Special List */
.ss-list-02 > li::before {
  background: #bb136d;
}

/* Spacial Box */
.ss-box > .body {
  background: #ffffff;
}
.ss-box .title-container > .title-wrapper {
  background: #3e1e69;
  color: #ffffff;
}
.ss-box .title-container.with-active > .active-wrapper {
  background: #8b6e70;
  color: #ffffff;
}
.ss-box .input-group {
  border-color: #e9e9e9 !important;
}
.ss-box .input-group:not(.header):first-child {
  border-top-color: #8c59b7 !important;
}
.ss-box > .options {
  background: #a34a7a;
}
.ss-box > .options > .option {
  background: #a34a7a;
  color: #ffffff;
}
.ss-box > .options > .option.option-search {
  background: #a34a7a;
}
.ss-box > .options > .option:hover,
.ss-box > .options > .option.option-search:hover {
  background: #850e4e;
  color: #ffffff;
}
.ss-box > .options > .option.active {
  background: #2e1213;
  color: #fdcd05;
}
.ss-box > .options > .option.option-select,
.ss-box > .options > .option.option-select select {
  background: #a34a7a !important;
  color: #ffffff !important;
}

/* Special Box Webboard */
.ss-box-webboard > .header {
  background: #3e1e69;
  color: #ffffff;
}
.ss-box-webboard > .header::before {
  background: #3e1e69;
}
.ss-box-webboard > .header .blocks {
  background: #3e1e69;
  border-color: #999999;
}
.ss-box-webboard .inner-wrapper {
  border-color: #e1e1e1;
}
.ss-box-webboard .webboard-profile > .profile-icon {
  background: #ffffff;
}
.ss-box-webboard .btn.btn-icon {
  color: #ffffff !important;
  border-color: #8c59b7;
  background: #8c59b7;
}
.ss-box-webboard a.btn.btn-icon:hover {
  color: #ffffff;
  background: #8c59b7;
}
.ss-box-webboard .btn.btn-icon.btn-icon-02 {
  color: #ffffff;
  background: #8c59b7;
  border-color: #8c59b7;
}
.ss-box-webboard .btn.btn-icon.btn-icon-03 {
  color: #ffffff;
  background: #8c59b7;
  border-color: #8c59b7;
}
.ss-box-webboard a.btn.btn-icon.btn-icon-03:hover {
  border-color: #ffb739;
  background: #ffb739;
}

/* Special Box Shadow */
.ss-box-shadow::before {
  background: #ffffff;
}

/* Special Card */
.ss-card .line-1::before,
.ss-card .line-1::after,
.ss-card .line-2::before,
.ss-card .line-2::after {
  background: #8c59b7;
}
.ss-card .line-1.bg-07::before,
.ss-card .line-1.bg-07::after,
.ss-card .line-2.bg-07::before,
.ss-card .line-2.bg-07::after {
  background: #850e4e;
}
.ss-card .line-1.bg-20::before,
.ss-card .line-1.bg-20::after,
.ss-card .line-2.bg-20::before,
.ss-card .line-2.bg-20::after {
  background: #25a9d4;
}
.ss-card .line-1.bg-21::before,
.ss-card .line-1.bg-21::after,
.ss-card .line-2.bg-21::before,
.ss-card .line-2.bg-21::after {
  background: #ffcb08;
}
.ss-card .line-1.bg-22::before,
.ss-card .line-1.bg-22::after,
.ss-card .line-2.bg-22::before,
.ss-card .line-2.bg-22::after {
  background: #271148;
}
.ss-card .line-1.bg-29::before,
.ss-card .line-1.bg-29::after,
.ss-card .line-2.bg-29::before,
.ss-card .line-2.bg-29::after {
  background: #2d2b2d;
}

/* Special Card 01 */
.ss-card-01,
.ss-card-01:hover,
.ss-card-01 .ss-stat .stat {
  color: #ffffff !important;
}
.ss-card-01:hover .title {
  color: #f9e142;
}
.ss-card-01 .filter-01 {
  background: rgba(0, 0, 0, 0.5);
}
.ss-card-01 .filter-02 {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(129, 129, 129, 0.1632003143054097) 47%
  );
}

/* Special Card 02 */
.ss-card-02:hover .title,
.ss-card-02:hover .card-more {
  color: #8c59b7;
}
.ss-card-02.style-02 .text-container::before {
  background: #850e4e;
}
.ss-card-02.style-02:hover .title {
  color: #850e4e;
}
.ss-card-02.style-02 .card-more {
  color: #850e4e;
}

.ss-card-02.style-03 .text-container::before {
  background: #0a2767;
}
.ss-card-02.style-03:hover .title {
  color: #3ab1d8;
}
.ss-card-02.style-03 .card-more {
  color: #3ab1d8;
}

.ss-card-02.style-04:hover .title {
  color: #ffcb08;
}
.ss-card-02.style-04 .text-container {
  background: #6d2587;
  color: #ffffff;
}
.ss-card-02.style-04:hover .title {
  color: #ffcb08;
}
.ss-card-02.style-04.bg-white .text-container {
  background: #ffffff;
  color: #000000;
}
.ss-card-02.style-04 .text-container > .ss-stat .stat {
  color: #ffcb08;
}

.ss-card-02.style-05 .text-container > .ss-stat .stat {
  color: #6d2587;
}

.ss-card-02.style-06 .text-container {
  background: #f2f2f2;
  color: #ffffff;
}
.ss-card-02.style-06 .text-container > .title {
  color: #271148;
}
.ss-card-02.style-06:hover .text-container > .title {
  color: #ffcb08;
}
.ss-card-02.style-06 .text-container > .desc {
  color: #000000;
}
.ss-card-02.style-06 .text-container > .ss-stat .stat {
  color: #6d2587;
}

.ss-card-02.style-07 .text-container {
  background: #ffffff;
  border-color: #e1e1e1;
}
.ss-card-02.style-07 .text-container > .title {
  color: #271148;
}
.ss-card-02.style-07:hover .text-container > .title {
  color: #6d2587;
}
.ss-card-02.style-07 .text-container > .desc {
  color: #000000;
}
.ss-card-02.style-07 .text-container > .ss-stat .stat {
  color: #6d2587;
}

/* Special Card 03 */
.ss-card-03 .text-container {
  background: #f2f2f2;
}
.ss-card-03:hover .text-container {
  background: #8c59b7;
}
.ss-card-03:hover .text-container .title {
  color: #ffffff;
}

/* Special Card 04 */
.ss-card-04 .text-container {
  background: #ffffff;
  border-color: #e1e1e1;
}
.ss-card-04:hover .text-container {
  background: #8c59b7;
  border-color: #8c59b7;
}
.ss-card-04 .text-container .card-tag {
  background: #8c59b7;
  color: #ffffff;
}
.ss-card-04 .text-container .arrow {
  color: #000000;
}
.ss-card-04:hover .text-container .title,
.ss-card-04:hover .text-container .ss-stat .stat,
.ss-card-04:hover .text-container .arrow {
  color: #ffffff;
}

/* Special Card 05 */
.ss-card-05 .text-container {
  background: #ffffff;
}
.ss-card-05:hover .text-container {
  background: #8c59b7;
}
.ss-card-05 .text-container .card-tag {
  background: #8c59b7;
  color: #ffffff;
}
.ss-card-05 .arrows .slick-arrow {
  color: #000000;
}
.ss-card-05:hover .text-container .title,
.ss-card-05:hover .text-container .desc,
.ss-card-05:hover .text-container .ss-stat .stat,
.ss-card-05:hover .arrows .slick-arrow {
  color: #ffffff !important;
}
.ss-card-05:hover .ss-tag {
  background: #ffffff;
  color: #8c59b7;
}

.ss-card-05.style-02:hover .text-container {
  background: #271148;
}
.ss-card-05.style-02:hover .text-container .wrapper > .ss-stat .stat {
  color: #ffffff !important;
  opacity: 1 !important;
}
.ss-card-05.style-02 .text-container .ss-tag {
  background: #271148;
  color: #ffffff;
}
.ss-card-05.style-02:hover .text-container .ss-tag {
  border-color: #ffffff;
}

.ss-card-05.style-03 .text-container .ss-tag {
  border-color: #6d2587 !important;
  color: #6d2587;
}
.ss-card-05.style-03:hover .text-container .ss-tag {
  border-color: #ffffff !important;
  color: #ffffff;
}
.ss-card-05.style-03:hover .text-container {
  background: #6d2587;
}
.ss-card-05.style-03:hover .text-container .wrapper > .ss-stat .stat {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Special Card 06 */
.ss-card-06 .text-container {
  background: #ffffff;
}
.ss-card-06:hover .text-container {
  background: #212121;
}
.ss-card.ss-card-06 .text-container .title,
.ss-card-06 .text-container .arrow,
.ss-card-06 .text-container .ss-stat .stat > em {
  color: #8c59b7;
}
.ss-card-06:hover .text-container .desc,
.ss-card-06:hover .text-container .ss-stat .stat {
  color: #ffffff;
}

/* Special Card 07 */
.ss-card-07:hover {
  background: #8c59b7;
}
.ss-card-07 .text-container {
  background: #f2f2f2;
}
.ss-card-07:hover .text-container {
  background: #8c59b7;
}
.ss-card-07:hover .text-container .title,
.ss-card-07:hover .text-container .desc,
.ss-card-07:hover .text-container .ss-stat .stat,
.ss-card-07:hover .text-container a {
  color: #ffffff !important;
}
.ss-card-07:hover .card-more {
  color: #ffffff !important;
}
.ss-card-07.style-02 .text-container {
  border-color: #8c59b7;
}
.ss-card-07.style-02:hover .text-container {
  background: #8c59b7;
}
.ss-card-07.style-02:hover .ss-tags-02 .tag,
.ss-card-07.style-02:hover p {
  color: #ffffff;
}

/* Special Card 08 */
.ss-card-08 {
  background: #f2f2f2;
}
.ss-card-08:hover {
  background: #8c59b7;
}
.ss-card-08 .text-container > .info-content {
  border-color: #cccccc;
}
.ss-card-08:hover .text-container > .info-content {
  border-color: #ffffff;
}
.ss-card-08 .text-container .arrow {
  color: #8c59b7;
}
.ss-card-08:hover .text-container .title,
.ss-card-08:hover .text-container .desc,
.ss-card-08:hover .text-container .ss-stat .stat,
.ss-card-08:hover .text-container .arrow,
.ss-card-08:hover .info-content p {
  color: #ffffff;
}
.ss-card-08 .info-content .text-icon em {
  background: #8c59b7;
  color: #ffffff;
}
.ss-card-08:hover .info-content .text-icon em {
  background: #ffffff;
  color: #8c59b7;
}
.ss-card-08 .video-info .duration {
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
}
.ss-card-08 .video-info > em {
  color: #8c59b7;
}
.ss-card-08.minisite {
  background: #ffffff;
}
.ss-card-08.minisite:hover {
  background: #212121;
}
.ss-card-08.minisite .text-container::before {
  background: #8c59b7;
}
.ss-card-08.minisite .text-container .title {
  color: #8c59b7;
}
.ss-card-08.minisite .text-container .arrow {
  color: #8c59b7;
}
.ss-card-08.minisite .info-content .text-icon em {
  background: none;
  color: #8c59b7;
}
.ss-card-08:hover .card-more {
  color: #ffffff;
}

/* Special Card 09 */
.ss-card-09 {
  background: #f2f2f2;
}

/* Special Card 10 */
.ss-card-10 {
  background: #f2f2f2;
}
/* .ss-card-10 .ss-date-container {
  background: #3e1e69;
} */
/* Special Card 11 */
.ss-card-11 {
  background: #7f2600;
}
.ss-card-11 .text-container .title {
  color: #ffffff;
}
.ss-card-11:hover .text-container .title {
  color: #8c59b7;
}
.ss-card-11 > .info-content {
  border-color: #ffffff;
}
.ss-card-11.white {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #f0f0f0;
}
.ss-card-11.white .text-container .title {
  color: #000000;
}
.ss-card-11.white:hover {
  border: 0 !important;
}
.ss-card-11.white:hover .text-container .title {
  color: #8c59b7;
}
.ss-card-11.white > .info-content {
  border-color: #a4a5a4;
}
.ss-card-11.pink {
  background: #f1f4f6;
}
.ss-card-11.pink .text-container .title {
  color: #000000;
}
.ss-card-11.pink:hover .text-container .title {
  color: #850e4e;
}
.ss-card-11.pink > .info-content {
  border-color: #f8feed;
}
.ss-card-11.pink .ss-date-sm {
  background: #850e4e;
  border-color: #850e4e;
}

.ss-card-11.blue {
  background: #f1f4f6;
}
.ss-card-11.blue .text-container .title {
  color: #000000;
}
.ss-card-11.blue:hover .text-container .title {
  color: #850e4e;
}
.ss-card-11.blue > .info-content {
  border-color: #f8feed;
}
.ss-card-11.blue .ss-date-sm {
  background: #25a9d4;
  border-color: #25a9d4;
}

.ss-card-11.yellow {
  background: #f1f4f6;
}
.ss-card-11.yellow .text-container .title {
  color: #000000;
}
.ss-card-11.yellow:hover .text-container .title {
  color: #850e4e;
}
.ss-card-11.yellow > .info-content {
  border-color: #6d2587;
  background: #6d2587;
}
.ss-card-11.yellow > .info-content.style-02 {
  border-color: #271148;
  background: #271148;
}
.ss-card-11.yellow .ss-date-sm {
  background: #25a9d4;
  border-color: #25a9d4;
}
.ss-card-11.yellow .ss-date-sm {
  background: #ffcb08;
  border-color: #ffcb08;
}

.ss-card-11.transparent {
  background: transparent;
}
.ss-card-11.transparent .text-container .title {
  color: #101010;
}
.ss-card-11.yellow:hover .text-container .title {
  color: #850e4e;
}
.ss-card-11.yellow > .info-content {
  border-color: #6d2587;
  background: #6d2587;
}
.ss-card-11.yellow > .info-content.style-02 {
  border-color: #271148;
  background: #271148;
}
.ss-card-11.transparent .ss-date-sm {
  color: #271148;
}

.ss-card-11.purple {
  background: #ffffff;
}
.ss-card-11.purple .text-container .title {
  color: #000000 !important;
}
.ss-card-11.purple:hover .text-container .title {
  color: #850e4e;
}
.ss-card-11.purple > .info-content {
  border-color: #e1e1e1;
}
.ss-card-11.purple .ss-date-sm {
  background: #8c59b7;
  border-color: #8c59b7;
}

.ss-card-11.purple.style-02 {
  background: #ffffff;
  border-color: #6d2587 !important;
}
.ss-card-11.purple.style-02 .text-container .title {
  color: #000000 !important;
}
.ss-card-11.purple.style-02:hover .text-container .title {
  color: #850e4e;
}
.ss-card-11.purple.style-02 > .info-content {
  border-color: #6d2587;
}
.ss-card-11.purple.style-02 .ss-date-sm {
  background: #6d2587 !important;
  border-color: #6d2587 !important;
}

.ss-card-11.dark {
  background: #f1f4f6;
}
.ss-card-11.dark .text-container .title {
  color: #000000 !important;
}
.ss-card-11.dark:hover .text-container .title {
  color: #850e4e;
}
.ss-card-11.dark > .info-content {
  border-color: #f8feed;
}
.ss-card-11.dark .ss-date-sm {
  background: #271148;
  border-color: #8c59b7;
}

/* Special Card 12 */
.ss-card-12 {
  background: #ffffff;
}
.ss-card-12:hover {
  background: #8c59b7;
}
.ss-card-12 .text-container .date,
.ss-card-12 .text-container .stat {
  color: #8c59b7;
}
.ss-card-12:hover .text-container .title,
.ss-card-12:hover .text-container .date,
.ss-card-12:hover .text-container .stat {
  color: #ffffff !important;
}

.ss-card-12.style-02 {
  background: #f0f2f2;
}
.ss-card-12.style-02:hover {
  background: #6d2587;
}

/* Special Card 13 */
.ss-card-13 .text-container {
  background: #ffffff;
}
.ss-card-13:hover .text-container {
  background: #212121;
}
.ss-card-13 .text-container .title {
  color: #8c59b7;
}
.ss-card-13 .info-content .ss-stat .stat em {
  color: #8c59b7;
}
.ss-card-13:hover .text-container .desc,
.ss-card-13:hover .text-container .ss-stat .stat {
  color: #ffffff;
}

/* Special Card 14 */
.ss-card-14 {
  background: #ffffff;
}
.ss-card-14 .text-container {
  border-color: #f2f2f2 !important;
}

/* Special Card 15 */
.ss-card-15 {
  background: #ffffff;
}
.ss-card-15:hover {
  background: #212121;
}
.ss-card-15 .text-container > .info-content,
.ss-card-15 .info-content .header {
  border-color: #ddebf1;
}
.ss-card-15:hover .text-container > .text-content .title {
  color: #ffffff !important;
}
.ss-card-15:hover .text-container > .info-content,
.ss-card-15:hover .info-content .header {
  border-color: #ffffff;
}
.ss-card-15 .arrow {
  color: #8c59b7;
}
.ss-card-15 .ss-stat .stat em {
  color: #8c59b7;
}
.ss-card-15 .text-container::before {
  background: #8c59b7;
}
.ss-card-15:hover .text-container .title,
.ss-card-15:hover .text-container .desc,
.ss-card-15:hover .ss-stat .stat,
.ss-card-15:hover .ss-stat .stat em,
.ss-card-15:hover .arrow,
.ss-card-15:hover .info-content p,
.ss-card-15:hover .text-container p {
  color: #ffffff;
}
.ss-card-15 .menu-tag > .calendar-events {
  background: #f2f2f2;
}

/* Special Card 16 */
.ss-card-16 {
  background: #ffffff;
  border-color: #e8e8e8;
  border-left-color: #000000;
}

/* Special Card 17 */
.ss-card-17 {
  border-color: #e8e8e8;
  border-top-color: #8c59b7;
}
.ss-card-17 .info-container > .info:nth-child(1),
.ss-card-17.cols-3 .info-container > .info:nth-child(2) {
  border-color: #e8e8e8;
}

/* Special Card 19 */
.ss-card-19 .icon-container .icon {
  background: #8c59b7;
  color: #ffffff;
}
.ss-card-19 .text-container .title {
  color: #8c59b7 !important;
}

/* Special Card 20 */
.ss-card-20 > .wrapper {
  background: #8c59b7;
  color: #ffffff;
}
.ss-card-20.style-02 > .wrapper {
  background: #361451;
  color: #ffffff;
}
.ss-card-20.style-03 > .wrapper {
  background: #ee7294;
  color: #ffffff;
}
.ss-card-20:hover > .wrapper,
.ss-card-20.style-02:hover > .wrapper,
.ss-card-20.style-03:hover > .wrapper {
  background: #6d2587;
  box-shadow: 0px 4px 8px 5px rgba(0, 0, 0, 0.25);
}
.ss-card-20.style-04 > .wrapper {
  background: #05d2f1;
  color: #ffffff;
}
.ss-card-20.style-04:hover > .wrapper {
  background: #0a2767;
  box-shadow: 0px 4px 8px 5px rgba(0, 0, 0, 0.25);
}
.ss-card-20 .title,
.ss-card-20 .desc,
.ss-card-20 .ss-stat .stat {
  color: #ffffff;
}
.ss-card-20 .btn-icon {
  background: #64096d;
  color: #ffffff;
}
.ss-card-20.style-03 .btn-icon {
  background: #91265f;
  color: #ffffff;
}
.ss-card-20.style-04 .btn-icon {
  background: #25a9d4;
  color: #ffffff;
}
.ss-card-20.style-05 .btn-icon {
  background: #ffcb08;
  color: #4c3d02;
}

.ss-card-20.style-05 > .wrapper {
  background: #271148;
  color: #ffffff;
}
.ss-card-20.style-05:hover > .wrapper {
  background: #6d2587;
  box-shadow: 0px 4px 8px 5px rgba(0, 0, 0, 0.25);
}

.ss-card-20.style-06 .btn-icon {
  background: #6d2587;
  color: #ffffff;
}
.ss-card-20.style-06:hover .btn-icon {
  background: #271148;
  color: #ffffff;
}
.ss-card-20.style-06 > .wrapper {
  background: #271148;
  color: #ffffff;
}
.ss-card-20.style-06:hover > .wrapper {
  background: #ffcb08;
  box-shadow: 0px 4px 8px 5px rgba(0, 0, 0, 0.25);
}
.ss-card-20.style-06:hover > .wrapper .ss-date-container > .ss-date {
  color: #271148;
}
.ss-card-20.style-06:hover > .wrapper .text-container > .title {
  color: #000000;
}
.ss-card-20.style-06:hover > .wrapper .text-container > .ss-stat .stat {
  color: #000000;
}
.ss-card-20.style-06:hover > .wrapper .text-container > .ss-stat .stat em {
  color: #6d2587;
}

.ss-card-20.style-07 > .wrapper {
  background: #ffffff;
  color: #ffffff;
}
.ss-card-20.style-07:hover > .wrapper {
  background: #ffcb08;
  box-shadow: 0px 4px 8px 5px rgba(0, 0, 0, 0.25);
}
.ss-card-20.style-07 .wrapper {
  border-color: #e1e1e1;
}
.ss-card-20.style-07 > .wrapper .text-container > .title {
  color: #270f49;
}
.ss-card-20.style-07 > .wrapper .text-container > .ss-stat .stat {
  color: #000000;
}
.ss-card-20.style-07 > .wrapper .text-container > .ss-stat .stat em {
  color: #6d2587;
}
.ss-card-20.style-07 > .wrapper .ss-date-container > .ss-date {
  color: #271148;
}
.ss-card-20.style-07:hover > .wrapper {
  background: #270f49;
  box-shadow: 0px 4px 8px 5px rgba(0, 0, 0, 0.25);
}
.ss-card-20.style-07:hover > .wrapper .ss-date-container > .ss-date {
  color: #ffffff;
}
.ss-card-20.style-07:hover > .wrapper .text-container > .title {
  color: #ffffff;
}
.ss-card-20.style-07:hover > .wrapper .text-container > .ss-stat .stat {
  color: #ffffff;
}
.ss-card-20.style-07:hover > .wrapper .text-container > .ss-stat .stat em {
  color: #ffffff;
}
.ss-card-20.style-07:hover .btn-icon {
  background: #e1e1e1;
  color: #28104a;
}

.ss-card-20.style-08 .wrapper {
  background: #000000;
}

.ss-card-20.style-09 .ss-date {
  background: #271148;
  border-color: #271148;
}
.ss-card-20.style-09 .wrapper.bcolor-sgray {
  border-color: #e1e1e1 !important;
}
.ss-card-20.style-09:hover .wrapper {
  background: #000000 !important;
}

.ss-card-20.style-10 .wrapper {
  border-color: #6d2587 !important;
}
.ss-card-20.style-10:hover .wrapper {
  background-color: #000 !important;
}
.ss-card-20.style-10 .wrapper .text-container > .title {
  color: #000000 !important;
}
.ss-card-20.style-10:hover .wrapper .text-container > .title {
  color: #ffffff !important;
}
.ss-card-20.style-10 .wrapper .text-container > .ss-stat .stat,
.ss-card-20.style-10 .wrapper .text-container > .ss-stat .stat em {
  color: #6d2587;
}
.ss-card-20.style-10:hover .wrapper .text-container > .ss-stat .stat,
.ss-card-20.style-10:hover .wrapper .text-container > .ss-stat .stat em {
  color: #ffffff;
}
.ss-card-20.style-10 .ss-date {
  background: #6d2587;
  border-color: #6d2587;
}

/* Special Card 23 */
.ss-card-23 {
  background: #f2f2f2;
}

/* Special Card 24 */
.ss-card-24 .text-container {
  color: #ffffff;
}

/* Special Card 25 */
.ss-card-25 .text-container {
  background: #000000;
  color: #ffffff;
}
.ss-card-25:hover .text-container {
  background: #850e4e;
}
.ss-card-25 .ss-stat .stat {
  color: #ffffff;
}

/* Special Card 26 */
.ss-card-26 {
  background: #f1f4f6;
  color: #000000;
}
.ss-card-26:hover {
  background: #850e4e;
}
.ss-card-26:hover .title,
.ss-card-26:hover .desc,
.ss-card-26:hover .ss-stat .stat {
  color: #ffffff;
}
.ss-card-26.style-02 {
  background: #f1f4f6;
  color: #000000;
}
.ss-card-26.style-02:hover {
  background: #25a9d4;
}

.ss-card-26.style-03 {
  background: #f1f4f6;
  color: #000000;
}
.ss-card-26.style-03:hover {
  background: #ffcb08;
}

.ss-card-26.style-03 {
  background: #f1f4f6;
  color: #000000;
}
.ss-card-26.style-03:hover {
  background: #270f49;
}

/* Special Card 27 */
.ss-card-27 {
  background: #000000;
  color: #ffffff;
}
.ss-card-27 .title,
.ss-card-26 .desc,
.ss-card-27 .ss-stat .stat {
  color: #ffffff;
}
.ss-card-27:hover {
  background: #850e4e;
}
.ss-card-27:hover .title,
.ss-card-26:hover .desc,
.ss-card-27:hover .ss-stat .stat {
  color: #ffffff;
}
.ss-card-27.filter-01 .ss-img::after {
  background-image: linear-gradient(
    to top,
    rgba(4, 4, 3, 1),
    rgba(4, 4, 3, 0.9),
    rgba(4, 4, 3, 0.4),
    rgba(4, 4, 3, 0),
    rgba(4, 4, 3, 0),
    rgba(4, 4, 3, 0),
    rgba(4, 4, 3, 0)
  );
}

.ss-card-27.style-02 {
  background: #25a9d4;
  color: #ffffff;
}
.ss-card-27.style-02:hover {
  background: #0a2767;
  color: #ffffff;
}

.ss-card-27.style-03 {
  background: #6d2587;
  color: #ffffff;
}
.ss-card-27.style-03:hover {
  background: #ffcb08;
  color: #ffffff;
}

.ss-card-27.style-04 {
  background: #f2f2f2;
}
.ss-card-27.style-04:hover {
  background: #271148;
}
.ss-card-27.style-04 .text-container > .title {
  color: #271148;
}
.ss-card-27.style-04 .text-container > .ss-stat .stat {
  color: #6d2587;
}
.ss-card-27.style-04:hover .text-container > .title {
  color: #ffffff;
}
.ss-card-27.style-04:hover .text-container > .ss-stat .stat {
  color: #ffffff;
}

.ss-card-27.style-05 {
  background: #ffffff;
}
.ss-card-27.style-05 .text-container > .title {
  color: #271148;
}
.ss-card-27.style-05 .text-container > .ss-stat .stat {
  color: #6d2587;
}
.ss-card-27.style-05:hover {
  background: #271148;
}
.ss-card-27.style-05 .text-container {
  border-color: #e1e1e1;
}
.ss-card-27.style-05:hover .text-container > .title {
  color: #ffffff;
}
.ss-card-27.style-05:hover .text-container > .ss-stat .stat {
  color: #ffffff;
}

.ss-card-27.style-06 {
  background: #ffffff;
}
.ss-card-27.style-06 .text-container > .title {
  color: #ffffff;
}
.ss-card-27.style-06 .text-container > .ss-stat .stat {
  color: #ffffff;
}
.ss-card-27.style-06 .text-container {
  background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
  width: 100%;
}
/* Special Card 28 */
.ss-card-28 {
  color: #ffffff;
}

/* Special Card 29 */
.ss-card-29 {
  color: #3e1e69;
}

/* Special Card 30 */
.ss-card-30 {
  border-color: #8c59b7 !important;
}

/* Special Card 31 */
.ss-card-31 .icon-container .icon {
  background: #8c59b7;
  color: #ffffff;
}
.ss-card-31 .text-container .title {
  color: #8c59b7 !important;
}
.ss-card-31 .text-container .desc {
  color: #3e1e69 !important;
}

/* Special Card 32 */
.ss-card-32 {
  border-color: #3e1e69;
}
.ss-card-32 .form-check {
  background: #8c59b7;
  border-color: #3e1e69;
}

/* Special Card 33 */
.ss-card-33 .icon-container .icon {
  background: #f0f0f0;
  color: #8c59b7;
  border-color: #8c59b7;
}

/* Special Card 34 */
.ss-card-34:hover {
  border-color: #000000;
}
.ss-card-34:hover .hover-container {
  background: rgb(145, 98, 173, 0.8);
}

/* Special Card 36 */
.ss-card-36:hover .hover-container {
  background: rgb(146, 62, 107, 0.7) !important;
}

/* Special Card 37 */
.ss-card-37 .wrapper > .text-container-left {
  background: #850e4e;
}
.ss-card-37 .wrapper > .text-container-right {
  background: #f9f9f9;
}

/* Special Card 38 */
.ss-card-38:nth-child(odd) .wrapper > .ss-date-03 {
  background: #850e4e;
  color: #ffffff;
}
.ss-card-38:nth-child(even) .wrapper > .ss-date-03 {
  background: #adadad;
  color: #ffffff;
}
.ss-card-38:nth-child(odd) .wrapper > .text-container {
  background: #f4f4f4;
}
.ss-card-38:nth-child(even) .wrapper > .text-container {
  background: #ffffff;
}

/* Special Card 39 */
.ss-card-39 {
  border-color: #850e4e;
  background: #ffffff;
}

/* Special Card 40 */
.ss-card-40 {
  border-color: #cecece;
}

/* Special Card 42 */
.ss-card-42 {
  border-color: #c1e1e1;
}

/* Special Card 45 */
.ss-card-45 .wrapper > .number-container {
  background: #850e4e;
  color: #ffffff;
}

/* Special Card 46 */
.ss-card-46 .btn-icons > .btn-icon {
  background: #91265f;
  color: #ffffff;
}
.ss-card-46 .btn-icons > .btn-icon:hover {
  background: #ee7294;
  color: #ffffff;
}

/* Special Card 47 */
.ss-card-47 .wrapper > .text-container {
  background: #f4f4f4;
}

/* Special Card 48 */
.ss-card-48 {
  border-color: #850e4e;
}
.ss-card-48 .ss-card-header::before {
  background: #850e4e;
}
.ss-card-48 .ss-card-header::after {
  background: #850e4e;
}

/* Special Card 49 */
.ss-card-49 {
  background: #f5f5f5;
}
.ss-card-49 .post-left-container > .ss-date-03 {
  background: #850e4e;
  color: #ffffff;
}

/* Special Card Circle */
.ss-card-circle .circle-container:nth-child(1) {
  background: #850e4e;
}
.ss-card-circle .circle-container:nth-child(2) {
  background: #e7e7e7;
}
.ss-card-circle:last-child .circle-container:nth-child(1) {
  background: #e7e7e7;
}
.ss-card-circle:last-child .circle-container:nth-child(2) {
  background: #b31f6f;
}

/* Special Card 51 */
.ss-card-51 .text-container {
  background: #ffffff;
}
.ss-card-51 .card-footer .view .icon {
  color: #face30;
}
.ss-card-51:hover .card-footer .view .icon {
  color: #ffffff;
}
.ss-card-51 .ss-tags > .tag {
  background: #271148;
  color: #ffffff;
}

/* Special Card 53 */
.ss-card-53 {
  color: #ffffff;
  box-shadow: 0px 4px 16px 4px rgba(0, 0, 0, 0.15);
}
.ss-card-53.filter-01 .ss-img::after {
  background-image: linear-gradient(
    to top,
    rgba(96, 0, 101, 1),
    rgba(96, 0, 101, 0.9),
    rgba(96, 0, 101, 0.4),
    rgba(96, 0, 101, 0),
    rgba(96, 0, 101, 0),
    rgba(96, 0, 101, 0),
    rgba(96, 0, 101, 0)
  );
}
.ss-card-53.filter-02 .ss-img::after {
  background-image: linear-gradient(
    to bottom,
    rgba(97, 88, 81, 1),
    rgba(97, 88, 81, 0.9),
    rgba(97, 88, 81, 0.4),
    rgba(97, 88, 81, 0),
    rgba(97, 88, 81, 0),
    rgba(97, 88, 81, 0),
    rgba(97, 88, 81, 0)
  );
}
.ss-card-53.filter-03 .ss-img::after {
  background-image: linear-gradient(
    to bottom,
    rgba(197, 201, 204, 1),
    rgba(197, 201, 204, 0.9),
    rgba(197, 201, 204, 0.4),
    rgba(197, 201, 204, 0),
    rgba(197, 201, 204, 0),
    rgba(197, 201, 204, 0),
    rgba(197, 201, 204, 0)
  );
}

/* Special Card 55 */
.ss-card-55 .text-container {
  background: #ffffff;
}
.ss-card-55 .card-footer .view .icon {
  color: #face30;
}
.ss-card-55:hover .card-footer .view .icon {
  color: #ffffff;
}
.ss-card-55 .ss-tags > .tag {
  background: #271148;
  color: #ffffff;
}

/* Special Card 57 */
.ss-card-57 .text-container {
  background: #6d2587;
  color: #ffffff;
}

/* Special Card 58 */
.ss-card-58 .text-container .ss-tags > .tag,
.ss-card-58 .text-container .title,
.ss-card-58 .text-container .card-footer > .ss-stat .stat,
.ss-card-58 .text-container .card-footer > .icon em {
  color: #ffffff;
}
.ss-card-58 .ss-tags .tag {
  border-color: #ffffff;
}
.ss-card-58:hover .ss-tags .tag {
  color: #000000;
  background: #ffffff;
}
.ss-card-58:hover .text-container .title {
  color: #ffcb08;
}
.ss-card-58:hover .text-container .card-footer > .ss-stat .stat,
.ss-card-58:hover .text-container .card-footer > .icon em {
  color: #ffcb08;
}
.ss-card-58.filter-01 .ss-img::after {
  background-image: linear-gradient(
    to top,
    rgba(4, 4, 3, 1),
    rgba(4, 4, 3, 0.9),
    rgba(4, 4, 3, 0.4),
    rgba(4, 4, 3, 0),
    rgba(4, 4, 3, 0),
    rgba(4, 4, 3, 0),
    rgba(4, 4, 3, 0)
  );
}
/* Special Card 59 */
.ss-card-59.nth-child1 {
  background: #776fa5;
}
.ss-card-59.nth-child2 {
  background: #432a64;
}
.ss-card-59.nth-child3 {
  background: #b579a6;
}
.ss-card-59.nth-child4 {
  background: #702c7d;
}
.ss-card-59.nth-child5 {
  background: #debd51;
}
.ss-card-59.nth-child6 {
  background: #dd6d91;
}
.ss-card-59.nth-child7 {
  background: #776fa5;
}
.ss-card-59.nth-child8 {
  background: #39a6a6;
}
.ss-card-59 .text-container > .title {
  color: #ffffff;
}
.ss-card-59:hover {
  box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, 0.05);
}
.ss-card-59:active {
  box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, 0.1);
}

/* Special Date */
.ss-date {
  background: #3e1e69;
  color: #ffffff;
}
.ss-date-sm {
  background: none;
  color: #ffffff;
  border: 2px solid #ffffff;
}
.ss-date-sm.white {
  background: #8c59b7;
  color: #ffffff;
  border: 0;
}

/* Special File 01 */
.ss-file-01 > .icon-container {
  background: #eeeeee;
  color: #000000;
  border-color: #cccccc;
}

/* Special File 02 */
.ss-file-02 {
  background: #ffffff;
  border-color: #cccccc;
  color: #000000;
}
.ss-file-02:hover {
  background: #eeeeee;
}
.ss-file-02 > .icon-container {
  background: #eeeeee;
}
.ss-file-02 .btn-container:hover {
  background: #8c59b7;
}
.ss-file-02 .btn-container:hover * {
  color: #ffffff !important;
}

/* Special File 03 */
.ss-file-03 {
  background: #ffffff;
}

/* Special Icon Title */
.ss-icon-title > em {
  background: #8c59b7;
  color: #ffffff;
}

/* Special Image */
.ss-img .mag-bg {
  background: #d3d5d8;
}
.ss-img .mag-bg::before {
  background: #8c59b7;
}
.ss-img /*.hover-container*/ {
  background: rgba(0, 0, 0, 0.4);
}
.ss-img .hover-container.init-transparent {
  background: transparent;
}
.ss-img /*.hover-container.init-transparent:hover*/ {
  background: rgba(0, 0, 0, 0.4);
}
.ss-img .video-info .duration {
  background: rgba(0, 0, 0, 0.4);
  color: #ffffff;
}
.ss-img .video-info > em {
  color: #8c59b7;
}
.ss-img .time-tag {
  background: rgba(0, 0, 0, 0.65);
  color: #ffffff;
}
.ss-img .hover-container .icon > em {
  color: #ffffff;
}
.ss-img .hover-container-02 .circle {
  background: #850e4e;
}

/* Special Footer Button */
.ss-footer-btns.main-t1 > .btn-icons > .btn-icon {
  background: #3e1e69;
  color: #ffffff !important;
}
.ss-footer-btns.main-t1 > .btn-icons > .btn-icon:hover {
  background: #8c59b7;
  color: #ffffff;
}
.ss-footer-btns.main-t1
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #3e1e69;
}
.ss-footer-btns > .btn-icons > .btn-icon {
  background: #91265f;
  color: #ffffff !important;
}
.ss-footer-btns > .btn-icons > .btn-icon:hover {
  background: #ee7294;
  color: #ffffff;
}
.ss-footer-btns > .btn-icons > .btn-icon.style-02 {
  background: #3ab1d8;
  color: #ffffff;
}
.ss-footer-btns > .btn-icons > .btn-icon.style-02:hover {
  background: #0a2767;
  color: #ffffff;
}
.ss-footer-btns .swiper-pagination-bullet {
  background: #cbc4c5;
}
.ss-footer-btns .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #850e4e;
}

.ss-footer-btns.style-02
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #25a9d4;
}

.ss-footer-btns > .btn-icons > .btn-icon.style-03 {
  background: #999999;
  color: #ffffff;
}
.ss-footer-btns > .btn-icons > .btn-icon.style-03:hover {
  background: #ffcb08;
  color: #ffffff;
}
.ss-footer-btns.style-03
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ffcb08;
}
.ss-footer-btns.style-04
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #271148;
}

.ss-footer-btns > .btn-icons > .btn-icon.style-04 {
  background: #ffcb08;
  color: #ffffff;
}
.ss-footer-btns > .btn-icons > .btn-icon.style-04:hover {
  background: #271148;
  color: #ffffff;
}

.ss-footer-btns > .btn-icons > .btn-icon.style-05 {
  background: #270f49;
  color: #ffffff;
}
.ss-footer-btns > .btn-icons > .btn-icon.style-05:hover {
  background: #e1e1e1;
  color: #28104a;
}

/* Special List 01 */
.ss-list-01 > li::before {
  background: #8c59b7;
}
.ss-list-01.style-02 > li::before {
  background: #ffffff;
}
.ss-list-01.style-03 > li::before {
  background: #6d2587;
}
.ss-list-01.style-04 > li::before {
  background: #ffffff;
}

/* Special Separation 01 */
.ss-sep-01 > *::before,
.ss-sep-01 > *::after {
  background: #e1e1e1;
}

/* Special Separation 02 */
.ss-sep-02 {
  color: #000000;
}
.ss-sep-02::before,
.ss-sep-02::after {
  background: #afafaf;
}

/* Special Stat */
.ss-stat .stat {
  color: #2a2a2a;
}
.ss-stat .stat .icon-round {
  background: #8c59b7;
  color: #ffffff;
}

/* Special Tag */
.ss-tag {
  background: #8c59b7;
  color: #ffffff;
}

/* Special Tags 02 */
.ss-tags-02 > .tag {
  background: #363635;
  color: #ffffff;
}

/* Special Date 02 */
.ss-date-02 {
  background: #810e4c;
  color: #ffffff;
}

/* Table */
table.table td {
  border-color: #e1e1e1 !important;
}
table.table .sep {
  background: #cccccc;
}
table.table .ticon {
  color: #ffffff !important;
}
table.table .profile-card > .profile-icon {
  background: #ffffff;
}
table.table .profile-card .date {
  color: #ffffff;
}

/* Table 01 */
table.table.table-01 th {
  background: #3e1e69;
  color: #ffffff;
}
table.table.table-01 th:nth-child(6n + 2) {
  background: #3e1e69;
}
table.table.table-01 th:nth-child(6n + 3) {
  background: #3e1e69;
}
table.table.table-01 th:nth-child(6n + 4) {
  background: #3e1e69;
}
table.table.table-01 th:nth-child(6n + 5) {
  background: #3e1e69;
}
table.table.table-01 th:nth-child(6n) {
  background: #3e1e69;
}
table.table.table-01 td {
  background: #ffffff;
  color: #383838;
  border-color: #d6d6d6 !important;
}
table.table.table-01 td:nth-child(6n + 1) {
  background: #e1e1e1;
}
table.table.table-01 td:nth-child(6n + 3) {
  background: #f2f2f2;
}
table.table.table-01 td:nth-child(6n + 5) {
  background: #999999;
  color: #ffffff;
}
table.table.table-01 td:nth-child(6n) {
  background: #666666;
  color: #ffffff;
}
table.table.table-01 tr:hover td {
  background: #8c59b7 !important;
  color: #ffffff !important;
}
table.table.table-01 td:nth-child(2)::before {
  background: #9966cc;
}
table.table.table-01 tr:hover td:nth-child(2)::before {
  background: #ffffff;
}
table.table.table-01 tr:hover .profile-card .date {
  color: #ffffff !important;
}

table.table.table-01.cols-4 th:nth-child(4n + 2) {
  background: #a0aec1;
}
table.table.table-01.cols-4 th:nth-child(4n + 3) {
  background: #466289;
}
table.table.table-01.cols-4 th:nth-child(4n) {
  background: #ffb739;
}
table.table.table-01.cols-4 td:nth-child(4n + 1) {
  background: #ebe8e8;
}
table.table.table-01.cols-4 td:nth-child(4n + 3) {
  background: #f9f9f9;
}
table.table.table-01.cols-4 td:nth-child(4n) {
  background: #696a6a;
  color: #ffffff;
}

/* Table 02 */
table.table.table-02 th {
  background: #3e1e69;
  color: #ffffff;
}
table.table.table-02 th:nth-child(4n + 2) {
  background: #3e1e69;
}
table.table.table-02 th:nth-child(4n + 3) {
  background: #3e1e69;
}
table.table.table-02 th:nth-child(4n + 4) {
  background: #3e1e69;
}
table.table.table-02 th:nth-child(4n) {
  background: #3e1e69;
}
table.table.table-02 td {
  background: #ffffff;
  color: #383838;
  border-color: #d6d6d6 !important;
}
table.table.table-02 td:nth-child(4n + 1) {
  background: #e1e1e1;
}
table.table.table-02 td:nth-child(4n + 4) {
  background: #999999;
  color: #ffffff;
}
table.table.table-02 td:nth-child(4n) {
  background: #999999;
  color: #ffffff;
}
table.table.table-02 tr:hover td {
  background: #8c59b7 !important;
  color: #ffffff !important;
}
table.table.table-02 td:nth-child(2)::before {
  background: #9966cc;
}
table.table.table-02 tr:hover td:nth-child(2)::before {
  background: #ffffff;
}

/* Table 03 */
table.table.table-03,
table.table.table-03 tfoot th {
  border-color: #ffffff;
}
table.table.table-03 td {
  border-color: rgba(255, 255, 255, 0.3);
}

/* Table 04 */
table.table.table-04 thead th {
  border-color: #ffffff;
}
table.table.table-04 td {
  border-color: rgba(255, 255, 255, 0.3);
}

/* Table 05 */
table.table.table-05 th {
  background: #8c59b7;
  color: #ffffff;
}
table.table.table-05 th:nth-child(5n + 1) {
  background: #6e2670;
}
table.table.table-05 th:nth-child(5n + 3),
table.table.table-05 th:nth-child(5n) {
  background: #3e1e69;
}
table.table.table-05 td {
  background: #ffffff;
  color: #383838;
  border-color: #d6d6d6 !important;
}
table.table.table-05 td:nth-child(5n + 1) {
  background: #eeeeee;
}
table.table.table-05 td:nth-child(5n + 3),
table.table.table-05 td:nth-child(5n) {
  background: #f6f6f6;
}
table.table.table-05 tr:hover td {
  background: #eeeeee !important;
}

/* Table 06 */
table.table.table-06 th {
  background: #e9e9e9;
}

/* Toggle Target */
.toggle-target {
  background: #ffffff;
  border-color: #e1e1e1;
}

/* Tree */
.tree .node-container {
  border-color: #8c59b7;
}
.tree .node-container > .wrapper::after {
  background: #8c59b7;
}
.tree .root .node-container {
  color: #ffffff;
  background-image: linear-gradient(to bottom, #2b2b2b, #000000);
}
.tree .node-1 .node-container {
  color: #ffffff;
  background-image: linear-gradient(to bottom, #666666, #3c3c3c);
}
.tree .node-2 .node-container {
  color: #000000;
  background-image: linear-gradient(to bottom, #f9f9f9, #d5d5d5);
}

/* Upload Container */
.upload-container {
  background: #e1e1e1;
}

/* About 03 */
.about-03 .slick-dots button {
  background: #8c59b7;
}
.about-03 .arrows button {
  color: #000000;
}
.about-03 .arrows button:hover {
  color: #8c59b7;
}

.about-03.style-03 .dot-container > .dot-wrapper .arrows > .slick-arrow {
  color: #ffffff;
}
.about-03.style-03 .slick-dots button {
  background: #ffffff;
}

/* About 05 */
.about-05 .about-container > .wrapper::before {
  background: #2d2b2d;
}

/* About 06 */
.about-06 .info .count-container {
  background: #8c59b7;
}
.about-06 .info .count-container::before,
.about-06 .info .count-container > .wrapper {
  background: #ffffff;
}

/* About 07 */
.about-07 .about-box {
  background: #ffffff;
}
.about-07 .about-box > .box-header .left-container {
  background: #8c59b7;
  color: #ffffff;
}

/* About 08 */
.about-08 .job-container::before {
  border-color: #000000;
}
.about-08 .job-container .ss-card::before {
  background: #000000;
}

/* Auth 01 */
.auth-01 .auth-sep > .wrapper::before,
.auth-01 .auth-sep > .wrapper::after {
  background: #afaeae;
}

/* Banner 01 */
.banner-01 .slick-dots button {
  background: #ffffff;
}
.banner-01 .arrows button {
  background: #ffffff;
  color: #000000;
}
.banner-01 .arrows button:hover {
  background: #8c59b7;
  color: #ffffff;
}

/* Banner 03 */
.banner-03 .arrows button {
  background: #8c59b7;
  color: #ffffff;
}
.banner-03 .arrows button.slick-prev {
  background: #8b8b8b;
}

/* Banner 04 */
.banner-04 .swiper-slide {
  color: #ffffff;
}
.banner-04 .banner-paginate {
  background: rgba(0, 0, 0, 0.62);
}
.banner-04 > .pattern > svg {
  fill: #ffffff;
}
.banner-04 .swiper-thumb .swiper-slide::before {
  background: rgba(255, 255, 255, 0.25);
}
.banner-04 .swiper-thumb .swiper-slide .text-container {
  color: #ffffff;
}
.banner-04 .line-1::before,
.banner-04 .line-1::after,
.banner-04 .line-2::before,
.banner-04 .line-2::after {
  background: #8c59b7;
}

/* Banner 05 */
.banner-05 .swiper-pagination-bullet {
  background: #ffffff;
}
.banner-05 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #b738c7;
}
.banner-05.pink .swiper-pagination-bullet {
  background: #cbc4c5;
}
.banner-05.pink .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #850e4e;
}
.banner-05.style-02 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: #ffffff;
}

/* Banner 06 */
.banner-06 .select-card {
  color: #ffffff;
}
.banner-06 .select-card.card-0 > .wrapper {
  background: #9f2a49;
}
.banner-06 .select-card.card-0:hover > .wrapper,
.banner-06 .select-card.card-0 {
  background: #da4f74;
}
.banner-06 .select-card.card-1 > .wrapper {
  background: #4c1156;
}
.banner-06 .select-card.card-1:hover > .wrapper,
.banner-06 .select-card.card-1 {
  background: #7f4da6;
}
.banner-06 .select-card.card-2 > .wrapper {
  background: #0d243f;
}
.banner-06 .select-card.card-2:hover > .wrapper,
.banner-06 .select-card.card-2 {
  background: #79158a;
}
.banner-06 .select-card.card-3 > .wrapper {
  background: #4b1154;
}
.banner-06 .select-card.card-3:hover > .wrapper,
.banner-06 .select-card.card-3 {
  background: #8960af;
}
.banner-06 .select-card.card-4 > .wrapper {
  background: #00958e;
}
.banner-06 .select-card.card-4:hover > .wrapper,
.banner-06 .select-card.card-4 {
  background: #09aca4;
}
.banner-06 .swiper-pagination-bullet {
  background: #ffffff !important;
}
.banner-06 .dots-thumb .swiper-pagination-bullet {
  background: #8c59b7 !important;
}
.banner-06 .arrow {
  background: #ffffff;
}
.banner-06 .swiper-slide > .wrapper .text-wrapper > .slogan .list-item::after {
  background: #ffffff;
}
.banner-06 .swiper-slide .wrapper h1,
.banner-06 .swiper-slide .wrapper h6 {
  color: #fff;
}
/* Banner 07 */
.banner-07 .swiper-pagination-bullet {
  background: #ffffff !important;
}
.banner-07 .arrow {
  background: #ffffff;
}
.banner-07 .swiper-slide > .wrapper .text-wrapper > .slogan .list-item::after {
  background: #ffffff;
}

/* Breadcrumb 01 */
.breadcrumb-01 .wrapper {
  background: #3e1e69;
}
.breadcrumb-01 .wrapper a {
  color: #ffffff !important;
}
.breadcrumb-01 .wrapper a:hover,
.breadcrumb-01 .wrapper a:last-child {
  color: #f9e142 !important;
}
.breadcrumb-01 .wrapper a::after {
  background: #ffffff;
}
.breadcrumb-01 .title {
  color: #ffffff;
}

/* Client 01 */
.client-01 {
  background: #f1f4f6;
}
.client-01 .arrows button {
  color: #2d2d2d;
}

/* Contact Card 01 */
.contact-card-01 {
  background: #8c59b6;
}
.contact-card-01 .contact-tag {
  color: #ffffff;
}

/* Contact Card 02 */
.contact-card-02::before {
  background: #000000;
}

/* Faq 01 */
.faq-01 .faq > .question {
  background: #f1f1f1;
  border-color: #e1e1e1;
}
.faq-01 .faq.active > .question {
  background: #8c59b7;
  border-color: #8c59b7;
}
.faq-01 .faq > .question h6 {
  color: #000000;
}
.faq-01 .faq.active > .question h6 {
  color: #ffffff;
}
.faq-01 .faq > .question .ftag {
  background: #8c59b7;
  color: #ffffff;
}
.faq-01 .faq.active > .question .ftag {
  background: #3e1e69;
}
.faq-01 .faq > .question .arrow {
  background: #8c59b7;
}
.faq-01 .faq.active > .question .arrow {
  background: #3e1e69;
}
.faq-01 .faq .arrow::before,
.faq-01 .faq .arrow::after {
  background: #ffffff;
}
.faq-01 .faq > .answer .ftag {
  background: #8c59b7;
  color: #ffffff;
}
.faq-01 .faq > .answer .content {
  background: #f1f1f1;
}

/* Faq 02 */
.faq-02 .faq > .question .ftag {
  background: #8c59b7;
  color: #ffffff;
}
.faq-02 .faq.active > .question .ftag {
  background: #3e1e69;
  color: #ffffff;
}
.faq-02 .faq > .question .text-container {
  background: #ffffff;
  color: #000000;
  border-color: #e8e8e8;
}
.faq-02 .faq .arrow::before,
.faq-02 .faq .arrow::after {
  background: #8c59b7;
}
.faq-02 .faq > .answer > .wrapper {
  border-color: #cccccc;
  background: #ffffff;
  border-right: 1px solid #e8e8e8;
}
.faq-02 .faq > .answer .ftag {
  background: #eeeeee;
  color: #000000;
}

.faq-02.style-custom .faq > .question .ftag {
  color: #000000;
  background: #ecca50;
  border-color: #8c59b7;
}
.faq-02.style-custom .faq > .question .text-container {
  border-color: #ddebf1;
}

/* Faq 03 */
.faq-03 .faq > .question {
  background: #f4f4f4;
  border-color: #f4f4f4;
}
.faq-03 .faq:nth-child(odd) .ftag {
  background: #850e4e;
  color: #ffffff;
}
.faq-03 .faq:nth-child(even) .ftag {
  background: #adadad;
  color: #ffffff;
}
.faq-03 .faq > .answer .ftag {
  background: #a34a7a;
}

/* History 01 */
.history-01 .info::before {
  background: #afaeae;
}
.history-01 .info > .dot {
  background: #8c59b7;
  border-color: #ffffff;
}

/* Intro 02 */
.intro-02 .intro-footer {
  background: #ffffff;
}
.intro-02 .intro-footer::after {
  background: #3e1e69;
}
.intro-02 .intro-footer .logo h6 {
  color: #271148;
}
.intro-02 .intro-footer .logo p {
  color: #79848e;
}

/* Intro 03 */
.intro-03 .arrows button {
  background: #888888;
  color: #ffffff;
}
.intro-03 .arrows button:hover {
  background: #8c59b7;
}
.intro-03 .arrows button::after {
  background: #e1e1e1;
}
@media screen and (max-width: 1199.98px) {
  .intro-03 .intro-card.lg {
    border-color: #e1e1e1 !important;
  }
}

/* Intro 06 */
.intro-06 {
  background: #000000;
}
.intro-06 .info {
  background: linear-gradient(
    to right,
    #000000,
    #000000,
    #222222,
    #454545,
    #454545
  );
}
.intro-06 .slide-container::after {
  background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

/* Intro 07 */
.intro-07 .icon-blocks .block::before {
  background-image: url('assets/images/bg/minisite-08.jpg');
}
.intro-07 .icon-blocks .block:hover p {
  color: #ffffff;
}
.intro-07 .icon-blocks .block .img-icon {
  background: #8c59b7;
}
.intro-07 .icon-blocks .block:hover .img-icon {
  background: transparent;
}
.intro-07 .slide-container .arrows {
  border-color: #363434;
}
.intro-07 .slide-container > .arrows button {
  background: #8c59b7;
  color: #ffffff;
}
.intro-07 .slide-container > .arrows button:hover {
  background: #ffb739;
}

/* Intro 09 */
.intro-09 .ss-card-11 {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.intro-09 .ss-card-11 > .info-content {
  border-color: rgba(0, 0, 0, 0.12) !important;
}

/* Intro 11 */
.intro-11 > .pattern {
  background: #ee7294;
}
.intro-11.style-02 > .pattern {
  background: #25a9d4;
}
.intro-11.style-03 > .pattern {
  background: #ffcb08;
}
.intro-11.style-04 > .pattern {
  background: #6d2587;
}
.intro-11.style-05 > .pattern {
  background: #f2f2f2;
}

/* Intro 14 */
.intro-14 .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.3);
}
.intro-14 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #8c59b7;
}

/* Section 03 */
.widget-03 .ss-card-02 .title {
  color: white !important;
}
.section-03::before {
  background: #f0f0f0;
}
.section-03 .section-card {
  color: #ffffff;
  border-color: #ffffff;
}
.section-03 .section-cards > .section-card:hover .title {
  color: #000000;
}

.section-03.style-03 .section-cards > .section-card .title {
  color: #270f49;
}
.section-03.style-03 .section-card:hover .title {
  color: #ffffff;
}

.section-03.style-04 .section-card {
  background: #c0c0be;
}
.section-03.style-04 .section-card:hover > .text-wrapper .title {
  color: #000000;
}

/* Section 15 */
.section-04 {
  color: #ffffff;
}
.section-04 .item {
  border-color: rgba(255, 255, 255, 0.3);
}
.section-04 .item .image-container {
  border-color: #fea40d;
}
.section-04 .item .card-footer .icon {
  color: #ffffff;
}
.section-04 .item .card-footer .block-icon::after {
  background: rgba(255, 255, 255, 0.3);
}

/* Org 01 */
.org-01 .node,
.org-01 .node a {
  color: #ffffff;
}
.org-01 .node::before,
.org-01 .node::after {
  background: #333333;
}
.org-01 .node .node-title {
  border-color: #ffffff;
}
.org-01 .node .child {
  background: #ffffff;
}
.org-01 .node.root > .node-container {
  background: #333333;
}
.org-01 .node.node-01 .node-title::before,
.org-01 .node.node-01 .children,
.org-01 .node.node-01 .child > * {
  background: #627894;
}
.org-01 .node.node-01 > .node-container,
.org-01 .node.node-01 .child:hover > * {
  background: #445467;
}
.org-01.round .node.node-01 > .node-container {
  background: #627894;
}
.org-01 .node.node-02 .node-title::before,
.org-01 .node.node-02 .children,
.org-01 .node.node-02 .child > * {
  background: #a0aec1;
}
.org-01 .node.node-02 > .node-container,
.org-01 .node.node-02 .child:hover > * {
  background: #707987;
}
.org-01.round .node.node-02 > .node-container {
  background: #a0aec1;
}
.org-01 .node.node-03 .node-title::before,
.org-01 .node.node-03 .children,
.org-01 .node.node-03 .child > * {
  background: #ffb739;
}
.org-01 .node.node-03 > .node-container,
.org-01 .node.node-03 .child:hover > * {
  background: #b28028;
}
.org-01.round .node.node-03 > .node-container {
  background: #ffb739;
}
.org-01 .node.node-04 .node-title::before,
.org-01 .node.node-04 .children,
.org-01 .node.node-04 .child > * {
  background: #8c59b7;
}
.org-01 .node.node-04 > .node-container,
.org-01 .node.node-04 .child:hover > * {
  background: #b13601;
}
.org-01.round .node.node-04 > .node-container {
  background: #8c59b7;
}

/* Pagination 01 */
.pagination-01 .page-btn {
  color: #8c59b7;
  border-color: #8c59b7;
  background: #ffffff;
}
.pagination-01 .page-btn:hover,
.pagination-01 .page-btn.active {
  border-color: #8c59b7;
  background: #8c59b7 !important;
  color: #ffffff !important;
}
.pagination-01 .page-btn.page-first,
.pagination-01 .page-btn.page-prev,
.pagination-01 .page-btn.page-next,
.pagination-01 .page-btn.page-last {
  color: #ffffff;
  background: #e1e1e1;
  border-color: #e1e1e1;
}

/* Pagination 02 */
.pagination-02 .page-btn {
  color: #8c59b7;
}
.pagination-02 .page-btn.number {
  border-color: #8c59b7;
}
.pagination-02 .page-btn:hover,
.pagination-02 .page-btn.active {
  background: #220943;
  color: #ffffff !important;
  border-color: #220943;
}
.pagination-02 .page-btn.page-first:hover,
.pagination-02 .page-btn.page-prev:hover,
.pagination-02 .page-btn.page-next:hover,
.pagination-02 .page-btn.page-last:hover {
  /* background: none; */
  color: #ff4917;
}
.pagination-02 .page-btn > em {
  color: #220943;
}
.pagination-02 .page-btn.page-first:hover > em,
.pagination-02 .page-btn.page-prev:hover > em,
.pagination-02 .page-btn.page-next:hover > em,
.pagination-02 .page-btn.page-last:hover > em {
  color: #ffffff;
}

/* Pagination 03 */
.pagination-03 .page-btn {
  color: #000000;
  background: #f0f0f0;
}
.pagination-03 .page-btn.number {
  border-color: #f0f0f0;
}
.pagination-03 .page-btn:hover,
.pagination-03 .page-btn.active {
  background: #000000;
  color: #ffffff;
  border-color: #000000;
}
.pagination-03 .page-btn.page-prev,
.pagination-03 .page-btn.page-next {
  background: none;
}
.pagination-03 .page-btn > em {
  color: #220943;
}

/* Progress 01 */
.progress-01 .track {
  background: #ebebeb;
}
.progress-01 .track::after {
  background: #8c59b7;
}
.progress-01 .dot {
  background: #8c59b7;
  color: #ffffff;
  border-color: #ffffff;
}

/* Sitemap 01 */
.sitemap-01 .grid,
.sitemap-01 .sitemap > .header,
.sitemap-01 .sitemap a,
.sitemap-01 .sitemap li > ul {
  border-color: #e1e1e1;
}
.sitemap-01 .sitemap a:hover {
  color: #8c59b7 !important;
}
.sitemap-01 .sitemap li > ul > li::before {
  background: #702d7d;
}

/* Sitemap 02 */
.sitemap-02 .sitemap a:hover {
  color: #8c59b7;
}
.sitemap-02 .sitemap li::before {
  background: #8c59b7;
}
.sitemap-02 .sitemap li > ul > li::before {
  background: #121212;
}

/* Survey 01 */
.survey-01 .survey > .header {
  background: #f2f2f2;
}
.survey-01 .survey > .header .icon {
  background: #8c59b7;
  color: #ffffff;
}
.survey-01 .survey.active .header {
  background: #8c59b7;
  color: #ffffff;
}
.survey-01 .survey.active .header .title {
  color: #ffffff !important;
}
.survey-01 .survey.active > .header .icon {
  background: #3e1e69;
  color: #ffffff;
}

/* Survey 02 */
.survey-02 .survey > .num {
  background: #393939;
  color: #ffffff;
}

/* Tab Container - Tabs 01 */
.tab-container .tabs.tabs-01 .tab {
  color: #3e1e69 !important;
}
.tab-container .tabs.tabs-01 .tab:hover,
.tab-container .tabs.tabs-01 .tab.active {
  color: #ffffff !important;
  background: #8c59b7;
}

/* Tab Container - Tabs 02 */
.tab-container .tabs.tabs-02 .form-check label {
  color: #fff !important;
}
.tab-container .tabs.tabs-02 {
  background: #8c59b7;
}
.tab-container .tabs.tabs-02 .tab {
  color: #ffffff !important;
}
.tab-container .tabs.tabs-02 .tab:hover,
.tab-container .tabs.tabs-02 .tab.active {
  background: #3e1e69;
}
.tab-container .tabs.tabs-02 .tab.tab-header {
  background: #000000;
}
.tab-container .tabs.tabs-02 .hamburger > * {
  background: #ffffff;
}
.tab-container .line-color::before {
  background: #f9e142;
}
.tab-container .line-color::after {
  background: #3e1e69;
}

/* Tab Container - Tabs 03 */
.tab-container .tabs.tabs-03 .tab {
  color: #b6b6b6;
}
.tab-container .tabs.tabs-03 .tab:hover,
.tab-container .tabs.tabs-03 .tab.active {
  color: #8c59b7;
}
.tab-container .tabs.tabs-03 .tab::before {
  background: #e1e1e1;
}
.tab-container .tabs.tabs-03 .tab::after {
  background: #8c59b7;
}
.tab-container .tabs.tabs-03.white .tab {
  color: #2d2b2d;
}
.tab-container .tabs.tabs-03.white .tab:hover,
.tab-container .tabs.tabs-03.white .tab.active {
  color: #ffffff;
}
.tab-container .tabs.tabs-03.white .tab::before {
  background: rgba(255, 255, 255, 0.3);
}
.tab-container .tabs.tabs-03.white .tab::after {
  background: #ffffff;
}

/* Tab Container - Tabs 04 */
.tab-container .tabs.tabs-04 .tab {
  color: #ffffff;
}
.tab-container .tabs.tabs-04 .tab:hover,
.tab-container .tabs.tabs-04 .tab.active {
  color: #8c59b7;
}
.tab-container .tabs.tabs-04 .tab::before {
  background: #ffffff;
}
.tab-container .tabs.tabs-04 .tab::after {
  background: #8c59b7;
}

/* Tab Container - Tabs 05 */
.tab-container .tabs.tabs-05 .tab {
  border-color: #8c59b7 !important;
}
.tab-container .tabs.tabs-05 .tab:not(.active) {
  color: #000000 !important;
  background: #ffffff !important;
  border-color: #e9e9e9 !important;
}
.tab-container .tabs.tabs-05 .tab:hover {
  color: #ffffff !important;
  background: #8c59b7 !important;
  border-color: #8c59b7 !important;
}

/* Tab Container - Tabs 06 */
.tab-container .tabs.tabs-06 .tab {
  color: #3e1e69;
}
.tab-container .tabs.tabs-06 .tab:hover,
.tab-container .tabs.tabs-06 .tab.active {
  color: #ffffff !important;
  background: #8c59b7;
}
.tab-container.style-03 .tabs.tabs-06 .tab {
  color: #3e1e69 !important;
}
.tab-container.style-03 .tabs.tabs-06 .tab:hover {
  color: #8c59b7 !important;
}
.tab-container.style-03 .tabs.tabs-06 .tab.active {
  color: #8c59b7 !important;
  background: #8c59b7;
}
.tab-container .tabs.tabs-06.inverse .tab {
  color: #ffffff !important;
}
.tab-container .tabs.tabs-06.inverse .tab img.active {
  opacity: 1;
}
.tab-container .tabs.tabs-06.inverse .tab img.inactive {
  opacity: 0;
}
.tab-container .tabs.tabs-06.style-02 .tab {
  color: #ffffff;
}

.tab-container.style-02 .tabs.tabs-06 .tab:hover {
  background: transparent;
  color: #e1e1e1 !important;
}
.tab-container.style-02 .tabs.tabs-06 .tab {
  border-color: #e1e1e1 !important;
}
.tab-container.style-02 .tabs.tabs-06 .tab.active {
  border-color: #6d2587 !important;
  color: #6d2587 !important;
}
.tab-container .tabs.tabs-06.style-02 .tab.active img.active {
  opacity: 0;
}
.tab-container .tabs.tabs-06.style-02 .tab.active img.inactive {
  opacity: 1;
}
.tab-container.style-02 .tabs.tabs-06 .tab.style-02.active {
  border-color: #ffffff;
  color: #ffffff !important;
}

.tab-container.style-03 .tabs.tabs-06 .tab {
  color: #b3bebd;
}
.tab-container.style-03 .tabs.tabs-06 .tab:hover {
  color: #6d2587;
}
.tab-container.style-03 .tabs.tabs-06 .tab.active {
  border-color: #6d2587;
  color: #6d2587 !important;
}
.tab-container.style-03 .tabs.tabs-06 .tab.style-02.active {
  border-color: #ffffff;
  color: #ffffff !important;
}

/* Tab Container - Tabs 07 */
.tab-container .tabs.tabs-07 .tab {
  background: #850e4e;
  color: #ffffff;
}
.tab-container .tabs.tabs-07 .tab:hover {
  background: #ee7294;
  color: #ffffff;
}
.tab-container .tabs.tabs-07 .tab.active {
  background: #000000;
  color: #ffffff;
}
.tab-container .tabs.tabs-07 .tab.style-02 {
  background: #0a2767;
  color: #ffffff;
}
.tab-container .tabs.tabs-07 .tab.style-02:hover {
  background: #3ab1d8;
  color: #ffffff;
}
.tab-container .tabs.tabs-07 .tab.style-02.active {
  background: #000000;
  color: #ffffff;
}

/* Tab Container - Tabs 08 */
.tab-container .tabs.tabs-08 {
  background: #850e4e;
}
.tab-container .tabs.tabs-08 .tab {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}
.tab-container .tabs.tabs-08 .tab:hover,
.tab-container .tabs.tabs-08 .tab.active {
  background: #000000;
}
.tab-container .tabs.tabs-08 .tab.tab-header {
  background: #000000;
}
.tab-container .tabs.tabs-08 .hamburger > * {
  background: #ffffff;
}
.tab-container .tabs.tabs-08 .icon {
  background: #9b3c6f;
}

/* Tab Container - Tabs 09 */
.tab-container .tabs.tabs-09 .tab {
  color: #ffffff;
}
.tab-container .tabs.tabs-09 .tab:hover,
.tab-container .tabs.tabs-09 .tab.active {
  color: #ffffff;
}
.tab-container .tabs.tabs-09 .btn-setting:hover {
  background: rgba(0, 0, 0, 0.1);
}

/* Tab Container - Tabs 10 */
.tab-container .tabs.tabs-10 .tab {
  color: #888888;
}
.tab-container .tabs.tabs-10 .tab:hover {
  color: #271148;
}
.tab-container .tabs.tabs-10 .tab.active {
  border-color: #ffcb08;
  color: #271148;
}

.tab-container .tabs.tabs-10.style-02 .tab {
  color: #ffffff;
}
.tab-container .tabs.tabs-10.style-02 .tab:hover {
  color: #ffcb08;
}
.tab-container .tabs.tabs-10.style-02 .tab.active {
  border-color: #ffcb08;
  color: #ffcb08;
}

.tab-container .tabs.tabs-10.style-03 .tab {
  color: #271148;
}
.tab-container .tabs.tabs-10.style-03 .tab:hover {
  background: #ffcb08;
  color: #271148;
}
.tab-container .tabs.tabs-10.style-03 .tab.active {
  background: #ffcb08;
  color: #271148;
}
.tab-container .tabs.tabs-10.style-03 .tab.style-02 {
  color: #ffffff;
}
.tab-container .tabs.tabs-10.style-03 .tab.style-02.active {
  background: #ffcb08;
  color: #271148;
}

.tab-container .tabs.tabs-10.style-04 .tab {
  color: #271148;
}
.tab-container .tabs.tabs-10.style-04 .tab.active {
  background: #270f49;
  color: #ffffff;
}

/* Webboard 01 */
.webboard-01 .webboard-header .comment {
  background: #ffffff;
  color: #8c59b7;
}
.webboard-01 .webboard-header .comment::before {
  background: #ffffff;
}
.webboard-01 .toolbar {
  background: #eeeeee;
  color: #000000;
}
.webboard-01 .toolbar.white {
  background: #ffffff;
  border-color: #cccccc;
}
.webboard-01 .profile-icon .profile {
  border-color: #ffffff;
}
.webboard-01 .webboard-card {
  border-color: #cccccc;
  border-bottom-color: #cccccc;
}
.webboard-01 .webboard-card > .info-container {
  background: #eeeeee;
  color: #000000;
}
.webboard-01 .webboard-card.white > .info-container {
  border-color: #dddddd;
}

/* Webboard 02 */
.webboard-02 .toolbar.style-02 {
  background: #f9f9f9;
  border-color: #e1e1e1;
}
.webboard-02 .toolbar-bottom {
  border-color: #e1e1e1;
  background: #f9f9f9f9;
}
.webboard-02 .webboard-header .comment {
  background: #ffffff;
  color: #8c59b7;
}
.webboard-02 .webboard-header .comment::before {
  background: #ffffff;
}
.webboard-02 .toolbar-bottom .socials-icon em {
  color: #a34a7a;
}
.webboard-02 .profile-icon .profile {
  box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.06);
}
.webboard-02 .webboard-card {
  border-color: #e1e1e1;
}
.webboard-02 .webboard-card > .info-container {
  border-color: #e1e1e1;
}
.webboard-02 .webboard-card .text-wrapper {
  background: #f9f9f9;
}

/* Table Download */
table.table.table-download td {
  background: #f4f4f4;
}
table.table.table-download tr:nth-child(even) td {
  background: #ffffff;
}
table.table.table-download .download-card {
  background: #850e4e;
}
table.table.table-download tr:nth-child(even) .download-card {
  background: #adadad;
}

/* Text Danger 02 */
.text-danger.style-02 {
  background: #f65138;
  color: #ffffff;
}
.btn-shares .btn-share-custom {
  color: #fff !important;
}
/* sound */
.post-stat.stat-sound .stat em {
  background: #3e1e69 !important;
}
.ss-icon-title.title-sound > em {
  background: #3e1e69 !important;
  transition: 0.2s;
}

.ss-icon-title.title-sound em:hover {
  background: #8c59b7 !important;
}
.ss-card-07.style-sound .sep {
  background: #cccccc;
}
.ss-card-07.style-sound:hover .text-container {
  background: #3e1e69;
}
.ss-card-07.style-sound:hover .ss-icon-title.title-sound > em {
  background: #fff !important;
  color: #3e1e69 !important;
}
.ss-card-07.style-sound:hover .color-gray,
.ss-card-07.style-sound:hover .color-02 {
  color: #fff !important;
}
.ss-card-07.style-sound:hover .sep {
  background: #fff;
}
.header.survey-toggle:hover {
  cursor: pointer;
  background: #8c59b7;
  color: #ffffff;
}
.header.survey-toggle:hover > .icon-container > .icon {
  cursor: pointer;
  background: #3e1e69;
  color: #ffffff;
}
.header.survey-toggle:hover > .text-container > .title {
  cursor: pointer;
  color: #ffffff !important;
}
.post-footer-secretary .sep {
  background: #3e1e69;
}
.calendar-day.style-03 .fc-unthemed td {
  border-color: #8c59b7 !important;
}
/* div.fb_dialog_content > iframe:first-child {
  right : 70px !important;
  bottom : 15px !important;
} */