body {
    background-color: #f8f9fa;
    font-family: "Anybody", sans-serif;
}
a {
    color: var(--primary-color);
}

.mt-main {
    margin-top: 16px;
}
.header .headerBox {
    display: flex;
    width: 100%;
    height: 72px;
    padding: 0 125px;
}

/* Logo styling */
.logo img {
    width: 210px;
    height: auto;
    margin: -17px;
}

.logo,
.social-links {
    width: 230px;
    justify-content: center;
    height: 91px;
    display: flex;
    align-items: center;
}
.social-links .element {
    gap: 12px;
    display: flex;
}

.social-links .element .grid-item {
    height: 28px;
    width: 28px;
    border-radius: 50%;

    background-color: #289f35;
}

.social-links .element .grid-item a {
    width: 28px;
    height: 28px;
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
}

.social-links .element .grid-item a i {
    columns: #fff;
}
/* Menu styling */
.menu-links {
    flex: 1;
    align-items: end;
    justify-content: end;
}

.menu-links ul {
    display: flex;
    align-items: center;
    justify-content: end;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

/* Styling for menu items */
.menu-links ul li {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}

/* Styling for links */
.menu-links ul li a {
    padding: 33px 15px;
    text-decoration: none;
    color: #54595f;
    font-family: "Anybody", Sans-serif;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;

    transition: color 0.3s ease;
}

.menu-links ul li a:hover {
    transform: translateY(-8px);
    color: #289f35;
}

.footer-width-fixer {
    width: 100%;
}

.golf-navbar {
    padding: 0 204px;
    height: 68px;
    gap: 4px;
    background-color: #fff;
    justify-content: space-between;
    margin-top: 121px;
}

.golf-navbar .links {
    display: flex;
    height: 34px;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.golf-navbar .links a {
    color: #54595f;
    text-align: center;
    font-family: "Anybody", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    text-transform: uppercase;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
}

.golf-navbar .links a:hover,
.golf-navbar .links a.active-link {
    color: #fff;
    background-color: #289f35;
}
.bell-icon {
    margin-right: 20px;
}

.dashboard-icon img {
    width: 48px;
    height: 48px;
}

.content-box {
    display: flex;
    border-radius: 12px;
    border: 1px solid #e5e7eb;

    width: 1024px;
    margin: 0 auto;
}
.login-box {
    height: 523px;
}
.signup-box {
    height: 640px;
}
.fogot-box {
    height: 460px;
}

.auth-box {
    display: flex;
    padding: 12px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;

    width: 934px;
    margin: 80px auto;
    border-radius: 8px;
    background: #fff;
}
.auth-box .left-area {
    display: flex;
    width: 400px;
    padding: 8px;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;

    background: #f9f9f9;
}

.right-area {
    width: 526px;
    height: 100%;
    padding: 24px;
    background: white;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
    box-shadow: 0px 4px 12px 0px rgba(69, 74, 79, 0.08);
}

.top-section {
    height: 44px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.top-section img {
    width: 132px;
    height: 44px;
}

.middle-section {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.middle-section h2 {
    color: #333333;
    font-size: 22px;
    font-family: "Anybody", sans-serif;
    font-weight: 700;
    line-height: 28.6px;
    margin: 0;
}

.middle-section p {
    color: #54595f;
    font-size: 14px;
    font-family: "Anybody", sans-serif;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.28px;
    margin: 0;
}

.middle-section .bold-text {
    font-weight: 700;
    text-transform: uppercase;
}

.middle-section .highlight-text {
    color: #289f35;
    font-weight: 700;
    text-transform: uppercase;
}
.bottom-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 8px;
}

.input-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.input-group label {
    color: #333333;
    font-size: 14px;
    font-family: "Anybody", sans-serif;
    font-weight: 600;
    line-height: 21px;
}

.input-box {
    display: flex;
    align-items: center;
    background: white;
    border: 1px solid #c7c7c7;
    border-radius: 4px !important;
}

.input-box input {
    padding: 8px 12px;

    width: 100%;
    border: none;
    font-size: 14px;

    font-family: "Anybody", sans-serif;
    font-weight: 500;
    color: #333333;
    background: transparent;
    outline: none;
}

.password-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.forgot-password {
    color: #54595f;
    font-size: 16px;
    font-family: "Anybody", sans-serif;
    font-weight: 400;
    text-decoration: none;
}

.remember-me {
    display: flex;
    align-items: center;
    gap: 8px;
}

.remember-me input {
    width: 19px;
    height: 19px;
    border-radius: 4px;
    border: 1px solid #b2b2b2;
}

.remember-me label {
    color: #333333;
    font-size: 16px;
    font-family: "Anybody", sans-serif;
    font-weight: 500;
}

.login-btn {
    width: 100%;
}

.login-btn button {
    width: 100%;
    padding: 12px;
    background: #289f35;
    color: white;
    font-size: 16px;
    font-family: "Anybody", sans-serif;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

.login-btn button:hover {
    width: 100%;
    padding: 12px;
    background: #35b443;
    color: white;
    font-size: 16px;
    font-family: "Anybody", sans-serif;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

.sign-up {
    display: flex;
    justify-content: center;
    gap: 8px;
    font-size: 16px;
    font-family: "Anybody", sans-serif;
    color: #54595f;
}

.sign-up a {
    color: #333333;
    font-weight: 700;
    text-decoration: underline;
}
.invalid-feedback {
    color: #dc3545;
    font-size: 13px;
    font-family: "Anybody", sans-serif;
    font-weight: 500;
    display: inline-block;
    letter-spacing: 0;
    word-spacing: 0;
    margin-top: 12px;
}
.phone-prefix {
    padding: 10px 23px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #444;
    text-align: start;
    background-color: #eee;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.btn-outline-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--primary-color);
}
/* Ajmal Style Changes */

.form-control:focus {
    background-color: #fff !important;
    border-color: #c7c7c7;
    box-shadow: 0 0 0 0.25rem rgba(40, 159, 53, 0.25);
}

.input:-internal-autofill-selected {
    background-color: #fff !important;
}

.sign-up a:hover {
    color: #289f35;
    font-weight: 700;
    text-decoration: underline;
}

.profile-popup {
    padding: 20px;
}
.dp-holder img {
    border-radius: 50%;
}

.profile-phonebox {
    display: flex;
    align-items: center;
    background: white;
    border: 1px solid #c7c7c7;
    border-radius: 4px !important;
}

.profile-phonebox input {
    padding: 8px 12px;

    width: 100%;
    border: none;
    font-size: 14px;

    font-family: "Anybody", sans-serif;
    font-weight: 500;
    color: #333333;
    background: transparent;
    outline: none;
}

.profile-phonebox .phone-prefix {
    padding: 10px;
    font-weight: 400;
    line-height: 1;
    color: #444;
    text-align: start;
    background-color: white;
    border: none;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #c7c7c7;
}

.profile-phonewrapper > label {
    position: absolute;
    top: -11px;
    left: 11px;
    background: white;
    padding: 1px 5px;
    font-weight: 400;
}

/* // select2 stylings */
.select2-container {
    z-index: 1200;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    border: none;
    color: #000;
    font-size: 14px;
}
.select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-color) !important;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 38px !important;
}
.select2-container--default .select2-selection--single {
    height: 38px !important;

    background: none;
    border: none;
    border-radius: 4px;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 38px !important;
}
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    background-color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
    color: #fff;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 3px !important;
    margin-top: 2px !important;
    padding: 0 5px;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    color: #fff !important;
    margin-right: 2px !important;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered {
    padding: 3px 5px !important;
}
.powered {
    font-size: 9px;
    align-items: end;
    display: flex;
}

@media (max-width: 968px) {
    .mt-main {
        margin-top: 116px;
    }
}

.form-check-input {
    width: 2.5em;
    height: 1.25em;
}

.navMobileLinks {
    background-color: white;
    color: #737373;
    text-transform: uppercase;
    border: none;
}