.wizard-wrapper {
  background: #e5e5e5;
  min-height: 100vh;
  padding: 50px 0; }

.custome-wz {
  background-color: #fff;
  padding: 0;
  border-radius: 12px;
  min-height: calc(100vh - 100px);
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  display: flex; }
  @media only screen and (max-width: 767px) {
    .custome-wz {
      display: block; } }
  .custome-wz .version-text {
    font-size: 14px;
    color: #fff;
    margin-left: 15px;
    vertical-align: bottom; }
  .custome-wz .wizard-logo {
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 20px; }
    .custome-wz .wizard-logo img {
      width: 100%;
      max-width: 165px; }
  .custome-wz .wizard-header {
    background-color: var(--primary);
    padding: 20px;
    width: 320px;
    min-width: 320px; }
    @media only screen and (max-width: 1191px) {
      .custome-wz .wizard-header {
        padding: 15px;
        width: 260px;
        min-width: 260px; } }
    @media only screen and (max-width: 767px) {
      .custome-wz .wizard-header {
        width: 100%;
        min-width: 100%; } }
  .custome-wz .nav-progress {
    flex-direction: column;
    width: 100%;
    z-index: 1;
    box-shadow: none; }
    .custome-wz .nav-progress .nav-item {
      margin-bottom: 15px; }
      .custome-wz .nav-progress .nav-item .nav-link {
        display: flex;
        align-items: center;
        height: unset;
        min-height: unset;
        border-radius: 6px;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        padding: 8px 10px;
        background: rgba(255, 255, 255, 0.15); }
        .custome-wz .nav-progress .nav-item .nav-link .num {
          height: 44px;
          width: 44px;
          border-radius: 50%;
          text-align: center;
          background: rgba(255, 255, 255, 0.2);
          line-height: 40px;
          font-size: 20px;
          font-weight: 600;
          margin-right: 10px;
          color: #fff; }
        .custome-wz .nav-progress .nav-item .nav-link:after {
          content: none; }
        .custome-wz .nav-progress .nav-item .nav-link.active {
          background: #fff;
          color: var(--primary); }
          .custome-wz .nav-progress .nav-item .nav-link.active .num {
            background: var(--primary);
            color: #fff; }
        .custome-wz .nav-progress .nav-item .nav-link.done {
          color: black; }
        @media only screen and (max-width: 1191px) {
          .custome-wz .nav-progress .nav-item .nav-link {
            font-size: 15px; }
            .custome-wz .nav-progress .nav-item .nav-link .num {
              height: 35px;
              width: 35px;
              line-height: 35px;
              font-size: 18px;
              margin-right: 8px; } }
  .custome-wz .toolbar-bottom {
    padding: 0.8rem !important;
    text-align: left !important;
    padding-left: 311px !important; }
  .custome-wz .wizard-content {
    position: relative;
    overflow: hidden;
    width: 100%; }
    .custome-wz .wizard-content .staps h3 {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 2rem;
      position: relative; }
      .custome-wz .wizard-content .staps h3::after {
        content: '';
        position: absolute;
        height: 3px;
        width: 70px;
        left: 0;
        bottom: -12px;
        background: var(--primary); }
    .custome-wz .wizard-content .staps h4 {
      font-size: 18px; }
    .custome-wz .wizard-content .select-country {
      padding: 0;
      border-color: #9084B1;
      max-width: 350px;
      height: 518px; }
      .custome-wz .wizard-content .select-country option {
        padding: 10px 21px; }
        .custome-wz .wizard-content .select-country option.selected {
          background: var(--primary); }
    .custome-wz .wizard-content .tab-item {
      display: none;
      height: 100%; }
      .custome-wz .wizard-content .tab-item.active {
        display: block; }
  .custome-wz .wizard-card {
    display: flex;
    flex-direction: column;
    height: 100%; }
  .custome-wz .wizard-body {
    padding: 40px;
    flex: 1 1 auto; }
    @media only screen and (max-width: 1191px) {
      .custome-wz .wizard-body {
        padding: 30px; } }
  .custome-wz .wizard-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 40px;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
    @media only screen and (max-width: 1191px) {
      .custome-wz .wizard-footer {
        padding: 15px 30px; } }

.lag-versoin {
  background-color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px; }
  .lag-versoin h5 {
    font-size: 14px;
    font-weight: 500;
    padding: 9px 15px;
    color: white;
    margin-bottom: 0; }

ul {
  padding-left: 0rem; }
  ul li {
    list-style-type: none; }

.lang-ver-list li {
  display: flex;
  padding: 10px 13px;
  justify-content: space-between;
  border-bottom: 1px solid #eee; }
  .lang-ver-list li:last-child {
    border-bottom: 0; }
  .lang-ver-list li span {
    font-size: 14px;
    font-weight: 500; }

.setup-form .col- {
  margin-top: 0; }

.setup-form .form-text {
  font-size: 14px;
  font-weight: 400; }

.setup-form .col-form-label {
  font-size: 14px;
  font-weight: 500; }

.form-control {
  height: 45px;
  border-radius: 6px;
  border-color: #c3c3c3;
  background: transparent;
  box-shadow: none !important; }

.form-control:focus,
.form-control:active,
.form-control:hover {
  border-color: var(--primary); }

.form-check-label {
  font-size: 14px; }

.log-in-frm .form-control {
  background-color: transparent;
  background-color: transparent;
  border: 0;
  margin: 9px 0; }

.accordion-button:not(.collapsed) {
  color: var(--primary);
  background-color: var(--primary-light);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); }

.error-block {
  color: red;
  font-size: 13px; }

:root {
  --primary: #eb8153;
  --secondary: #6418C3;
  --primary-hover: #e66025;
  --primary-light: #fbe5dc;
  --primary-dark: #943911;
  --rgba-primary-1: rgba(235, 129, 83, 0.1);
  --rgba-primary-2: rgba(235, 129, 83, 0.2);
  --rgba-primary-3: rgba(235, 129, 83, 0.3);
  --rgba-primary-4: rgba(235, 129, 83, 0.4);
  --rgba-primary-5: rgba(235, 129, 83, 0.5);
  --rgba-primary-6: rgba(235, 129, 83, 0.6);
  --rgba-primary-7: rgba(235, 129, 83, 0.7);
  --rgba-primary-8: rgba(235, 129, 83, 0.8);
  --rgba-primary-9: rgba(235, 129, 83, 0.9);
  --font-family-base: Roboto, sans-serif;
  --font-family-title: Roboto, sans-serif; }

/*
0 - 600: Phone
600 - 900: Tablet portrait
900 - 1200: Tablet landscape
1200 - 1800: Normal styles
1800+ : Big Desktop
1em = 16px
The smaller device rules always should write below the bigger device rules
Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component
*/
button {
  cursor: pointer; }
  button:focus {
    outline: 0;
    box-shadow: none; }

.btn {
  padding: 0.6rem 0.9rem;
  border-radius: 0.35rem;
  font-weight: 400;
  font-size: 1rem; }
  .btn:hover, .btn:focus, .btn:active, .btn.active {
    outline: 0 !important;
    color: #fff; }
  @media only screen and (max-width: 1400px) {
    .btn {
      padding: 0.625rem 1rem;
      font-size: 0.813rem; } }
  .btn.btn-success, .btn.btn-secondary, .btn.btn-warning, .btn.btn-primary, .btn.btn-danger, .btn.btn-info {
    color: #fff; }
  .btn-transparent {
    background-color: transparent; }

.btn-outline-light:hover {
  color: #000; }

.btn-primary {
  border-color: var(--primary);
  background-color: var(--primary); }
  .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    border-color: var(--primary-hover);
    background-color: var(--primary-hover); }
  .btn-primary:focus {
    box-shadow: 0 0 0 0.25rem var(--rgba-primary-5); }
  .btn-primary:disabled, .btn-primary.disabled {
    background-color: var(--primary);
    border-color: var(--primary); }

.btn-link {
  color: var(--primary);
  text-decoration: none; }
  .btn-link:hover {
    color: var(--primary-hover); }

.btn-outline-primary {
  color: var(--primary);
  border-color: var(--primary); }
  .btn-outline-primary:hover {
    border-color: var(--primary-hover);
    background-color: var(--primary-hover); }

.sharp {
  min-width: 2.5rem;
  padding: 0.4375rem;
  height: 2.5rem;
  min-height: 2.5rem; }

.sharp.btn-xs {
  padding: 0.1875rem;
  width: 1.625rem;
  height: 1.625rem;
  min-width: 1.625rem;
  min-height: 1.625rem; }

.btn-block {
  display: block;
  width: 100%; }

.light.tp-btn {
  background-color: transparent; }

.light.btn-default {
  background: #ADB6C7; }

.light.btn-success {
  background-color: #ecfae4;
  border-color: #ecfae4;
  color: #68CF29; }
  .light.btn-success g [fill] {
    fill: #68CF29; }
  [data-theme-version="dark"] .light.btn-success {
    background-color: rgba(104, 207, 41, 0.1);
    border-color: transparent; }
  .light.btn-success:hover {
    background-color: #68CF29;
    border-color: #68CF29;
    color: #fff; }
    .light.btn-success:hover g [fill] {
      fill: #fff; }

.light.btn-info {
  background-color: #e2f0fd;
  border-color: #e2f0fd;
  color: #51A6F5; }
  .light.btn-info g [fill] {
    fill: #51A6F5; }
  [data-theme-version="dark"] .light.btn-info {
    background-color: rgba(81, 166, 245, 0.1);
    border-color: transparent; }
  .light.btn-info:hover {
    background-color: #51A6F5;
    border-color: #51A6F5;
    color: #fff; }
    .light.btn-info:hover g [fill] {
      fill: #fff; }

.light.btn-primary {
  background-color: var(--rgba-primary-1);
  border-color: var(--rgba-primary-1);
  color: var(--primary); }
  .light.btn-primary g [fill] {
    fill: var(--primary); }
  [data-theme-version="dark"] .light.btn-primary {
    background-color: var(--rgba-primary-1);
    border-color: transparent;
    color: #fff; }
  .light.btn-primary:hover {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff; }
    .light.btn-primary:hover g [fill] {
      fill: #fff; }

.light.btn-secondary {
  background: #b484f0;
  border-color: #b484f0;
  color: #fff; }
  .light.btn-secondary g [fill] {
    fill: #6418C3; }
  [data-theme-version="dark"] .light.btn-secondary {
    background-color: rgba(100, 24, 195, 0.5);
    border-color: transparent;
    color: #fff; }
  .light.btn-secondary:hover {
    background-color: #6418C3;
    border-color: #6418C3;
    color: #fff; }
    .light.btn-secondary:hover g [fill] {
      fill: #fff; }

.light.btn-warning {
  background-color: #fff0da;
  border-color: #fff0da;
  color: #FFAB2D; }
  .light.btn-warning g [fill] {
    fill: #FFAB2D; }
  [data-theme-version="dark"] .light.btn-warning {
    background-color: rgba(255, 171, 45, 0.1);
    border-color: transparent; }
  .light.btn-warning:hover {
    background-color: #FFAB2D;
    border-color: #FFAB2D;
    color: #fff; }
    .light.btn-warning:hover g [fill] {
      fill: #fff; }

.light.btn-danger {
  background-color: #ffefee;
  border-color: #ffefee;
  color: #FF4C41; }
  .light.btn-danger g [fill] {
    fill: #FF4C41; }
  [data-theme-version="dark"] .light.btn-danger {
    background-color: rgba(255, 76, 65, 0.1);
    border-color: transparent; }
  .light.btn-danger:hover {
    background-color: #FF4C41;
    border-color: #FF4C41;
    color: #fff; }
    .light.btn-danger:hover g [fill] {
      fill: #fff; }

.light.btn-dark {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #6e6e6e; }
  .light.btn-dark g [fill] {
    fill: #6e6e6e; }
  [data-theme-version="dark"] .light.btn-dark {
    background-color: rgba(110, 110, 110, 0.35);
    border-color: transparent;
    color: #fff; }
  .light.btn-dark:hover {
    background-color: #6e6e6e;
    border-color: #6e6e6e;
    color: #fff; }
    .light.btn-dark:hover g [fill] {
      fill: #fff; }

.btn.tp-btn {
  background-color: transparent;
  border-color: transparent; }
  .btn.tp-btn.btn-default {
    background: #ADB6C7; }
  .btn.tp-btn.btn-success {
    color: #68CF29; }
    .btn.tp-btn.btn-success g [fill] {
      fill: #68CF29; }
    .btn.tp-btn.btn-success:hover {
      background-color: #68CF29;
      border-color: #68CF29;
      color: #fff; }
      .btn.tp-btn.btn-success:hover g [fill] {
        fill: #fff; }
  .btn.tp-btn.btn-info {
    color: #51A6F5; }
    .btn.tp-btn.btn-info g [fill] {
      fill: #51A6F5; }
    .btn.tp-btn.btn-info:hover {
      background-color: #51A6F5;
      border-color: #51A6F5;
      color: #fff; }
      .btn.tp-btn.btn-info:hover g [fill] {
        fill: #fff; }
  .btn.tp-btn.btn-primary {
    color: var(--primary); }
    .btn.tp-btn.btn-primary g [fill] {
      fill: var(--primary); }
    .btn.tp-btn.btn-primary:hover {
      background-color: var(--primary);
      border-color: var(--primary);
      color: #fff; }
      .btn.tp-btn.btn-primary:hover g [fill] {
        fill: #fff; }
  .btn.tp-btn.btn-secondary {
    color: #6418C3; }
    .btn.tp-btn.btn-secondary g [fill] {
      fill: #6418C3; }
    .btn.tp-btn.btn-secondary:hover {
      background-color: #6418C3;
      border-color: #6418C3;
      color: #fff; }
      .btn.tp-btn.btn-secondary:hover g [fill] {
        fill: #fff; }
  .btn.tp-btn.btn-warning {
    color: #FFAB2D; }
    .btn.tp-btn.btn-warning g [fill] {
      fill: #FFAB2D; }
    .btn.tp-btn.btn-warning:hover {
      background-color: #FFAB2D;
      border-color: #FFAB2D;
      color: #fff; }
      .btn.tp-btn.btn-warning:hover g [fill] {
        fill: #fff; }
  .btn.tp-btn.btn-danger {
    color: #FF4C41; }
    .btn.tp-btn.btn-danger g [fill] {
      fill: #FF4C41; }
    .btn.tp-btn.btn-danger:hover {
      background-color: #FF4C41;
      border-color: #FF4C41;
      color: #fff; }
      .btn.tp-btn.btn-danger:hover g [fill] {
        fill: #fff; }
  .btn.tp-btn.btn-light {
    color: #6e6e6e; }
    .btn.tp-btn.btn-light g [fill] {
      fill: #6e6e6e; }
    .btn.tp-btn.btn-light:hover {
      background-color: #f7f7f7;
      border-color: #f7f7f7;
      color: #6e6e6e; }
      .btn.tp-btn.btn-light:hover g [fill] {
        fill: #fff; }
  .btn.tp-btn.btn-dark {
    color: #6e6e6e; }
    .btn.tp-btn.btn-dark g [fill] {
      fill: #6e6e6e; }
    .btn.tp-btn.btn-dark:hover {
      background-color: #6e6e6e;
      border-color: #6e6e6e;
      color: #fff; }
      .btn.tp-btn.btn-dark:hover g [fill] {
        fill: #fff; }

.btn.tp-btn-light {
  background-color: transparent;
  border-color: transparent; }
  .btn.tp-btn-light.btn-success {
    color: #68CF29; }
    .btn.tp-btn-light.btn-success g [fill] {
      fill: #68CF29; }
    .btn.tp-btn-light.btn-success:hover {
      background-color: #ecfae4;
      border-color: #ecfae4;
      color: #68CF29; }
      .btn.tp-btn-light.btn-success:hover g [fill] {
        fill: #68CF29; }
  .btn.tp-btn-light.btn-info {
    color: #51A6F5; }
    .btn.tp-btn-light.btn-info g [fill] {
      fill: #51A6F5; }
    .btn.tp-btn-light.btn-info:hover {
      background-color: #e2f0fd;
      border-color: #e2f0fd;
      color: #51A6F5; }
      .btn.tp-btn-light.btn-info:hover g [fill] {
        fill: #51A6F5; }
  .btn.tp-btn-light.btn-primary {
    color: var(--primary); }
    .btn.tp-btn-light.btn-primary g [fill] {
      fill: var(--primary); }
    .btn.tp-btn-light.btn-primary:hover {
      background-color: var(--rgba-primary-1);
      border-color: var(--rgba-primary-1);
      color: var(--primary); }
      .btn.tp-btn-light.btn-primary:hover g [fill] {
        fill: var(--primary); }
  .btn.tp-btn-light.btn-secondary {
    color: #6418C3; }
    .btn.tp-btn-light.btn-secondary g [fill] {
      fill: #6418C3; }
    .btn.tp-btn-light.btn-secondary:hover {
      background-color: #dec8f8;
      border-color: #dec8f8;
      color: #6418C3; }
      .btn.tp-btn-light.btn-secondary:hover g [fill] {
        fill: #6418C3; }
  .btn.tp-btn-light.btn-warning {
    color: #FFAB2D; }
    .btn.tp-btn-light.btn-warning g [fill] {
      fill: #FFAB2D; }
    .btn.tp-btn-light.btn-warning:hover {
      background-color: #fff0da;
      border-color: #fff0da;
      color: #FFAB2D; }
      .btn.tp-btn-light.btn-warning:hover g [fill] {
        fill: #FFAB2D; }
  .btn.tp-btn-light.btn-danger {
    color: #FF4C41; }
    .btn.tp-btn-light.btn-danger g [fill] {
      fill: #FF4C41; }
    .btn.tp-btn-light.btn-danger:hover {
      background-color: #ffefee;
      border-color: #ffefee;
      color: #FF4C41; }
      .btn.tp-btn-light.btn-danger:hover g [fill] {
        fill: #fff; }
  .btn.tp-btn-light.btn-dark {
    color: #6e6e6e; }
    .btn.tp-btn-light.btn-dark g [fill] {
      fill: #6e6e6e; }
    .btn.tp-btn-light.btn-dark:hover {
      background-color: #eeeeee;
      border-color: #eeeeee;
      color: #6e6e6e; }
      .btn.tp-btn-light.btn-dark:hover g [fill] {
        fill: #fff; }

.shadow.btn-primary {
  -webkit-box-shadow: 0 0.3125rem 0.9375rem 0 var(--rgba-primary-2) !important;
  box-shadow: 0 0.3125rem 0.9375rem 0 var(--rgba-primary-2) !important; }

.shadow.btn-secondary {
  -webkit-box-shadow: 0 0.3125rem 0.9375rem 0 rgba(100, 24, 195, 0.2) !important;
  box-shadow: 0 0.3125rem 0.9375rem 0 rgba(100, 24, 195, 0.2) !important; }

.shadow.btn-warning {
  -webkit-box-shadow: 0 0.3125rem 0.9375rem 0 rgba(255, 171, 45, 0.2) !important;
  box-shadow: 0 0.3125rem 0.9375rem 0 rgba(255, 171, 45, 0.2) !important; }

.shadow.btn-danger {
  -webkit-box-shadow: 0 0.3125rem 0.9375rem 0 rgba(255, 76, 65, 0.2) !important;
  box-shadow: 0 0.3125rem 0.9375rem 0 rgba(255, 76, 65, 0.2) !important; }

.shadow.btn-info {
  -webkit-box-shadow: 0 0.3125rem 0.9375rem 0 rgba(81, 166, 245, 0.2) !important;
  box-shadow: 0 0.3125rem 0.9375rem 0 rgba(81, 166, 245, 0.2) !important; }

.shadow.btn-success {
  -webkit-box-shadow: 0 0.3125rem 0.9375rem 0 rgba(104, 207, 41, 0.2) !important;
  box-shadow: 0 0.3125rem 0.9375rem 0 rgba(104, 207, 41, 0.2) !important; }

.btn-xxs {
  padding: 0.375rem 0.9375rem;
  font-size: 0.6875rem;
  line-height: 1.3; }

.btn-xs {
  font-size: 0.75rem;
  padding: 0.438rem 1rem;
  font-weight: 600; }

.btn-sm {
  font-size: 0.813rem  !important;
  padding: 0.625rem 1rem; }

.btn-md {
  font-size: 0.875rem  !important;
  padding: 0.875rem 1.25rem; }

.btn-lg {
  padding: 0.7rem 1.5em;
  font-size: 1.125rem !important; }
  @media only screen and (max-width: 575px) {
    .btn-lg {
      padding: 0.75rem 1.25rem; } }

.btn-xl {
  padding: 0.6rem 1rem; }
  .btn-xl.btn-default {
    font-weight: 600; }

.btn-square {
  border-radius: 0; }

.btn-rounded {
  border-radius: 2.5rem !important; }

.btn-icon-end {
  border-left: 0.0625rem solid rgba(255, 255, 255, 0.2);
  display: inline-block;
  margin: -.8rem 0 -.8rem 1rem;
  padding: 0.4375rem 0 0.4375rem 1rem;
  margin: -1rem -0.25rem -1rem 1rem;
  padding: 1rem 0 1rem 1.25rem; }

.btn-icon-start {
  background: #fff;
  border-radius: 10rem;
  display: inline-block;
  margin: -0.5rem 0.3rem -0.5rem -0.8rem;
  padding: 0.5rem 0.80rem 0.5rem;
  float: left; }
  @media only screen and (max-width: 1400px) {
    .btn-icon-start {
      margin: -0.5rem 0.75rem -0.5rem -0.880rem; } }

[direction="rtl"] .btn-icon-start {
  margin: -.5rem 0.5rem -0.5rem -1rem; }
  @media only screen and (max-width: 1400px) {
    [direction="rtl"] .btn-icon-start {
      margin: -0.5rem 0.75rem -0.5rem -0.880rem; } }

[direction="rtl"] .btn-icon-end {
  border-left: 0rem solid white;
  display: inline-block;
  margin: -.8rem 1rem -.8rem 0;
  padding: 0.4375rem 1rem 0.4375rem 0;
  border-right: 0.0625rem solid white; }

.toggle-dropdown::after {
  margin-left: 0.755em; }

.social-btn-icon .btn {
  min-width: 7.5rem;
  margin-bottom: 1.5rem; }

.social-icon .btn {
  padding: .7rem 1.4rem; }

.btn-circle {
  height: 5rem;
  width: 5rem;
  border-radius: 50% !important; }
  .btn-circle-sm {
    width: 4.5rem;
    height: 4.5rem;
    font-size: 1.8rem; }
  .btn-circle-md {
    width: 6rem;
    height: 6rem;
    font-size: 2.5rem; }
    .btn-circle-md i {
      font-size: 2.4rem; }
  .btn-circle-lg {
    width: 8rem;
    height: 8rem;
    font-size: 3.2rem; }
    .btn-circle-lg i {
      font-size: 3.1rem; }

.btn-page .btn {
  min-width: 6.875rem;
  margin-right: 0.25rem;
  margin-bottom: 0.5rem;
  overflow: hidden; }

.size-1 {
  min-width: 10rem !important;
  font-size: 1.5rem;
  padding: 0.68rem 0.75rem; }

.size-2 {
  font-size: 1.25rem;
  min-width: 8.125rem !important;
  padding: 0.57rem 0.75rem; }

.size-3 {
  font-size: 0.875rem;
  min-width: 6.875rem !important;
  padding: 0.536rem 0.75rem; }

.size-4 {
  font-size: 0.875rem;
  min-width: 6.25rem !important; }

.size-5 {
  font-size: 0.875rem;
  min-width: 5.625rem !important;
  padding: .22rem 0.75rem; }

.size-6 {
  font-size: 0.8125rem;
  min-width: 5rem !important;
  padding: 0.097rem 0.75rem; }

.size-7 {
  font-size: 0.75rem;
  min-width: 3.75rem !important;
  padding: 0.001rem 0.75rem; }

.btn-light {
  background: #f7f7f7;
  border-color: #f7f7f7;
  color: #000; }
  .btn-light:active, .btn-light:focus, .btn-light:hover {
    background: white;
    color: #6e6e6e;
    border-color: white; }

.btn-outline-primary:hover {
  color: #fff; }

.btn-outline-warning:hover {
  color: #fff; }

.btn-outline-light {
  color: #6e6e6e; }
  [data-theme-version="dark"] .btn-outline-light {
    color: #7e7e7e; }

[data-theme-version="dark"] .btn-outline-secondary {
  color: #7e7e7e; }

[data-theme-version="dark"] .btn-outline-dark {
  color: #7e7e7e; }

.btn-dark {
  background: #6e6e6e;
  border-color: #6e6e6e;
  color: #fff; }
  .btn-dark:active, .btn-dark:focus, .btn-dark:hover {
    background: #555555;
    color: #fff;
    border-color: #555555; }

.btn-group.btn-rounded .btn:first-child {
  border-top-left-radius: 1.875rem;
  border-bottom-left-radius: 1.875rem; }

.btn-group.btn-rounded .btn:last-child {
  border-top-right-radius: 1.875rem;
  border-bottom-right-radius: 1.875rem; }

.btn-facebook {
  background: #3b5998;
  border-color: #3b5998;
  color: #fff; }
  .btn-facebook:active, .btn-facebook:focus, .btn-facebook:hover {
    background: #2d4373;
    color: #fff;
    border-color: #2d4373; }

.btn-twitter {
  background: #1da1f2;
  border-color: #1da1f2;
  color: #fff; }
  .btn-twitter:active, .btn-twitter:focus, .btn-twitter:hover {
    background: #0c85d0;
    color: #fff;
    border-color: #0c85d0; }

.btn-youtube {
  background: #FF0000;
  border-color: #FF0000;
  color: #fff; }
  .btn-youtube:active, .btn-youtube:focus, .btn-youtube:hover {
    background: #cc0000;
    color: #fff;
    border-color: #cc0000; }

.btn-instagram {
  background: #c32aa3;
  border-color: #c32aa3;
  color: #fff; }
  .btn-instagram:active, .btn-instagram:focus, .btn-instagram:hover {
    background: #992180;
    color: #fff;
    border-color: #992180; }

.btn-pinterest {
  background: #bd081c;
  border-color: #bd081c;
  color: #fff; }
  .btn-pinterest:active, .btn-pinterest:focus, .btn-pinterest:hover {
    background: #8c0615;
    color: #fff;
    border-color: #8c0615; }

.btn-linkedin {
  background: #007bb6;
  border-color: #007bb6;
  color: #fff; }
  .btn-linkedin:active, .btn-linkedin:focus, .btn-linkedin:hover {
    background: #005983;
    color: #fff;
    border-color: #005983; }

.btn-google-plus {
  background: #db4439;
  border-color: #db4439;
  color: #fff; }
  .btn-google-plus:active, .btn-google-plus:focus, .btn-google-plus:hover {
    background: #be2d23;
    color: #fff;
    border-color: #be2d23; }

.btn-google {
  background: #4285f4;
  border-color: #4285f4;
  color: #fff; }
  .btn-google:active, .btn-google:focus, .btn-google:hover {
    background: #1266f1;
    color: #fff;
    border-color: #1266f1; }

.btn-snapchat {
  background: #fffc00;
  border-color: #fffc00;
  color: #000; }
  .btn-snapchat:active, .btn-snapchat:focus, .btn-snapchat:hover {
    background: #ccca00;
    color: #000;
    border-color: #ccca00; }

.btn-whatsapp {
  background: #25d366;
  border-color: #25d366;
  color: #fff; }
  .btn-whatsapp:active, .btn-whatsapp:focus, .btn-whatsapp:hover {
    background: #1da851;
    color: #fff;
    border-color: #1da851; }

.btn-tumblr {
  background: #35465d;
  border-color: #35465d;
  color: #fff; }
  .btn-tumblr:active, .btn-tumblr:focus, .btn-tumblr:hover {
    background: #222e3d;
    color: #fff;
    border-color: #222e3d; }

.btn-reddit {
  background: #ff4500;
  border-color: #ff4500;
  color: #fff; }
  .btn-reddit:active, .btn-reddit:focus, .btn-reddit:hover {
    background: #cc3700;
    color: #fff;
    border-color: #cc3700; }

.btn-spotify {
  background: #1ed760;
  border-color: #1ed760;
  color: #fff; }
  .btn-spotify:active, .btn-spotify:focus, .btn-spotify:hover {
    background: #18aa4c;
    color: #fff;
    border-color: #18aa4c; }

.btn-yahoo {
  background: #430297;
  border-color: #430297;
  color: #fff; }
  .btn-yahoo:active, .btn-yahoo:focus, .btn-yahoo:hover {
    background: #2d0165;
    color: #fff;
    border-color: #2d0165; }

.btn-dribbble {
  background: #ea4c89;
  border-color: #ea4c89;
  color: #fff; }
  .btn-dribbble:active, .btn-dribbble:focus, .btn-dribbble:hover {
    background: #e51e6b;
    color: #fff;
    border-color: #e51e6b; }

.btn-skype {
  background: #00aff0;
  border-color: #00aff0;
  color: #fff; }
  .btn-skype:active, .btn-skype:focus, .btn-skype:hover {
    background: #008abd;
    color: #fff;
    border-color: #008abd; }

.btn-quora {
  background: #aa2200;
  border-color: #aa2200;
  color: #fff; }
  .btn-quora:active, .btn-quora:focus, .btn-quora:hover {
    background: #771800;
    color: #fff;
    border-color: #771800; }

.btn-vimeo {
  background: #1ab7ea;
  border-color: #1ab7ea;
  color: #fff; }
  .btn-vimeo:active, .btn-vimeo:focus, .btn-vimeo:hover {
    background: #1295bf;
    color: #fff;
    border-color: #1295bf; }

.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #fff; }

.btn-check:checked + .btn-outline-primary:focus,
.btn-check:active + .btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem var(--rgba-primary-5); }

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem var(--rgba-primary-5); }

.btn-close:focus {
  box-shadow: 0 0 0 0.25rem var(--rgba-primary-5); }

/*# sourceMappingURL=style.css.map */