/* ===================================
   Backend Global Styles
====================================== */

:root {
    --gigneo-line-height: 1.5;
    --gigneo-border-radius-sm: 4px;
    --gigneo-border-radius-md: 8px;
    --gigneo-border-radius-lg: 12px;
    --gigneo-border-radius-xl: 16px;
    --gigneo-primary-color: 126, 76, 255;
    /* #7E4CFF */
    --gigneo-secondary-color: 46, 128, 255;
    /* #2E80FF */
    --gigneo-primary-font-color: 99, 99, 99;
    /* #636363 */
    --gigneo-secondary-font-color: 14, 14, 15;
    /* #0E0E0F */
    --gigneo-light-grey-color: 247, 247, 247;
    /* #F7F7F7 */
    --gigneo-grey-color: 235, 235, 235;
    /* #EBEBEB */
    --gigneo-dark-grey-color: 207, 207, 207;
    /* #CFCFCF */
    --gigneo-light-success-color: 221, 250, 220;
    /* #DDFADC */
    --gigneo-success-color: 23, 178, 106;
    /* #17B26A */
    --gigneo-light-danger-color: 250, 235, 235;
    /* #FAEBEB */
    --gigneo-danger-color: 231, 42, 42;
    /* #E72A2A */
    --gigneo-light-warning-color: 255, 249, 245;
    /* #FFF9F5  */
    --gigneo-warning-color: 245, 158, 11;
    /* #F59E0B */
    --gigneo-light-info-color: 220, 237, 250;
    /* #DCEDFA */
    --gigneo-info-color: 46, 144, 250;
    /* #2E90FA */
    --gigneo-dark-color: 43, 43, 43;
    /* #2B2B2B */
}

#adminmenu li.wp-has-current-submenu a.toplevel_page_gigneo {
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, rgb(var(--gigneo-primary-color))), color-stop(90%, rgb(var(--gigneo-secondary-color))));
    background: -o-linear-gradient(left, rgb(var(--gigneo-primary-color)) 10%, rgb(var(--gigneo-secondary-color)) 90%);
    background: linear-gradient(90deg, rgb(var(--gigneo-primary-color)) 10%, rgb(var(--gigneo-secondary-color)) 90%);
}

.toplevel_page_gigneo .wp-menu-image > img {
    width: 18px;
    display: inline-block;
    padding: 8px 0 0 !important;
}

#gigneo_active_profile {
    width: 350px;
    max-width: 100%;
}

.d-none {
    display: none !important;
}

/* ===================================
   Header
====================================== */

.gn-header {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    background: #fff;
    padding: 20px 12px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #00000017;
}

.gn-header a {
    display: inline-block;
    text-decoration: none;
}

.gn-header a.gn-header-logo {
    margin: 0;
    padding: 0;
    align-items: center;
    display: inline-flex;
}

.gn-header a.gn-header-logo:focus {
    outline: none;
    box-shadow: none;
}

.gn-header a.gn-header-logo > img {
    width: 130px;
}

.gn-header ul.gn-header-actions {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.gn-header ul.gn-header-actions li {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
    padding: 2px 12px;
    border-radius: var(--gigneo-border-radius-md);
    color: #1e293b;
    background-color: #F4F9FD;
}

.gn-header ul.gn-header-actions li > span {
    font-weight: 500;
    color: rgb(var(--gigneo-secondary-color));
}

.gn-header ul.gn-header-actions li.type {
    background-color: #FFF5F6;
}

.gn-header ul.gn-header-actions li.type > a{
    color: #FF4566;
}

.gn-dashboard-container {
    margin: 0 auto;
    padding: 0 12px;
    max-width: 1336px;
}

/* ===================================
   Term Meta
====================================== */

.container-carbon_fields_container_city_fields {
    max-width: 95%;
}

.container-carbon_fields_container_city_fields .cf-container__fields .cf-field {
    padding: 0;
}

.cf-container.gn-term-meta-container .cf-container__fields {
    background: transparent;
    border: none;
}

.gn-term-meta-container {
    margin-bottom: 15px;
}

.gn-term-meta-container .cf-container__fields .cf-field {
    border: none;
}

.gn-term-meta-container > .cf-container__fields > .cf-field {
    padding-left: 0;
    padding-right: 0;
}

.gn-term-meta-container .cf-container__fields .cf-field.gn-switch .cf-field__body {
    gap: 10px;
    display: flex;
    align-items: center;
}

.gn-term-meta-container .cf-container__fields .cf-field.gn-switch .cf-field__body .cf-checkbox__input {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 20px;
    background-color: #EAEAEA;
    border-radius: 999px;
    transition: background-color 0.3s ease;
    cursor: pointer;
    box-shadow: none;
    border: none;
    margin: 0;
}

.gn-term-meta-container .cf-container__fields .cf-field.gn-switch .cf-field__body .cf-checkbox__input::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    margin: 0;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s ease;
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}

.gn-term-meta-container .cf-container__fields .cf-field.gn-switch .cf-field__body .cf-checkbox__input:checked {
    background-color: #7E65F4;
}

.gn-term-meta-container .cf-container__fields .cf-field.gn-switch .cf-field__body .cf-checkbox__input:checked::before {
    transform: translateX(16px);
}

.gn-term-meta-container .gn-select2 .select2-selection {
    height: 30px;
    border-radius: var(--gigneo-border-radius-sm);
    border: 1px solid #8c8f94;
}

.gn-term-meta-container .select2-container--default .select2-search--dropdown .select2-search__field {
    width: 100%;
    height: 30px;
}

.gn-select2 .select2-container.select2-container--open .select2-selection--single,
.gn-select2 .select2-container--default .select2-search--dropdown .select2-search__field:focus,
.gn-select2 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    box-shadow: 0 0 0 3px #F8F5FF;
    border-color: rgb(var(--gigneo-primary-color)) !important;
}

/* ===================================
   Select2
====================================== */
.gn-select2 {
    position: relative;
}

.gn-select2 > select {
    font-size: 14px;
    min-width: 160px;
    line-height: 28px;
    min-height: 40px;
    font-weight: 400;
    color: transparent;
    padding: 6px 12px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: var(--gigneo-border-radius-md);
}

.gn-select2 .select2-container {
    width: 100% !important;
}

.gn-select2 .select2-container {
    width: auto !important;
    min-width: 160px;
}

.gn-input-error + .gn-select2 .select2-container .select2-selection--single {
    border-color: #f74040
}

.gn-select2 .select2-container .select2-selection--single:hover {
    border-color: rgb(var(--gigneo-dark-grey-color));
}

.gn-select2 .select2-container .select2-selection--single:focus {
    box-shadow: 0 0 0 3px #F8F5FF;
    border-color: rgb(var(--gigneo-primary-color));
}

.gn-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    width: 100%;
    position: relative;
    padding: 5px 36px 5px 14px;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-select2 .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #989898;
}

.gn-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    font-size: 18px;
    justify-content: center;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-select2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
    background: transparent;
    margin: 0;
    top: 0;
    left: 0;
    font-family: 'hero-icons';
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: contents;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.gn-select2 .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    content: "\e970";
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-select2 .select2-selection--single:after {
    display: none;
}

.gn-loading .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    content: '';
    width: 14px;
    height: 14px;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    animation: 0.5s gn-spin infinite linear;
    border: 2px solid #999;
    border-top-color: rgba(153, 153, 153, 0.5);
}

.gn-select2 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    gap: 5px;
    display: flex;
    flex-wrap: wrap;
    padding: 5px 12px;
    align-items: center;
}

.gn-select2 .select2-container--default .select2-selection--multiple {
    min-height: 40px;
    display: flex;
    align-items: center;
}

.gn-select2-dynamic-tags .select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search {
    margin: 0;
}

.gn-select2 .select2-container--default .select2-selection--multiple .select2-selection__choice {
    gap: 6px;
    margin: 0;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding: 3px 9px;
    background: #FFF;
    border: 1px solid #EAEAEA;
    border-radius: var(--gigneo-border-radius-md);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.gn-select2 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    order: 1;
    margin: 0;
    font-size: 13px;
}

.gn-select2-dynamic-tags .select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
}

.gn-select2 .select2-container--default .select2-search--inline .select2-search__field {
    line-height: 28px;
    border-radius: 0;
    min-height: 28px;
    max-width: max-content;
}

.gn-select2-tags {
    margin: 0;
    gap: 10px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    align-items: center;
}

.gn-select2-tags:not(:empty) {
    margin-top: 15px;
}

.gn-select2-tags > li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 24px;
    padding: 6px 12px;
    background-color: rgb(var(--gigneo-light-grey-color));
    border-radius: 50px;
    color: rgb(var(--gigneo-primary-font-color));
    border: 1px solid rgba(var(--gigneo-grey-color));
}

.gn-select2-tags > li > span {
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    display: flex;
}

.gn-select2 .select2-container .select2-selection--single {
    height: auto;
    outline: none;
    box-shadow: none;
    min-height: 40px;
    margin: 0;
    color: rgb(var(--gigneo-secondary-font-color));
    border-radius: var(--gigneo-border-radius-lg);
    background-color: rgb(var(--gigneo-light-grey-color));
    border: 1px solid rgba(var(--gigneo-grey-color));
}

.gn-select2 .select2-container .select2-selection {
    padding: 0;
}

.gn-form-fields .gn-form-field input:hover,
.gn-form-fields .gn-form-field input:focus,
.gn-form-fields .gn-form-field input:focus-visible,
.gn-form-fields .gn-form-field textarea:hover,
.gn-form-fields .gn-form-field textarea:focus,
.gn-form-fields .gn-form-field textarea:focus-visible {
    border-color: rgb(var(--gigneo-grey-color));
}

.select2-container .select2-selection--single {
    height: 40px;
}

.gn-select2 .select2-container .select2-dropdown {
    border-color: #F4F4F5;
    padding: 0;
    border-radius: 0 0 var(--gigneo-border-radius-md) var(--gigneo-border-radius-md);
}

.gn-select2 .select2-container .select2-dropdown.select2-dropdown--above {
    padding: 0;
    border-radius: var(--gigneo-border-radius-md) var(--gigneo-border-radius-md) 0 0;
}

.gn-select2 .select2-container .select2-dropdown.select2-dropdown--above .select2-results {
    border-radius: var(--gigneo-border-radius-md) var(--gigneo-border-radius-md) 0 0;
}

.gn-select2 .select2-container .select2-dropdown .select2-results {
    padding: 8px;
    background-color: #fff;
    border-radius: 0 0 var(--gigneo-border-radius-md) var(--gigneo-border-radius-md);
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}

.gn-select2 .select2-results__options {
    padding-right: 4px;
    margin-right: -4px;
    height: 100%;
    transition: all 0.3s ease-in-out;
    scroll-behavior: smooth;
}

.gn-select2 .select2-container--default .select2-search--dropdown .select2-search__field {
    height: 36px;
    padding: 0 12px;
    font-size: 12px;
    border-radius: var(--gigneo-border-radius-md);
    border-color: rgb(var(--gigneo-grey-color));
}

.gn-select2 .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: none;
}

/* Custom Radio */

.gn-radio {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    position: relative;
}

.gn-radio input[type="radio"] {
    display: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.gn-radio > label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 25px;
}

.gn-radio:has(input[type="radio"]:checked) > label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 5px;
    width: 6px;
    height: 6px;
    z-index: 2;
    background-color: #fff;
    border-radius: 50%;
    transform: translateY(-50%);
}

.gn-radio > label::after {
    content: "";
    width: 14px;
    height: 14px;
    border: 1px solid rgb(var(--gigneo-grey-color));
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
}

.gn-radio:has(input[type="radio"]:checked) > label::after {
    background-color: rgb(var(--gigneo-primary-color));
    border-color: rgb(var(--gigneo-primary-color));
}

.gn-checkbox input[type=checkbox]:checked + label:after,
.gn-radio input[type=radio]:checked + label:after {
    opacity: 1;
    visibility: visible;
}

/* Custom Scrollbar (WebKit Browsers) */
.gn-select2 .select2-results__options::-webkit-scrollbar {
    width: 0px;
}

.gn-select2 .select2-results__options:hover::-webkit-scrollbar {
    width: 5px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.gn-select2 .select2-results__options:hover::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.gn-select2 .select2-results__options:hover::-webkit-scrollbar-thumb {
    background-color: #F4F4F5;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    border-radius: 10px;
}

.gn-select2 .select2-results__option {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
    color: rgb(var(--gigneo-primary-font-color));
    border-radius: var(--gigneo-border-radius-md);
    -webkit-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
    cursor: pointer;
}

.gn-select2 .select2-results__option[aria-selected=true] {
    background-color: rgb(var(--gigneo-grey-color), 0.7);
    color: rgb(var(--gigneo-dark-color), 0.7);
    opacity: 0.5;
    pointer-events: none;
}

.gn-select2 .select2-results__option:hover {
    background-color: rgb(var(--gigneo-grey-color));
    color: rgb(var(--gigneo-dark-color));
}

.gn-select2 .select2-results__option + .select2-results__option {
    margin-top: 2px;
}

.select2-container--default .select2-results__option--selected,
.gn-select2 .select2-container--default .select2-results__option--highlighted[aria-selected],
.gn-select2 .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: rgb(var(--gigneo-grey-color));
    color: rgb(var(--gigneo-dark-color));
}

.gn-term-meta-container .cf-field__body .cf-complex__group .cf-complex__group-head {
    background: #fff;
    border: none;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    color: #1e293b;
}

.gn-term-meta-container .cf-complex__group-body {
    border-right: none;
    border-left: none;
    border-bottom: none;
    border-color: rgb(var(--gigneo-grey-color)) !important;
}

.gn-term-meta-container .cf-field__body .cf-complex__group {
    border: 1px solid rgb(var(--gigneo-grey-color));
    padding: 0;
    border-radius: var(--gigneo-border-radius-sm);
    overflow: hidden;
}

