.position-relative {
    position: relative;
}
#forgot-password .card-panel.border-radius-6.forgot-card {
    background: #f47339;
    background-color: #f47339;
}
  .tabs .tab a{
        text-overflow: initial;
        overflow: initial;
    }
    .personalise-modal .golden-charter-right-inner {
        padding: 15px;
        overflow: auto ;
        /* height: calc(100vh - 390px); */
    }

.globle-filter button {
    background: transparent !important;
    border: transparent !important;
}
  .globle-filter input,
    .globle-filter input:hover,
    .globle-filter input:not(.browser-default):focus:not([readonly]) {
        height: 35px !important;
        border: none !important;
        box-shadow: none !important;
    }
    .globle-filter {
        margin: 13px 0 0 0 !important;
        height: 100% !important;
        position: relative !important;
        width: 100% !important;
        display: flex !important;
        /* border: 1px solid #00000085; */
        border: none !important;
        border-radius: 20px;
        height: 35px !important;
        padding: 0px 15px;
        background: #ffffffc7 !important;
        box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.3) !important;
    }

@media screen and (max-width: 1024px) {
    .account-table{
        justify-content: center;
    }
    .login-user{
        text-align: center;
    }


}
@media screen and (max-width: 991px) {

    .sidebar--body ul li {
        max-width: initial !important;
    }
    .close-dropdown-li {
        display: block !important;
    }
    .input-field textarea,
    .input-field input {
        border: 1px solid #e0e0e0 !important;
    }
    .close-dropdown-li .close-dropdown {
        padding-top: 10px;
        padding-bottom: 0;
    }
    textarea::placeholder {
        color: #3c3c3c;
        font-size: 14px;
        letter-spacing: -0.14px;
        font-weight: 400;
    }

    .tree,
    .bottom-company-logo,
    .content-wrapper-before,
    .small-tree,
    .brand-sidebar,
    .profile-button,
    .desk-icon,
    .desk--filter,
    .globle-filter {
        display: none !important;
    }
    .res-search-btn {
        position: fixed;
        top: auto;
        left: auto;
        right: 13px;
        bottom: 26px;
        max-width: 63px !important;
        width: 100% !important;
        height: 63px;
        border-radius: 50%;
        border: none;
        display: flex !important;
        align-items: center;
        justify-content: center;
        z-index: 1004;
        box-shadow: 0px 0px 16px #00000017 !important;
    }
    .custom--z-index {
        z-index: 1010 !important;
    }
    .indicator {
        height: 2px !important;
        background-color: #f47339 !important;
    }
    .collection .collection-item {
        margin-bottom: 12px !important;
    }
    .collection .collection-item:last-child {
        margin-bottom: 0px !important;
    }
    .res-collection .collection-item {
        margin-bottom: 0px !important;
    }
    .select2-container--default .select2-selection--single {
        border: 1px solid #e0e0e0 !important;
    }
    .select2-container--default
        .select2-selection--single
        .select2-selection__rendered {
        font-size: 12px;
        letter-spacing: -0.12px;
    }
    /* .select2-container{
        width: 312px !important;
    } */
    /* .select2-container span.select2-selection.select2-selection--multiple {
        min-height: 46px;
        height: 46px !important;
    } */
    .input-field.col label {
        left: 14px !important;
        background-color: transparent !important;
    }
    .mediaLibraryBlock .app-file-files {
        margin: 0px !important;
    }
    .mediaLibraryBlock .app-file-content-logo img {
        width: 100% !important;
        height: 100% !important;
    }
    .mediaLibraryBlock .app-file-details .app-file-name {
        width: 100% !important;
        font-size: 12px !important;
        white-space: nowrap !important;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .mediaLibraryBlock .app-file-details .app-file-size,
    .medialibrary .app-file-details .app-file-size {
        width: 100% !important;
        font-size: 12px !important;
        white-space: nowrap !important;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .mediaLibraryBlock .app-file-content .app-file-content-logo {
        height: 100px !important;
        border-radius: 5px;
        overflow: hidden;
    }
    .input-field.col label.active {
        background-color: #ffffff !important;
    }
    .card--content a {
        padding: 0px;
        margin-bottom: 0px !important;
    }
    .cat-tab.active {
        color: #fff !important;
    }
    .input-field > label {
        top: 50%;
        transform: translateY(-50%);
    }
    .select-wrapper input.dropdown-trigger {
        box-sizing: border-box;
        /* height: 46px !important; */
    }
    .select2-container--default .select2-search--inline .select2-search__field {
        border: 1px solid #e0e0e0 !important;
    }
    .select2-container input.select2-search__field {
        box-sizing: border-box !important;
    }
    .basket--select input.select-dropdown {
        box-sizing: border-box;
        height: 35px !important;
        border: 1px solid rgba(0, 0, 0, 20%) !important;
        font-size: 12px !important;
        letter-spacing: -0.12px;
    }
    .basket--select .select-wrapper .caret {
        right: 0px;
    }
    .res-select .select-dropdown {
        /* height: 46px !important; */
    }
    .modal.modal-fixed-footer .modal-footer {
        position: relative;
    }
    .useraddress-form-row .btnaddnewuseraddress {
        padding: 0px !important;
    }
   /*  .plan-ahead-right {
        top: 0px;
        left: 0px;
    } */
    /* .plan-ahead-left,
    .plan-ahead-right,
    .plan-ahead-second-left-block-7,
    .plan-ahead-second-left-block-10 {
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
    } */
    /* .plan-ahead-left h3,
    .plan-ahead-right-block-2 h3,
    .plan-ahead-right-block-5-content h3,
    .plan-ahead-left,
    .plan-ahead-right,
    .plan-ahead-second-left-block-7 h3,
    .plan-ahead-second-left-block-10 h3,
    .plan-ahead-right-block-6-bottom h3 {
        width: 100%;
    } */
   /*  .plan-ahead-right-block-4 h3 {
        margin: auto !important;
    } */
    /* .plan-ahead-right-block-2{
        top: auto;
        left: 0px;
        bottom: 0px;
    } */

    .request-summary-field {
        margin-bottom: 26px;
    }
    .request-stock--details {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #e0e0e0;
    }
    .request-stock--details:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border-bottom: none;
    }
    .request-summary-field:last-child {
        margin-bottom: 0px;
    }

    .funeral-director-name,
    /* .plan-ahead-right-block-5-content,
    .plan-ahead-right-block-2,
    .plan-ahead-right-block-6-bottom,
    .plan-ahead-right-block-4 {
        width: 100% !important;
        left: 50% !important;
        transform: translateX(-50%);
    } */

    /* .plan-ahead-right img {
        display: block;
        margin-top: 22px;
        margin-left: 9px;
        width: 150px !important;
        height: 54px !important;
    } */

    .global-modal .delete--username {
        font-weight: 600;
    }
    .cat-tab.active,
    .cat-tab:hover,
    .cat-tab:focus {
        background: #f47339 !important;
    }
    .folder_shared {
        color: #f47339 !important;
    }
    .order-highlight {
        background-color: #f47339 !important;
    }
    .changeperpage {
        height: 39px !important;
    }
    /* .dropdown-content {
        min-height: auto !important;
        height: auto !important;
    } */
    .dropdown-content li button {
        width: 100% !important;
        height: 50px;
    }
    .select2-container--default .select2-search--inline .select2-search__field,
    .select2-container--default .select2-selection--multiple {
        background: transparent !important;
        background-color: transparent !important;
    }
    .select2-container--default
        .select2-search--inline
        .select2-search__field::placeholder {
        font-size: 12px !important;
        color: #3c3c3c !important;
    }
    input.select-dropdown.dropdown-trigger {
        font-size: 12px !important;
    }

    .tabs .tab a:hover,
    .tabs .tab a.active {
        color: #3c3c3c !important;
    }

    .res-box-sizing {
        box-sizing: border-box !important;
    }
    .res-cursor-pointer {
        cursor: pointer !important;
    }
    .row .col {
        padding: 0px 12px;
    }
    .res-custom-padding {
        padding: 26px 25px 24px 19px !important;
    }
    .res-custom-table-padding {
        padding: 22px 0px 31px 0px !important;
    }

    .res-object-fit-cover {
        object-fit: cover;
    }

    .res-overflow-visible {
        overflow: visible !important;
    }
    .res-overflow-hidden {
        overflow: hidden;
    }
    .res-overflow-x-auto {
        overflow-y: hidden;
        overflow-x: auto;
    }
    .res-overflow-y-auto {
        overflow-y: auto;
        overflow-x: hidden;
    }

    .res-text-decoration-underline {
        text-decoration: underline;
    }

    .res-flex--remove {
        display: block !important;
    }
    .res-display-none {
        display: none !important;
    }
    .res-block {
        display: block !important;
    }
    .res-flex {
        display: flex !important;
        align-items: center !important;
    }
    .res-only-flex {
        display: flex !important;
    }

    .res-flex-grow {
        flex-grow: unset !important;
    }

    .res-flex-wrap {
        flex-wrap: wrap !important;
    }

    .res-float-none {
        float: unset !important;
    }

    .res-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .res--grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .res--grid-2 {
        display: grid !important;
        grid-template-columns: auto auto;
    }
    .res--grid-3 {
        display: grid !important;
        grid-template-columns: auto auto auto;
    }
    .res--grid-4 {
        display: grid !important;
        grid-template-columns: 20px 59px auto 20px;
    }
    .res-grid-auto {
        display: grid;
        grid-template-columns: 20px auto 20px;
    }
    .res-grid-auto-2 {
        display: grid;
        grid-template-columns: auto 20px;
    }
    .res-grid-auto-3 {
        display: grid !important;
        grid-template-columns: 97px auto 18px;
    }
    .res-grid-auto--3 {
        display: grid !important;
        grid-template-columns: auto 61px 61px;
    }
    .res-grid--3 {
        display: grid !important;
        grid-template-columns: 211px auto 61px;
    }

    .res-grid-gap-9 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    .res-align-items-start {
        align-items: flex-start;
    }
    .res-align-items-center {
        align-items: center;
    }
    .res-align-items-end {
        align-items: end;
    }

    .res-justify-content-between {
        justify-content: space-between;
    }
    .res-justify-content-center {
        justify-content: center;
    }
    .res-justify-content-end {
        justify-content: end;
    }
    .res-justify-content-start {
        justify-content: flex-start;
    }

    .res-flex-direction-column {
        flex-direction: column;
    }
    .res-flex-direction-column-reverse {
        flex-direction: column-reverse;
    }

    .res-flex-direction-row {
        flex-direction: row-reverse;
    }

    .res-gap-x-4 {
        gap: 0px 4px;
    }
    .res-gap-x-5 {
        gap: 0px 5px;
    }
    .res-gap-x-6 {
        gap: 0px 6px;
    }
    .res-gap-x-7 {
        gap: 0px 7px;
    }
    .res-gap-x-8 {
        gap: 0px 8.92px;
    }
    .res-gap-x-9 {
        gap: 0px 9px;
    }
    .res-gap-x-10 {
        gap: 0px 10px;
    }
    .res-gap-x-11 {
        gap: 0px 11px;
    }
    .res-gap-x-12 {
        gap: 0px 12px;
    }
    .res-gap-x-14 {
        gap: 0px 14px;
    }
    .res-gap-x-15 {
        gap: 0px 15px;
    }
    .res-gap-x-18 {
        gap: 0px 18px;
    }
    .res-gap-x-20 {
        gap: 0px 20px;
    }
    .res-gap-x-21 {
        gap: 0px 21px;
    }
    .res-gap-x-22 {
        gap: 0px 22px;
    }
    .res-gap-x-23 {
        gap: 0px 23px;
    }
    .res-gap-x-26 {
        gap: 0px 26px;
    }
    .res-gap-x-27 {
        gap: 0px 27px;
    }
    .res-gap-x-28 {
        gap: 0px 28px;
    }
    .res-gap-x-34 {
        gap: 0px 34px;
    }
    .res-gap-x-35 {
        gap: 0px 35px;
    }
    .res-gap-x-37 {
        gap: 0px 37px;
    }
    .res-gap-x-40 {
        gap: 0px 40px;
    }
    .res-gap-x-49 {
        gap: 0px 49px;
    }
    .res-gap-55-10 {
        gap: 55px 10px;
    }
    .res-gap-xy-12-6 {
        gap: 12px 6px;
    }
    .res-gap-xy-12-8 {
        gap: 12px 8px;
    }
    .delete-icon-input {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }
    .res-width-fit-content {
        min-width: fit-content !important;
        width: fit-content !important;
    }
    .res-width-100 {
        min-width: 100% !important;
        width: 100% !important;
    }
    .res--width-100 {
        width: 100% !important;
    }
    .res-width-50 {
        min-width: 50% !important;
        width: 50% !important;
    }

    .res-width-263 {
        min-width: 263px;
        width: 263px !important;
    }
    .res-width-264 {
        min-width: 264px;
        width: 264px;
    }
    .res-width-268 {
        min-width: 268px;
        width: 268px;
    }
    .res-width-288 {
        min-width: 288px;
        width: 288px;
    }
    .res-width-19 {
        min-width: 19px;
        width: 19px !important;
    }
    .res-width-61 {
        min-width: 61px;
        width: 61px !important;
    }
    .res-width-74 {
        min-width: 74px;
        width: 74px !important;
    }
    .res-width-130 {
        min-width: 130px;
        width: 130px;
    }
    .res-width-81 {
        max-width: 81px;
        width: 100%;
    }
    .res-width-89 {
        max-width: 89px;
        width: 100%;
    }
    .res-width-104 {
        max-width: 104px;
        width: 100%;
    }
    .res-width-196 {
        max-width: 196px;
        width: 100%;
    }
    .res-width-198 {
        max-width: 198px;
        width: 100%;
    }
    .res-width-202 {
        min-width: 202px;
        width: 202px !important;
    }
    .res-width-211 {
        max-width: 211px;
        width: 100%;
    }
    .res-width-224 {
        max-width: 224px;
        width: 100%;
    }
    .res-width-312 {
        max-width: 312px;
        width: 100%;
    }
    .res-size-126 {
        min-width: 126px;
        width: 126px !important;
        height: 35px !important;
        margin: 0 auto;
    }
    .res-size-120 {
        min-width: 120px;
        width: 120px;
        height: 26px !important;
    }
    .res-size-234 {
        min-width: 234px;
        min-height: 177px;
        height: 177px !important;
    }
    .res-size-260 {
        max-width: 260px;
        width: 100%;
        height: 36px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .res-size-262 {
        min-width: 262px;
        width: 262px;
        margin: 0 auto;
    }
    .res-size-205 {
        min-width: 205px;
        width: 205px !important;
        height: 240px !important;
        margin: 0 auto;
    }
    .res-size-170 {
        min-width: 170px;
        width: 170px !important;
        height: 46px !important;
    }
    .res-size-148 {
        min-width: 148px;
        width: 148px !important;
        height: 169px !important;
        margin: 0 auto;
    }
    .res-size-148-115 {
        min-width: 148px;
        width: 148px !important;
        height: 115px !important;
    }
    .res-size-115-35 {
        min-width: 115px;
        width: 115px !important;
        height: 35px !important;
    }
    .res-size-85 {
        min-width: 85px;
        width: 85px !important;
        height: 85px !important;
    }
    .res-size-20 {
        min-width: 20px;
        width: 20px;
        height: 20px;
    }
    .res-size-31 {
        min-width: 31px;
        width: 31px;
        height: 31px;
    }
    .res-size-32 {
        min-width: 32px;
        width: 32px;
        height: 32px;
    }
    .res-size-35 {
        min-width: 35px;
        width: 35px;
        height: 35px !important;
    }
    .res-size-38 {
        min-width: 38px;
        width: 38px;
        height: 38px;
    }
    .res-size-39 {
        min-width: 39px;
        width: 39px;
        height: 39px !important;
    }
    .res-size-59-62 {
        min-width: 59px;
        width: 59px;
        height: 62px !important;
    }
    .res-size-59-84 {
        min-width: 59px;
        width: 59px;
        height: 84px !important;
    }
    .res-size-93-115 {
        min-width: 93px;
        width: 93px;
        height: 115px !important;
    }
    .res-size-95-98 {
        min-width: 95px;
        width: 95px;
        height: 98px !important;
    }
    .res-size-22 {
        min-width: 22px;
        width: 22px;
        height: 22px !important;
    }
    .res-size-24 {
        min-width: 24px;
        width: 24px;
        height: 24px !important;
    }
    .res-size-19 {
        min-width: 19px;
        width: 19px;
        height: 19px !important;
    }

    .res-height-auto {
        height: auto !important;
    }
    .res-min-height-100 {
        min-height: 100% !important;
    }
    .res-max-height-100vh {
        max-height: 100vh !important;
    }
    .res-height-100vh {
        height: 100vh !important;
    }
    .res-height-100 {
        height: 100% !important;
    }
    .res-height-6 {
        height: 6px !important;
    }
    .res-height-17 {
        height: 17px !important;
    }
    .res-height-21 {
        height: 21px !important;
    }
    .res-height-26 {
        height: 26px !important;
    }
    .res-height-28 {
        height: 28px !important;
    }
    .res-height-33 {
        height: 33px !important;
    }
    .res-height-35 {
        height: 35px !important;
    }
    .res-height-46 {
        height: 46px !important;
    }
    .res-height-47 {
        height: 47px !important;
    }
    .res-height-51 {
        height: 51px !important;
    }
    .res-height-54 {
        height: 54px !important;
    }
    .res-height-57 {
        height: 57px !important;
    }
    .res-height-58 {
        height: 58px !important;
    }
    .res-height-62 {
        height: 62px !important;
    }
    .res-height-398 {
        height: 398px !important;
    }
    .res-height-120 {
        min-height: 120px !important;
        height: 120px !important;
    }
    .res-height-137 {
        min-height: 137px !important;
        height: 137px !important;
    }
    .res-height-150 {
        min-height: 150px !important;
        height: 150px !important;
    }
    .res-height-174 {
        min-height: 174px !important;
        height: 174px !important;
    }
    .res-height-190 {
        min-height: 190px !important;
        height: 190px !important;
    }
    .res-height-221 {
        min-height: 221px !important;
        height: 221px !important;
    }
    .res-height-250 {
        min-height: 250px !important;
        height: 250px !important;
    }
    .res-height-294 {
        min-height: 294px !important;
        height: 294px !important;
    }
    .res-height-296 {
        min-height: 296px !important;
        height: 296px !important;
    }
    .res-height-calc-221 {
        height: calc(100vh - 221px);
    }

    .res-color-ffffff {
        color: #fff !important;
    }
    .res-color-A41F36 {
        color: #a41f36 !important;
    }
    .res-color-3C3C3C {
        color: #3c3c3c !important;
    }
    .res-color-rgba-3C3C3C {
        color: rgba(60, 60, 60, 50%) !important;
    }
    .res-color-B5B5B5 {
        color: #b5b5b5 !important;
    }
    .res-color-f47339 {
        color: #f47339 !important;
    }

    .res-margin {
        margin: 0px !important;
    }
    .res-margin-auto {
        margin: 0px auto !important;
    }
    .res-margin-top {
        margin-top: 0px !important;
    }
    .res-margin-left {
        margin-left: 0px !important;
    }
    .res-margin-left-auto {
        margin-left: auto !important;
    }
    .res-margin-right {
        margin-right: 0px !important;
    }
    .res-margin-bottom {
        margin-bottom: 0px !important;
    }
    .res-ml-21 {
        margin-left: 21px !important;
    }
    .res-ml-4-5 {
        margin-left: 4.5px !important;
    }
    .res-mr-4-5 {
        margin-right: 4.5px !important;
    }
    .res-ml-5 {
        margin-left: 5px !important;
    }
    .res-mr-5 {
        margin-right: 5px !important;
    }
    .res-mr-12 {
        margin-right: 12px !important;
    }
    .res-mb-6 {
        margin-bottom: 6px !important;
    }
    .res-mx-19 {
        margin-left: 19px !important;
        margin-right: 19px !important;
    }

    .res-y-margin {
        margin: 58px 0px 60px 0px !important;
    }
    .res-t-margin {
        margin-top: 41px !important;
    }
    .res-t-margin-10 {
        margin-top: 10px !important;
    }
    .res-t-margin-13 {
        margin-top: 13px !important;
    }
    .res-t-margin-14 {
        margin-top: 14px !important;
    }
    .res-t-margin-15 {
        margin-top: 15px !important;
    }
    .res-t-margin-31 {
        margin-top: 31px !important;
    }
    .res-t-margin-33 {
        margin-top: 33px !important;
    }
    .res-t-margin-36 {
        margin-top: 36px !important;
    }
    .res-t-margin-40 {
        margin-top: 40px !important;
    }
    .res-t-margin-43 {
        margin-top: 43px !important;
    }
    .res-t-margin-45 {
        margin-top: 45px !important;
    }
    .res-t-margin-47 {
        margin-top: 47px !important;
    }
    .res-t-margin-54 {
        margin-top: 54px !important;
    }
    .res-t-margin-70 {
        margin-top: 70px !important;
    }
    .res-b-margin-13 {
        margin-bottom: 13px !important;
    }
    .res-b-margin-14 {
        margin-bottom: 14px !important;
    }
    .res-b-margin-15 {
        margin-bottom: 15px !important;
    }
    .res-t-margin-16 {
        margin-top: 16px !important;
    }
    .res-b-margin-16 {
        margin-bottom: 16px !important;
    }
    .res-t-margin-17 {
        margin-top: 17px !important;
    }
    .res-t-margin-18 {
        margin-top: 18px !important;
    }
    .res-b-margin-17 {
        margin-bottom: 17px !important;
    }
    .res-b-margin-18 {
        margin-bottom: 18px !important;
    }
    .res-b-margin-21 {
        margin-bottom: 21px !important;
    }
    .res-b-margin-22 {
        margin-bottom: 22px !important;
    }
    .res-b-margin-23 {
        margin-bottom: 23px !important;
    }
    .res-b-margin-25 {
        margin-bottom: 25px !important;
    }
    .res-b-margin-26 {
        margin-bottom: 26px !important;
    }
    .res-b-margin-28 {
        margin-bottom: 28px !important;
    }
    .res-b-margin-29 {
        margin-bottom: 29px !important;
    }
    .res-b-margin-31 {
        margin-bottom: 31px !important;
    }
    .res-b-margin-32 {
        margin-bottom: 32.52px !important;
    }
    .res-b-margin-71 {
        margin-bottom: 71px !important;
    }
    .res-t-margin-25 {
        margin-top: 25px !important;
    }
    .res-t-margin-29 {
        margin-top: 29px !important;
    }
    .res-margin-15 {
        margin: 15px 0 0 0 !important;
    }
    .res-t-margin-57 {
        margin-top: 57px !important;
    }
    .res-t-margin-50 {
        margin-top: 50px !important;
    }
    .res-t-margin-59 {
        margin-top: 59px !important;
    }
    .res-b-margin-46 {
        margin-bottom: 46px !important;
    }
    .res-b-margin-60 {
        margin-bottom: 60px !important;
    }
    .res-b-margin-50 {
        margin-bottom: 50px !important;
    }
    .res-b-margin-52 {
        margin-bottom: 52px !important;
    }
    .res-b-margin-68 {
        margin-bottom: 68px !important;
    }
    .res-b-margin-4 {
        margin-bottom: 4px !important;
    }
    .res-b-margin-5 {
        margin-bottom: 5px !important;
    }
    .res-b-margin-9 {
        margin-bottom: 9px !important;
    }
    .res-b-margin-10 {
        margin-bottom: 10px !important;
    }
    .res-t-margin-11 {
        margin-top: 11px !important;
    }
    .res-b-margin-11 {
        margin-bottom: 11px !important;
    }
    .res-b-margin-12 {
        margin-bottom: 12px !important;
    }
    .res-b-margin-18 {
        margin-bottom: 18px !important;
    }
    .res-b-margin-19 {
        margin-bottom: 19px !important;
    }
    .res-b-margin-20 {
        margin-bottom: 20px !important;
    }
    .res-t-margin-21 {
        margin-top: 21px !important;
    }
    .res-b-margin-26 {
        margin-bottom: 26px !important;
    }
    .res-b-margin-27 {
        margin-bottom: 27px !important;
    }
    .res-b-margin-30 {
        margin-bottom: 30px !important;
    }
    .res-b-margin-33 {
        margin-bottom: 33px !important;
    }
    .res-b-margin-37 {
        margin-bottom: 37px !important;
    }
    .res-t-margin-31 {
        margin-top: 31px !important;
    }
    .res-t-margin-32 {
        margin-top: 32px !important;
    }
    .res-b-margin-35 {
        margin-bottom: 35px !important;
    }
    .res-b-margin-36 {
        margin-bottom: 36px !important;
    }
    .res-b-margin-38 {
        margin-bottom: 38px !important;
    }
    .res-t-margin-37 {
        margin-top: 37px !important;
    }
    .res-t-margin-39 {
        margin-top: 39px !important;
    }
    .res-b-margin-40 {
        margin-bottom: 40px !important;
    }
    .res-t-margin-41 {
        margin-top: 41px !important;
    }
    .res-t-margin-42 {
        margin-top: 42px !important;
    }
    .res-t-margin-44 {
        margin-top: 44px !important;
    }
    .res-t-margin-24 {
        margin-top: 24px !important;
    }
    .res-t-margin-26 {
        margin-top: 26px !important;
    }
    .res-b-margin-24 {
        margin-bottom: 24px !important;
    }
    .res-b-margin-45 {
        margin-bottom: 45px !important;
    }
    .res-b-margin-47 {
        margin-bottom: 47px !important;
    }
    .res-b-margin-64 {
        margin-bottom: 64px !important;
    }
    .res-b-margin-8 {
        margin-bottom: 8px !important;
    }
    .res-t-margin-3 {
        margin-top: 3px !important;
    }
    .res-t-margin-35 {
        margin-top: 35px !important;
    }
    .res-t-margin-61 {
        margin-top: 61px !important;
    }
    .res-t-margin-65 {
        margin-top: 65px !important;
    }
    .res-t-margin-66 {
        margin-top: 66px !important;
    }
    .res-t-margin-73 {
        margin-top: 73px !important;
    }
    .res-t-margin-76 {
        margin-top: 76px !important;
    }
    .res-t-margin-80 {
        margin-top: 80px !important;
    }
    .res-t-margin-130 {
        margin-top: 130px !important;
    }
    .res-t-margin-20 {
        margin-top: 20px !important;
    }
    .res-t-margin-30 {
        margin-top: 30px !important;
    }
    .res-t-margin-29 {
        margin-top: 29px !important;
    }
    .res-b-margin-41 {
        margin-bottom: 41px !important;
    }
    .res-b-margin-48 {
        margin-bottom: 48px !important;
    }
    .res-b-margin-34 {
        margin-bottom: 34px !important;
    }
    .res-y-margin-7 {
        margin: 7px 0px;
    }
    .res-tb-margin {
        margin-top: 35px !important;
        margin-bottom: 30px !important;
    }
    .res-tb-margin-11 {
        margin-top: 11px;
        margin-bottom: 11px;
    }
    .res-tb-margin-15-12 {
        margin-top: 15px;
        margin-bottom: 12px;
    }
    .res-tb-margin-24 {
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .res-tb-margin-11-25 {
        margin-top: 11px;
        margin-bottom: 25px;
    }
    .res-tb-margin-14-16 {
        margin-top: 14px;
        margin-bottom: 16px;
    }
    .res-tb-margin-18-25 {
        margin-top: 18px;
        margin-bottom: 25px;
    }
    .res-tb-margin-40-24 {
        margin-top: 40px;
        margin-bottom: 24px;
    }
    .res-tb-margin-40-50 {
        margin-top: 40px;
        margin-bottom: 50px;
    }
    .res-tb-margin-41-49 {
        margin-top: 41px;
        margin-bottom: 49px;
    }
    .res-tb-margin-44-49 {
        margin-top: 44px;
        margin-bottom: 49px;
    }
    .res-tb-margin-47-53 {
        margin-top: 47px !important;
        margin-bottom: 53px !important;
    }
    .res-tb-margin-49-47 {
        margin-top: 49px;
        margin-bottom: 47px;
    }
    .res-tb-margin-49-58 {
        margin-top: 49px;
        margin-bottom: 58px;
    }
    .res-tb-margin-50-48 {
        margin-top: 50px;
        margin-bottom: 48px;
    }
    .res-tb-margin-24-44 {
        margin-top: 24px;
        margin-bottom: 44px;
    }
    .res-tb-margin-51-64 {
        margin-top: 51px;
        margin-bottom: 64px;
    }
    .res-tb-margin-55-48 {
        margin-top: 55px;
        margin-bottom: 48px;
    }
    .res-tb-margin-55-52 {
        margin-top: 55px;
        margin-bottom: 52px;
    }
    .res-tb-margin-63-49 {
        margin-top: 63px;
        margin-bottom: 49px;
    }
    .res-tb-margin-61-31 {
        margin-top: 61px;
        margin-bottom: 31px;
    }
    .res-tb-margin-61 {
        margin-top: 61px;
        margin-bottom: 61px;
    }
    .res-tb-margin-31-33 {
        margin-top: 31px;
        margin-bottom: 33px;
    }
    .res-tb-margin-35-24 {
        margin-top: 35px;
        margin-bottom: 24px;
    }
    .res-tb-margin-36-62 {
        margin-top: 36px;
        margin-bottom: 62px;
    }
    .res-my-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .res-my-12 {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }
    .res-my-11-14 {
        margin-top: 11px !important;
        margin-bottom: 14px !important;
    }
    .res-my-51 {
        margin-top: 51px !important;
        margin-bottom: 51px !important;
    }

    .res-p-0 {
        padding: 0px !important;
    }
    .res-px-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .res-px-16-17 {
        padding-left: 16px !important;
        padding-right: 17px !important;
    }
    .res-px-17-13 {
        padding-left: 17px !important;
        padding-right: 13px !important;
    }
    .res-py-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .res-pl-0 {
        padding-left: 0px !important;
    }
    .res-p-right {
        padding-right: 0px !important;
    }
    .res-p-top-23 {
        padding-top: 23px !important;
    }
    .res-p-bottom {
        padding-bottom: 0px !important;
    }
    .res-p-bottom-22 {
        padding-bottom: 22px !important;
    }
    .res-pt-0 {
        padding-top: 0px !important;
    }
    .res-pt-34 {
        padding-top: 34px !important;
    }
    .res-py-26-18 {
        padding-top: 26px !important;
        padding-bottom: 18px !important;
    }
    .res-pt-18 {
        padding-top: 18px !important;
    }
    .res-pt-21 {
        padding-top: 21px !important;
    }
    .res-pt-25 {
        padding-top: 25px !important;
    }
    .res-pt-26 {
        padding-top: 26px !important;
    }
    .res-pt-40 {
        padding-top: 40px !important;
    }
    .res-pb-30 {
        padding-bottom: 30px !important;
    }
    .res-pb-40 {
        padding-bottom: 40px !important;
    }
    .res-pt-81 {
        padding-top: 81px !important;
    }
    .res-pb-45 {
        padding-bottom: 45px !important;
    }
    .res-pb-46 {
        padding-bottom: 46px !important;
    }
    .res-pb-48 {
        padding-bottom: 48px !important;
    }
    .res-py-24 {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .res-p-17 {
        padding: 0px 17px !important;
    }
    .res-px-12 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .res-px-13 {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }
    .res-px-14 {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    .res-px-16-15 {
        padding-left: 16px !important;
        padding-right: 15px !important;
    }
    .res-px-17 {
        padding-left: 17px !important;
        padding-right: 17px !important;
    }
    .res-p-19 {
        padding: 0px 19px !important;
    }
    .res-pl-19 {
        padding-left: 19px !important;
    }
    .res-pl-21 {
        padding-left: 21px !important;
    }
    .res-px-18 {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
    .res-px-19 {
        padding-left: 19px !important;
        padding-right: 19px !important;
    }
    .res-px-21-36 {
        padding-left: 21px !important;
        padding-right: 36px !important;
    }
    .res-px-22 {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
    .res-px-24 {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .res-px-26 {
        padding-left: 26px !important;
        padding-right: 26px !important;
    }
    .res-px-32 {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
    .res-px-35 {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
    .res-px-36 {
        padding-left: 36px !important;
        padding-right: 36px !important;
    }
    .res-px-45-14 {
        padding: 0px 45px 0px 14px !important;
    }
    .res-px-45-47 {
        padding: 0px 45px 0px 47px !important;
    }
    .res-py-23-9 {
        padding: 23px 0px 9px 0px !important;
    }
    .res-py-23-29 {
        padding-top: 23px !important;
        padding-bottom: 29px !important;
    }
    .res-py-26-25 {
        padding-top: 26px !important;
        padding-bottom: 25px !important;
    }
    .res-py-28-30 {
        padding-top: 28px !important;
        padding-bottom: 30px !important;
    }
    .res-py-28-0 {
        padding-top: 28px !important;
        padding-bottom: 0px !important;
    }
    .res-py-40-17 {
        padding-top: 40px !important;
        padding-bottom: 17px !important;
    }
    .res-py-40-65 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .res-py-44-45 {
        padding: 44px 0px 45px 0px !important;
    }
    .res-py-23-17 {
        padding: 23px 0px 17px 0px !important;
    }
    .res-py-23-66 {
        padding: 23px 0px 66px 0px !important;
    }
    .res-py-29-6 {
        padding: 29px 0px 6px 0px !important;
    }
    .res-py-29-11 {
        padding: 29px 0px 11px 0px !important;
    }
    .res-py-29-17 {
        padding: 29px 0px 17px 0px !important;
    }
    .res-px-13-12 {
        padding: 0px 13px 0px 12px !important;
    }
    .res-px-12-14 {
        padding: 0px 12px 0px 14px !important;
    }
    .res-px-17-18 {
        padding-left: 17px !important;
        padding-right: 18px !important;
    }
    .res-px-18-19 {
        padding-left: 18px !important;
        padding-right: 19px !important;
    }
    .res-px-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .res-px-20-18 {
        padding-left: 20px !important;
        padding-right: 18px !important;
    }
    .res-py-15 {
        padding-top: 15px !important;
        padding-bottom: 15px;
    }
    .res-py-19 {
        padding-top: 19px;
        padding-bottom: 19px;
    }
    .res-py-15-24 {
        padding-top: 15px;
        padding-bottom: 24px;
    }
    .res-py-15-42 {
        padding-top: 15px;
        padding-bottom: 42px;
    }
    .res-py-17 {
        padding-top: 17px;
        padding-bottom: 17px;
    }
    .res-py-17-16 {
        padding-top: 17px;
        padding-bottom: 16px;
    }
    .res-py-18-19 {
        padding-top: 18px;
        padding-bottom: 19px;
    }
    .res-py-18-15 {
        padding-top: 18px;
        padding-bottom: 15px;
    }
    .res-py-18-17 {
        padding-top: 18px;
        padding-bottom: 17px;
    }
    .res-py-18-20 {
        padding-top: 18px !important;
        padding-bottom: 20px !important;
    }
    .res-py-27 {
        padding-top: 27px !important;
        padding-bottom: 27px !important;
    }
    .res-py-18-25 {
        padding-top: 18px !important;
        padding-bottom: 25px !important;
    }
    .res-py-34-29 {
        padding-top: 34px !important;
        padding-bottom: 29px !important;
    }
    .res-py-34-39 {
        padding-top: 34px !important;
        padding-bottom: 39px !important;
    }
    .res-py-34-40 {
        padding-top: 34px !important;
        padding-bottom: 40px !important;
    }
    .res-py-34-48 {
        padding-top: 34px !important;
        padding-bottom: 48px !important;
    }
    .res-py-38-53 {
        padding-top: 38px !important;
        padding-bottom: 53px !important;
    }
    .res-py-37-56 {
        padding-top: 37px !important;
        padding-bottom: 56px !important;
    }
    .res-py-37-42 {
        padding-top: 37px !important;
        padding-bottom: 42px !important;
    }
    .res-py-37-45 {
        padding-top: 37px !important;
        padding-bottom: 45px !important;
    }
    .res-py-37-46 {
        padding-top: 37px !important;
        padding-bottom: 46px !important;
    }
    .res-py-37-47 {
        padding-top: 37px !important;
        padding-bottom: 47px !important;
    }
    .res-py-37-48 {
        padding-top: 37px !important;
        padding-bottom: 48px !important;
    }
    .res-py-37-52 {
        padding-top: 37px !important;
        padding-bottom: 52px !important;
    }
    .res-py-37-53 {
        padding-top: 37px !important;
        padding-bottom: 53px !important;
    }
    .res-py-37-61 {
        padding-top: 37px !important;
        padding-bottom: 61px !important;
    }
    .res-py-37-68 {
        padding-top: 37px !important;
        padding-bottom: 68px !important;
    }
    .res-py-37-71 {
        padding-top: 37px !important;
        padding-bottom: 71px !important;
    }
    .res-py-23-35 {
        padding-top: 23px !important;
        padding-bottom: 35px !important;
    }
    .res-py-30-58 {
        padding-top: 30px !important;
        padding-bottom: 58px !important;
    }
    .res-py-35-17 {
        padding-top: 35px !important;
        padding-bottom: 17px !important;
    }
    .res-py-35-27 {
        padding-top: 35px !important;
        padding-bottom: 27px !important;
    }
    .res-py-35-29 {
        padding-top: 35px !important;
        padding-bottom: 29px !important;
    }
    .res-py-35-31 {
        padding-top: 35px !important;
        padding-bottom: 31px !important;
    }
    .res-py-35-44 {
        padding-top: 35px !important;
        padding-bottom: 44px !important;
    }
    .res-py-35-48 {
        padding-top: 35px !important;
        padding-bottom: 48px !important;
    }
    .res-py-35-52 {
        padding-top: 35px !important;
        padding-bottom: 52px !important;
    }

    .res-py-32-31 {
        padding-top: 32px !important;
        padding-bottom: 31px !important;
    }
    .res-py-32-36 {
        padding-top: 32px !important;
        padding-bottom: 36px !important;
    }
    .res-py-32-38 {
        padding-top: 32px !important;
        padding-bottom: 38px !important;
    }
    .res-py-32-46 {
        padding-top: 32px !important;
        padding-bottom: 46px !important;
    }
    .res-py-32-52 {
        padding-top: 32px !important;
        padding-bottom: 52px !important;
    }
    .res-py-35-52 {
        padding-top: 35px !important;
        padding-bottom: 52px !important;
    }
    .res-py-41-40 {
        padding-top: 41px !important;
        padding-bottom: 40px !important;
    }
    .res-py-47-53 {
        padding-top: 47px !important;
        padding-bottom: 53px !important;
    }

    .res-text-start {
        text-align: start !important;
    }
    .res-text-center {
        text-align: center;
    }

    .res-font-11 {
        font-size: 11px !important;
    }
    .res-font-10 {
        font-size: 10px !important;
        letter-spacing: -0.1px;
    }
    .res-font-12 {
        font-size: 12px !important;
        letter-spacing: -0.12px;
    }
    .res-font--12 {
        font-size: 12px !important;
    }
    .res-font-13 {
        font-size: 13px !important;
        letter-spacing: -0.13px;
    }
    .res-font--13 {
        font-size: 13px !important;
    }
    .res-font-14 {
        font-size: 14px !important;
        letter-spacing: -0.14px;
    }
    .res-font--14 {
        font-size: 14px !important;
    }
    .res-font-15 {
        font-size: 15px !important;
    }
    .res-font-16 {
        font-size: 16px !important;
        letter-spacing: -0.16px;
    }
    .res-font--18 {
        font-size: 18px !important;
        letter-spacing: -0.18px !important;
    }
    .res-font-18 {
        font-size: 18px !important;
    }
    .res-font-20 {
        font-size: 20px !important;
        letter-spacing: -0.2px;
    }
    .res-font-24 {
        font-size: 24px !important;
        letter-spacing: -0.24px;
        font-weight: 500 !important;
    }
    .res-font-24-without-font-weight {
        font-size: 24px !important;
        letter-spacing: -0.24px;
    }
    .res-font-28 {
        font-size: 28px !important;
        letter-spacing: -0.28px;
        font-weight: 500 !important;
    }

    .res-font-weight-400 {
        font-weight: 400;
    }
    .res-font-weight {
        font-weight: 500;
    }
    .res-font-weight-600 {
        font-weight: 600;
    }

    .res-letter-spacing-18 {
        letter-spacing: -0.18px;
    }

    .res-line-height-13 {
        line-height: 13px;
    }
    .res-line-height-14 {
        line-height: 14px;
    }
    .res-line-height-15 {
        line-height: 15px;
    }
    .res-line-height-16 {
        line-height: 16px;
    }
    .res-line-height-17 {
        line-height: 17px !important;
    }
    .res-line-height-19 {
        line-height: 19px;
    }
    .res-line-height-20 {
        line-height: 20px;
    }
    .res-line-height-21 {
        line-height: 21px !important;
    }
    .res-line-height-22 {
        line-height: 22px !important;
    }
    .res-line-height-23 {
        line-height: 23px !important;
    }
    .res-line-height-24 {
        line-height: 24px !important;
    }
    .res-line-height-25 {
        line-height: 25px !important;
    }
    .res-line-height-26 {
        line-height: 26px !important;
    }
    .res-line-height-27 {
        line-height: 27px !important;
    }
    .res-line-height-28 {
        line-height: 28px !important;
    }
    .res-line-height-29 {
        line-height: 29px;
    }
    .res-line-height-33 {
        line-height: 33px;
    }
    .res-line-height-35 {
        line-height: 35px !important;
    }
    .res-line-height-36 {
        line-height: 36px;
    }
    .res-line-height-47 {
        line-height: 47px;
    }
    .res-line-height-57 {
        line-height: 57px;
    }

    .res-border-radius-0 {
        border-radius: 0px !important;
    }
    .res-border-radius-2 {
        border-radius: 2px !important;
    }
    .res-border-radius-3 {
        border-radius: 3px !important;
    }
    .res-border-radius-4 {
        border-radius: 4px !important;
    }
    .res-border-radius-5 {
        border-radius: 5px !important;
    }
    .res-border-radius-10 {
        border-radius: 10px !important;
    }
    .res-border-radius-30 {
        border-radius: 30px !important;
    }
    .res-border-radius-right-3 {
        border-radius: 0 3px 3px 0px !important;
    }
    .res-border-radius-100 {
        border-radius: 100px !important;
    }
    .res-border-radius-full {
        border-radius: 50% !important;
    }

    .res-border-none {
        border: none !important;
    }
    .res-border-bottom-none {
        border-bottom: none !important;
    }
    .res-border-top-E0E0E0 {
        border-top: 1px solid #e0e0e0 !important;
    }
    .res-border-E0E0E0 {
        border: 1px solid #e0e0e0 !important;
    }
    .res-border-e5e5e5 {
        border: 1px solid #e5e5e5 !important;
    }
    .res-border-e3e3e3 {
        border: 1px solid #e3e3e3 !important;
    }
    .res-border-b5b5b5 {
        border: 1px solid #b5b5b5 !important;
    }
    .res-border-3C3C3C {
        border: 1px solid #3c3c3c !important;
    }
    .res-border-c6c6c6 {
        border: 1px solid #c6c6c6 !important;
    }
    .res-border-dash-b5b5b5 {
        border: 1px dashed #b5b5b5 !important;
    }
    .res-border-dash-3C3C3C {
        border: 1px dashed #3c3c3c !important;
    }
    .res-border-dash-B5B5B5 {
        border: 1px dashed #b5b5b5 !important;
    }
    .res-border-3C3C3C66 {
        border: 1px solid #3c3c3c66 !important;
    }
    .res-border-bfbfbf {
        border: 1px solid #bfbfbf !important;
    }
    .res-border-rgba-bfbfbf {
        border: 1px solid rgba(191, 191, 191, 30%) !important;
    }
    .res-border-a41f35 {
        border: 1px solid #a41f35 !important;
    }
    .res-border-top-E0E0E0 {
        border-top: 1px solid #e0e0e0 !important;
    }
    .res-border-bottom-E0E0E0 {
        border-bottom: 1px solid #e0e0e0 !important;
    }
    .res-border-bottom-707070 {
        border-bottom: 1px solid rgba(112, 112, 112, 15%) !important;
    }

    .res-background-transparent {
        background: transparent !important;
    }
    .res-background-fff {
        background: #ffffff !important;
    }
    .res-background-efefef {
        background: #efefef !important;
    }
    .res-background-B5B5B5 {
        background: #b5b5b5 !important;
    }
    .res-background-3C3C3C {
        background: #3c3c3c !important;
    }
    .res-background-A41F36 {
        background: #a41f36 !important;
    }
    .res-background-F47339 {
        background: #f47339 !important;
        background-color: #f47339 !important;
    }
    .res-background-e0e0e0 {
        background: #e0e0e0 !important;
    }
    .res-background-fafafa {
        background: #fafafa !important;
    }
    .res-background-f2f2f2 {
        background: #f2f2f2 !important;
    }
    .res-background-eedfdd {
        background: #eedfdd !important;
    }
    .res-background-3C3C3C-50 {
        background: rgba(60, 60, 60, 50%);
    }

    .res-white-space-nowrap {
        white-space: nowrap;
    }
    .res-position-static {
        position: static;
    }
    .res-position-relative {
        position: relative;
    }

    .res-text-overflow-ellipsis {
        text-overflow: ellipsis;
    }

    .res-cursor-pointer {
        cursor: pointer !important;
    }

    .res-float-none {
        float: none !important;
    }

    .res-box-shadow-none {
        box-shadow: none !important;
    }

    .res-box-shadow {
        box-shadow: 0px 2px 26px #0000001f !important;
    }
    .res-box-shadow-00000029 {
        box-shadow: 0px 2px 26px #00000029 !important;
    }
    .res-box-shadow-6767672C {
        box-shadow: 0px 0px 26px #6767672c !important;
    }

    .res-text-transform {
        text-transform: capitalize !important;
    }

    .res-left {
        left: 50%;
        transform: translateX(-50%);
    }

    .res-right-22 {
        right: 22px !important;
    }

    .res-s12 {
        width: 100% !important;
        margin-left: auto !important;
        left: auto !important;
        right: auto !important;
    }
    .res-s6 {
        width: 50% !important;
        margin-left: auto !important;
        left: auto !important;
        right: auto !important;
    }

    .personalise-modal .modal {
        z-index: 1010 !important;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .mediaLibraryBlock {
        z-index: 1011 !important;
    }
    .personalise-modal > div {
        top: 0% !important;
    }
    /* .personalise-modal > div,
    .personalise-modal > div > div,
    .personalise-modal .golden-charter,
    .personalise-modal .golden-charter .plan-ahead,
    .personalise-modal .golden-charter .plan-ahead img {
        width: 100% !important;
        max-height: 100% !important;
        height: 100% !important;
    } */

    .personalise-modal .golden-charter-left-inner {
        padding: 15px 15px 80px 15px;
        margin-top: 0px;
        border-radius: 7px;
    }
    .personalise-modal .golden-charter-left-button-btn,
    .personalise-modal .back-left-input-section,
    .personalise-modal .back-left-input-section2,
    .personalise-modal .goldenmobile-charter-left-inner {
        flex-wrap: wrap;
    }
    .personalise-modal .back-left-input-section textarea {
        box-sizing: border-box !important;
        min-width: 100% !important;
    }
    .personalise-modal .golden-charter-left-inner h2 {
        font-size: 18px;
        letter-spacing: -0.18px;
        font-weight: 400;
        padding-bottom: 0px;
        line-height: 25px;
        margin-bottom: 3px;
    }
    .personalise-modal .golden-charter-left-inner p {
        font-size: 12px;
        letter-spacing: -0.12px;
        font-weight: 400;
        line-height: 17px;
    }
    .personalise-modal .personalizeblock-clear {
        display: none;
    }
    .personalise-modal .preview-img .preview--img-wrap {
        position: relative;
    }
    .personalise-modal .preview-img .preview--img-wrap img:nth-child(1) {
        position: absolute;
        top: -5px;
        left: auto;
        right: -5px;
    }
    .personalise-modal .modal--header {
        position: sticky;
        top: 0px;
        z-index: 999;
        border-radius: 7px;
    }
    .personalise-modal .golden-charter-img,
    .personalise-modal .golden-charter-img img {
        /* height: 100%; */
    }
    .res-other-qty--box {
        position: absolute;
        top: auto;
        bottom: 63px;
        width: 100%;
        left: 0px;
    }
    .res-other-qty-box {
        margin-left: 0px !important;
        margin-bottom: 0px !important;
        height: 46px !important;
        border-radius: 3px !important;
        border: 1px solid #e0e0e0 !important;
        box-sizing: border-box !important;
        padding: 0px 14px !important;
    }
   /*  .personalise-modal .plan-ahead-right h3 {
        width: 100%;
    } */
    .res-collapsible {
        margin: 0px 0px 20px 0px;
    }
    .request--card .request--card-inner {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #e0e0e0;
    }
    .request--card .request--card-inner:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border-bottom: none;
    }
    .your-request--card {
        margin-bottom: 26px;
    }
    .your-request--card:last-child {
        margin-bottom: 0px;
    }
    .dataTables_wrapper.no-footer .dataTables_scrollBody {
        border-bottom: none !important;
    }
    .custom-table .dataTables_wrapper {
        padding: 21px 19px 19px 19px;
    }
    .dataTables_wrapper .dataTables_filter {
        margin-top: 0px;
        max-width: 100%;
        width: 100%;
        margin: auto;
    }
    .dataTables_wrapper .dataTables_filter > label input {
        margin-bottom: 0px;
    }
    .dataTables_wrapper .dataTables_filter > label {
        display: flex;
        align-items: center;
        height: 46px;
        box-shadow: none;
        border-radius: 3px;
        border: 1px solid #e0e0e0;
    }
    .products--card .products--inner-card {
        margin-bottom: 23px !important;
    }
    .products--card .products--inner-card:last-child {
        margin-bottom: 0px !important;
    }
    .res--select {
        display: flex;
        border: 1px solid #a41f35;
        border-radius: 3px;
        margin-top: 59px;
    }
    .res--select .select-wrapper {
        /* min-width: 88px; */
        width: 100%;
    }

    .res-select .select-wrapper .dropdown-trigger {
        height: 46px !important;
        font-size: 12px !important;
        letter-spacing: -0.12px;
        color: #3c3c3c;
    }
    .res--select .select-wrapper .dropdown-trigger {
        border: none;
        height: 57px !important;
        font-size: 14px !important;
        letter-spacing: -0.14px;
        color: #3c3c3c;
        background-color: #ffffff;
        padding-left: 21px;
    }

    .res--select .select-wrapper .caret {
        right: 0px;
    }
    .select2-container--default
        .select2-selection--single
        .select2-selection__arrow {
        /* height: 100%; */
        top: 50%;
        right: 15px;
        width: 24px;
        height: 24px;
        transform: translateY(-50%);
    }
    .select2-container--default
        .select2-selection--single
        .select2-selection__arrow
        b {
        border-width: 5px 5px 0px 5px !important;
        margin-left: 0px !important;
        transform: translate(-50%, -50%);
        margin-top: 0px !important;
    }

    .res-switch label {
        position: relative;
        background-color: #e0e0e0 !important;
        border-radius: 40px;
        box-sizing: border-box;
        transition: background-color 0.3s;
    }
    .res-switch input {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        top: 0px;
        left: 0px;
        z-index: 10;
    }
    .res-switch .switch-option {
        flex: 1;
        text-align: center;
        z-index: 2;
        user-select: none;
        pointer-events: none;
    }
    .res-switch .lever {
        position: absolute;
        top: 50%;
        left: 5px;
        width: 78px;
        height: 38px;
        background-color: #ffffff;
        border-radius: 44px;
        transition: left 0.3s ease;
        transform: translateY(-50%);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
        z-index: 1;
    }

    .res-switch input:checked ~ .lever {
        left: 87px;
    }

    #login-page {
        background: #f47339 !important;
    }

    #progress-bar-container li:after,
    #progress-bar-container #line {
        background: #f47339 !important;
    }
    #progress-bar-container #line {
        height: 4px;
    }
    #progress-bar-container li:after {
        width: 22px !important;
        height: 22px !important;
    }
    #progress-bar-container li .step-inner {
        padding-left: 9px !important;
        bottom: 3px !important;
    }

    .datepicker-modal {
        z-index: 1010 !important;
    }
    .res-process-wrapper {
        overflow-y: hidden;
        overflow-x: auto;
    }
    #res-progress-bar {
        width: 660px;
        position: relative;
        z-index: 1;
    }
    #res-progress-bar ul li {
        min-width: 131px;
        width: 131px !important;
    }
    .resLine {
        width: 100%;
        height: 4px;
        position: absolute;
        top: 50%;
        background-color: #e0e0e0;
        transform: translateY(-50%);
        z-index: -1;
    }
    .resLine .res-line-progress {
        height: 100%;
        background-color: #f47339;
    }
    #res-progress-content .section-content {
        min-width: 131px;
        width: 131px !important;
        border-radius: 4px;
        margin-top: 29px;
    }
    #res-progress-content .section-content span,
    #res-progress-content .section-content p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 106px;
    }
    .res-golden-charter-left-inner {
        padding: 27px 12px 33px 12px !important;
    }
    .collection {
        overflow: visible !important;
    }
    .qty-required {
        position: absolute;
        top: auto;
        bottom: -22px;
    }
    .select2-container--default
        .select2-selection--multiple
        .select2-selection__choice {
        font-size: 13px;
        letter-spacing: -0.13px;
        color: #3c3c3c !important;
    }
    .dropdown-content li {
        min-height: auto !important;
    }
    .dropdown-content li span {
        font-size: 13px;
        letter-spacing: -0.13px;
        color: #3c3c3c !important;
    }
    .select2-container--open .select2-dropdown--below {
        min-width: 313px !important;
        width: 100% !important;
        max-width: 351px;
        position: absolute !important;
    }
    .add-new i {
        font-size: 18px;
    }
    #register-page .input-field.col label,
    #forgot-password .input-field.col label {
        left: 24px !important;
    }
    #login-page .card-panel,
    #forgot-password .card-panel {
        background: #f47339 !important;
        background-color: #f47339 !important;
    }

    #customer--card-view .folder_shared {
        display: none !important;
    }
    .collapsible-body .workflow-step:first-child {
        margin-top: 0px !important;
    }
    .collapsible-body .workflow-step {
        margin-top: 40px !important;
    }

    .res-textarea::placeholder {
        font-size: 12px !important;
        letter-spacing: -0.12px !important;
        color: #3c3c3c !important;
    }

    .golden-charter-left-button .golden-charter-left-button-btn a.btn-large {
        background-color: transparent !important;
        color: #3c3c3c;
        border: 1px solid #3c3c3c !important;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: -0.12px;
        font-family: "Poppins, Regular" !important;
        height: 85px;
        width: 85px;
        line-height: normal;
        padding: 12px 6px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .golden-charter-left-button
        .golden-charter-left-button-btn
        a.btn-large.disabled {
        border: 1px solid #dfdfdf !important;
        color: #3c3c3c !important;
        background-color: transparent !important;
    }
    .golden-charter-left-button .golden-charter-left-button-btn .btn-large i {
        background-color: #dfdfdf;
        width: 35px;
        height: 35px;
        border-radius: 4px;
        padding: 8px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-right: 0 !important;
        margin-bottom: 6px !important;
        color: #a41f36;
    }
    .golden-charter-left-button
        .golden-charter-left-button-btn
        a.btn-large.disabled
        i {
        color: #3c3c3c !important;
        background-color: #dfdfdf;
    }
    .golden-charter-pagination {
        display: none !important;
    }
    .golden-charter-pagination-responsive {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    .golden-charter-pagination-responsive .prev-tab {
        border: 1px solid #3c3c3c;
        color: #3c3c3c !important;
    }
    .golden-charter-pagination-responsive .next-tab {
        border: 1px solid #a41f35;
        color: #ffffff !important;
        background-color: #a41f35;
    }
    .golden-charter-pagination-responsive .material-icons {
        font-family: "Poppins, Regular" !important;
        width: 168px;
        height: 47px;
        font-size: 13px;
        display: flex;
        align-items: center;
        border-radius: 3px;
        justify-content: center;
    }
    .golden-charter-pagination-responsive .material-icons.opacity {
        opacity: 0.5;
    }
    .responsive-step-two-btn .btn-large-mobile {
        border: 1px solid #dfdfdf !important;
        color: #3c3c3c !important;
        background-color: transparent !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        letter-spacing: -0.12px !important;
        font-family: "Poppins, Regular" !important;
        height: 85px;
        width: 85px !important;
        min-width: 85px !important;
        line-height: normal;
        padding: 12px 4px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 3px !important;
        margin-left: 10px !important;
    }
    .responsive-step-two-btn .btn-large-mobile i {
        background-color: #dfdfdf;
        width: 35px;
        height: 35px;
        min-height: 35px;
        border-radius: 4px;
        padding: 8px;
        display: flex;
        top: 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 auto !important;
        margin-bottom: 16px !important;
        color: #3c3c3c;
    }
    .responsive-drop-down-design {
        position: initial !important;
        transform: inherit !important;
        width: auto !important;
        height: auto !important;
        gap: 10px;
        display: flex !important;
        flex-wrap: wrap;
        padding: 0 !important;
        margin-top: 25px !important;
        box-shadow: none !important;
        opacity: 1;
    }
    .responsive-drop-down-design li {
        width: 48%;
    }
    .btn-large-mobile:focus,
    .btn-large-mobile:hover {
        border: 1px solid #3c3c3c !important;
    }
    .res-show-multi-address .select-wrapper {
        padding: 0 !important;
        border: 1px solid #3c3c3c;
        border-radius: 3px;
        height: 58px !important;
        font-family: "Poppins, Regular" !important;
        font-size: 14px;
        letter-spacing: -0.14px;
        color: #3c3c3c;
        margin-top: 15px !important;
    }
    .show-multi-address .select-wrapper ul{
        height: 100px !important;
        border-left: 1px solid #000 !important;
        border-right: 1px solid #000 !important;
        border-bottom: 1px solid #000 !important;
    }
    .res-show-multi-address {
        border: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: 35px !important;
    }

    .res-show-multi-address .select-dropdown {
        border: none !important;
        height: 100% !important;
    }
    .view-in-responsive {
        /* opacity: 1 !important; */
    }
    .responsive-label-content {
        font-family: "Poppins, Regular" !important;
        font-size: 12px;
        letter-spacing: -0.12px;
        color: #3c3c3c;
    }
    .dropdown-content .btn:hover,
    .dropdown-content .btn-small:hover,
    .dropdown-content .btn-large:hover {
        background-color: #600c1a !important;
    }
    .golden-charter-left-inner {
        position: relative !important;
    }
    .responsive-step-two-btn [type="checkbox"] + span:not(.lever) {
        cursor: pointer !important;
        display: inline-block !important;
        height: initial !important;
        line-height: initial !important;
        font-size: 12px !important;
    }
    .font-size-control input {
        width: 104px !important;
        height: 58px !important;
        margin-left: 0 !important;
        font-family: "Gotham";
        font-size: 14px;
        letter-spacing: -0.14px;
        color: #3c3c3c;
        border: 1px solid #3c3c3c !important;
        border-radius: 3px !important;
        text-align: center;
    }
    .qty-btn-font-size {
        height: 32px !important;
        width: 32px !important;
        background-color: #ffffff !important;
        border: 1px solid #bfbfbf !important;
        border-radius: 5px !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    .show-font-style {
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .custom-hide-first-tab {
        margin: 0 !important;
        height: 0 !important;
    }

    /* .confirm-right-side-btn {
        opacity: 0;
        height: 0 !important;
        z-index: -1;
    } */

    #mobile-edit-layout-container .modal-trigger {
        font-family: "Poppins, Regular" !important;
        font-size: 14px;
        letter-spacing: -0.14px;
        color: #3c3c3c;
        text-align: center;
        margin-top: 34px;
        margin-bottom: 15px;
        display: block;
        width: fit-content;
        margin-left: auto !important;
        margin-right: auto !important;
        text-decoration: underline !important;
    }
    .view-confirm-btn-only {
        display: flex !important;
        gap: 10px !important;
        justify-content: center;
    }
    .view-confirm-btn-only .golden-charter-pagination-responsive {
        display: flex !important;
    }
    .view-confirm-btn-only .view-pdf {
        display: none !important;
    }
    .default-hide-confirm-pdf .confirm {
        display: none !important;
    }
    .view-confirm-btn-only button {
        font-family: "Poppins, Regular" !important;
        width: 168px;
        height: 47px;
        font-size: 13px;
        display: flex;
        align-items: center;
        border-radius: 3px;
        justify-content: center;
    }
    .art--content {
        width: 108px;
    }
    .art--content a {
        padding-left: 0px;
    }
    .art--content a p,
    .art--content .tag--content p {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .art--content a p:nth-child(1) {
        font-size: 13px;
        letter-spacing: -0.13px;
        color: #3c3c3c;
        font-family: "Poppins, Medium";
        line-height: 19px;
    }
    .art--content a p:nth-child(2) {
        font-family: "Poppins, Regular";
        font-size: 12px;
        letter-spacing: -0.12px;
        color: rgba(60, 60, 60, 39%);
        line-height: 17px;
    }
    .art--content .tag--content {
        margin-top: 16px;
    }
    .art--content .tag--content p {
        font-family: "Poppins, Regular";
        font-size: 12px;
        letter-spacing: -0.12px;
        color: #3c3c3c;
        line-height: 17px;
    }
    .back-left-input-section,
    .golden-charter-left-button-btn {
        gap: 10px;
    }
    .golden-charter-left-button .materialize-textarea{
        border:1px solid #E0E0E0 !important;
        padding:0 20px !important;
        border-radius:3px !important;
    }
    /* .back-left-input-section .res-block .btn-large-mobile{
        display:block !important;
    } */
     .show-multi-address{
        min-width: 345px !important;
     }
}

@media screen and (max-width: 768px) {
    .visible-lg {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .responsive-container {
        display: flex;
        flex-direction: column;
    }

    .responsive-item {
        order: 0;
    }

    .order-1 {
        order: 1;
    }

    .order-2 {
        order: 2;
    }

    .order-3 {
        order: 3;
    }

    .order-4 {
        order: 4;
    }

    .order-5 {
        order: 5;
    }

    .order-6 {
        order: 6;
    }
    .global-search-field {
        width: 100% !important;
        height: 52px !important;
        background-color: #ffffff !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 3px !important;
        display: block !important ;
        position: relative !important;
        overflow: hidden;
    }
    .global-search-field input {
        border: none !important;
        margin-bottom: 0 !important;
        height: 100% !important;
        width: 100% !important;
        outline:none !important;
        box-shadow: none !important;
        border:none !important;
        padding: 0 50px 0 20px !important;
        box-sizing: border-box !important;
  border-radius: 3px !important;
    }
    .global-search-field input::placeholder {
        color: #3c3c3c;
    }
    .global-search-field button {
        position: absolute;
        top: 50% !important;
        right: 5px !important;
        transform: translateY(-50%);
        background-color: #b5b5b5 !important;
        border-radius: 3px;
        border: transparent !important;
    }

    .global-search-field button i {
        color: #ffffff !important;
    }
    .responsive-arrow-adjust{
        text-align: right !important;
        padding-right: 0 !important;
    }
        .res-modal-size{
        width: 80% !important;
    }
    .res-modal-size .modal-content{
        padding: 24px 24px 10px 24px;
    }
      #orderSuccess {
        width: 80% !important;
    }
    .no-need-res{
        display:none !important;
    }
    #personalizeBlock{
        width:100% !important;
        height:100vh !important;
        max-height:100vh !important;
    }
}
@media (min-width: 991px) {
  #personalizeBlock{
        width:80% !important;
    }
}

#personalizeBlock{
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

@media (max-width: 991px) {
    .back-cover-bottom {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top:16px !important;
    }
    .back-cover-bottom .col {
        text-align: center !important;
        padding: 0 !important;
    }
    .back-cover-bottom .view-pdf {
        display: none !important;
    }

    .back-cover-bottom .btn-large {
        font-family: "Poppins, Regular" !important;
        width: 100% !important;
        height: 47px;
        font-size: 13px;

        border-radius: 3px;
        margin: 0 auto;
    }
    .back-left-input-section #title-input{
        width:100% !important;
    }
}

