/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 hr.dashed {
    border-top: 2px dashed #999;
}
 
.devider {
  margin-top: 60px;
}
.post-content .btn-secondary {
    font-size: 14px!important;
	background-color: #22a8b2!important;
}
.post-content .btn-danger {
    font-size: 14px!important;
}

.card,
.col-md-4.bg-light.p-3.card-collumn {
	background-color: #002728!important;
}

.btn.btn-link {
  color: #fff;
}
.btn .btnSubscribe {
  Border: 1px solid #fecd36;
  /*border-radius: 10px;*/
  padding: 5px 25px;
  line-height: 48px;
  background-color: #fecd36;
  color: #002728;
}
/*---------------------------------------------------------------------------------------------*/
        body {
            background-color: rgba(127, 127, 127, 0.5);
        }

        .form-container {
            width: 600px;
            margin: 0 auto;
            padding: 20px;
            border: 1px solid #007BFF;
            background-color: #fff;
            font-family: Arial, sans-serif;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .form-step {
            border: 1px solid #007BFF;
            margin-bottom: 20px;
            background-color: rgba(127, 127, 127, 0.5);
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            display: none;
        }

        .active-step {
            display: block;
        }

        .form-button {
            background-color: #007BFF;
            color: #fff;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
            font-size: 16px;
            border-radius: 5px;
            transition: background-color 0.3s;
        }

        .form-button:hover {
            background-color: #0056b3;
        }

        .form-button[disabled] {
            background-color: #0056b3;
            cursor: not-allowed;
        }

        .back-button,
        .forward-button {
            background-color: #0056b3;
            color: #fff;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
            font-size: 16px;
            border-radius: 5px;
            transition: background-color 0.3s;
        }

        .back-button:hover,
        .forward-button:hover {
            background-color: #0056b3;
        }

        table {
            width: 100%;
            border: 1px solid #ddd;
            border-collapse: collapse;
        }

        th,
        td {
            padding: 10px;
            text-align: left;
            border: 1px solid #ddd;
        }