.gn-term-meta-container .cf-container__fields .cf-field__label {
    margin: 0;
    width: 100%;
    gap: 10px;
    font-size: 12px;
    font-weight: 500;
    padding: 0 0 8px;
    position: relative;
    line-height: var(--gigneo-line-height);
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-form-fields .gn-form-field.gn-license-secret-token input,
.gn-term-meta-container .cf-container__fields .cf-text__input,
.gn-term-meta-container .cf-container__fields .cf-select__input {
    font-size: 14px;
    line-height: var(--gigneo-line-height);
    font-weight: 400;
    width: 100%;
    max-width: 100%;
    border: 1px solid rgba(var(--gigneo-grey-color));
    outline: none;
    box-shadow: none;
    padding: 8px 14px;
    min-height: 40px;
    color: rgb(var(--gigneo-secondary-font-color));
    border-radius: var(--gigneo-border-radius-lg);
    background-color: rgb(var(--gigneo-light-grey-color));
}

.gn-form-fields .gn-form-field.gn-license-secret-token input {
    margin: 0;
}

.gn-license-secret .gn-form-fields {
    width: 100%;
}

.gn-license-secret .gn-form-actions {
    width: 100%;
}

.gn-license-secret .gn-form-actions .gn-btn {
    width: 100%;
}

.gn-form-fields .gn-form-field.gn-license-secret-token input[type="text"]:hover,
.gn-term-meta-container .cf-container__fields .cf-text__input:hover,
.gn-term-meta-container .cf-container__fields .cf-select__input:hover {
    border-color: rgb(var(--gigneo-dark-grey-color));
}

.gn-form-fields .gn-form-field.gn-license-secret-token input[type="text"]:focus,
.gn-term-meta-container .cf-container__fields .cf-text__input:focus,
.gn-term-meta-container .cf-container__fields .cf-select__input:focus {
    box-shadow: 0 0 0 3px #F8F5FF;
    border-color: rgb(var(--gigneo-primary-color));
}

.gn-term-meta-container .cf-complex--grid .cf-complex__group {
    margin-bottom: 3px;
}

.gn-term-meta-container .cf-field .button:not(.cf-file__browse, .cf-media-gallery__browse) {
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
    padding: 0;
    line-height: 23px;
    align-items: center;
    align-self: flex-end;
    display: inline-flex;
    margin: 0 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: #2271b1;
    background: transparent;
}

.gn-term-meta-container .cf-field .cf-complex__actions > .cf-complex__toggler {
    color: #82878c;
}

.gn-term-meta-container .cf-complex__actions {
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.gn-term-meta-container .cf-container__fields .cf-field textarea {
    font-size: 12px;
    line-height: var(--gigneo-line-height);
    font-weight: 400;
    width: 100%;
    max-width: 100%;
    border: 1px solid rgba(var(--gigneo-grey-color));
    outline: none;
    box-shadow: none;
    padding: 8px 14px;
    min-height: 40px;
    color: rgb(var(--gigneo-secondary-font-color));
    border-radius: var(--gigneo-border-radius-lg);
    background-color: rgb(var(--gigneo-light-grey-color));
}

.gn-term-meta-container .cf-container__fields .cf-field.cf-image .cf-file__inner {
    width: 150px;
    overflow: hidden;
    border-radius: 12px;
    background: #F7F7F8;
    border: 0.8px dashed rgb(var(--gigneo-grey-color));
    transition: all 0.3s ease-in-out;
}

.gn-term-meta-container .cf-container__fields .cf-field textarea:hover {
    border-color: rgb(var(--gigneo-dark-grey-color));
}

.gn-term-meta-container .cf-container__fields .cf-field textarea:focus {
    box-shadow: 0 0 0 3px #F8F5FF;
    border-color: rgb(var(--gigneo-primary-color));
}

.gn-term-meta-container .cf-container__fields .cf-field.cf-image .cf-file__inner .button.cf-file__browse {
    z-index: 2;
    position: relative;
    color: #616e80;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    border: 0;
    text-decoration: underline;
    background-color: transparent;
}

.gn-term-meta-container .cf-field.cf-complex {
    padding: 0;
}

/* ===================================
   Link
====================================== */

.gn-link,
a.gn-link,
button.gn-link {
    gap: 5px;
    padding: 0;
    border: none;
    display: inline-flex;
    cursor: pointer;
    font-size: 14px;
    box-shadow: none;
    text-decoration: none;
    font-weight: 400;
    align-items: center;
    transition: color .15s ease-in-out;
    color: rgb(var(--gigneo-primary-color));
    line-height: var(--gigneo-line-height);
}

.gn-link:hover,
.gn-link:focus,
a.gn-link:hover,
a.gn-link:focus,
button.gn-link:hover,
button.gn-link:focus {
    background: transparent;
    text-decoration: underline;
    color: rgba(var(--gigneo-primary-color), .85);
}

/* Variants */
.gn-link.gn-link-primary {
    position: relative;
    color: rgb(var(--gigneo-primary-color));
}

.gn-link.gn-link-primary:after {
    left: 0;
    width: 0;
    height: 1px;
    bottom: 2px;
    content: '';
    position: absolute;
    transition: width .2s ease-in-out;
    background: rgba(var(--gigneo-primary-color), .85);
}

.gn-link.gn-link-primary:hover,
.gn-link.gn-link-primary:focus {
    text-decoration: none;
}

.gn-link.gn-link-primary:hover:after,
.gn-link.gn-link-primary:focus:after {
    width: 100%;
}

.gn-link.gn-link-secondary {
    color: rgb(var(--gigneo-secondary-color));
}

.gn-link.gn-link-secondary:hover,
.gn-link.gn-link-secondary:focus {
    color: rgba(var(--gigneo-secondary-color), .85);
    text-decoration: underline;
}

.gn-link.gn-link-success {
    color: rgb(var(--gigneo-success-color));
}

.gn-link.gn-link-success:hover,
.gn-link.gn-link-success:focus {
    color: rgba(var(--gigneo-success-color), .85);
    text-decoration: underline;
}

.gn-link.gn-link-warning {
    color: rgb(var(--gigneo-warning-color));
}

.gn-link.gn-link-warning:hover,
.gn-link.gn-link-warning:focus {
    color: rgba(var(--gigneo-warning-color), .85);
    text-decoration: underline;
}

.gn-link.gn-link-info {
    color: rgb(var(--gigneo-info-color));
}

.gn-link.gn-link-info:hover,
.gn-link.gn-link-info:focus {
    text-decoration: underline;
    color: rgba(var(--gigneo-info-color), .85);
}

.gn-link.gn-link-danger {
    color: rgb(var(--gigneo-danger-color));
}

.gn-link.gn-link-danger:hover,
.gn-link.gn-link-danger:focus {
    color: rgba(var(--gigneo-danger-color), .85);
    text-decoration: underline;
}

/* Sizes */
.gn-link.gn-link-sm {
    font-size: 12px;
}

.gn-link.gn-link-md {
    font-size: 14px;
    padding: 0 3px;
}

.gn-link.gn-link-lg {
    font-size: 16px;
    padding: 0 4px;
}

/*Category term meta*/
.container-carbon_fields_container_category_fields {
    max-width: 95%;
}

.gn-term-meta-container .cf-complex__group-body {
    padding: 0;
    border-right-width: 1px;
}

.gn-term-meta-container .cf-select__input {
    max-width: 100%;
}

.gn-term-meta-container .cf-complex__placeholder-label.cf-complex__placeholder-label {
    margin: 0 0 15px;
    display: block;
    background-color: #fff;
    padding: 12px 15px;
    border-radius: var(--gigneo-border-radius-sm);
}

/* ===================================
   Dropdown
====================================== */

.gn-dropdown-container {
    position: relative;
    display: inline-block;
}

.gn-dropdown-container * {
    box-sizing: border-box;
}

.gn-dropdown-toggle {
    cursor: pointer;
}

.gn-dropdown-content {
    display: none;
    border-radius: var(--gigneo-border-radius-lg);
    padding: 6px;
    position: absolute;
    min-width: 207px;
    background: #FFF;
    box-shadow: 0 0 10px 0 rgba(14, 14, 15, 0.05);
    border: 1px solid rgb(var(--gigneo-grey-color));
    z-index: 9;
}

.gn-dropdown-menu {
    margin: 0;
    padding: 0;
}

.gn-dropdown-item {
    margin: 0;
    list-style: none;
}

.gn-dropdown-item:not(:last-child) {
    margin-top: 3px;
}

.gn-dropdown-item:first-child {
    margin-top: 0;
}

.gn-dropdown-item > span,
.gn-dropdown-item > a {
    display: flex;
    padding: 7.5px 10px;
    border-radius: var(--gigneo-border-radius-lg);
    align-items: center;
    gap: 8px;
    cursor: pointer;
    color: rgb(var(--gigneo-primary-font-color));
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    width: 100%;
    line-height: 1.5;
    transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

.gn-dropdown-item > span:hover, .gn-dropdown-item > a:hover {
    color: rgb(var(--gigneo-primary-font-color));
    background-color: rgb(var(--gigneo-light-grey-color));
}

.gn-dropdown-item.gn-update-service > span,
.gn-dropdown-item.gn-remove-service > span {
    padding: 0;
}

.gn-dropdown-item.gn-update-service > i,
.gn-dropdown-item.gn-remove-service > i,
.gn-dropdown-item > span > i,
.gn-dropdown-item > a > i {
    font-size: 14px;
    opacity: 0.9;
}

.gn-dropdown-item > span:hover,
.gn-dropdown-item > a:hover {
    background-color: rgb(var(--gigneo-light-grey-color));
}

.gn-dropdown-content.gn-active {
    display: block;
}

.gn-dropdown-content.gn-enter-top {
    -webkit-animation-name: gn-enter-top;
    animation-name: gn-enter-top;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.gn-dropdown-content.gn-enter-bottom {
    -webkit-animation-name: gn-enter-bottom;
    animation-name: gn-enter-bottom;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* ===================================
   Gigneo Tools CSS
====================================== */

.gigneo_page_gigneo-tools *,
.gigneo_page_gigneo-tools :after,
.gigneo_page_gigneo-tools :before {
    box-sizing: border-box;
}

.gigneo_page_gigneo-tools #wpcontent {
    position: relative;
    padding: 0;
}

.gigneo_page_gigneo-tools .gn-tools {
    padding: 20px 30px;
    line-height: var(--gigneo-line-height);
    letter-spacing: 0.3px;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.gigneo_page_gigneo-tools .gn-nav-tab-wrapper {
    gap: 10px;
    display: flex;
    padding: 0 10px;
    align-items: center;
    border-bottom: 1px solid #dcdcde;
}

.gigneo_page_gigneo-tools .gn-nav-tab-wrapper > a {
    float: left;
    font-size: 14px;
    font-weight: 500;
    color: #50575e;
    padding: 5px 10px;
    line-height: 24px;
    white-space: nowrap;
    text-decoration: none;
    background: #dcdcde;
    border: 1px solid #c3c4c7;
    border-bottom: none;
}

.gigneo_page_gigneo-tools .gn-nav-tab-wrapper > a:hover {
    color: #3c434a;
    background-color: #fff;
}

.gigneo_page_gigneo-tools .gn-nav-tab-wrapper > a:focus {
    outline: none;
    box-shadow: none;
}

.gigneo_page_gigneo-tools .gn-nav-tab-wrapper > a.active {
    margin-bottom: -1px;
}

.gigneo_page_gigneo-tools .gn-nav-tab-wrapper .active,
.gigneo_page_gigneo-tools .gn-nav-tab-wrapper .active:focus,
.gigneo_page_gigneo-tools .gn-nav-tab-wrapper .active:focus:active,
.gigneo_page_gigneo-tools .gn-nav-tab-wrapper .active:hover {
    border-bottom: 1px solid #f0f0f1;
    background: #f0f0f1;
    color: #000;
}

.gn-setting-tab-general .gn-title {
    line-height: 18px;
    letter-spacing: 0;
    margin: 30px 0 5px 0;
}

.gn-setting-tab-general .gn-description {
    color: #3c434a;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 25px;
}

.gn-setting-tabs-content #gn-setting-general-form .gn-submit-btn {
    background: rgb(var(--gigneo-primary-color));
    border-color: rgb(var(--gigneo-primary-color));
    color: #fff;
    outline: none;
    font-size: 13px;
    font-weight: 500;
    height: 36px;
    margin: 20px 0 0;
    padding: 6px 12px;
    box-shadow: none;
    border: 0;
    cursor: pointer;
    line-height: 20px;
    border-radius: var(--gigneo-border-radius-lg);
}

.gigneo_page_gigneo-options #dolly,
.gigneo_page_gigneo-tools p#dolly {
    display: none;
}

.gn-setting-tabs-content {
    margin-top: 25px;
}

/* dashboard tool status style  */

table.gn_status_table {
    margin-bottom: 1em;
}

table.gn_status_table th {
    padding: 9px;
    font-weight: 700;
}

table.gn_status_table h2 {
    font-size: 14px;
    margin: 0;
}

table.gn_status_table td,
table.gn_status_table th {
    font-size: 1.1em;
    font-weight: 400;
    padding: 10px 15px;
}

table.gn_status_table td:first-child {
    width: 33%;
}

table.gn_status_table tr:nth-child(even) td,
table.gn_status_table tr:nth-child(even) th {
    background: #fcfcfc;
}

table.gn_status_table td mark.yes,
table.gn_status_table th mark.yes {
    color: #7ad03a;
    background-color: transparent;
}

table.gn_status_table td mark.yes > a,
table.gn_status_table th mark.yes > a {
    color: #7ad03a;
}

table.gn_status_table td mark.yes > a:focus,
table.gn_status_table th mark.yes > a:focus {
    outline: none;
    box-shadow: none;
}

table.gn_status_table td mark.yes > .gn_shortcode,
table.gn_status_table th mark.yes > .gn_shortcode {
    color: #999;
}

table.gn_status_table td .red,
table.gn_status_table td mark.error,
table.gn_status_table th .red,
table.gn_status_table th mark.error {
    color: #a00;
    background-color: transparent;
}

table.gn_status_table td.help {
    width: 1em;
}

table.gn_status_table td mark.no,
table.gn_status_table th mark.no {
    color: #999;
    background-color: transparent;
}

.gn_status_table .gn-help-tip {
    color: #666;
    display: inline-block;
    font-size: 1.1em;
    font-style: normal;
    height: 16px;
    line-height: 16px;
    position: relative;
    vertical-align: middle;
    width: 16px;
}

.gn_status_table .gn-help-tip::after {
    font-family: Dashicons;
    speak: never;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    content: "\f223";
    cursor: help;
}

.gn_status_table .gn-help-tip::before {
    content: attr(aria-label);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 6px 10px;
    border-radius: var(--gigneo-border-radius-sm);
    white-space: normal;
    font-size: 11px;
    line-height: 20px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
    z-index: 9999;
    width: 150px;
    text-align: center;
}

/* Show tooltip on hover or focus */
.gn_status_table .gn-help-tip:hover::before,
.gn_status_table .gn-help-tip:focus::before {
    opacity: 1;
}

.gn_admin_layout_tabs {
    gap: 10px;
    display: flex;
    padding: 0 10px;
    margin: 20px 0 10px;
    align-items: center;
    border-bottom: 1px solid #dcdcde;
}

.gn_admin_layout_tabs > a {
    float: left;
    font-size: 14px;
    font-weight: 500;
    color: #50575e;
    padding: 5px 10px;
    line-height: 24px;
    white-space: nowrap;
    text-decoration: none;
    background: #dcdcde;
    border: 1px solid #c3c4c7;
    border-bottom: none;
}

.gn_admin_layout_tabs > a:focus {
    outline: none;
    box-shadow: none;
}

.gn_admin_layout_tabs > a.gn-active {
    margin-bottom: -1px;
}

.gn_admin_layout_tabs > a:hover {
    color: #3c434a;
    background-color: #fff;
}

.gn_admin_layout_tabs .gn-active,
.gn_admin_layout_tabs .gn-active:hover {
    color: #000;
    background: #f0f0f1;
    border-bottom: 1px solid #f0f0f1;
}

.gn-status-input {
    display: none !important;
}

.gn-status-label {
    display: inline-block;
    width: 36px;
    height: 20px;
    background-color: #ccc;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.gn-status-label::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 3px;
    width: 16px;
    height: 16px;
    background-color: white;
    border-radius: 50%;
    z-index: 2;
    transition: transform 0.3s ease;
}

.gn-status-label:has(input:checked)::before {
    transform: translateX(14px);
}

.gn-status-label::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border: 2px solid transparent;
    border-top: 2px solid #999;
    border-radius: 50%;
    z-index: 9;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s;
}

.gn-status-label:has(input:checked)::after {
    left: 18px;
}

/* Show and animate spinner when loading */
.gn-layout-status-switch.gn-loading .gn-status-label::after {
    opacity: 1;
    -webkit-animation: gn-spin-2 0.6s linear infinite;
    animation: gn-spin-2 0.6s linear infinite;
}

.gn-status-label:has(input:checked) {
    background-color: #7E65F4;
}

@-webkit-keyframes gn-spin-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes gn-spin-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.gn-select2 .select2-selection:hover,
.gigneo-post-meta-container .cf-container__fields .cf-textarea__input:hover,
.gigneo-post-meta-container .cf-container__fields .cf-field textarea:hover,
.cf-datetime__input.form-control.input:hover,
.gigneo-post-meta-container .cf-container__fields .cf-search-input__inner:hover,
.gigneo_page_gigneo-options #theme-options-form .cf-multiselect__select .cf-multiselect__control:hover,
.gigneo-post-meta-container .select2-container--default .select2-selection--single:hover,
.gigneo-post-meta-container .cf-container__fields .cf-text__input:hover {
    outline: none;
    border-color: rgb(var(--gigneo-dark-grey-color));
}

.gigneo-post-meta-container .cf-container__fields .cf-textarea__input:focus,
.gigneo-post-meta-container .cf-container__fields .cf-field textarea:focus,
.cf-datetime__input.form-control.input:focus,
.gigneo-post-meta-container .cf-container__fields .cf-search-input__inner:focus,
.gigneo_page_gigneo-options #theme-options-form .cf-multiselect__select .cf-multiselect__control:focus,
.gigneo-post-meta-container .select2-container--default .select2-selection--single:focus,
.gigneo-post-meta-container .cf-container__fields .cf-text__input:focus {
    box-shadow: 0 0 0 3px #F8F5FF;
    border-color: rgb(var(--gigneo-primary-color));
}

.gn-select2 .select2-selection,
.cf-datetime__input.form-control.input,
.gigneo_page_gigneo-options #theme-options-form .cf-multiselect__select .cf-multiselect__control,
.gigneo-post-meta-container .select2-container--default .select2-selection--single,
.gigneo-post-meta-container .cf-container__fields .cf-text__input {
    transition: border-color 0.3s ease,
    box-shadow 0.3s ease,
    -webkit-box-shadow 0.3s ease;
}

.gn-select2:has(.select2-dropdown.select2-dropdown--below) .select2-selection {
    outline: none;
    transition: border-color 0.3s ease,
    box-shadow 0.3s ease,
    -webkit-box-shadow 0.3s ease;
}

.gigneo-post-meta-container .cf-map__canvas {
    margin-top: 20px;
    border: 1px solid rgba(var(--gigneo-grey-color));
    border-radius: var(--gigneo-border-radius-lg);
}

/* ===================================
   Modal Popup
====================================== */

.gn-modal-wrapper {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    position: fixed;
    overflow-x: auto;
    -webkit-font-smoothing: antialiased;
    background-color: rgba(0, 0, 0, .7);
    -webkit-transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
    transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
}

.gn-modal-dialog {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 32px);
    padding: 16px;
}

.wp-toolbar .gn-modal-dialog {
    padding-top: 52px;
    height: calc(100% - 72px);
}

.gn-modal-wrapper:not(.gn-active) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.gn-modal-wrapper .gn-modal-content {
    z-index: 1;
    width: 550px;
    display: flex;
    max-width: 100%;
    position: relative;
    background-color: #fff;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    border-radius: var(--gigneo-border-radius-xl);
}

.gn-modal-wrapper.gn-active .gn-modal-content {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.gn-modal-content .gn-modal-close {
    top: 12px;
    padding: 0;
    right: 16px;
    width: 28px;
    height: 28px;
    display: flex;
    font-size: 16px;
    box-shadow: none;
    position: absolute;
    align-items: center;
    justify-content: center;
    border-radius: var(--gigneo-border-radius-md);
    background: #fff;
    color: rgb(var(--gigneo-secondary-font-color));
    cursor: pointer;
    border: 1px solid rgb(var(--gigneo-grey-color));
}

.gn-modal-content .gn-modal-close:hover,
.gn-modal-content .gn-modal-close:focus {
    background: #fff;
    border-color: rgb(var(--gigneo-dark-grey-color));
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-modal-content .gn-modal-close:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(207, 207, 207, 0.20), 0 4px 4px 0 #F6F5F8 inset;
    box-shadow: 0 0 0 3px rgba(207, 207, 207, 0.20), 0 4px 4px 0 #F6F5F8 inset;
}

.gn-modal-info {
    flex: 1;
}

.gn-modal-content .gn-modal-close:hover,
.gn-modal-content .gn-modal-close:focus {
    background-color: transparent;
}

.gn-modal-content .gn-modal-close > i {
    font-size: 16px;
    line-height: 1;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-modal-content .gn-modal-close:hover > i {
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-modal-info-list {
    padding: 0;
    margin: 0 0 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.gn-modal-info-list li {
    gap: 8px;
    list-style: none;
    position: relative;
    display: flex;
    color: rgb(var(--gigneo-secondary-font-color));
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

.gn-modal-info-list li::before {
    content: "\e96b";
    font-family: 'hero-icons';
    display: inline-block;
    line-height: 20px;
    color: rgb(var(--gigneo-secondary-font-color));
    font-size: 16px;
}

.gn-modal-header {
    display: flex;
    padding: 16px 24px;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid rgb(var(--gigneo-grey-color));
}

.gn-modal-header:has(.gn-modal-close) {
    padding-right: 50px;
}

.gn-modal-header > .gn-title {
    font-size: 16px;
    line-height: var(--gigneo-line-height);
    margin: 0;
    gap: 8px;
    display: flex;
    font-weight: 500;
    align-items: center;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-modal-header > .gn-description {
    font-size: 14px;
    line-height: var(--gigneo-line-height);
    margin: 0;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-status-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    white-space: nowrap;
    padding: 0.5px 9px;
    font-weight: 400;
    font-style: normal;
    border-radius: var(--gigneo-border-radius-md);
    background-color: rgb(var(--gigneo-light-grey-color));
    border: 1px solid rgb(var(--gigneo-grey-color));
}

.gn-deliverable,
.gn-delivered,
.gn-status-tag.gn-released,
.gn-status-tag.gn-approved,
.gn-status-tag.gn-success,
.gn-status-tag.gn-completed,
.gn-status-tag.gn-publish {
    color: rgb(var(--gigneo-success-color));
    background-color: rgba(var(--gigneo-success-color), 0.05);
    border-color: rgba(var(--gigneo-success-color), .40);
}

.gn-status-tag.gn-requirement {
    color: rgb(var(--gigneo-info-color));
    background-color: rgba(var(--gigneo-info-color), 0.05);
    border-color: rgba(var(--gigneo-info-color), .40);
}

.gn-status-tag.gn-revision,
.gn-status-tag.gn-disputed,
.gn-status-tag.gn-pending,
.gn-status-tag.gn-warning,
.gn-status-tag.gn-paid {
    color: rgb(var(--gigneo-warning-color));
    background-color: rgba(var(--gigneo-warning-color), 0.05);
    border-color: rgba(var(--gigneo-warning-color), .40);
}

.gn-status-tag.gn-processing,
.gn-status-tag.gn-active,
.gn-status-tag.gn-info,
.gn-status-tag.gn-requested {
    color: rgb(var(--gigneo-info-color));
    background-color: rgba(var(--gigneo-info-color), .10);
    border-color: rgba(var(--gigneo-info-color), .40);
}

.gn-status-tag.gn-error {
    color: rgb(var(--gigneo-danger-color));
    background-color: rgba(var(--gigneo-danger-color), 0.05);
    border-color: rgba(var(--gigneo-danger-color), .40);
}

.gn-status-tag i {
    font-size: 10px;
}

.gn-status-tag.gn-upload {
    background: #fff;
    color: rgb(var(--gigneo-primary-font-color));
}

/* ===================================
    Empty View Style
====================================== */
.gn-notification-wrapper:has(.gn-not-found-wrapper) {
    height: 100%;
}

.gn-not-found-wrapper {
    display: flex;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 60px;
    justify-content: center;
    flex-direction: column;
}

.gn-not-found-content {
    width: 100%;
    text-align: center;
    max-width: 250px;
}

.gn-not-found-content img {
    max-width: 100px;
    margin: 0 0 12px;
}

.gn-not-found-content h3 {
    font-size: 16px;
    margin: 0 0 4px;
}

.gn-not-found-image {
    margin: 0 0 12px;
}

.gn-not-found-content .gn-not-found-title:empty {
    display: none;
}

.gn-not-found-content p {
    margin: 0;
    font-size: 14px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-not-found-image svg {
    display: block;
    width: 188px;
    height: 154px;
}

.gn-not-found-content .gn-actions {
    display: flex;
    margin-top: 12px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.gn-notices-wrapper + .gn-not-found-wrapper {
    min-height: calc(100dvh - 240px);
}

.gn-modal-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    max-height: 450px;
    overflow: hidden;
    overflow-y: auto;
}

.gn-modal-body .gn-form-fields {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    height: 100%;
}

.gn-block-account-modal .gn-modal-body .gn-form-fields {
    gap: 16px;
}

.gn-block-account-section + .gn-block-account-section {
    margin-top: 24px;
}

.gn-block-account-section .gn-section-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 12px;
}

.gn-block-account-section .gn-detail {
    margin: 0;
    font-size: 14px;
    line-height: 22px;
}

.gn-block-account-section .gn-detail + .gn-detail {
    margin-top: 22px;
}

.gn-form-field {
    gap: 8px;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
}

.gn-form-fields .gn-form-field label {
    margin: 0;
    width: 100%;
    gap: 10px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    line-height: var(--gigneo-line-height);
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-form-fields .gn-form-field input,
.gn-form-fields .gn-form-field textarea {
    font-size: 14px;
    line-height: var(--gigneo-line-height);
    font-weight: 400;
    width: 100%;
    max-width: 100%;
    border: 1px solid rgb(var(--gigneo-grey-color));
    outline: none;
    box-shadow: none;
    padding: 6px 12px;
    color: rgb(var(--gigneo-secondary-font-color));
    border-radius: var(--gigneo-border-radius-lg);
    background-color: rgb(var(--gigneo-light-grey-color));
    transition: border-color .15s ease-in-out;
}

.gn-search .gn-search-input:hover,
.gn-search .gn-search-input:focus,
.gn-form-field input[type=date]:hover,
.gn-form-field input[type=email]:hover,
.gn-form-field input[type=number]:hover,
.gn-form-field input[type=password]:hover,
.gn-form-field input[type=search]:hover,
.gn-form-field input[type=tel]:hover,
.gn-form-field input[type=text]:hover,
.gn-form-field input[type=url]:hover, select:hover, textarea:hover,
.gn-form-fields .gn-form-field input:hover,
.gn-form-fields .gn-form-field textarea:hover,
.gn-form-field input[type=date]:focus,
.gn-form-field input[type=email]:focus,
.gn-form-field input[type=number]:focus,
.gn-form-field input[type=password]:focus,
.gn-form-field input[type=search]:focus,
.gn-form-field input[type=tel]:focus,
.gn-form-field input[type=text]:focus,
.gn-form-field input[type=url]:focus, select:focus, textarea:focus,
.gn-form-fields .gn-form-field input:focus,
.gn-form-fields .gn-form-field textarea:focus,
.gn-form-fields .gn-form-field .gn-select > select:hover,
.gn-form-fields .gn-form-field input:hover,
.gn-form-fields .gn-form-field textarea:hover,
.gn-form-fields .gn-form-field textarea:focus {
    border-color: rgb(var(--gigneo-dark-grey-color));
}

.gn-search .gn-search-input:focus,
.gn-form-field input[type=date]:focus,
.gn-form-field input[type=email]:focus,
.gn-form-field input[type=number]:focus,
.gn-form-field input[type=password]:focus,
.gn-form-field input[type=search]:focus,
.gn-form-field input[type=tel]:focus,
.gn-form-field input[type=text]:focus,
.gn-form-field input[type=url]:focus,
.gn-form-field select:focus,
.gn-form-field textarea:focus,
.gn-form-fields .gn-form-field input:focus,
.gn-form-fields .gn-form-field textarea:focus,
.gn-form-fields .gn-form-field .gn-select > select:focus,
.gn-form-fields .gn-form-field input:focus,
.gn-form-fields .gn-form-field input:focus-visible,
.gn-form-fields .gn-form-field textarea:focus-visible {
    box-shadow: 0 0 0 3px rgba(var(--gigneo-primary-color), 0.05);
    border-color: rgb(var(--gigneo-primary-color));
    border-style: solid;
}

.gn-form-field .wp-editor-container:has(textarea.gn-input-error):focus,
.gn-form-field input.gn-input-error:focus,
.gn-form-field textarea.gn-input-error:focus {
    -webkit-box-shadow: 0 0 0 3px #FAE1E1 !important;
    box-shadow: 0 0 0 3px #FAE1E1 !important;
}

.gn-form-field .wp-editor-container:has(textarea.gn-input-error),
.gn-form-field input.gn-input-error,
.gn-form-field textarea.gn-input-error {
    -webkit-box-shadow: 0 0 0 3px #FAE1E1 !important;
    box-shadow: 0 0 0 3px #FAE1E1 !important;
    border-color: rgb(var(--gigneo-danger-color)) !important;
}

.gn-form-field:has(.mce-tinymce .mce-edit-area) .wp-editor-container:has(textarea.gn-input-error) {
    box-shadow: none !important;
}


.gn-form-field .gn-wysiwyg-editor-two > .wp-editor-container:has(textarea.gn-input-error) {
    box-shadow: none !important;
    border-color: none !important;
}


.gn-wysiwyg-editor-two .wp-editor-container:has(textarea.gn-input-error) .mce-tinymce .mce-edit-area {
    -webkit-box-shadow: 0 0 0 3px #FAE1E1 !important;
    box-shadow: 0 0 0 3px #FAE1E1 !important;
    border-color: rgb(var(--gigneo-danger-color)) !important;
}


.gn-required-field-label:after {
    content: '*';
    color: #f74040;
    margin-left: 4px;
    line-height: 22px;
    vertical-align: middle;
}

.gn-modal-footer {
    gap: 10px;
    display: flex;
    padding: 16px 24px;
    align-items: center;
    justify-content: flex-end;
    box-shadow: inset 0 1px 0 rgb(var(--gigneo-grey-color));
}

/* ===================================
            Media Queries
====================================== */

@media (max-height: 800px) {

    /*Modal*/
    .gn-modal-body {
        max-height: calc(90vh - 200px);
    }

    .wp-toolbar .gn-modal-body {
        max-height: calc(90vh - 240px);
    }
}

/* Admin Action Style */
.gn-withdrawal-action,
.gn-post-actions,
.gn-user-action {
    align-items: center;
    display: flex;
    gap: 14px;
}

.gn-withdrawal-action button,
.gn-post-type-action button,
.gn-user-action button,
.gn-post-type-action a,
.gn-user-action a {
    line-height: 1.2;
    border: 0;
    display: block;
    padding: 0;
    position: relative;
    background: transparent;
}

.gn-withdrawal-action img,
.gn-post-type-action img,
.gn-user-action img {
    cursor: pointer;
    max-width: 30px;
}

[data-gn-tooltip] {
    position: relative;
}

[data-gn-tooltip]::before {
    content: attr(data-gn-tooltip);
    position: absolute;
    transition: all 0.3s ease;
    border-radius: 10px;
    background: #18181B;
    box-shadow: 4px 8px 48px -8px rgba(99, 115, 146, 0.12);
    padding: 12px;
    height: auto;
    opacity: 0;
    visibility: hidden;
    bottom: 120%;
    left: 50%;
    color: #fff;
    transform: translateX(-50%);
    width: max-content;
    max-width: 120px;
    text-align: center;
}

[data-gn-tooltip]::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #18181B;
    left: 50%;
    top: -7px;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

[data-gn-tooltip]:hover::after,
[data-gn-tooltip]:hover::before {
    opacity: 1;
    visibility: visible;
}

.gn-post-type-action .gn-tooltip,
.gn-user-action .gn-tooltip {
    position: absolute;
    transition: all 0.3s ease;
    border-radius: 10px;
    background: #18181B;
    box-shadow: 4px 8px 48px -8px rgba(99, 115, 146, 0.12);
    padding: 12px;
    height: auto;
    width: auto;
    opacity: 0;
    visibility: hidden;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
}

.gn-post-type-action .gn-tooltip p,
.gn-user-action .gn-tooltip p {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    opacity: 0.8;
    line-height: 18px;
    width: max-content;
}

.gn-post-type-action .gn-tooltip::after,
.gn-user-action .gn-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #18181B transparent transparent transparent;
}

.gn-post-type-action:hover .gn-tooltip,
.gn-user-action:hover .gn-tooltip {
    opacity: 1;
    visibility: visible;
}

/* Identity Popup Style */
.gn-info-grid-wrap {
    gap: 16px 0;
    display: flex;
    flex-wrap: wrap;
}

.gn-info-grid-wrap .gn-info-grid .gn-icon {
    margin-top: 3px;
    font-size: 16px;
}

.gn-info-grid-wrap > div {
    width: 100%;
}

.gn-info-grid-wrap > .gn-info-grid .gn-info {
    gap: 5px;
    display: flex;
    flex-direction: column;
}

.gn-info-grid-wrap > .gn-info-grid .gn-info .gn-title {
    margin: 0;
    font-family: var(--gigneo-primary-font);
    color: rgb(var(--gigneo-primary-font-color));
    font-size: 14px;
    font-weight: 400;
}

.gn-info-grid-wrap > .gn-info-grid .gn-info .gn-value {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 500;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-info-grid-wrap > .gn-info-grid .gn-info .gn-value .gn-link {
    font-weight: 500;
}

.gn-action-identity-verification .gn-modal-footer .gn-btn.gn-btn-outline-danger {
    margin-left: auto;
}

.gn-identity-section .gn-section-title {
    color: rgb(var(--gigneo-secondary-font-color));
    font-size: 14px;
    margin: 0 0 16px;
    font-weight: 500;
    line-height: 20px;
}

.gn-identity-section .gn-description {
    color: rgb(var(--gigneo-primary-font-color));
    font-size: 14px;
    margin: 0;
    font-weight: 400;
    line-height: 20px;
}

.gn-info-grid {
    gap: 10px;
    display: flex;
}

.gn-icon {
    flex: none;
    font-size: 14px;
}

.gn-info .gn-detail > a,
.gn-info .gn-detail {
    color: rgb(var(--gigneo-secondary-font-color));
    font-size: 14px;
    margin: 0;
    font-weight: 500;
}

.gn-identity-note-info {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #F4F4F5;
}

.gn-identity-attachment-info {
    margin-top: 24px;
}

.gn-info-list {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

ul.gn-info-list {
    margin: 0;
}

ul.gn-info-list > li {
    margin: 0;
}

.gn-info-list .gn-title {
    color: rgb(var(--gigneo-secondary-font-color));
    font-size: 14px;
    margin: 0;
    font-weight: 500;
    line-height: 20px;
}

.gn-info-list .gn-action {
    gap: 6px;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: rgb(var(--gigneo-info-color));
    align-items: center;
}

.gn-info-list .gn-action span {
    text-decoration: underline;
}

/* ===================================
   Button
====================================== */

.gn-sweetalert2 .swal2-actions .gn-btn,
.gn-btn,
a.gn-btn,
button.gn-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 9px 20px;
    outline: none;
    box-shadow: none;
    fill: rgb(var(--gigneo-dark-color));
    color: rgb(var(--gigneo-dark-color));
    background-color: transparent;
    border-radius: var(--gigneo-border-radius-lg);
    transition: all .15s ease-in-out;
}

.gn-btn:hover,
.gn-btn:focus,
a.gn-btn:hover,
a.gn-btn:focus,
button.gn-btn:hover,
button.gn-btn:focus {
    color: rgb(var(--gigneo-dark-color));
    fill: rgb(var(--gigneo-dark-color));
    background-color: rgb(var(--gigneo-grey-color));
    border-color: rgb(var(--gigneo-grey-color));
}

.gn-btn > svg {
    width: 15px;
    height: auto;
    transition: fill .15s ease-in-out;
}

/*Btn Solid*/
.gn-sweetalert2 .swal2-actions .gn-btn.gn-btn.gn-btn-primary,
.gn-btn.gn-btn-primary {
    color: #fff;
    fill: #fff;
    background-color: rgb(var(--gigneo-primary-color));
    border-color: rgb(var(--gigneo-primary-color));
}

.gn-sweetalert2 .swal2-actions .gn-btn.gn-btn.gn-btn-primary:hover,
.gn-sweetalert2 .swal2-actions .gn-btn.gn-btn.gn-btn-primary:focus,
.gn-btn.gn-btn-primary:hover,
.gn-btn.gn-btn-primary:focus {
    color: #fff;
    fill: #fff;
    background-color: rgba(var(--gigneo-primary-color), .95);
    border-color: rgba(var(--gigneo-primary-color), .95);
}

.gn-sweetalert2 .swal2-actions .gn-btn.gn-btn.gn-btn-danger {
    color: #fff;
    fill: #fff;
    background-color: rgb(var(--gigneo-danger-color));
    border-color: rgb(var(--gigneo-danger-color));
}

.gn-btn.gn-btn-secondary {
    color: #fff;
    fill: #fff;
    background-color: rgb(var(--gigneo-secondary-color));
    border-color: rgb(var(--gigneo-secondary-color));
}

.gn-btn.gn-btn-secondary:hover,
.gn-btn.gn-btn-secondary:focus {
    color: #fff;
    fill: #fff;
    background-color: rgba(var(--gigneo-secondary-color), .95);
    border-color: rgba(var(--gigneo-secondary-color), .95);
}

.gn-btn.gn-btn-dark {
    color: #fff;
    fill: #fff;
    background-color: rgb(var(--gigneo-dark-color));
    border-color: rgb(var(--gigneo-dark-color));
}

.gn-btn.gn-btn-dark:hover,
.gn-btn.gn-btn-dark:focus {
    color: #fff;
    fill: #fff;
    background-color: rgba(var(--gigneo-dark-color), .95);
    border-color: rgba(var(--gigneo-dark-color), .95);
}

.gn-btn.gn-btn-light {
    color: rgb(var(--gigneo-primary-color));
    fill: rgb(var(--gigneo-primary-color));
    background-color: #fff;
    border-color: #fff;
}

.gn-btn.gn-btn-grey {
    color: rgb(var(--gigneo-dark-color));
    fill: rgb(var(--gigneo-dark-color));
    background-color: rgb(var(--gigneo-grey-color));
    border-color: rgb(var(--gigneo-grey-color));
}

.gn-btn.gn-btn-success {
    color: #fff;
    fill: #fff;
    background-color: rgb(var(--gigneo-success-color));
    border-color: rgb(var(--gigneo-success-color));
}

.gn-btn.gn-btn-success:hover,
.gn-btn.gn-btn-success:focus {
    color: #fff;
    fill: #fff;
    background-color: rgba(var(--gigneo-success-color), .95);
    border-color: rgba(var(--gigneo-success-color), .95);
}

.gn-btn.gn-btn-warning {
    color: #fff;
    fill: #fff;
    background-color: rgb(var(--gigneo-warning-color));
    border-color: rgb(var(--gigneo-warning-color));
}

.gn-btn.gn-btn-warning:hover,
.gn-btn.gn-btn-warning:focus {
    color: #fff;
    fill: #fff;
    background-color: rgba(var(--gigneo-warning-color), .95);
    border-color: rgba(var(--gigneo-warning-color), .95);
}

.gn-btn.gn-btn-info {
    color: #fff;
    fill: #fff;
    background-color: rgb(var(--gigneo-info-color));
    border-color: rgb(var(--gigneo-info-color));
}

.gn-btn.gn-btn-info:hover,
.gn-btn.gn-btn-info:focus {
    color: #fff;
    fill: #fff;
    background-color: rgba(var(--gigneo-info-color), .95);
    border-color: rgba(var(--gigneo-info-color), .95);
}

.gn-btn.gn-btn-danger {
    color: #fff;
    fill: #fff;
    background-color: rgb(var(--gigneo-danger-color));
    border-color: rgb(var(--gigneo-danger-color));
}

.gn-btn.gn-btn-danger:hover,
.gn-btn.gn-btn-danger:focus {
    color: #fff;
    fill: #fff;
    background-color: rgba(var(--gigneo-danger-color), .95);
    border-color: rgba(var(--gigneo-danger-color), .95);
}

/* Outline Button Style */
.gn-btn.gn-btn-outline-success {
    color: rgba(var(--gigneo-success-color));
    fill: rgba(var(--gigneo-success-color));
    background-color: rgba(var(--gigneo-success-color), .10);
    border-color: rgba(var(--gigneo-success-color));
}

.gn-btn.gn-btn-outline-success:hover,
.gn-btn.gn-btn-outline-success:focus {
    color: #fff;
    fill: #fff;
    background-color: rgba(var(--gigneo-success-color), .95);
    border-color: rgba(var(--gigneo-success-color), .95);
}

.gn-btn.gn-btn-outline-danger {
    color: rgba(var(--gigneo-danger-color));
    fill: rgba(var(--gigneo-danger-color));
    background-color: rgba(var(--gigneo-danger-color), .10);
    border-color: rgba(var(--gigneo-danger-color));
}

.gn-btn.gn-btn-outline-danger:hover,
.gn-btn.gn-btn-outline-danger:focus {
    color: #fff;
    fill: #fff;
    background-color: rgba(var(--gigneo-danger-color), .95);
    border-color: rgba(var(--gigneo-danger-color), .95);
}

.gn-btn.gn-btn-outline-warning {
    color: rgba(var(--gigneo-warning-color));
    fill: rgba(var(--gigneo-warning-color));
    background-color: rgba(var(--gigneo-warning-color), .10);
    border-color: rgba(var(--gigneo-warning-color));
}

.gn-btn.gn-btn-outline-warning:hover,
.gn-btn.gn-btn-outline-warning:focus {
    color: #fff;
    fill: #fff;
    background-color: rgba(var(--gigneo-warning-color), .95);
    border-color: rgba(var(--gigneo-warning-color), .95);
}

.gn-btn.gn-btn-outline-info {
    color: rgb(var(--gigneo-info-color));
    fill: rgb(var(--gigneo-info-color));
    background-color: rgba(var(--gigneo-info-color), .10);
    border-color: rgb(var(--gigneo-info-color));
}

.gn-btn.gn-btn-outline-info:hover,
.gn-btn.gn-btn-outline-info:focus {
    color: #fff;
    fill: #fff;
    background-color: rgba(var(--gigneo-info-color), .95);
    border-color: rgba(var(--gigneo-info-color), .95);
}

.gn-btn.gn-btn-outline-primary {
    color: rgb(var(--gigneo-primary-color));
    fill: rgb(var(--gigneo-primary-color));
    background-color: rgba(var(--gigneo-primary-color), .10);
    border-color: rgb(var(--gigneo-primary-color));
}

.gn-btn.gn-btn-outline-primary:hover,
.gn-btn.gn-btn-outline-primary:focus {
    color: #fff;
    fill: #fff;
    background-color: rgba(var(--gigneo-primary-color), .95);
    border-color: rgba(var(--gigneo-primary-color), .95);
}

.gn-btn.gn-btn-outline-secondary {
    color: rgb(var(--gigneo-secondary-color));
    fill: rgb(var(--gigneo-secondary-color));
    background-color: rgba(var(--gigneo-secondary-color), .10);
    border-color: rgb(var(--gigneo-secondary-color));
}

.gn-btn.gn-btn-outline-secondary:hover,
.gn-btn.gn-btn-outline-secondary:focus {
    color: #fff;
    fill: #fff;
    background-color: rgba(var(--gigneo-secondary-color), .95);
    border-color: rgba(var(--gigneo-secondary-color), .95);
}

.gn-btn.gn-btn-outline-dark {
    color: rgb(var(--gigneo-dark-color));
    fill: rgb(var(--gigneo-dark-color));
    background-color: transparent;
    border-color: rgb(var(--gigneo-dark-color));
}

.gn-btn.gn-btn-outline-dark:hover,
.gn-btn.gn-btn-outline-dark:focus {
    color: #fff;
    fill: #fff;
    background-color: rgb(var(--gigneo-dark-color));
    border-color: rgb(var(--gigneo-dark-color));
}

.gn-btn.gn-btn-outline-grey {
    color: rgb(var(--gigneo-primary-font-color));
    fill: rgb(var(--gigneo-primary-font-color));
    background-color: rgb(var(--gigneo-light-grey-color));
    border-color: rgb(var(--gigneo-grey-color));
}

.gn-btn.gn-btn-outline-grey:hover,
.gn-btn.gn-btn-outline-grey:focus {
    color: rgb(var(--gigneo-primary-font-color));
    fill: rgb(var(--gigneo-primary-font-color));
    background-color: rgb(var(--gigneo-grey-color));
    border-color: rgb(var(--gigneo-grey-color));
}

.gn-btn.gn-btn-outline-grey.gn-loading:after {
    border-color: rgb(var(--gigneo-dark-color));
    border-top-color: transparent;
}

.gn-btn.gn-btn-outline-light {
    color: rgb(var(--gigneo-dark-color));
    fill: rgb(var(--gigneo-dark-color));
    background-color: #fff;
    border-color: rgb(var(--gigneo-grey-color));
}

/* Button Size and Block */

.gn-btn.gn-btn-sm {
    padding: 5px 18px;
}

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

/* ===================================
   SweetAlert2 Toaster
====================================== */

.swal2-container.swal2-center > .swal2-popup.gn-sweetalert2 {
    width: 100% !important;
    border-radius: var(--gigneo-border-radius-xl) !important;
    max-width: 408px !important;
    padding: 32px 16px 16px !important;
}

.gn-sweetalert2 .swal2-actions {
    gap: 8px;
    width: auto;
    margin: 32px -16px -16px;
    padding: 16px 16px 16px;
    justify-content: center;
    border-top: 1px solid rgb(var(--gigneo-grey-color));
}

.gn-sweetalert2 .swal2-actions button {
    margin: 0;
    padding: 7px 12px;
    font-size: 14px;
    box-shadow: none !important;
}

.gn-sweetalert2 .swal2-actions button[style*="display: inline-block"] {
    display: inline-flex !important;
}

.gn-sweetalert2 .swal2-actions button.swal2-cancel {
    order: -1;
    color: rgb(var(--gigneo-primary-font-color));
    border-color: rgb(var(--gigneo-grey-color));
}

.gn-sweetalert2 .swal2-actions button.swal2-cancel:focus,
.gn-sweetalert2 .swal2-actions button.swal2-cancel:hover {
    background: #FFF;
    color: rgb(var(--gigneo-primary-font-color));
    border: 1px solid rgb(var(--gigneo-grey-color));
    box-shadow: 0 4px 18px 0 #F6F5F8 inset;
}

.gn-sweetalert2 .swal2-actions button.swal2-cancel:focus {
    box-shadow: 0 0 0 3px rgba(207, 207, 207, 0.20), 0 4px 4px 0 #F6F5F8 inset !important;
}

.gn-sweetalert2 .swal2-title {
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 4px;
    text-align: center;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-sweetalert2 .swal2-html-container {
    padding: 0;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    max-width: 300px;
    margin: 0 auto;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-sweetalert2 .swal2-icon {
    left: auto;
    top: auto;
    position: relative;
    height: 60px;
    width: 60px;
    margin: 0 auto 16px;
    border-radius: 24px;
    border: 0;
    background-color: transparent;
}

.gn-sweetalert2 div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {
    width: 30px;
    right: 13px;
    top: 24px !important;
    animation: none;
}

.gn-sweetalert2 div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
    width: 14px;
    left: 10px;
    top: 30px;
    animation: none;
}

.gn-sweetalert2 div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
    top: 30px !important;
    width: 24px !important;
    height: 2px !important;
}

.gn-sweetalert2 div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 18px !important;
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
    background-color: rgb(var(--gigneo-danger-color)) !important;
}

.gn-sweetalert2 .swal2-icon-content {
    font-size: 32px !important;
    font-weight: 500;
}

.gn-sweetalert2 .swal2-warning .swal2-icon-content {
    color: rgb(var(--gigneo-danger-color));
}

.gn-sweetalert2 .swal2-warning {
    border-color: rgb(var(--gigneo-warning-color)) !important;
    background-color: rgba(var(--gigneo-warning-color), .10);
}

.gn-sweetalert2 .swal2-icon.swal2-error {
    background-color: rgba(var(--gigneo-danger-color), .10);
    border: 1px solid rgb(var(--gigneo-danger-color));
}

.gn-sweetalert2 .swal2-icon.swal2-info {
    border-color: transparent;
    background-color: rgba(var(--gigneo-info-color), .10);
}

.gn-sweetalert2 .swal2-icon.swal2-info .swal2-icon-content {
    color: rgb(var(--gigneo-info-color));
}

.swal2-toast.gigneo-sweetalert2-toast h2:where(.swal2-title) {
    font-size: 14px !important;
    font-weight: 500;
    margin: 0 0 2px !important;
    color: rgb(var(--gigneo-secondary-font-color));
    font-family: var(--gigneo-secondary-font);
}

.swal2-toast.gigneo-sweetalert2-toast div:where(.swal2-html-container) {
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 400;
    font-family: var(--gigneo-primary-font);
    color: rgb(var(--gigneo-primary-font-color));
    overflow: hidden !important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.swal2-toast.gigneo-sweetalert2-toast {
    position: relative;
    padding: 15px 15px 20px;
    border: 1px solid rgb(var(--gigneo-grey-color));
    border-radius: var(--gigneo-border-radius-md);
    background: linear-gradient(to right, #f6fffa 30%, #ffffff 70%);
}

.gigneo-sweetalert2-toast.swal2-icon-info:before,
.gigneo-sweetalert2-toast.swal2-icon-error:before {
    position: absolute;
    width: 104px;
    height: 78px;
    top: 50%;
    transform: translateY(-50%);
    background: rgb(var(--gigneo-danger-color));
    left: -45px;
    filter: blur(100px);
    pointer-events: none;
    border-radius: 50%;
    content: '';
}

.gigneo-sweetalert2-toast.swal2-icon-info:before {
    background: rgb(var(--gigneo-info-color));
}

.swal2-toast.gigneo-sweetalert2-toast.swal2-icon-error {
    background: #fff;
}

/* Success Alert Styling  */

.gn-sweetalert2.swal2-icon-success .swal2-actions button.swal2-confirm {
    color: #fff;
    background-color: rgb(var(--gigneo-success-color));
    border: 1px solid rgb(var(--gigneo-success-color));
}

.gn-sweetalert2.swal2-icon-success .swal2-actions button.swal2-confirm:hover {
    background-color: rgba(var(--gigneo-success-color), .95);
    border-color: rgba(var(--gigneo-success-color), .95);
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
    background-color: rgb(var(--gigneo-success-color)) !important;
    height: 2px !important;

}

.gn-sweetalert2 .swal2-actions .gn-btn {
    padding: 9px 18px;
}

.gn-sweetalert2.swal2-icon-success .swal2-actions button.swal2-confirm.gn-btn-danger {
    background-color: rgb(var(--gigneo-danger-color));
    border-color: rgb(var(--gigneo-danger-color));
}

/* ===================================
   Success Icon
====================================== */

.gigneo-sweetalert2-toast.swal2-toast .swal2-success {
    border: 2px solid rgb(var(--gigneo-success-color)) !important;
    width: 20px;
    min-width: 20px;
    height: 20px;
    font-size: 10px;
}

.gigneo-sweetalert2-toast div:where(.swal2-icon).swal2-success {
    color: rgb(var(--gigneo-success-color));
}

.gigneo-sweetalert2-toast.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
    right: auto;
    left: 5px;
    right: 5px;
}

.gigneo-sweetalert2-toast.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left],
.gigneo-sweetalert2-toast.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
    border-color: rgb(var(--gigneo-success-color)) !important;
    top: 5px;
}

.gigneo-sweetalert2-toast.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
    top: 11px;
    left: 4px;
    width: 6px;
}

.gigneo-sweetalert2-toast.swal2-toast .swal2-success [class^=swal2-success-line] {
    height: 2px;
}

.gigneo-sweetalert2-toast div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
    background-color: rgb(var(--gigneo-success-color)) !important;
}

.gigneo-sweetalert2-toast.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
    top: 9px;
    right: 3px;
    width: 10px;
}

.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 20px !important;
    height: 20px !important;
    border-width: 2px;
}

.swal2-toast.gigneo-sweetalert2-toast .swal2-success-ring {
    border-color: rgb(var(--gigneo-success-color)) !important;
}

div:where(.swal2-icon).swal2-success .swal2-success-ring,
.gn-sweetalert2.swal2-icon-success .swal2-icon-content {
    color: rgb(var(--gigneo-success-color));
    border: 1px solid rgb(var(--gigneo-success-color)) !important;
    border-radius: 24px !important;
    box-sizing: border-box !important;
    background-color: rgba(var(--gigneo-success-color), 0.05) !important;
}

.gigneo-sweetalert2-toast .swal2-success-ring {
    display: none;
}

.gigneo-sweetalert2-toast.swal2-toast .swal2-success .swal2-success-fix {
    border-color: rgb(var(--gigneo-success-color));
    width: 10px;
    height: 10px;
    top: 5px;
    left: 5px;
}

.gigneo-sweetalert2-toast .swal2-success-fix,
.gigneo-sweetalert2-toast .swal2-success-circular-line-right,
.gigneo-sweetalert2-toast .swal2-success-circular-line-left {
    background-color: transparent !important;
}

.gigneo-sweetalert2-toast.swal2-icon-success div:where(.swal2-timer-progress-bar) {
    background: rgb(var(--gigneo-success-color));
}

/* ===================================
   Error Icon
====================================== */

.gigneo-sweetalert2-toast div:where(.swal2-icon).swal2-error {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    font-size: 16px;
    border: 2px solid #F04438 !important;
}

.gigneo-sweetalert2-toast div:where(.swal2-icon).swal2-info {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    font-size: 16px;
    border: 2px solid rgb(var(--gigneo-info-color)) !important;
}

.gigneo-sweetalert2-toast div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
    height: 2px !important;
    width: 12px !important;
}

.gigneo-sweetalert2-toast.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    top: 9px;
    left: 4px !important;
}