.res-all-center{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.d-flex-center{
    display:flex;
    align-items: center;
    justify-content: center;
}

/* #title-input2 {
    order: 0;
} */
.back-left-input-section-inner{
    justify-content: center;
}
.back-left-input-section-inner .responsive-container{
   margin-left: 15px;
}
/*
.footer-btns-page-secong {
    order: 1;
} */

@media (max-width:600px){
    .products--inner-card{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .show-multi-address .select-wrapper ul{
        height: 156px !important;
    }
}
@media (max-width:991px){
    .back-left-input-section-inner{
        flex-direction: column;
    }
    .back-left-input-section-inner .responsive-container{
        margin-left: 0;
    }
    .res-order-0{
        order: 0;
    }
    #title-input:disabled{
        display: none !important;
    }
    #title-input2:disabled{
        display: none !important;
    }
    #personalizeBlock{
        overflow: hidden !important;
    }
    #personalizeBlock .modal-content{
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }
    #mediaLibraryBlock .app-file-area .app-file-label{
        margin-left: 12px;
    }
    header{
        position: relative;
    }
    .show-multi-address .select-wrapper ul {
        top: 100% !important;
    }

    .show-multi-address2 .select-wrapper ul {
        top: 100% !important;
    }
    #coverTemplates .modal-content{
        padding-bottom: 80px !important;
    }
    #mediaLibraryBlock{
        width: 100%;
        height: 100%;
        top: 0% !important;
        z-index: 1010 !important;
    }
    .app-file-name.truncate{
        width: 150px;
    }
    .search-block table tr {
        padding-bottom: 23px;
    }
}
.search-block table tr {
    border-bottom: 1px solid #E0E0E0 !important;
}
.qty-btn-font-size{
    color: black !important;
}

@media (min-width: 991px) and (max-width: 1200px) {
    .button-list{
        display: flex;
        gap: 17px;
        padding-top: 0 !important;
        padding-left: 0 !important;
    }
    .button-list a{
        margin-top: 0 !important;
    }
    .media-action-btn{
        width: 35% !important;
    }
}