.gigneo-sweetalert2-toast.swal2-icon-error .swal2-x-mark-line-left,
.gigneo-sweetalert2-toast.swal2-icon-error .swal2-x-mark-line-right {
    background-color: #F04438 !important;
}

.gigneo-sweetalert2-toast.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    top: 9px;
    right: 4px !important;
}

.gigneo-sweetalert2-toast.swal2-icon-error .swal2-x-mark-line-left,
.gigneo-sweetalert2-toast.swal2-icon-error .swal2-x-mark-line-right {
    background-color: #F04438 !important;
}

.gigneo-sweetalert2-toast .swal2-timer-progress-bar-container {
    background: #F4F4F5;
    height: 8px;
}

.gigneo-sweetalert2-toast.swal2-icon-error div:where(.swal2-timer-progress-bar) {
    background: #F04438;
}

div:where(.swal2-container) .gigneo-sweetalert2-toast div:where(.swal2-timer-progress-bar) {
    height: 8px;
}

/* ===================================
   Account Closed Popup Cross Icon
====================================== */

.gn-sweetalert2 div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
    top: 29px !important;
    width: 30px !important;
}

.gn-sweetalert2 div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 15px !important;
}

.gn-sweetalert2 div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: 15px !important;
}

.gn-sweetalert2 div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
    background-color: rgb(var(--gigneo-danger-color)) !important;
}

.gn-sweetalert2 div:where(.swal2-icon).swal2-success .swal2-success-fix {
    background-color: transparent !important;
}

/* ===================================
   Button Loader
====================================== */

button.gn-loading,
a.gn-btn.gn-loading {
    pointer-events: none;
}

button.gn-loading:after,
a.gn-btn.gn-loading:after {
    content: '';
    width: 14px;
    height: 14px;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    animation: 0.5s gn-spin infinite linear;
    border: 2px solid rgb(255 255 255 / 60%);
    border-top-color: rgb(255 255 255 / 10%);
}

.gn-btn.gn-btn-outline-grey.gn-loading:after {
    border-color: rgb(var(--gigneo-dark-color));
    border-top-color: transparent;
}

@-webkit-keyframes gn-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes gn-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* ===================================
   Notices
====================================== */

.gn-notices-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    gap: 15px;
}

.gn-notices-wrapper:empty {
    display: none;
}

.gn-notice {
    gap: 15px;
    display: flex;
    padding: 20px;
    align-items: center;
    background: rgb(var(--gigneo-light-grey-color));
    position: relative;
    border: 1px solid rgb(var(--gigneo-grey-color));
    border-radius: var(--gigneo-border-radius-lg);
}

.gn-notice-dismissed {
    cursor: pointer;
    position: absolute;
    top: -12px;
    right: -12px;
    height: 24px;
    width: 24px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0;
    color: rgb(var(--gigneo-secondary-font-color));
    background: rgb(var(--gigneo-light-grey-color));
    border: 1px solid rgb(var(--gigneo-grey-color));
}

.gn-notice-dismissed:hover {
    color: rgb(var(--gigneo-secondary-font-color));
    background: rgb(var(--gigneo-light-grey-color));
    border: 1px solid rgb(var(--gigneo-grey-color));
}

.gn-notices-wrapper .gn-btn.gn-btn-seconday {
    background: #fff;
}

.gn-notice-content {
    gap: 12px;
    display: flex;
    align-items: center;
}

.gn-notice-info .gn-title {
    font-size: 16px;
    margin: 0 0 4px;
    line-height: 24px;
    font-weight: 500;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-notice-info .gn-description {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-notice-actions {
    gap: 10px;
    display: flex;
    margin-left: auto;
    justify-content: center;
}

.gn-notice-icon {
    width: 44px;
    height: 44px;
    flex: none;
    display: flex;
    border-radius: 50%;
    align-items: center;
    background: #f7f7f7;
    justify-content: center;
}

.gn-notice-icon > i {
    font-size: 20px;
}

/* warning notice  */
.gn-notice-warning {
    border: 1px solid #FEF0C7;
    background: #FFFCF5;
}

.gn-notice-warning .gn-notice-icon {
    background: rgba(239, 144, 19, 0.05);
    color: rgba(var(--gigneo-warning-color));
}

/* success notice  */
.gn-notice-success {
    border: 1px solid #D1F1E1;
    background: #F6FEF9;
}

.gn-notice-success .gn-notice-icon {
    background: rgba(23, 178, 106, 0.05);
    color: rgb(var(--gigneo-success-color));
}

/* error notice  */
.gn-notice-danger {
    border: 1px solid #FEE4E2;
    background: #FFFBFA;
}

.gn-notice-danger .gn-notice-icon {
    background: rgba(240, 68, 56, 0.06);
    color: #F04438;
}

/* info notice  */
.gn-notice.gn-notice-info {
    border: 1px solid #D1E9FF;
    background: #F5FAFF;
}

.gn-notice.gn-notice-info .gn-notice-icon {
    background: rgba(47, 144, 250, 0.05);
    color: rgb(var(--gigneo-info-color));
}

.gn-modal-body .gn-notices-wrapper .gn-notice-icon > i {
    font-size: 20px;
    display: block;
    line-height: 24px;
}

.gn-modal-body .gn-notices-wrapper .gn-notice {
    gap: 12px;
    padding: 16px;
}

.gn-modal-body .gn-notice-info .gn-title {
    font-size: 14px;
    margin: 0;
    line-height: var(--gigneo-line-height);
}

/* Block popup design */
.gn-modal-figure {
    margin: 0;
    display: flex;
    padding: 30px;
    align-items: center;
    min-width: 350px;
    justify-content: center;
    background: #FAFAFA;
    border-radius: var(--gigneo-border-radius-md) 0 0 var(--gigneo-border-radius-md);
}

.gn-modal-figure > img {
    max-width: 250px;
}

.gn-modal-wrapper .gn-modal-content:has(.gn-modal-figure) {
    width: 900px;
}

/*Report Abuse Style Start*/
.gn-post-id {
    overflow: hidden;
    color: #3F3F46;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.gn-reporter-url {
    overflow: hidden;
    color: #2271B1;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.gn-reporter-type {
    color: #3F3F46;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.gn-reported-url,
.gn-post-reason {
    overflow: hidden;
    color: #3F3F46;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.widefat td p.gn-report-detail-modal {
    cursor: pointer;
    margin: 0 !important;
    overflow: hidden;
    color: #2271B1;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-decoration-line: underline;
}

.gn-report-abuse-btn {
    border: navajowhite;
    background: transparent;
}

.gn-abuse {
    margin: 4px 0 16px 0;
    color: #18181B;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.gn-report-id {
    overflow: hidden;
    color: rgb(var(--gigneo-primary-font-color));
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.gn-info-grid .gn-reporter-url {
    overflow: hidden;
    color: rgb(var(--gigneo-primary-font-color));
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-decoration-line: underline;
}

.gn-detail {
    gap: 2px;
    display: flex;
    align-items: center;
}

.gn-info-grid .gn-reporter-type {
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    opacity: 0.8;
    color: rgb(var(--gigneo-dark-grey-color));
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.gn-report-reason .gn-abuse {
    margin: 0 0 14px 0;
}

.gn-report-reason {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #F4F4F5;
}

.widefat td p.gn-report-detail {
    color: #3F3F46;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.gn-report-description .gn-abuse {
    margin: 0 0 14px 0;
}

.widefat td p.gn-report-detail {
    margin: 0;
    color: #71717A;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

/* .gn-modal-info .gn-modal-body {
    margin-top: 24px;
} */

.gn-report-description {
    margin-top: 24px;
}

button.gn-report-abuse-btn {
    font-size: 30px;
    font-weight: 400;
    text-decoration: underline;
    transition: all .3s ease-in-out;
}

button.gn-report-abuse-btn > .gn-report-detail-modal > img {
    max-width: 30px;
    display: block;
}

.gn-report-abuse-detail-modal.gn-modal-wrapper .gn-modal-content {
    width: 600px;
}

.gn-report-abuse-detail-modal,
.gn-report-abuse-detail-modal * {
    box-sizing: border-box;
}

/*Report Abuse Style End*/

/*Report Respond Style Start*/

.gn-report-abuse-respond-modal .gn-form-fields {
    margin: 0 !important;
}

.gn-report-abuse-respond-modal .gn-form-field {
    margin: 16px 0 0;
}

.gn-report-abuse-respond-modal .gn-select2 {
    gap: 4px;
    display: flex;
    flex-direction: column;
}

.gn-report-abuse-respond-modal .gn-checkbox {
    gap: 6px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row-reverse;
}

.gn-report-abuse-respond-modal .gn-checkbox input {
    margin: 0;
    max-width: 16px;
    border-radius: 4px;
}

/*Report Respond Style End*/

/* ===================================
           Summary style
====================================== */
.gn-form-summary {
    margin-top: 24px;
}

.gn-form-summary .gn-title {
    font-size: 16px;
    margin: 0 0 8px;
    font-weight: 500;
}

.gn-form-summary .gn-summary-info {
    margin-top: 8px;
    padding: 16px;
    background-color: rgb(var(--gigneo-light-grey-color));
    border-radius: var(--gigneo-border-radius-lg);
    border: 1px solid rgb(var(--gigneo-grey-color));
}

.gn-form-summary .gn-summary-info .gn-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
}

.gn-form-summary .gn-summary-info .gn-info + .gn-info {
    margin-top: 12px;
}

.gn-form-summary .gn-summary-info .gn-info:last-child {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgb(var(--gigneo-grey-color));
}

.gn-form-summary .gn-summary-info .gn-info .gn-value {
    color: rgb(var(--gigneo-secondary-font-color));
    font-weight: 500;
}

.gn-form-summary ~ .gn-form-fields {
    margin: 0 !important;
}

.gn-form-summary ~ .gn-form-fields .gn-form-field {
    margin: 24px 0 0;
}

.gn-form-summary ~ .gn-form-fields label {
    font-size: 14px;
    font-weight: 500;
}

.gn-form-summary ~ .gn-form-fields .gn-form-field .select2-container--default .select2-results > .select2-results__options {
    max-height: 135px;
}

/* ===================================
    Withdraw Payout
====================================== */

.gn-withdraw-payout {
    margin-top: 24px;
}

.gn-withdraw-payout .gn-title {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 8px;
}

.gn-payout-method {
    gap: 10px;
    display: flex;
    padding: 16px;
    margin-top: 8px;
    border-radius: var(--gigneo-border-radius-lg);
    background-color: rgb(var(--gigneo-light-grey-color));
    border: 1px solid rgba(var(--gigneo-grey-color));
}

.gn-payout-method .gn-payout-img {
    margin: 0;
    width: 36px;
    height: 36px;
    display: flex;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: var(--gigneo-border-radius-md);
}

.gn-payout-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gn-payout-method .gn-label {
    color: rgb(var(--gigneo-secondary-font-color));
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-weight: 500;
}

.gn-payout-method .gn-value {
    display: block;
    font-size: 14px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-withdraw-payout > .gn-payout-info {
    margin: 24px 0 0;
}

.gn-withdraw-payout .gn-payout-info .gn-info {
    padding: 16px;
    margin-top: 8px;
    border-radius: var(--gigneo-border-radius-lg);
    border: 1px solid rgb(var(--gigneo-grey-color));
    display: flex;
    margin: 10px 0 0;
    align-items: center;
    justify-content: space-between;
    background-color: rgb(var(--gigneo-light-grey-color));
}

.gn-withdraw-payout .gn-payout-info .gn-info .gn-value {
    font-weight: 500;
    color: rgb(var(--gigneo-secondary-font-color));
    font-family: var(--gigneo-secondary-font);
}

.gn-withdraw-payout .gn-payout-info .gn-info .gn-label {
    font-size: 14px;
    color: rgb(var(--gigneo-primary-font-color));
}

/* ===================================
    WYSIWYG Editor
====================================== */

.gn-wysiwyg-editor div.mce-toolbar-grp {
    border-color: rgb(var(--gigneo-grey-color));
    background-color: rgb(var(--gigneo-light-grey-color));
}

.gn-wysiwyg-editor .mce-top-part::before {
    display: none;
}

.gn-wysiwyg-editor .mce-container.mce-first.mce-last,
.gn-wysiwyg-editor div.mce-panel {
    background-color: rgb(var(--gigneo-light-grey-color));
    border-radius: var(--gigneo-border-radius-md) var(--gigneo-border-radius-md) 0 0;
}

.gn-wysiwyg-editor .wp-editor-container {
    border-color: rgb(var(--gigneo-grey-color));
    border-radius: var(--gigneo-border-radius-md);
}

.gn-wysiwyg-editor .wp-editor-container [type=button],
.gn-wysiwyg-editor .wp-editor-container [type=submit],
.gn-wysiwyg-editor .wp-editor-container button {
    border: 0;
    color: rgb(var(--gigneo-dark-color));
    background: transparent;
}

.gn-wysiwyg-editor .wp-editor-container div.mce-statusbar {
    border-radius: 0;
    border-color: rgb(var(--gigneo-grey-color));
}

.gn-wysiwyg-editor .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
    border-color: rgb(var(--gigneo-grey-color)) !important;
    border-radius: var(--gigneo-border-radius-md) !important;
}

.gn-wysiwyg-editor .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus,
.gn-wysiwyg-editor .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover {
    box-shadow: none !important;
    outline: none !important;
}

.gn-wysiwyg-editor .mce-toolbar .mce-btn-group .mce-btn:focus,
.gn-wysiwyg-editor .mce-toolbar .mce-btn-group .mce-btn:hover,
.gn-wysiwyg-editor .qt-dfw:focus,
.gn-wysiwyg-editor .qt-dfw:hover {
    box-shadow: none !important;
    outline: none !important;
    border-color: rgb(var(--gigneo-grey-color)) !important;
    border-radius: var(--gigneo-border-radius-md);
}

.gn-wysiwyg-editor .mce-toolbar .mce-btn-group .mce-btn.mce-active,
.gn-wysiwyg-editor .mce-toolbar .mce-btn-group .mce-btn:active,
.qt-dfw.active {
    border-color: rgb(var(--gigneo-grey-color)) !important;
    background-color: rgb(var(--gigneo-light-grey-color)) !important;
}

.gn-wysiwyg-editor .mce-toolbar .mce-btn-group .mce-btn.mce-active,
.gn-wysiwyg-editor .mce-toolbar .mce-btn-group .mce-btn:active {
    border-radius: var(--gigneo-border-radius-md);
}

.gn-wysiwyg-editor .mce-toolbar .mce-listbox button {
    height: 34px;
    width: 196px;
}

.gn-wysiwyg-editor .mce-toolbar .mce-btn-group .mce-btn:not(.mce-listbox) {
    width: 34px;
    height: 34px;
}

.gn-wysiwyg-editor .mce-toolbar .mce-btn-group .mce-btn:not(.mce-listbox) button[type="button"] {
    width: 34px;
    height: 34px;
}

/* ===================================
            Admin Tool page style
====================================== */

.gn-specific-field .gn-select2 .select2-container--default .select2-selection--multiple .select2-selection__rendered:empty {
    padding: 6px;
}

.gn-specific-field .gn-select2 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    margin: 0;
}

.gn-specific-field .gn-select2 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    right: 0;
    top: 50%;
    border: 0;
    left: auto;
    transform: translateY(-50%);
}

.gn-specific-field .gn-select2 .select2-container--default .select2-search--inline .select2-search__field {
    margin: 0;
}

/* ===================================
            Pre style
====================================== */
.gn-pre {
    margin: 0;
    line-height: 1.5;
    max-width: 100%;
    font-family: inherit;
}

.gn-pre hr {
    margin-top: 20px;
    margin-bottom: 20px;
}

.gn-pre :where(h1, h2, h3, h4, h5, h6) {
    white-space: normal;
    margin: 0 !important;
}


.gn-pre h1 {
    font-size: 38px;
    padding: 0;
    margin: 0;
}

.gn-pre h2 {
    font-size: 32px;
    padding: 0;
    margin: 0;
}

.gn-pre h3 {
    font-size: 28px;
    padding: 0;
    margin: 0;
}

.gn-pre h4 {
    font-size: 24px;
    padding: 0;
    margin: 0;
}

.gn-pre h5 {
    font-size: 20px;
    padding: 0;
    margin: 0;
}

.gn-pre h6 {
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.gn-pre strong {
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-pre ul li {
    list-style: disc;
    margin: 0;
}

.gn-pre ul li p {
    margin: 0;
}

.gn-pre ol li {
    margin: 0;
    list-style: decimal;
}

.gn-pre ol li p {
    margin: 0;
}

.gn-pre :where(ul, ol) {
    margin: 0;
    display: -ms-grid;
    display: grid;
    padding: 0 0 0 18px;
}

.gn-pre :where(ul, ol) li {
    line-height: 1.5rem;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-pre :where(ul, ol) li::marker {
    font-weight: 500;
}

.gn-pre a {
    text-decoration: underline;
    color: rgb(var(--gigneo-info-color));
}


.gn-term-meta-container .cf-container__fields .gn-select2 .select2-container {
    width: 100% !important;
}

/* ===================================
   Animations
====================================== */

@-webkit-keyframes gn-fade-top {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes gn-fade-top {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes gn-enter-top {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0) scale3d(0.95, 0.95, 0.95) rotate(0deg);
        transform: translate3d(0, -20px, 0) scale3d(0.95, 0.95, 0.95) rotate(0deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0deg);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0deg);
    }
}

@keyframes gn-enter-top {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0) scale3d(0.95, 0.95, 0.95) rotate(0deg);
        transform: translate3d(0, -20px, 0) scale3d(0.95, 0.95, 0.95) rotate(0deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0deg);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0deg);
    }
}

@-webkit-keyframes gn-enter-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0) scale3d(0.95, 0.95, 0.95) rotate(0deg);
        transform: translate3d(0, 20px, 0) scale3d(0.95, 0.95, 0.95) rotate(0deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0deg);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0deg);
    }
}

@keyframes gn-enter-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0) scale3d(0.95, 0.95, 0.95) rotate(0deg);
        transform: translate3d(0, 20px, 0) scale3d(0.95, 0.95, 0.95) rotate(0deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0deg);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0deg);
    }
}

@-webkit-keyframes gn-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 20px, 0) scale3d(0.95, 0.95, 0.95) rotate(0deg);
        transform: translate3d(-20px, 20px, 0) scale3d(0.95, 0.95, 0.95) rotate(0deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0deg);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0deg);
    }
}

@keyframes gn-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 20px, 0) scale3d(0.95, 0.95, 0.95) rotate(0deg);
        transform: translate3d(-20px, 20px, 0) scale3d(0.95, 0.95, 0.95) rotate(0deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0deg);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0deg);
    }
}


/* Review Popup Style */

.gn-review-service-modal,
.gn-reject-service-modal {
    line-height: var(--gigneo-line-height);
}

.gn-modal-wrapper.gn-review-job-modal .gn-modal-content,
.gn-modal-wrapper.gn-review-service-modal .gn-modal-content,
.gn-modal-wrapper.gn-reject-service-modal .gn-modal-content {
    width: 600px;
}

.gn-review-job-modal .gn-modal-footer .gn-btn.gn-btn-outline-danger,
.gn-review-service-modal .gn-modal-footer .gn-btn.gn-btn-outline-danger {
    margin-left: auto;
}

.gn-job-review-section .gn-heading-area,
.gn-servic-review-section .gn-heading-area {
    gap: 4px 12px;
    display: flex;
    margin: 0 0 8px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.gn-job-review-section .gn-heading-area .gn-title,
.gn-servic-review-section .gn-heading-area .gn-title {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-job-review-section .gn-heading-area .gn-date,
.gn-servic-review-section .gn-heading-area .gn-date {
    font-size: 12px;
    text-align: right;
}

.gn-job-review-section .gn-job-info,
.gn-servic-review-section .gn-service-info {
    background-color: rgb(var(--gigneo-light-grey-color));
    border: 1px solid rgb(var(--gigneo-grey-color));
    border-radius: var(--gigneo-border-radius-lg);
    padding: 12px 16px;
}

.gn-job-info .gn-job-title,
.gn-service-info .gn-service-title {
    margin-bottom: 24px;
}

.gn-job-info .gn-job-title .gn-title,
.gn-service-info .gn-service-title .gn-title {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 8px;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-job-info .gn-job-title .gn-category,
.gn-service-info .gn-service-title .gn-category {
    font-size: 14px;
}

.gn-job-info .gn-info-grid-wrap,
.gn-service-info .gn-info-grid-wrap {
    display: grid;
    gap: 24px 32px;
    margin: 0 0 24px;
    grid-template-columns: 100%;
}

.gn-job-info .gn-info-grid-wrap .gn-info-grid,
.gn-service-info .gn-info-grid-wrap .gn-info-grid {
    gap: 0;
    width: 100%;
    flex-direction: column;
}

.gn-job-info .gn-info-grid-wrap .gn-info-grid .gn-label,
.gn-service-info .gn-info-grid-wrap .gn-info-grid .gn-label {
    font-size: 14px;
    margin: 0 0 4px;
    font-weight: 400;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-job-info .gn-info-grid-wrap .gn-info-grid .gn-value,
.gn-service-info .gn-info-grid-wrap .gn-info-grid .gn-value {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-job-review-section .gn-job-info .gn-description,
.gn-servic-review-section .gn-service-info .gn-description {
    margin: 0;
    font-size: 14px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-job-review-section .gn-job-info .gn-link,
.gn-servic-review-section .gn-service-info .gn-link {
    margin-top: 24px;
}

.gn-rejection-type {
    gap: 12px;
    flex-direction: row;
}

.gn-rejection-type .gn-radio {
    width: 50%;
}

.gn-form-fields .gn-form-field.gn-rejection-type label {
    gap: 0;
    padding: 16px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border: 1px solid rgb(var(--gigneo-grey-color));
    border-radius: var(--gigneo-border-radius-lg);
}

.gn-rejection-type label i {
    font-size: 24px;
    margin: 0 0 24px;
    color: rgba(var(--gigneo-primary-font-color), 0.8);
}

.gn-rejection-type label span {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-rejection-type label em {
    font-weight: 400;
    font-style: normal;
    margin: 8px 0 0;
    font-size: 12px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-rejection-type .gn-radio > label::after {
    left: auto;
    top: 20px;
    right: 16px;
    border-color: rgb(var(--gigneo-grey-color));
    transform: none;
}

.gn-rejection-type .gn-radio:has(input[type="radio"]:checked) > label {
    border-color: rgb(var(--gigneo-primary-color));
}

.gn-rejection-type .gn-radio:has(input[type="radio"]:checked) > label::before {
    left: auto;
    right: 21px;
    width: 6px;
    height: 6px;
    top: 25px;
    transform: none;
}

.gn-reject-service-modal .gn-form-fields .gn-form-field textarea {
    min-height: 190px;
    resize: none;
}

.gn-reject-service-modal .gn-modal-body .gn-form-fields {
    gap: 24px;
}

.gn-avatar {
    flex: none;
    margin: 0;
    border-radius: 50%;
    position: relative;
    border: 1px solid rgb(var(--gigneo-grey-color));
}

.gn-avatar img {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.gn-avatar.gn-online:before,
.gn-avatar.gn-offline:before {
    position: absolute;
    top: 0;
    left: 2px;
    width: 9px;
    height: 9px;
    content: '';
    border-radius: 50%;
    background-color: rgb(var(--gigneo-dark-grey-color));
    box-shadow: inset 0 0 0 1.5px rgb(var(--gigneo-grey-color));
}

.gn-avatar.gn-online:before {
    background-color: rgb(var(--gigneo-success-color));
}

.gn-verification-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.gn-verification-badge path:not([fill="#2E90FA"]) {
    stroke: white;
}

.gn-verification-badge .gn-tooltip-text {
    position: absolute;
    bottom: 100%;
    opacity: 0;
    visibility: hidden;
    left: 50%;
    white-space: nowrap;
    transform: translate(-50%, -10px);
    background-color: rgb(var(--gigneo-dark-color));
    padding: 5px 10px;
    border-radius: var(--gigneo-border-radius-md);
    color: #fff;
    font-size: 12px;
    z-index: 9;
    font-style: normal;
    -webkit-transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
    transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
}

.gn-verification-badge:hover .gn-tooltip-text {
    opacity: 1;
    visibility: visible;
}

.gn-verification-badge .gn-tooltip-text:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid rgb(var(--gigneo-dark-color));
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 1400px) {
    .gn-license-secret .gn-form-actions .gn-btn {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .gn-search .gn-search-input,
    .gn-form-fields .gn-form-field input[type=date],
    .gn-form-fields .gn-form-field input[type=email],
    .gn-form-fields .gn-form-field input[type=number],
    .gn-form-fields .gn-form-field input[type=password],
    .gn-form-fields .gn-form-field input[type=search],
    .gn-form-fields .gn-form-field input[type=tel],
    .gn-form-fields .gn-form-field input[type=text],
    .gn-form-fields .gn-form-field input[type=url],
    select,
    textarea,
    .gn-form-fields .gn-form-field input,
    .gn-form-fields .gn-form-field textarea {
        font-size: 14px;
        padding: 11px 16px;
        min-height: 48px;
    }

    .gn-form-fields .gn-form-field .gn-forgot-password,
    .gn-form-fields .gn-form-field .gn-form-field-checkbox > label {
        font-size: 14px;
    }

    .gn-select2-dropdown.select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
        padding: 9px 34px 9px 16px;
    }

    .gn-select2-dropdown.select2-container--default .select2-selection--multiple .select2-selection__rendered {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .select2-container .select2-search--inline .select2-search__field {
        font-size: 14px;
    }

    .gn-select2-dropdown.select2-container--default .select2-selection--multiple .select2-selection__rendered {
        padding-left: 16px;
        padding-right: 16px;
    }

    .gn-btn.gn-btn-md,
    a.gn-btn.gn-btn-md,
    button.gn-btn.gn-btn-md {
        font-size: 14px;
        padding: 9px 18px;
        border-radius: var(--gigneo-border-radius-lg);
    }

    .gn-btn.gn-btn-sm {
        font-size: 14px;
        padding: 7px 18px;
    }

    .gn-btn.gn-btn-xs {
        font-size: 12px;
        padding: 3px 10px;
    }
}

.gn-proposal-overview-modal.gn-modal-wrapper .gn-modal-content {
    width: 660px;
}

.gn-proposal-overview-modal .gn-heading-area {
    display: flex;
    margin: 0 0 8px;
    align-items: center;
    justify-content: space-between;
}

.gn-proposal-overview-modal .gn-heading-area .gn-title {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 24px;
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-title a {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: rgb(var(--gigneo-secondary-font-color));
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info .gn-info-grid-wrap {
    gap: 12px;
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info {
    padding: 12px 16px;
    border-radius: var(--gigneo-border-radius-lg);
    border: 1px solid rgb(var(--gigneo-grey-color));
    background: rgb(var(--gigneo-light-grey-color));
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info .gn-questions-answers-section {
    margin-top: 24px;
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info .gn-questions-answers-section .gn-head .gn-title {
    margin: 0 0 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info .gn-info-grid-wrap .gn-info-grid {
    width: 100%;
    gap: 4px;
    flex-direction: column;
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info .gn-info-grid-wrap .gn-info-grid .gn-label {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info .gn-info-grid-wrap .gn-info-grid .gn-value {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-proposal-overview-modal.gn-modal-wrapper * {
    box-sizing: border-box;
}

.gn-questions-answers-content .gn-title {
    margin: 0 0 8px;
    font-weight: 400;
    font-size: 14px;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-questions-answers-content .gn-title.gn-required-field-label:after {
    line-height: 14px;
}

.gn-questions-answers-content .gn-skills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.gn-questions-answers-content .gn-skills .gn-status-tag {
    background-color: #fff;
}

.gn-questions-answers-content .gn-attachment-value {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 14px;
}

.gn-questions-answers-content .gn-attachment-value li {
    margin: 0;
}

.gn-questions-answers-content .gn-attachment-value .gn-attachment-info {
    display: flex;
    gap: 5px;
    font-size: 12px;
    align-items: center;
    padding: 11px 10px;
    list-style-type: none;
    border-radius: var(--gigneo-border-radius-md);
    background-color: #fff;
    word-break: break-word;
    color: var(--gigneo-primary-font-color);
}

.gn-questions-answers .gn-attachment-value .gn-attachment-info > i {
    font-size: 14px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-questions-answers .gn-attachment-value .gn-attachment-info > .gn-name {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-questions-answers .gn-attachment-value .gn-attachment-info a {
    flex: none;
    margin-left: 8px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-questions-answers .gn-attachment-value .gn-attachment-info a i {
    display: block;
}

.gn-questions-answers-content .gn-description {
    margin: 0;
    font-size: 14px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-questions-answers > .gn-icon {
    margin-top: 3px;
    color: rgb(var(--gigneo-success-color));
}

.gn-questions-answers > .gn-icon i {
    display: block;
    font-size: 16px;
}

.gn-proposal-overview-modal.gn-modal-wrapper .gn-questions-answers {
    display: flex;
    gap: 8px;
}

.gn-proposal-overview-modal.gn-modal-wrapper .gn-questions-answers + .gn-questions-answers {
    margin-top: 12px;
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info > .gn-proposal-description {
    margin-top: 24px;
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info > .gn-proposal-description .gn-pre {
    white-space: normal;
    word-break: break-word;
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info > .gn-proposal-description .gn-label {
    margin: 0 0 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info > .gn-proposal-description .gn-pre > *:first-child {
    margin: 0;
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info > .gn-proposal-description .gn-pre > * {
    margin: 0 !important;
    font-size: 14px;
    white-space: normal;
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info > .gn-proposal-description .gn-pre hr {
    margin: 20px 0 !important;
}

.gn-report-abuse-detail-modal .gn-modal-body .gn-heading-area {
    margin: 0 0 8px;
}


.gn-report-abuse-detail-modal .gn-modal-body .gn-report-info {
    padding: 12px 16px;
    border-radius: var(--gigneo-border-radius-lg);
    border: 1px solid rgb(var(--gigneo-grey-color));
    background: rgb(var(--gigneo-light-grey-color));
}

.gn-report-abuse-detail-modal .gn-modal-body .gn-report-reason {
    border-top: 0;
    padding-top: 0;
}

.gn-report-abuse-detail-modal .gn-modal-body .gn-report-reason > .gn-title {
    margin: 0 0 6px;
    font-size: 14px;
    font-weight: 500;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-report-abuse-detail-modal .gn-modal-body .gn-report-description .gn-title {
    font-weight: 500;
    font-size: 14px;
    margin: 0 0 6px;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-report-abuse-detail-modal .gn-modal-body .gn-report-reason > .gn-description {
    margin: 0;
    font-size: 14px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-report-abuse-detail-modal .gn-modal-body .gn-heading-area .gn-title {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
}

.gn-report-abuse-detail-modal .gn-modal-body .gn-report-description .gn-pre {
    white-space: normal;
    margin: 0;
    font-size: 14px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-report-abuse-detail-modal .gn-modal-body .gn-report-description .gn-pre ol,
.gn-report-abuse-detail-modal .gn-modal-body .gn-report-description .gn-pre ul {
    font-size: 14px;
}

.gn-report-abuse-detail-modal .gn-modal-body .gn-report-description .gn-pre ol li,
.gn-report-abuse-detail-modal .gn-modal-body .gn-report-description .gn-pre ul li {
    margin: 0;
}

.gn-switch input[type="checkbox"] {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 20px;
    background-color: #EAEAEA;
    border-radius: 999px;
    transition: background-color 0.3s ease;
    cursor: pointer;
    box-shadow: none;
    border: none;
    margin: 0;
    min-height: auto;
    flex: none;
    min-width: 36px;
    border: 0 !important;
    box-shadow: none !important;
}

.gn-form-fields .gn-form-field label.gn-checkbox {
    font-weight: 400;
    font-size: 14px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-form-fields .gn-form-field label.gn-checkbox:has(input[type="checkbox"]:checked) {
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-report-abuse-respond-modal .gn-form-field:has(.gn-switch) {
    margin: 0;
}

.gn-switch input[type="checkbox"]:checked {
    background-color: #7E65F4;
}

.gn-switch input[type="checkbox"]:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    margin: 0;
    background-color: white;
    border-radius: 50%;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}

.gn-switch input[type="checkbox"]:checked::before {
    transform: translateX(16px);
}


/* ===================================
    WYSIWYG Editor Two
====================================== */

.gn-wysiwyg-editor-two .wp-editor-container {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.gn-wysiwyg-editor-two .mce-tinymce .mce-statusbar {
    display: none;
}

.gn-wysiwyg-editor-two .mce-tinymce .mce-edit-area {
    overflow: hidden;
    border: 1px solid rgb(var(--gigneo-grey-color)) !important;
    border-radius: var(--gigneo-border-radius-lg);
    margin-top: 40px;
    background-color: rgb(var(--gigneo-light-grey-color));
}

.gn-wysiwyg-editor-two .mce-tinymce .mce-edit-area:hover {
    border-color: rgb(var(--gigneo-dark-grey-color)) !important;
}

.gn-wysiwyg-editor-two .mce-tinymce .mce-edit-area:focus {
    border-color: rgb(var(--gigneo-primary-color)) !important;
    box-shadow: 0 0 0 3px rgba(var(--gigneo-primary-color), 0.05);
}

.gn-wysiwyg-editor-two .mce-tinymce .mce-edit-area iframe {
    height: 190px !important;
}

.gn-wysiwyg-editor-two .mce-tinymce .mce-top-part.mce-first {
    right: 0;
    top: -40px;
    position: absolute;
}

.gn-wysiwyg-editor-two .mce-tinymce .mce-top-part:before {
    display: none;
}

.rtl .gn-wysiwyg-editor-two .mce-tinymce .mce-top-part.mce-first {
    left: 0;
    right: auto;
}

.gn-wysiwyg-editor-two .mce-tinymce .mce-top-part.mce-first .mce-toolbar-grp {
    background-color: transparent;
    border: 1px solid rgb(var(--gigneo-grey-color));
    border-radius: var(--gigneo-border-radius-md);
}

.gn-wysiwyg-editor-two .mce-tinymce .mce-top-part.mce-first .mce-toolbar-grp .mce-toolbar {
    background-color: transparent;
}

.gn-wysiwyg-editor-two .mce-tinymce .mce-top-part.mce-first .mce-toolbar-grp .mce-toolbar .mce-btn-group {
    display: flex;
    padding: 4px 12px;
    background-color: transparent;
}

.gn-wysiwyg-editor-two .mce-tinymce .mce-top-part.mce-first div.mce-toolbar-grp > div {
    padding: 0;
}

.gn-wysiwyg-editor-two .mce-tinymce .mce-top-part.mce-first .mce-toolbar-grp .mce-toolbar .mce-btn-group > div {
    padding: 0;
    display: flex;
    gap: 12px;
}

.gn-wysiwyg-editor-two .mce-tinymce .mce-top-part.mce-first .mce-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn {
    width: auto;
    height: auto;
    margin: 0;
    border: 0;
    box-shadow: none;
    background-color: transparent;
}

.gn-wysiwyg-editor-two .mce-tinymce .mce-top-part.mce-first .mce-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn button[type="button"] {
    min-width: 18px;
    min-height: 18px;
    display: block;
    padding: 0;
    box-shadow: none;
    font-size: 14px;
    border: 1px solid transparent;
    background-color: transparent;
    border-radius: var(--gigneo-border-radius-sm);
}

.gn-wysiwyg-editor-two .mce-tinymce .mce-top-part.mce-first .mce-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn button[type="button"] i {
    width: auto;
    height: auto;
    display: block;
    font-size: 14px;
}

.gn-wysiwyg-editor-two .mce-tinymce .mce-top-part.mce-first .mce-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn button[type="button"] i.mce-caret {
    border: 0;
    line-height: 14px;
    margin-top: -7px;
    font-style: normal;
    right: 0;
}

.gn-wysiwyg-editor-two .mce-tinymce .mce-top-part.mce-first .mce-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn button[type="button"] i.mce-caret:before {
    content: "\e970";
    font-family: 'hero-icons';
    font-size: 14px;
}

.mce-menu.mce-in.mce-animate {
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-dashboard .mce-container .mce-textbox,
.gn-dashboard .mce-container .mce-combobox,
.gn-dashboard .mce-container .mce-label {
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-wysiwyg-editor-two .mce-tinymce .mce-top-part.mce-first .mce-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-active button[type="button"] {
    border-color: rgb(var(--gigneo-grey-color));
    background-color: rgb(var(--gigneo-light-grey-color));
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info > .gn-proposal-description .gn-pre :where(h1, h2, h3, h4, h5, h6) {
    color: rgb(var(--gigneo-secondary-font-color));
    line-height: 1.5;
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info > .gn-proposal-description .gn-pre ol,
.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info > .gn-proposal-description .gn-pre ul {
    padding-inline-start: 18px;
    display: flex;
    flex-direction: column;
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info > .gn-proposal-description .gn-pre ol li,
.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info > .gn-proposal-description .gn-pre ul li {
    margin: 0;
    line-height: 1.5;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-attachments > .gn-label {
    margin: 0 0 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-attachments {
    margin-top: 24px;
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-attachment-list {
    display: flex;
    flex-wrap: wrap;
    margin: -6px;
    padding: 0;
    list-style: none;
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-attachment-list li {
    padding: 6px;
    margin: 0;
    width: 100%;
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-attachment-list li > a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    border-radius: var(--gigneo-border-radius-lg);
    border: 1px solid rgb(var(--gigneo-grey-color));
    background: #fff;
    text-decoration: none;
    color: rgb(var(--gigneo-primary-font-color));
    font-size: 14px;
    line-height: 22px;
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-attachment-list li > a .gn-name {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.gn-proposal-overview-modal .gn-proposal-overview-section .gn-attachment-list li > a .gn-name + i {
    font-size: 18px;
    margin-left: auto;
}

.gn-invoice-action .gn-invoice-download {
    padding: 0;
    width: 36px;
    height: 36px;
    background-color: #fff;
}

.gn-invoice-action .gn-invoice-download.gn-loading i {
    opacity: 0;
}

.gn-invoice-action .gn-invoice-download.gn-loading:after {
    border: 2px solid #999;
    border-top-color: transparent;
    position: absolute;
}


/* Identity Verification */
.gn-identity-account-info > .gn-head {
    margin: 0 0 12px;
}

.gn-identity-account-info > .gn-head > .gn-title {
    margin: 0;
    font-size: 16px;
    color: rgb(var(--gigneo-secondary-font-color));
    font-weight: 500;
}

.gn-identity-account-info > .gn-body {
    border-radius: var(--gigneo-border-radius-lg);
    border: 1px solid rgb(var(--gigneo-grey-color));
    background: rgb(var(--gigneo-light-grey-color));
    padding: 20px;
}

.gn-identity-account-info .gn-info-grid-wrap {
    gap: 20px 0;
}

.gn-identity-account-info .gn-info-grid-wrap > .gn-info-grid .gn-info {
    gap: 4px;
}

.gn-modal-wrapper:has(.gn-identity-account-info) .gn-modal-content {
    width: 600px;
}

.gn-identity-account-info .gn-identity-note-info {
    margin: 24px 0 0;
    padding: 0;
    border: 0;
}

.gn-identity-account-info .gn-identity-note-info > .gn-title {
    margin: 0 0 6px;
    font-size: 14px;
    color: rgb(var(--gigneo-secondary-font-color));
    font-weight: 500;
}

.gn-identity-account-info .gn-identity-note-info > .gn-description {
    margin: 0;
    font-size: 14px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-identity-account-info .gn-identity-attachments {
    margin: 24px 0 0;
}

.gn-identity-account-info .gn-identity-attachments > .gn-title {
    margin: 0 0 6px;
    font-size: 14px;
    color: rgb(var(--gigneo-secondary-font-color));
    font-weight: 500;
}

.gn-identity-account-info .gn-identity-attachments .gn-attachment-list li {
    width: 100%;
}

.gn-attachment-list {
    display: flex;
    flex-wrap: wrap;
    margin: -6px;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}

.gn-attachment-list * {
    box-sizing: border-box;
}

.gn-attachment-list li {
    padding: 6px;
    margin: 0;
    width: 50%;
    max-width: 100%;
}

.gn-attachment-list li a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    border-radius: var(--gigneo-border-radius-lg);
    border: 1px solid rgb(var(--gigneo-grey-color));
    background: #fff;
    text-decoration: none;
    color: rgb(var(--gigneo-primary-font-color));
    font-size: 14px;
    line-height: 22px;
}

.gn-attachment-list li a .gn-name + i {
    margin-left: auto;
    font-size: 18px;
}

.gn-block-account-modal .gn-notice .gn-info-list {
    gap: 8px;
    font-size: 14px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-block-account-modal .gn-notice .gn-info-list li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.gn-block-account-modal .gn-notice .gn-info-list li:before {
    content: "\e96b";
    font-family: 'hero-icons';
    display: inline-block;
    color: rgb(var(--gigneo-secondary-font-color));
    font-size: 18px;
    line-height: 18px;
}

.gn-block-account-modal .gn-notice.gn-notice-info .gn-info-list li:before {
    color: rgb(var(--gigneo-info-color));
}

/* RTL */

.rtl .gn-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 14px;
    right: auto;
}

.rtl .gn-pre :where(ul, ol) {
    padding-right: 18px;
    padding-left: 0;
}

.rtl .gn-avatar.gn-online:before,
.rtl .gn-avatar.gn-offline:before {
    left: auto;
    right: 2px;
}

.rtl .gn-modal-header:has(.gn-modal-close) {
    padding-right: 24px;
    padding-left: 50px;
}

.rtl .gn-modal-content .gn-modal-close {
    right: auto;
    left: 16px;
}

.rtl input[type=email],
.rtl input[type=password],
.rtl input[type=url] {
    direction: rtl;
}

.gn-wysiwyg-editor-two .gn-required-field-label:after {
    line-height: 17px;
}


/* ===================================
   PL Upload
====================================== */

.gn-plupload .gn-plupload-drop-area {
    display: flex;
    width: 100%;
    padding: 10px;
    gap: 15px;
    position: relative;
    align-items: center;
    background-color: rgb(var(--gigneo-light-grey-color));
    color: rgb(var(--gigneo-secondary-font-color));
    border-radius: var(--gigneo-border-radius-lg);
    border: 1px dashed rgb(var(--gigneo-grey-color));
}

.gn-plupload .gn-plupload-drop-area > i {
    margin: 0;
    height: 50px;
    width: 50px;
    display: flex;
    flex-shrink: 0;
    background: #fff;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 15px rgba(0, 0, 0, .1);
    border: 1px solid rgb(var(--gigneo-grey-color));
    border-radius: var(--gigneo-border-radius-md);
}

.gn-plupload .gn-plupload-drop-area > i::before {
    font-size: 20px;
}

.gn-plupload .gn-plupload-drop-area .gn-action-info {
    text-align: left;
}

.rtl .gn-plupload .gn-plupload-drop-area .gn-action-info {
    text-align: right;
}

.gn-plupload .gn-plupload-drop-area .gn-message {
    margin: 0 0 3px;
    font-size: 14px;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-plupload .gn-plupload-drop-area .gn-note {
    gap: 5px;
    font-size: 12px;
    margin: 0;
    color: rgb(var(--gigneo-primary-font-color), 0.7);
}

.gn-plupload .gn-plupload-drop-area .gn-upload {
    border: 0;
    padding: 0;
    z-index: 1;
    font-size: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    box-shadow: none;
    cursor: pointer;
    left: 0;
    top: 0;
    margin: 0;
    color: rgb(var(--gigneo-secondary-font-color));
    background-color: transparent;
}

.gn-plupload .gn-plupload-drop-area .gn-upload:focus,
.gn-plupload .gn-plupload-drop-area .gn-upload:hover {
    background-color: transparent;
}

.gn-plupload .gn-attachment-item {
    display: flex;
    margin-top: 10px;
    padding: 10px;
    word-break: break-word;
    gap: 10px;
    align-items: center;
    font-size: 14px;
    justify-content: space-between;
    border-radius: var(--gigneo-border-radius-md);
    border: 1px solid rgb(var(--gigneo-grey-color));
    background-color: rgb(var(--gigneo-light-grey-color));
}

.gn-plupload .gn-attachment-item .gn-name {
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.gn-plupload .gn-attachment-item .gn-attachment-remove {
    border: 0;
    padding: 0;
    box-shadow: none;
    background-color: transparent;
}

.gn-plupload .gn-attachment-item .gn-attachment-remove:focus,
.gn-plupload .gn-attachment-item .gn-attachment-remove:hover {
    background-color: transparent;
}

.gn-plupload .gn-attachment-item .gn-attachment-remove > i {
    font-size: 16px;
    color: rgb(var(--gigneo-danger-color));
    display: block;
}

.gn-plupload .gn-attachment-item .gn-attachment-remove:focus > i,
.gn-plupload .gn-attachment-item .gn-attachment-remove:hover > i {
    color: rgb(var(--gigneo-danger-color));
}

/* Media Queries */

@media (min-width: 421px) {

    .gn-license-secret .gn-form-actions {
        width: auto;
    }

    .gn-license-secret .gn-form-actions .gn-btn {
        width: auto;
    }

    .gn-job-info .gn-info-grid-wrap,
    .gn-service-info .gn-info-grid-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info .gn-info-grid-wrap .gn-info-grid {
        width: calc(50% - 6px);
    }

    .gn-license-secret .gn-form-fields {
        max-width: 500px;
    }
}

@media (min-width: 481px) {
    .gn-form-fields .gn-form-field.gn-wysiwyg-editor-two:has(.mce-top-part.mce-first) label {
        margin-bottom: -31px;
        margin-top: 2px;
    }

    .gn-wysiwyg-editor-two .mce-tinymce .mce-top-part.mce-first .mce-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn button[type="button"] {
        min-width: 22px;
        min-height: 22px;
    }
}

@media (min-width: 641px) {
    .gn-proposal-overview-modal .gn-proposal-overview-section .gn-attachment-list li {
        width: 50%;
        max-width: 100%;
    }

    .gn-info-grid-wrap > div {
        width: 50%;
    }
}

@media (min-width: 768px) {

    .gn-btn,
    a.gn-btn,
    button.gn-btn {
        font-size: 16px;
        padding: 11px 22px;
    }

    .gn-header {
        gap: 20px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info .gn-info-grid-wrap {
        flex-wrap: nowrap;
        gap: 32px;
    }

    .gn-proposal-overview-modal .gn-proposal-overview-section .gn-proposal-info .gn-info-grid-wrap .gn-info-grid {
        width: auto;
        flex: 1;
    }

    .gn-term-meta-container .cf-container__fields .cf-field textarea {
        font-size: 14px;
        padding: 11px 16px;
    }

    .gn-select2 .select2-container .select2-selection--single {
        min-height: 48px;
    }

    .gn-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 36px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .gn-form-fields .gn-form-field.gn-license-secret-token input[type="text"],
    .gn-term-meta-container .cf-container__fields .cf-text__input,
    .gn-term-meta-container .cf-container__fields .cf-select__input {
        font-size: 14px;
        padding: 11px 16px;
        min-height: 48px;
    }

    .gn-term-meta-container .cf-container__fields .cf-field__label {
        font-size: 14px;
    }

    .gn-form-fields .gn-form-field.gn-license-secret-token input[type="text"] {
        padding-left: 40px;
    }
}
