:root {
    --background-color: #63a3da;
    --title-color: rgb(122 161 66);
}

@font-face {
    font-family: AdelleSansARA-Light;
    src: url(../fonts/AdelleSansARA-Light.woff2) format("woff2"), url(../fonts/AdelleSansARA-Light.woff) format("woff")
}

@font-face {
    font-family: AdelleSansARA-Regular;
    src: url(../fonts/AdelleSansARA-Regular.woff2) format("woff2"), url(../fonts/AdelleSansARA-Regular.woff) format("woff")
}

@font-face {
    font-family: AdelleSansARA-Semibold;
    src: url(../fonts/AdelleSansARA-Semibold.woff2) format("woff2"), url(../fonts/AdelleSansARA-Semibold.woff) format("woff")
}

@font-face {
    font-family: AdelleSansARA-Bold;
    src: url(../fonts/AdelleSansARA-Bold.woff2) format("woff2"), url(../fonts/AdelleSansARA-Bold.woff) format("woff")
}

.font-light {
    font-family: AdelleSansARA-Light
}

.font-regular {
    font-family: AdelleSansARA-Regular
}

.font-semibold {
    font-family: AdelleSansARA-Semibold
}

.font-bold {
    font-family: AdelleSansARA-Bold
}

.bg-grey-1 {
    background-color: #eee
}

.bg-f8f8f8,
.bg-light-grey-2,
.bg-smoke-white-2 {
    background-color: #f7f7f7
}

.bg-grey-2 {
    background-color: #d9d9d9
}

.bg-grey-3 {
    background-color: #999
}

.bg-grey-4 {
    background-color: #666
}

.bg-grey-5 {
    background-color: #333
}

.bg-transparent {
    background-color: transparent
}

.bg-dugong {
    background-color: #707070
}

.bg-dugong[disabled] {
    background-color: hsla(0, 0%, 44%, .8)
}

.hr-darkgrey {
    border-block-start-color: #aaa
}

.bg-grey-5 {
    color: #333!important
}

.bg-none {
    background-image: none!important
}

.bg-middle-grey {
    background-color: #d9d9d9!important
}

.bg-blue-vivid-cerulean {
    background-color: #00aced!important
}

.bg-blue-opacity-15 {
    background-color: rgba(33, 69, 112, .15)!important
}

.bg-primary-green {
    background-color: var(--background-color);
}

.bg-green-opacity-5 {
    background-color: rgb(255, 252, 245)!important
}

.bg-primary-green-transparent {
    background-color: rgba(13, 143, 117, .1)!important
}

.bg-primary-blue {
    background-color: #374045!important
}

.bg-primary-lightgreen {
    background-color: #01b477!important
}

.bg-primary-darkgreen {
    background-color: #00726f!important
}

.bg-lightyellow {
    background-color: #fffee7!important
}

.bg-light-green {
    background-color: #0cf5c9!important
}

.bg-light-grey {
    background-color: #f2f2f2!important
}

.bg-blue-transparent {
    background-color: #389296!important
}

.bg-smoke-white {
    background-color: #f2f2f2!important
}

.bg-smoke-white-3 {
    background-color: #ededed!important
}

.bg-transparent-darksky {
    background-color: rgba(64, 157, 160, .15)!important
}

.bg-blue {
    background-color: #0079d1
}

.bg-brown {
    background-color: #af732d
}

.under-review {
    background-color: #ffab00
}

.in-waiting {
    background-color: #4db5b9
}

.wait-mosque-review {
    background-color: #a05b09
}

.waiting-complete {
    background-color: #2a8b8e
}

.complete-chance {
    background-color: #01b477
}

.reject-chance {
    background-color: #8e0000
}

.canceled-expired {
    background-color: #303030
}

.bg-gradient-green {
    background: rgb(62 124 105);
    background: linear-gradient(90deg, rgb(62 124 105), #01b477)
}

.bg-gradient-green span {
    opacity: .8
}

.bg-primary-gradient {
    background: var(--background-color);
    background: linear-gradient(270deg, var(--background-color) 30%, #374045 110%);
    color: #fff
}

.bg-primary-gradient-1 {
    background: rgb(62 124 105);
    background: linear-gradient(311deg, rgb(62 124 105) 30%, #374045 110%);
    color: #fff
}

.bg-primary-gradient-2 {
    background: rgb(62 124 105);
    background: linear-gradient(90deg, rgb(62 124 105) 30%, #374045 90%);
    color: #fff
}

.bg-primary-gradient-3 {
    background: rgb(62 124 105);
    background: linear-gradient(226deg, #374045, rgb(62 124 105));
    color: #fff
}

.bg-blue-gradient {
    background: #21446f;
    background: linear-gradient(226deg, #204870, #0f6d68);
    color: #fff
}

.bg-green-transparent {
    background-color: rgba(1, 180, 119, .58)
}

.bg-transparency-30 {
    background-color: hsla(0, 0%, 100%, .3)
}

.bg-transparency-50 {
    background-color: hsla(0, 0%, 100%, .5)
}

.bg-transparency-70 {
    background-color: hsla(0, 0%, 100%, .7)
}

.bg-green-light {
    background-color: #ecf4f2!important
}

.bg-my-sin-approx-17 {
    background-color: rgba(254, 179, 40, .17)!important
}

.bg-primary-darksky {
    background: #409da0
}

.bg-image-none {
    background-image: none!important
}

.bg_shape-1 {
    position: relative
}

.bg_shape-1:after {
    background: url(../images/shape-1.svg) no-repeat 0 100%;
    content: "";
    inset: 0;
    position: absolute
}

.bg-shape-grey {
    background: url(../images/report-main-bg.svg) no-repeat 3% 0;
    background-size: 522px
}

.bg-large {
    background: url(../images/bg-lg.svg) no-repeat 3% 0
}

.bg_shape-color-1,
.current-tag .data {
    position: relative
}

.bg_shape-color-1:after,
.current-tag .data:after {
    background: url(../images/shape-color.svg) no-repeat 2% 15%;
    background-size: 14%;
    content: "";
    inset: 0;
    position: absolute
}

.disabled-events {
    pointer-events: none!important
}

.text-grey-1 {
    color: #eee!important
}

.text-grey-2 {
    color: #d9d9d9!important
}

.text-grey-3 {
    color: #999!important
}

.text-grey-4 {
    color: #666!important
}

.alert {
    border: none;
    border-radius: 16px
}

.alert-danger {
    background-color: rgba(224, 102, 65, .1);
    color: #e04141
}

.alert-light {
    background-color: #eee;
    border-color: transparent!important;
    color: #383d41
}

.badge-primary-green {
    background-color: #0f6d68;
    color: #fff
}

.badge-primary-blue {
    background-color: #374045;
    color: #fff
}

.remove-border-mobile {
    border: 0!important
}

.dir-ltr {
    direction: ltr;
    text-align: start
}

.rounded-input-group-start {
    border-bottom-right-radius: rem(10)!important;
    border-top-right-radius: rem(10)!important
}

.rounded-input-group-end {
    border-bottom-left-radius: rem(10)!important;
    border-top-left-radius: rem(10)!important
}

.ul-style-dashed ::marker {
    content: " - ";
    font-family: AdelleSansARA-Semibold
}

.ul-style-dashed li {
    padding-inline-start: 10px
}

.aspect-ratio-1x1 {
    aspect-ratio: 1/1
}

.Rectangle-277 {
    background-image: linear-gradient(90deg, rgb(62 124 105), rgb(36, 35, 32));
    height: 6px;
    width: 410px
}

.display-5 {
    font-size: 2.5rem
}

.display-5,
.display-6 {
    font-weight: 300;
    line-height: 1.2
}

.display-6 {
    font-size: 1.5rem
}

.text-underline {
    text-decoration: underline!important
}

.text-color-inherit {
    color: inherit!important
}

.text-primary-green {
    color: var(--title-color) !important;
}

.text-primary-lightgreen {
    color: #01b477!important
}

.text-primary-blue {
    color: #374045!important
}

.text-primary-turquoise {
    color: #0cf5c9!important
}

.text-primary-sky {
    color: #1bbdd4!important
}

.text-primary-darksky {
    color: #409da0!important
}

.text-white-70 {
    color: hsla(0, 0%, 100%, .7)!important
}

.text-warning {
    color: #ffab00!important
}

.text-pink {
    color: #e699bf
}

.text-blue {
    color: #629bd9
}

.text-yellow {
    color: #ff0
}

.text-green {
    color: rgb(62 124 105)
}

.text-light-grey {
    color: #aaa
}

.text-secondary-light {
    color: #6c757d
}

.gradient-borders {
    background-image: linear-gradient(90deg, rgb(62 124 105), #3ba9c9);
    height: 4px;
    width: 100%
}

.border-grey {
    border-color: #bbb!important
}

.border-width-7 {
    border-width: 7px!important
}

.border-primary-green {
    border-color: var(--background-color);
}

.border-primary-blue {
    border-color: #374045!important
}

.border-rounded-2 {
    border-radius: 5px
}

.border-rounded {
    border-radius: 20px
}

.border-width-2 {
    border-width: 2px!important
}

.border-end-dashed {
    border-inline-end: 1px dashed #d9d9d9!important
}

.rounded-top-right-8 {
    border-top-right-radius: 8px!important
}

.rounded-top-left-8 {
    border-top-left-radius: 8px!important
}

.rounded-bottom-right-8 {
    border-bottom-right-radius: 8px!important
}

.rounded-bottom-left-8 {
    border-bottom-left-radius: 8px!important
}

.rounded-top-right-15 {
    border-top-right-radius: 15px!important
}

.rounded-top-left-15 {
    border-top-left-radius: 15px!important
}

.rounded-bottom-right-15 {
    border-bottom-right-radius: 15px!important
}

.rounded-bottom-left-15 {
    border-end-end-radius: 15px!important
}

.rounded-bottom-20 {
    border-end-end-radius: 20px!important;
    border-end-start-radius: 20px!important
}

.rounded-top-35 {
    border-start-end-radius: 35px!important;
    border-start-start-radius: 35px!important
}

.rounded-bottom-35 {
    border-end-end-radius: 35px!important;
    border-end-start-radius: 35px!important
}

.rounded-bottom-0 {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.max-width-350 {
    max-width: 350px
}

.alert-grey {
    background-color: #f2f2f2;
    color: #949494
}

.bg-size-25 {
    background-size: 25%
}

.w-33 {
    width: 33.33%!important
}

.fixed-top {
    z-index: 9990
}

.fs-10 {
    font-size: 10px!important
}

.rounded-15 {
    border-radius: 15px!important
}

.rounded-20 {
    border-radius: 20px!important
}

.rounded-10 {
    border-radius: 10px!important
}

.opacity-40 {
    opacity: .4!important
}

.z-index-2 {
    z-index: 2!important
}

.z-index-99999 {
    z-index: 99999!important
}

.z-index-9999 {
    z-index: 9999!important
}

.z-index-1070 {
    z-index: 1070!important
}

.modal {
    z-index: 9999
}

.modal-backdrop {
    z-index: 9998
}

.txt-green {
    color: rgb(62 124 105)
}

.color-dark-green {
    color: #374045
}

.text-dark-danger {
    color: #460808
}

::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

::-webkit-scrollbar-track {
    background: #f2f2f2
}

::-webkit-scrollbar-thumb {
    background: rgb(62 124 105);
    border-radius: 5px
}

::-webkit-scrollbar-thumb:hover {
    background: #12a875
}

.custom_question_icon {
    color: #b6b6b6;
    font-size: 22px!important;
    inset-inline-end: 0;
    transform: rotate(0)
}

.text-black-555 {
    color: #333
}

.text-color-42 {
    color: #003b4c
}

.text-color-dugong {
    color: #707070!important
}

.column-1 {
    flex: 82%
}

.column-2 {
    flex: 10%;
    margin-inline-start: 13px
}

.border-right-rounded-15 {
    border-radius: 0 15px 15px 0
}

.border-left-rounded-15 {
    border-radius: 15px 0 0 15px
}

.border-rounded-8 {
    border-radius: 8px!important
}

.border-rounded-10 {
    border-radius: 10px!important
}

.border-rounded-15 {
    border-radius: 15px!important
}

.border-top-rounded-10 {
    border-radius: 10px 10px 0 0!important
}

.border-right-rounded-10 {
    border-radius: 0 10px 10px 0
}

.border-inline-end-rounded-15 {
    border-radius: 15px 0 0 15px
}

.line-height-0 {
    line-height: 0!important
}

.shadow-md {
    box-shadow: 0 .25rem .95rem rgba(1, 1, 1, .15)!important
}

.copy--wrapper {
    background: #ededed
}

.copy--wrapper button {
    inset-block-end: 0;
    inset-block-start: 0
}

.copy--wrapper input {
    border: 1px solid #f7f7f7;
    padding-inline-end: .75rem;
    padding-inline-start: .75rem
}

.shared-links .img-shadow {
    box-shadow: -5px 10px 20px 0 rgba(0, 106, 70, .15)
}

.rounded-pill-left {
    border-radius: 50rem 0 0 50em!important
}

.border-rounded-top-13 {
    border-top-left-radius: 13px!important;
    border-top-right-radius: 13px!important
}

.img-holder {
    margin-block-end: 26px
}

.cart-placeholder-image {
    margin-inline-end: auto;
    margin-inline-start: 21px
}

.verification-inputs input {
    margin-inline-end: 5px
}

.verification-inputs input.valid {
    border: 2px solid var(--background-color);;
    color: rgb(62 124 105);
    font-size: 18px;
    font-weight: 700
}

.already-donate .removeFromCart,
.already-donate-subsidy .removeFromCart {
    font-family: AdelleSansARA-Semibold
}

.img-to-white {
    filter: brightness(0) invert(1)
}

.custom-alert_warning {
    background-color: hsla(0, 0%, 84%, .129);
    color: #feb328
}

#amountRadioBtns .btn {
    border: 1px solid #dee2e6;
    box-shadow: none!important
}

#amountRadioBtns .btn.active {
    border: 2px solid rgb(62 124 105)
}

.filters .btn-primary-green {
    padding: 8px 30px
}

.sponsers-items img {
    max-height: 62px
}

@media(max-width:991px) {
    .sponsers-items img {
        margin-block-end: 25px;
        margin-inline-end: 15px;
        max-height: 70px;
        width: 115px
    }
}

label.error {
    color: #dc3545!important
}

.text-truncate-60 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%
}

.border-top-primary-2px {
    border-block-start: 2px solid #0f6d68
}

.cursor-pointer {
    cursor: pointer
}

.border-style-dashed {
    border-style: dashed!important
}

.filter-gray {
    filter: grayscale(1)
}

.hover-primary:hover {
    background-color: var(--background-color);;
    color: #fff!important
}

.hover-primary:hover img {
    filter: brightness(0) invert(1)
}

.hover-primary:hover i {
    color: #fff!important
}

.hover-delete:hover {
    color: #c34338!important
}

.border-semi-light {
    border-color: #d9d9d9!important
}

.btn-gray-3 {
    background-color: #999!important;
    border-color: #999!important;
    color: #fff!important
}

.btn-gray-3:hover {
    background-color: #666!important;
    color: #fff!important;
    transition: all .5s
}

.border-right-green-4 {
    border-inline-start: 4px solid rgb(62 124 105)
}

.border-right-green-7 {
    border-inline-start: 7px solid rgb(62 124 105)
}

.w-70 {
    width: 70%!important
}

.w-65 {
    width: 65%!important
}

.text-primary-color-lighter {
    color: #10a789!important
}

.border-light-danger {
    border-color: rgba(195, 67, 56, .18)!important
}

.bject-fit_contain {
    object-fit: contain
}

.bject-fit_cover {
    object-fit: cover
}

.no-wrap {
    white-space: nowrap
}

.translate-x-100 {
    transform: translateX(100%)
}

.divid-children-end>:not(:last-child) {
    position: relative
}

.divid-children-end>:not(:last-child):after {
    background-color: hsla(0, 0%, 44%, .1);
    content: "";
    position: absolute
}

@media(min-width:768px) {
    .divid-children-end>:not(:last-child):after {
        inset-block: 20%;
        inset-inline-end: -31%;
        width: 1px
    }
}

.itemcartwrapper span.error {
    display: none!important
}

.bdi {
    unicode-bidi: plaintext
}

.w-7px {
    width: 7px!important
}

.h-7px {
    height: 7px!important
}

.lh-7px {
    line-height: 7px
}

.min-h-7px {
    min-height: 7px!important
}

.min-w-7px {
    min-width: 7px!important
}

.px-7px {
    padding-inline: 7px!important
}

.mt-7px {
    margin-block-start: 7px
}

.mb-7px {
    margin-block-end: 7px
}

.ms-7px {
    margin-inline-start: 7px
}

.me-7px {
    margin-inline-end: 7px
}

.pt-7px {
    padding-block-start: 7px
}

.pb-7px {
    padding-block-end: 7px
}

.ps-7px {
    padding-inline-start: 7px
}

.pe-7px {
    padding-inline-end: 7px
}

.w-9px {
    width: 9px!important
}

.h-9px {
    height: 9px!important
}

.lh-9px {
    line-height: 9px
}

.min-h-9px {
    min-height: 9px!important
}

.min-w-9px {
    min-width: 9px!important
}

.px-9px {
    padding-inline: 9px!important
}

.mt-9px {
    margin-block-start: 9px
}

.mb-9px {
    margin-block-end: 9px
}

.ms-9px {
    margin-inline-start: 9px
}

.me-9px {
    margin-inline-end: 9px
}

.pt-9px {
    padding-block-start: 9px
}

.pb-9px {
    padding-block-end: 9px
}

.ps-9px {
    padding-inline-start: 9px
}

.pe-9px {
    padding-inline-end: 9px
}

.w-10px {
    width: 10px!important
}

.h-10px {
    height: 10px!important
}

.lh-10px {
    line-height: 10px
}

.min-h-10px {
    min-height: 10px!important
}

.min-w-10px {
    min-width: 10px!important
}

.px-10px {
    padding-inline: 10px!important
}

.mt-10px {
    margin-block-start: 10px
}

.mb-10px {
    margin-block-end: 10px
}

.ms-10px {
    margin-inline-start: 10px
}

.me-10px {
    margin-inline-end: 10px
}

.pt-10px {
    padding-block-start: 10px
}

.pb-10px {
    padding-block-end: 10px
}

.ps-10px {
    padding-inline-start: 10px
}

.pe-10px {
    padding-inline-end: 10px
}

.w-12px {
    width: 12px!important
}

.h-12px {
    height: 12px!important
}

.lh-12px {
    line-height: 12px
}

.min-h-12px {
    min-height: 12px!important
}

.min-w-12px {
    min-width: 12px!important
}

.px-12px {
    padding-inline: 12px!important
}

.mt-12px {
    margin-block-start: 12px
}

.mb-12px {
    margin-block-end: 12px
}

.ms-12px {
    margin-inline-start: 12px
}

.me-12px {
    margin-inline-end: 12px
}

.pt-12px {
    padding-block-start: 12px
}

.pb-12px {
    padding-block-end: 12px
}

.ps-12px {
    padding-inline-start: 12px
}

.pe-12px {
    padding-inline-end: 12px
}

.w-14px {
    width: 14px!important
}

.h-14px {
    height: 14px!important
}

.lh-14px {
    line-height: 14px
}

.min-h-14px {
    min-height: 14px!important
}

.min-w-14px {
    min-width: 14px!important
}

.px-14px {
    padding-inline: 14px!important
}

.mt-14px {
    margin-block-start: 14px
}

.mb-14px {
    margin-block-end: 14px
}

.ms-14px {
    margin-inline-start: 14px
}

.me-14px {
    margin-inline-end: 14px
}

.pt-14px {
    padding-block-start: 14px
}

.pb-14px {
    padding-block-end: 14px
}

.ps-14px {
    padding-inline-start: 14px
}

.pe-14px {
    padding-inline-end: 14px
}

.w-16px {
    width: 16px!important
}

.h-16px {
    height: 16px!important
}

.lh-16px {
    line-height: 16px
}

.min-h-16px {
    min-height: 16px!important
}

.min-w-16px {
    min-width: 16px!important
}

.px-16px {
    padding-inline: 16px!important
}

.mt-16px {
    margin-block-start: 16px
}

.mb-16px {
    margin-block-end: 16px
}

.ms-16px {
    margin-inline-start: 16px
}

.me-16px {
    margin-inline-end: 16px
}

.pt-16px {
    padding-block-start: 16px
}

.pb-16px {
    padding-block-end: 16px
}

.ps-16px {
    padding-inline-start: 16px
}

.pe-16px {
    padding-inline-end: 16px
}

.w-18px {
    width: 18px!important
}

.h-18px {
    height: 18px!important
}

.lh-18px {
    line-height: 18px
}

.min-h-18px {
    min-height: 18px!important
}

.min-w-18px {
    min-width: 18px!important
}

.px-18px {
    padding-inline: 18px!important
}

.mt-18px {
    margin-block-start: 18px
}

.mb-18px {
    margin-block-end: 18px
}

.ms-18px {
    margin-inline-start: 18px
}

.me-18px {
    margin-inline-end: 18px
}

.pt-18px {
    padding-block-start: 18px
}

.pb-18px {
    padding-block-end: 18px
}

.ps-18px {
    padding-inline-start: 18px
}

.pe-18px {
    padding-inline-end: 18px
}

.w-20px {
    width: 20px!important
}

.h-20px {
    height: 20px!important
}

.lh-20px {
    line-height: 20px
}

.min-h-20px {
    min-height: 20px!important
}

.min-w-20px {
    min-width: 20px!important
}

.px-20px {
    padding-inline: 20px!important
}

.mt-20px {
    margin-block-start: 20px
}

.mb-20px {
    margin-block-end: 20px
}

.ms-20px {
    margin-inline-start: 20px
}

.me-20px {
    margin-inline-end: 20px
}

.pt-20px {
    padding-block-start: 20px
}

.pb-20px {
    padding-block-end: 20px
}

.ps-20px {
    padding-inline-start: 20px
}

.pe-20px {
    padding-inline-end: 20px
}

.w-22px {
    width: 22px!important
}

.h-22px {
    height: 22px!important
}

.lh-22px {
    line-height: 22px
}

.min-h-22px {
    min-height: 22px!important
}

.min-w-22px {
    min-width: 22px!important
}

.px-22px {
    padding-inline: 22px!important
}

.mt-22px {
    margin-block-start: 22px
}

.mb-22px {
    margin-block-end: 22px
}

.ms-22px {
    margin-inline-start: 22px
}

.me-22px {
    margin-inline-end: 22px
}

.pt-22px {
    padding-block-start: 22px
}

.pb-22px {
    padding-block-end: 22px
}

.ps-22px {
    padding-inline-start: 22px
}

.pe-22px {
    padding-inline-end: 22px
}

.w-24px {
    width: 24px!important
}

.h-24px {
    height: 24px!important
}

.lh-24px {
    line-height: 24px
}

.min-h-24px {
    min-height: 24px!important
}

.min-w-24px {
    min-width: 24px!important
}

.px-24px {
    padding-inline: 24px!important
}

.mt-24px {
    margin-block-start: 24px
}

.mb-24px {
    margin-block-end: 24px
}

.ms-24px {
    margin-inline-start: 24px
}

.me-24px {
    margin-inline-end: 24px
}

.pt-24px {
    padding-block-start: 24px
}

.pb-24px {
    padding-block-end: 24px
}

.ps-24px {
    padding-inline-start: 24px
}

.pe-24px {
    padding-inline-end: 24px
}

.w-26px {
    width: 26px!important
}

.h-26px {
    height: 26px!important
}

.lh-26px {
    line-height: 26px
}

.min-h-26px {
    min-height: 26px!important
}

.min-w-26px {
    min-width: 26px!important
}

.px-26px {
    padding-inline: 26px!important
}

.mt-26px {
    margin-block-start: 26px
}

.mb-26px {
    margin-block-end: 26px
}

.ms-26px {
    margin-inline-start: 26px
}

.me-26px {
    margin-inline-end: 26px
}

.pt-26px {
    padding-block-start: 26px
}

.pb-26px {
    padding-block-end: 26px
}

.ps-26px {
    padding-inline-start: 26px
}

.pe-26px {
    padding-inline-end: 26px
}

.w-28px {
    width: 28px!important
}

.h-28px {
    height: 28px!important
}

.lh-28px {
    line-height: 28px
}

.min-h-28px {
    min-height: 28px!important
}

.min-w-28px {
    min-width: 28px!important
}

.px-28px {
    padding-inline: 28px!important
}

.mt-28px {
    margin-block-start: 28px
}

.mb-28px {
    margin-block-end: 28px
}

.ms-28px {
    margin-inline-start: 28px
}

.me-28px {
    margin-inline-end: 28px
}

.pt-28px {
    padding-block-start: 28px
}

.pb-28px {
    padding-block-end: 28px
}

.ps-28px {
    padding-inline-start: 28px
}

.pe-28px {
    padding-inline-end: 28px
}

.w-30px {
    width: 30px!important
}

.h-30px {
    height: 30px!important
}

.lh-30px {
    line-height: 30px
}

.min-h-30px {
    min-height: 30px!important
}

.min-w-30px {
    min-width: 30px!important
}

.px-30px {
    padding-inline: 30px!important
}

.mt-30px {
    margin-block-start: 30px
}

.mb-30px {
    margin-block-end: 30px
}

.ms-30px {
    margin-inline-start: 30px
}

.me-30px {
    margin-inline-end: 30px
}

.pt-30px {
    padding-block-start: 30px
}

.pb-30px {
    padding-block-end: 30px
}

.ps-30px {
    padding-inline-start: 30px
}

.pe-30px {
    padding-inline-end: 30px
}

.w-32px {
    width: 32px!important
}

.h-32px {
    height: 32px!important
}

.lh-32px {
    line-height: 32px
}

.min-h-32px {
    min-height: 32px!important
}

.min-w-32px {
    min-width: 32px!important
}

.px-32px {
    padding-inline: 32px!important
}

.mt-32px {
    margin-block-start: 32px
}

.mb-32px {
    margin-block-end: 32px
}

.ms-32px {
    margin-inline-start: 32px
}

.me-32px {
    margin-inline-end: 32px
}

.pt-32px {
    padding-block-start: 32px
}

.pb-32px {
    padding-block-end: 32px
}

.ps-32px {
    padding-inline-start: 32px
}

.pe-32px {
    padding-inline-end: 32px
}

.w-34px {
    width: 34px!important
}

.h-34px {
    height: 34px!important
}

.lh-34px {
    line-height: 34px
}

.min-h-34px {
    min-height: 34px!important
}

.min-w-34px {
    min-width: 34px!important
}

.px-34px {
    padding-inline: 34px!important
}

.mt-34px {
    margin-block-start: 34px
}

.mb-34px {
    margin-block-end: 34px
}

.ms-34px {
    margin-inline-start: 34px
}

.me-34px {
    margin-inline-end: 34px
}

.pt-34px {
    padding-block-start: 34px
}

.pb-34px {
    padding-block-end: 34px
}

.ps-34px {
    padding-inline-start: 34px
}

.pe-34px {
    padding-inline-end: 34px
}

.w-36px {
    width: 36px!important
}

.h-36px {
    height: 36px!important
}

.lh-36px {
    line-height: 36px
}

.min-h-36px {
    min-height: 36px!important
}

.min-w-36px {
    min-width: 36px!important
}

.px-36px {
    padding-inline: 36px!important
}

.mt-36px {
    margin-block-start: 36px
}

.mb-36px {
    margin-block-end: 36px
}

.ms-36px {
    margin-inline-start: 36px
}

.me-36px {
    margin-inline-end: 36px
}

.pt-36px {
    padding-block-start: 36px
}

.pb-36px {
    padding-block-end: 36px
}

.ps-36px {
    padding-inline-start: 36px
}

.pe-36px {
    padding-inline-end: 36px
}

.w-38px {
    width: 38px!important
}

.h-38px {
    height: 38px!important
}

.lh-38px {
    line-height: 38px
}

.min-h-38px {
    min-height: 38px!important
}

.min-w-38px {
    min-width: 38px!important
}

.px-38px {
    padding-inline: 38px!important
}

.mt-38px {
    margin-block-start: 38px
}

.mb-38px {
    margin-block-end: 38px
}

.ms-38px {
    margin-inline-start: 38px
}

.me-38px {
    margin-inline-end: 38px
}

.pt-38px {
    padding-block-start: 38px
}

.pb-38px {
    padding-block-end: 38px
}

.ps-38px {
    padding-inline-start: 38px
}

.pe-38px {
    padding-inline-end: 38px
}

.w-40px {
    width: 40px!important
}

.h-40px {
    height: 40px!important
}

.lh-40px {
    line-height: 40px
}

.min-h-40px {
    min-height: 40px!important
}

.min-w-40px {
    min-width: 40px!important
}

.px-40px {
    padding-inline: 40px!important
}

.mt-40px {
    margin-block-start: 40px
}

.mb-40px {
    margin-block-end: 40px
}

.ms-40px {
    margin-inline-start: 40px
}

.me-40px {
    margin-inline-end: 40px
}

.pt-40px {
    padding-block-start: 40px
}

.pb-40px {
    padding-block-end: 40px
}

.ps-40px {
    padding-inline-start: 40px
}

.pe-40px {
    padding-inline-end: 40px
}

.w-42px {
    width: 42px!important
}

.h-42px {
    height: 42px!important
}

.lh-42px {
    line-height: 42px
}

.min-h-42px {
    min-height: 42px!important
}

.min-w-42px {
    min-width: 42px!important
}

.px-42px {
    padding-inline: 42px!important
}

.mt-42px {
    margin-block-start: 42px
}

.mb-42px {
    margin-block-end: 42px
}

.ms-42px {
    margin-inline-start: 42px
}

.me-42px {
    margin-inline-end: 42px
}

.pt-42px {
    padding-block-start: 42px
}

.pb-42px {
    padding-block-end: 42px
}

.ps-42px {
    padding-inline-start: 42px
}

.pe-42px {
    padding-inline-end: 42px
}

.w-45px {
    width: 45px!important
}

.h-45px {
    height: 45px!important
}

.lh-45px {
    line-height: 45px
}

.min-h-45px {
    min-height: 45px!important
}

.min-w-45px {
    min-width: 45px!important
}

.px-45px {
    padding-inline: 45px!important
}

.mt-45px {
    margin-block-start: 45px
}

.mb-45px {
    margin-block-end: 45px
}

.ms-45px {
    margin-inline-start: 45px
}

.me-45px {
    margin-inline-end: 45px
}

.pt-45px {
    padding-block-start: 45px
}

.pb-45px {
    padding-block-end: 45px
}

.ps-45px {
    padding-inline-start: 45px
}

.pe-45px {
    padding-inline-end: 45px
}

.w-50px {
    width: 50px!important
}

.h-50px {
    height: 50px!important
}

.lh-50px {
    line-height: 50px
}

.min-h-50px {
    min-height: 50px!important
}

.min-w-50px {
    min-width: 50px!important
}

.px-50px {
    padding-inline: 50px!important
}

.mt-50px {
    margin-block-start: 50px
}

.mb-50px {
    margin-block-end: 50px
}

.ms-50px {
    margin-inline-start: 50px
}

.me-50px {
    margin-inline-end: 50px
}

.pt-50px {
    padding-block-start: 50px
}

.pb-50px {
    padding-block-end: 50px
}

.ps-50px {
    padding-inline-start: 50px
}

.pe-50px {
    padding-inline-end: 50px
}

.w-52px {
    width: 52px!important
}

.h-52px {
    height: 52px!important
}

.lh-52px {
    line-height: 52px
}

.min-h-52px {
    min-height: 52px!important
}

.min-w-52px {
    min-width: 52px!important
}

.px-52px {
    padding-inline: 52px!important
}

.mt-52px {
    margin-block-start: 52px
}

.mb-52px {
    margin-block-end: 52px
}

.ms-52px {
    margin-inline-start: 52px
}

.me-52px {
    margin-inline-end: 52px
}

.pt-52px {
    padding-block-start: 52px
}

.pb-52px {
    padding-block-end: 52px
}

.ps-52px {
    padding-inline-start: 52px
}

.pe-52px {
    padding-inline-end: 52px
}

.w-54px {
    width: 54px!important
}

.h-54px {
    height: 54px!important
}

.lh-54px {
    line-height: 54px
}

.min-h-54px {
    min-height: 54px!important
}

.min-w-54px {
    min-width: 54px!important
}

.px-54px {
    padding-inline: 54px!important
}

.mt-54px {
    margin-block-start: 54px
}

.mb-54px {
    margin-block-end: 54px
}

.ms-54px {
    margin-inline-start: 54px
}

.me-54px {
    margin-inline-end: 54px
}

.pt-54px {
    padding-block-start: 54px
}

.pb-54px {
    padding-block-end: 54px
}

.ps-54px {
    padding-inline-start: 54px
}

.pe-54px {
    padding-inline-end: 54px
}

.w-56px {
    width: 56px!important
}

.h-56px {
    height: 56px!important
}

.lh-56px {
    line-height: 56px
}

.min-h-56px {
    min-height: 56px!important
}

.min-w-56px {
    min-width: 56px!important
}

.px-56px {
    padding-inline: 56px!important
}

.mt-56px {
    margin-block-start: 56px
}

.mb-56px {
    margin-block-end: 56px
}

.ms-56px {
    margin-inline-start: 56px
}

.me-56px {
    margin-inline-end: 56px
}

.pt-56px {
    padding-block-start: 56px
}

.pb-56px {
    padding-block-end: 56px
}

.ps-56px {
    padding-inline-start: 56px
}

.pe-56px {
    padding-inline-end: 56px
}

.w-58px {
    width: 58px!important
}

.h-58px {
    height: 58px!important
}

.lh-58px {
    line-height: 58px
}

.min-h-58px {
    min-height: 58px!important
}

.min-w-58px {
    min-width: 58px!important
}

.px-58px {
    padding-inline: 58px!important
}

.mt-58px {
    margin-block-start: 58px
}

.mb-58px {
    margin-block-end: 58px
}

.ms-58px {
    margin-inline-start: 58px
}

.me-58px {
    margin-inline-end: 58px
}

.pt-58px {
    padding-block-start: 58px
}

.pb-58px {
    padding-block-end: 58px
}

.ps-58px {
    padding-inline-start: 58px
}

.pe-58px {
    padding-inline-end: 58px
}

.w-60px {
    width: 60px!important
}

.h-60px {
    height: 60px!important
}

.lh-60px {
    line-height: 60px
}

.min-h-60px {
    min-height: 60px!important
}

.min-w-60px {
    min-width: 60px!important
}

.px-60px {
    padding-inline: 60px!important
}

.mt-60px {
    margin-block-start: 60px
}

.mb-60px {
    margin-block-end: 60px
}

.ms-60px {
    margin-inline-start: 60px
}

.me-60px {
    margin-inline-end: 60px
}

.pt-60px {
    padding-block-start: 60px
}

.pb-60px {
    padding-block-end: 60px
}

.ps-60px {
    padding-inline-start: 60px
}

.pe-60px {
    padding-inline-end: 60px
}

.w-65px {
    width: 65px!important
}

.h-65px {
    height: 65px!important
}

.lh-65px {
    line-height: 65px
}

.min-h-65px {
    min-height: 65px!important
}

.min-w-65px {
    min-width: 65px!important
}

.px-65px {
    padding-inline: 65px!important
}

.mt-65px {
    margin-block-start: 65px
}

.mb-65px {
    margin-block-end: 65px
}

.ms-65px {
    margin-inline-start: 65px
}

.me-65px {
    margin-inline-end: 65px
}

.pt-65px {
    padding-block-start: 65px
}

.pb-65px {
    padding-block-end: 65px
}

.ps-65px {
    padding-inline-start: 65px
}

.pe-65px {
    padding-inline-end: 65px
}

.w-70px {
    width: 70px!important
}

.h-70px {
    height: 70px!important
}

.lh-70px {
    line-height: 70px
}

.min-h-70px {
    min-height: 70px!important
}

.min-w-70px {
    min-width: 70px!important
}

.px-70px {
    padding-inline: 70px!important
}

.mt-70px {
    margin-block-start: 70px
}

.mb-70px {
    margin-block-end: 70px
}

.ms-70px {
    margin-inline-start: 70px
}

.me-70px {
    margin-inline-end: 70px
}

.pt-70px {
    padding-block-start: 70px
}

.pb-70px {
    padding-block-end: 70px
}

.ps-70px {
    padding-inline-start: 70px
}

.pe-70px {
    padding-inline-end: 70px
}

.w-80px {
    width: 80px!important
}

.h-80px {
    height: 80px!important
}

.lh-80px {
    line-height: 80px
}

.min-h-80px {
    min-height: 80px!important
}

.min-w-80px {
    min-width: 80px!important
}

.px-80px {
    padding-inline: 80px!important
}

.mt-80px {
    margin-block-start: 80px
}

.mb-80px {
    margin-block-end: 80px
}

.ms-80px {
    margin-inline-start: 80px
}

.me-80px {
    margin-inline-end: 80px
}

.pt-80px {
    padding-block-start: 80px
}

.pb-80px {
    padding-block-end: 80px
}

.ps-80px {
    padding-inline-start: 80px
}

.pe-80px {
    padding-inline-end: 80px
}

.w-90px {
    width: 90px!important
}

.h-90px {
    height: 90px!important
}

.lh-90px {
    line-height: 90px
}

.min-h-90px {
    min-height: 90px!important
}

.min-w-90px {
    min-width: 90px!important
}

.px-90px {
    padding-inline: 90px!important
}

.mt-90px {
    margin-block-start: 90px
}

.mb-90px {
    margin-block-end: 90px
}

.ms-90px {
    margin-inline-start: 90px
}

.me-90px {
    margin-inline-end: 90px
}

.pt-90px {
    padding-block-start: 90px
}

.pb-90px {
    padding-block-end: 90px
}

.ps-90px {
    padding-inline-start: 90px
}

.pe-90px {
    padding-inline-end: 90px
}

.w-100px {
    width: 100px!important
}

.h-100px {
    height: 100px!important
}

.lh-100px {
    line-height: 100px
}

.min-h-100px {
    min-height: 100px!important
}

.min-w-100px {
    min-width: 100px!important
}

.px-100px {
    padding-inline: 100px!important
}

.mb-100px {
    margin-block-end: 100px
}

.ms-100px {
    margin-inline-start: 100px
}

.me-100px {
    margin-inline-end: 100px
}

.pt-100px {
    padding-block-start: 100px
}

.pb-100px {
    padding-block-end: 100px
}

.ps-100px {
    padding-inline-start: 100px
}

.pe-100px {
    padding-inline-end: 100px
}

.w-110px {
    width: 110px!important
}

.h-110px {
    height: 110px!important
}

.lh-110px {
    line-height: 110px
}

.min-h-110px {
    min-height: 110px!important
}

.min-w-110px {
    min-width: 110px!important
}

.px-110px {
    padding-inline: 110px!important
}

.mt-110px {
    margin-block-start: 110px
}

.mb-110px {
    margin-block-end: 110px
}

.ms-110px {
    margin-inline-start: 110px
}

.me-110px {
    margin-inline-end: 110px
}

.pt-110px {
    padding-block-start: 110px
}

.pb-110px {
    padding-block-end: 110px
}

.ps-110px {
    padding-inline-start: 110px
}

.pe-110px {
    padding-inline-end: 110px
}

.w-115px {
    width: 115px!important
}

.h-115px {
    height: 115px!important
}

.lh-115px {
    line-height: 115px
}

.min-h-115px {
    min-height: 115px!important
}

.min-w-115px {
    min-width: 115px!important
}

.px-115px {
    padding-inline: 115px!important
}

.mt-115px {
    margin-block-start: 115px
}

.mb-115px {
    margin-block-end: 115px
}

.ms-115px {
    margin-inline-start: 115px
}

.me-115px {
    margin-inline-end: 115px
}

.pt-115px {
    padding-block-start: 115px
}

.pb-115px {
    padding-block-end: 115px
}

.ps-115px {
    padding-inline-start: 115px
}

.pe-115px {
    padding-inline-end: 115px
}

.w-130px {
    width: 130px!important
}

.h-130px {
    height: 130px!important
}

.lh-130px {
    line-height: 130px
}

.min-h-130px {
    min-height: 130px!important
}

.min-w-130px {
    min-width: 130px!important
}

.px-130px {
    padding-inline: 130px!important
}

.mt-130px {
    margin-block-start: 130px
}

.mb-130px {
    margin-block-end: 130px
}

.ms-130px {
    margin-inline-start: 130px
}

.me-130px {
    margin-inline-end: 130px
}

.pt-130px {
    padding-block-start: 130px
}

.pb-130px {
    padding-block-end: 130px
}

.ps-130px {
    padding-inline-start: 130px
}

.pe-130px {
    padding-inline-end: 130px
}

.w-140px {
    width: 140px!important
}

.h-140px {
    height: 140px!important
}

.lh-140px {
    line-height: 140px
}

.min-h-140px {
    min-height: 140px!important
}

.min-w-140px {
    min-width: 140px!important
}

.px-140px {
    padding-inline: 140px!important
}

.mt-140px {
    margin-block-start: 140px
}

.mb-140px {
    margin-block-end: 140px
}

.ms-140px {
    margin-inline-start: 140px
}

.me-140px {
    margin-inline-end: 140px
}

.pt-140px {
    padding-block-start: 140px
}

.pb-140px {
    padding-block-end: 140px
}

.ps-140px {
    padding-inline-start: 140px
}

.pe-140px {
    padding-inline-end: 140px
}

.w-150px {
    width: 150px!important
}

.h-150px {
    height: 150px!important
}

.lh-150px {
    line-height: 150px
}

.min-h-150px {
    min-height: 150px!important
}

.min-w-150px {
    min-width: 150px!important
}

.px-150px {
    padding-inline: 150px!important
}

.mt-150px {
    margin-block-start: 150px
}

.mb-150px {
    margin-block-end: 150px
}

.ms-150px {
    margin-inline-start: 150px
}

.me-150px {
    margin-inline-end: 150px
}

.pt-150px {
    padding-block-start: 150px
}

.pb-150px {
    padding-block-end: 150px
}

.ps-150px {
    padding-inline-start: 150px
}

.pe-150px {
    padding-inline-end: 150px
}

.w-200px {
    width: 200px!important
}

.h-200px {
    height: 200px!important
}

.lh-200px {
    line-height: 200px
}

.min-h-200px {
    min-height: 200px!important
}

.min-w-200px {
    min-width: 200px!important
}

.px-200px {
    padding-inline: 200px!important
}

.mt-200px {
    margin-block-start: 200px
}

.mb-200px {
    margin-block-end: 200px
}

.ms-200px {
    margin-inline-start: 200px
}

.me-200px {
    margin-inline-end: 200px
}

.pt-200px {
    padding-block-start: 200px
}

.pb-200px {
    padding-block-end: 200px
}

.ps-200px {
    padding-inline-start: 200px
}

.pe-200px {
    padding-inline-end: 200px
}

.w-250px {
    width: 250px!important
}

.h-250px {
    height: 250px!important
}

.lh-250px {
    line-height: 250px
}

.min-h-250px {
    min-height: 250px!important
}

.min-w-250px {
    min-width: 250px!important
}

.px-250px {
    padding-inline: 250px!important
}

.mt-250px {
    margin-block-start: 250px
}

.mb-250px {
    margin-block-end: 250px
}

.ms-250px {
    margin-inline-start: 250px
}

.me-250px {
    margin-inline-end: 250px
}

.pt-250px {
    padding-block-start: 250px
}

.pb-250px {
    padding-block-end: 250px
}

.ps-250px {
    padding-inline-start: 250px
}

.pe-250px {
    padding-inline-end: 250px
}

.w-258px {
    width: 258px!important
}

.h-258px {
    height: 258px!important
}

.lh-258px {
    line-height: 258px
}

.min-h-258px {
    min-height: 258px!important
}

.min-w-258px {
    min-width: 258px!important
}

.px-258px {
    padding-inline: 258px!important
}

.mt-258px {
    margin-block-start: 258px
}

.mb-258px {
    margin-block-end: 258px
}

.ms-258px {
    margin-inline-start: 258px
}

.me-258px {
    margin-inline-end: 258px
}

.pt-258px {
    padding-block-start: 258px
}

.pb-258px {
    padding-block-end: 258px
}

.ps-258px {
    padding-inline-start: 258px
}

.pe-258px {
    padding-inline-end: 258px
}

.w-300px {
    width: 300px!important
}

.h-300px {
    height: 300px!important
}

.lh-300px {
    line-height: 300px
}

.min-h-300px {
    min-height: 300px!important
}

.min-w-300px {
    min-width: 300px!important
}

.px-300px {
    padding-inline: 300px!important
}

.mt-300px {
    margin-block-start: 300px
}

.mb-300px {
    margin-block-end: 300px
}

.ms-300px {
    margin-inline-start: 300px
}

.me-300px {
    margin-inline-end: 300px
}

.pt-300px {
    padding-block-start: 300px
}

.pb-300px {
    padding-block-end: 300px
}

.ps-300px {
    padding-inline-start: 300px
}

.pe-300px {
    padding-inline-end: 300px
}

.w-350px {
    width: 350px!important
}

.h-350px {
    height: 350px!important
}

.lh-350px {
    line-height: 350px
}

.min-h-350px {
    min-height: 350px!important
}

.min-w-350px {
    min-width: 350px!important
}

.px-350px {
    padding-inline: 350px!important
}

.mt-350px {
    margin-block-start: 350px
}

.mb-350px {
    margin-block-end: 350px
}

.ms-350px {
    margin-inline-start: 350px
}

.me-350px {
    margin-inline-end: 350px
}

.pt-350px {
    padding-block-start: 350px
}

.pb-350px {
    padding-block-end: 350px
}

.ps-350px {
    padding-inline-start: 350px
}

.pe-350px {
    padding-inline-end: 350px
}

.w--10px {
    width: -10px!important
}

.h--10px {
    height: -10px!important
}

.lh--10px {
    line-height: -10px
}

.min-h--10px {
    min-height: -10px!important
}

.min-w--10px {
    min-width: -10px!important
}

.px--10px {
    padding-inline: -10px!important
}

.mt--10px {
    margin-block-start: -10px
}

.mb--10px {
    margin-block-end: -10px
}

.ms--10px {
    margin-inline-start: -10px
}

.me--10px {
    margin-inline-end: -10px
}

.pt--10px {
    padding-block-start: -10px
}

.pb--10px {
    padding-block-end: -10px
}

.ps--10px {
    padding-inline-start: -10px
}

.pe--10px {
    padding-inline-end: -10px
}

.w--5px {
    width: -5px!important
}

.h--5px {
    height: -5px!important
}

.lh--5px {
    line-height: -5px
}

.min-h--5px {
    min-height: -5px!important
}

.min-w--5px {
    min-width: -5px!important
}

.px--5px {
    padding-inline: -5px!important
}

.mt--5px {
    margin-block-start: -5px
}

.mb--5px {
    margin-block-end: -5px
}

.ms--5px {
    margin-inline-start: -5px
}

.me--5px {
    margin-inline-end: -5px
}

.pt--5px {
    padding-block-start: -5px
}

.pb--5px {
    padding-block-end: -5px
}

.ps--5px {
    padding-inline-start: -5px
}

.pe--5px {
    padding-inline-end: -5px
}

.w--25px {
    width: -25px!important
}

.h--25px {
    height: -25px!important
}

.lh--25px {
    line-height: -25px
}

.min-h--25px {
    min-height: -25px!important
}

.min-w--25px {
    min-width: -25px!important
}

.px--25px {
    padding-inline: -25px!important
}

.mt--25px {
    margin-block-start: -25px
}

.mb--25px {
    margin-block-end: -25px
}

.ms--25px {
    margin-inline-start: -25px
}

.me--25px {
    margin-inline-end: -25px
}

.pt--25px {
    padding-block-start: -25px
}

.pb--25px {
    padding-block-end: -25px
}

.ps--25px {
    padding-inline-start: -25px
}

.pe--25px {
    padding-inline-end: -25px
}

.w--30px {
    width: -30px!important
}

.h--30px {
    height: -30px!important
}

.lh--30px {
    line-height: -30px
}

.min-h--30px {
    min-height: -30px!important
}

.min-w--30px {
    min-width: -30px!important
}

.px--30px {
    padding-inline: -30px!important
}

.mt--30px {
    margin-block-start: -30px
}

.mb--30px {
    margin-block-end: -30px
}

.ms--30px {
    margin-inline-start: -30px
}

.me--30px {
    margin-inline-end: -30px
}

.pt--30px {
    padding-block-start: -30px
}

.pb--30px {
    padding-block-end: -30px
}

.ps--30px {
    padding-inline-start: -30px
}

.pe--30px {
    padding-inline-end: -30px
}

.w-700px {
    width: 700px!important
}

.h-700px {
    height: 700px!important
}

.lh-700px {
    line-height: 700px
}

.min-h-700px {
    min-height: 700px!important
}

.min-w-700px {
    min-width: 700px!important
}

.px-700px {
    padding-inline: 700px!important
}

.mt-700px {
    margin-block-start: 700px
}

.mb-700px {
    margin-block-end: 700px
}

.ms-700px {
    margin-inline-start: 700px
}

.me-700px {
    margin-inline-end: 700px
}

.pt-700px {
    padding-block-start: 700px
}

.pb-700px {
    padding-block-end: 700px
}

.ps-700px {
    padding-inline-start: 700px
}

.pe-700px {
    padding-inline-end: 700px
}

.w--200px {
    width: -200px!important
}

.h--200px {
    height: -200px!important
}

.lh--200px {
    line-height: -200px
}

.min-h--200px {
    min-height: -200px!important
}

.min-w--200px {
    min-width: -200px!important
}

.px--200px {
    padding-inline: -200px!important
}

.mt--200px {
    margin-block-start: -200px
}

.mb--200px {
    margin-block-end: -200px
}

.ms--200px {
    margin-inline-start: -200px
}

.me--200px {
    margin-inline-end: -200px
}

.pt--200px {
    padding-block-start: -200px
}

.pb--200px {
    padding-block-end: -200px
}

.ps--200px {
    padding-inline-start: -200px
}

.pe--200px {
    padding-inline-end: -200px
}

.fs-6px {
    font-size: 6px
}

.fs-8px {
    font-size: 8px
}

.fs-10px {
    font-size: 10px
}

.fs-12px {
    font-size: 12px
}

.fs-14px {
    font-size: 14px
}

.fs-15px {
    font-size: 15px
}

.fs-16px {
    font-size: 16px
}

.fs-18px {
    font-size: 18px
}

.fs-20px {
    font-size: 20px
}

.fs-22px {
    font-size: 22px
}

.fs-24px {
    font-size: 24px
}

.fs-26px {
    font-size: 26px
}

@media(max-width:767.98px) {
    .fs-26px {
        font-size: 21.66667px
    }
}

.fs-28px {
    font-size: 28px
}

@media(max-width:767.98px) {
    .fs-28px {
        font-size: 23.33333px
    }
}

.fs-30px {
    font-size: 30px
}

@media(max-width:767.98px) {
    .fs-30px {
        font-size: 25px
    }
}

.fs-36px {
    font-size: 36px
}

.fs-42px {
    font-size: 42px
}

.fs-48px {
    font-size: 48px
}

.fs-52px {
    font-size: 52px
}

.fs-56px {
    font-size: 56px
}

.rounded-0px {
    border-radius: 0!important
}

.rounded-end-start-0px {
    border-end-start-radius: 0!important
}

.rounded-start-end-0px {
    border-start-end-radius: 0!important
}

.rounded-end-end-0px {
    border-end-end-radius: 0!important
}

.rounded-start-start-0px {
    border-start-start-radius: 0!important
}

.rounded-end-0px,
.rounded-top-right-0px {
    border-start-end-radius: 0!important
}

.rounded-end-0px {
    border-end-end-radius: 0!important
}

.rounded-start-0px {
    border-end-start-radius: 0!important;
    border-start-start-radius: 0!important
}

.rounded-5px {
    border-radius: 5px!important
}

.rounded-end-start-5px {
    border-end-start-radius: 5px!important
}

.rounded-start-end-5px {
    border-start-end-radius: 5px!important
}

.rounded-end-end-5px {
    border-end-end-radius: 5px!important
}

.rounded-start-start-5px {
    border-start-start-radius: 5px!important
}

.rounded-end-5px,
.rounded-top-right-5px {
    border-start-end-radius: 5px!important
}

.rounded-end-5px {
    border-end-end-radius: 5px!important
}

.rounded-start-5px {
    border-end-start-radius: 5px!important;
    border-start-start-radius: 5px!important
}

.rounded-8px {
    border-radius: 8px!important
}

.rounded-end-start-8px {
    border-end-start-radius: 8px!important
}

.rounded-start-end-8px {
    border-start-end-radius: 8px!important
}

.rounded-end-end-8px {
    border-end-end-radius: 8px!important
}

.rounded-start-start-8px {
    border-start-start-radius: 8px!important
}

.rounded-end-8px,
.rounded-top-right-8px {
    border-start-end-radius: 8px!important
}

.rounded-end-8px {
    border-end-end-radius: 8px!important
}

.rounded-start-8px {
    border-end-start-radius: 8px!important;
    border-start-start-radius: 8px!important
}

.rounded-10px {
    border-radius: 10px!important
}

.rounded-end-start-10px {
    border-end-start-radius: 10px!important
}

.rounded-start-end-10px {
    border-start-end-radius: 10px!important
}

.rounded-end-end-10px {
    border-end-end-radius: 10px!important
}

.rounded-start-start-10px {
    border-start-start-radius: 10px!important
}

.rounded-end-10px,
.rounded-top-right-10px {
    border-start-end-radius: 10px!important
}

.rounded-end-10px {
    border-end-end-radius: 10px!important
}

.rounded-start-10px {
    border-end-start-radius: 10px!important;
    border-start-start-radius: 10px!important
}

.rounded-12px {
    border-radius: 12px!important
}

.rounded-end-start-12px {
    border-end-start-radius: 12px!important
}

.rounded-start-end-12px {
    border-start-end-radius: 12px!important
}

.rounded-end-end-12px {
    border-end-end-radius: 12px!important
}

.rounded-start-start-12px {
    border-start-start-radius: 12px!important
}

.rounded-end-12px,
.rounded-top-right-12px {
    border-start-end-radius: 12px!important
}

.rounded-end-12px {
    border-end-end-radius: 12px!important
}

.rounded-start-12px {
    border-end-start-radius: 12px!important;
    border-start-start-radius: 12px!important
}

.rounded-14px {
    border-radius: 14px!important
}

.rounded-end-start-14px {
    border-end-start-radius: 14px!important
}

.rounded-start-end-14px {
    border-start-end-radius: 14px!important
}

.rounded-end-end-14px {
    border-end-end-radius: 14px!important
}

.rounded-start-start-14px {
    border-start-start-radius: 14px!important
}

.rounded-end-14px,
.rounded-top-right-14px {
    border-start-end-radius: 14px!important
}

.rounded-end-14px {
    border-end-end-radius: 14px!important
}

.rounded-start-14px {
    border-end-start-radius: 14px!important;
    border-start-start-radius: 14px!important
}

.rounded-16px {
    border-radius: 16px!important
}

.rounded-end-start-16px {
    border-end-start-radius: 16px!important
}

.rounded-start-end-16px {
    border-start-end-radius: 16px!important
}

.rounded-end-end-16px {
    border-end-end-radius: 16px!important
}

.rounded-start-start-16px {
    border-start-start-radius: 16px!important
}

.rounded-end-16px,
.rounded-top-right-16px {
    border-start-end-radius: 16px!important
}

.rounded-end-16px {
    border-end-end-radius: 16px!important
}

.rounded-start-16px {
    border-end-start-radius: 16px!important;
    border-start-start-radius: 16px!important
}

.rounded-18px {
    border-radius: 18px!important
}

.rounded-end-start-18px {
    border-end-start-radius: 18px!important
}

.rounded-start-end-18px {
    border-start-end-radius: 18px!important
}

.rounded-end-end-18px {
    border-end-end-radius: 18px!important
}

.rounded-start-start-18px {
    border-start-start-radius: 18px!important
}

.rounded-end-18px,
.rounded-top-right-18px {
    border-start-end-radius: 18px!important
}

.rounded-end-18px {
    border-end-end-radius: 18px!important
}

.rounded-start-18px {
    border-end-start-radius: 18px!important;
    border-start-start-radius: 18px!important
}

.rounded-19px {
    border-radius: 19px!important
}

.rounded-end-start-19px {
    border-end-start-radius: 19px!important
}

.rounded-start-end-19px {
    border-start-end-radius: 19px!important
}

.rounded-end-end-19px {
    border-end-end-radius: 19px!important
}

.rounded-start-start-19px {
    border-start-start-radius: 19px!important
}

.rounded-end-19px,
.rounded-top-right-19px {
    border-start-end-radius: 19px!important
}

.rounded-end-19px {
    border-end-end-radius: 19px!important
}

.rounded-start-19px {
    border-end-start-radius: 19px!important;
    border-start-start-radius: 19px!important
}

.rounded-20px {
    border-radius: 20px!important
}

.rounded-end-start-20px {
    border-end-start-radius: 20px!important
}

.rounded-start-end-20px {
    border-start-end-radius: 20px!important
}

.rounded-end-end-20px {
    border-end-end-radius: 20px!important
}

.rounded-start-start-20px {
    border-start-start-radius: 20px!important
}

.rounded-end-20px,
.rounded-top-right-20px {
    border-start-end-radius: 20px!important
}

.rounded-end-20px {
    border-end-end-radius: 20px!important
}

.rounded-start-20px {
    border-end-start-radius: 20px!important;
    border-start-start-radius: 20px!important
}

.rounded-22px {
    border-radius: 22px!important
}

.rounded-end-start-22px {
    border-end-start-radius: 22px!important
}

.rounded-start-end-22px {
    border-start-end-radius: 22px!important
}

.rounded-end-end-22px {
    border-end-end-radius: 22px!important
}

.rounded-start-start-22px {
    border-start-start-radius: 22px!important
}

.rounded-end-22px,
.rounded-top-right-22px {
    border-start-end-radius: 22px!important
}

.rounded-end-22px {
    border-end-end-radius: 22px!important
}

.rounded-start-22px {
    border-end-start-radius: 22px!important;
    border-start-start-radius: 22px!important
}

.rounded-24px {
    border-radius: 24px!important
}

.rounded-end-start-24px {
    border-end-start-radius: 24px!important
}

.rounded-start-end-24px {
    border-start-end-radius: 24px!important
}

.rounded-end-end-24px {
    border-end-end-radius: 24px!important
}

.rounded-start-start-24px {
    border-start-start-radius: 24px!important
}

.rounded-end-24px,
.rounded-top-right-24px {
    border-start-end-radius: 24px!important
}

.rounded-end-24px {
    border-end-end-radius: 24px!important
}

.rounded-start-24px {
    border-end-start-radius: 24px!important;
    border-start-start-radius: 24px!important
}

.rounded-26px {
    border-radius: 26px!important
}

.rounded-end-start-26px {
    border-end-start-radius: 26px!important
}

.rounded-start-end-26px {
    border-start-end-radius: 26px!important
}

.rounded-end-end-26px {
    border-end-end-radius: 26px!important
}

.rounded-start-start-26px {
    border-start-start-radius: 26px!important
}

.rounded-end-26px,
.rounded-top-right-26px {
    border-start-end-radius: 26px!important
}

.rounded-end-26px {
    border-end-end-radius: 26px!important
}

.rounded-start-26px {
    border-end-start-radius: 26px!important;
    border-start-start-radius: 26px!important
}

.rounded-28px {
    border-radius: 28px!important
}

.rounded-end-start-28px {
    border-end-start-radius: 28px!important
}

.rounded-start-end-28px {
    border-start-end-radius: 28px!important
}

.rounded-end-end-28px {
    border-end-end-radius: 28px!important
}

.rounded-start-start-28px {
    border-start-start-radius: 28px!important
}

.rounded-end-28px,
.rounded-top-right-28px {
    border-start-end-radius: 28px!important
}

.rounded-end-28px {
    border-end-end-radius: 28px!important
}

.rounded-start-28px {
    border-end-start-radius: 28px!important;
    border-start-start-radius: 28px!important
}

.rounded-35px {
    border-radius: 35px!important
}

.rounded-end-start-35px {
    border-end-start-radius: 35px!important
}

.rounded-start-end-35px {
    border-start-end-radius: 35px!important
}

.rounded-end-end-35px {
    border-end-end-radius: 35px!important
}

.rounded-start-start-35px {
    border-start-start-radius: 35px!important
}

.rounded-end-35px,
.rounded-top-right-35px {
    border-start-end-radius: 35px!important
}

.rounded-end-35px {
    border-end-end-radius: 35px!important
}

.rounded-start-35px {
    border-end-start-radius: 35px!important;
    border-start-start-radius: 35px!important
}

.rounded-40px {
    border-radius: 40px!important
}

.rounded-end-start-40px {
    border-end-start-radius: 40px!important
}

.rounded-start-end-40px {
    border-start-end-radius: 40px!important
}

.rounded-end-end-40px {
    border-end-end-radius: 40px!important
}

.rounded-start-start-40px {
    border-start-start-radius: 40px!important
}

.rounded-end-40px,
.rounded-top-right-40px {
    border-start-end-radius: 40px!important
}

.rounded-end-40px {
    border-end-end-radius: 40px!important
}

.rounded-start-40px {
    border-end-start-radius: 40px!important;
    border-start-start-radius: 40px!important
}

.rounded-45px {
    border-radius: 45px!important
}

.rounded-end-start-45px {
    border-end-start-radius: 45px!important
}

.rounded-start-end-45px {
    border-start-end-radius: 45px!important
}

.rounded-end-end-45px {
    border-end-end-radius: 45px!important
}

.rounded-start-start-45px {
    border-start-start-radius: 45px!important
}

.rounded-end-45px,
.rounded-top-right-45px {
    border-start-end-radius: 45px!important
}

.rounded-end-45px {
    border-end-end-radius: 45px!important
}

.rounded-start-45px {
    border-end-start-radius: 45px!important;
    border-start-start-radius: 45px!important
}

.rounded-30px {
    border-radius: 30px!important
}

.rounded-end-start-30px {
    border-end-start-radius: 30px!important
}

.rounded-start-end-30px {
    border-start-end-radius: 30px!important
}

.rounded-end-end-30px {
    border-end-end-radius: 30px!important
}

.rounded-start-start-30px {
    border-start-start-radius: 30px!important
}

.rounded-end-30px,
.rounded-top-right-30px {
    border-start-end-radius: 30px!important
}

.rounded-end-30px {
    border-end-end-radius: 30px!important
}

.rounded-start-30px {
    border-end-start-radius: 30px!important;
    border-start-start-radius: 30px!important
}

.rotate-45deg {
    transform: rotate(45deg)!important
}

.rotate-90deg {
    transform: rotate(90deg)!important
}

.rotate--90deg {
    transform: rotate(-90deg)!important
}

.rotate-0 {
    transform: rotate(0)!important
}

.rotate-180deg {
    transform: rotate(180deg)!important
}

.rotate--180deg {
    transform: rotate(-180deg)!important
}

.w--webkit-fill-available {
    width: -webkit-fill-available!important
}

.w-fit-content {
    width: fit-content!important
}

.w-max-content {
    width: max-content!important
}

.w-min-content {
    width: min-content!important
}

.w-unset {
    width: unset!important
}

.start-1px {
    inset-inline-start: 1px
}

.end-1px,
.inset-end-1px,
.left-1px {
    inset-inline-end: 1px
}

.right-1px {
    inset-inline-start: 1px
}

.top-1px {
    inset-block-start: 1px
}

.bottom-1px {
    inset-block-end: 1px
}

.start-5px {
    inset-inline-start: 5px
}

.end-5px,
.inset-end-5px,
.left-5px {
    inset-inline-end: 5px
}

.right-5px {
    inset-inline-start: 5px
}

.top-5px {
    inset-block-start: 5px
}

.bottom-5px {
    inset-block-end: 5px
}

.start-8px {
    inset-inline-start: 8px
}

.end-8px,
.inset-end-8px,
.left-8px {
    inset-inline-end: 8px
}

.right-8px {
    inset-inline-start: 8px
}

.top-8px {
    inset-block-start: 8px
}

.bottom-8px {
    inset-block-end: 8px
}

.start-10px {
    inset-inline-start: 10px
}

.end-10px,
.inset-end-10px,
.left-10px {
    inset-inline-end: 10px
}

.right-10px {
    inset-inline-start: 10px
}

.top-10px {
    inset-block-start: 10px
}

.bottom-10px {
    inset-block-end: 10px
}

.start-12px {
    inset-inline-start: 12px
}

.end-12px,
.inset-end-12px,
.left-12px {
    inset-inline-end: 12px
}

.right-12px {
    inset-inline-start: 12px
}

.top-12px {
    inset-block-start: 12px
}

.bottom-12px {
    inset-block-end: 12px
}

.start-14px {
    inset-inline-start: 14px
}

.end-14px,
.inset-end-14px,
.left-14px {
    inset-inline-end: 14px
}

.right-14px {
    inset-inline-start: 14px
}

.top-14px {
    inset-block-start: 14px
}

.bottom-14px {
    inset-block-end: 14px
}

.start-16px {
    inset-inline-start: 16px
}

.end-16px,
.inset-end-16px,
.left-16px {
    inset-inline-end: 16px
}

.right-16px {
    inset-inline-start: 16px
}

.top-16px {
    inset-block-start: 16px
}

.bottom-16px {
    inset-block-end: 16px
}

.start-18px {
    inset-inline-start: 18px
}

.end-18px,
.inset-end-18px,
.left-18px {
    inset-inline-end: 18px
}

.right-18px {
    inset-inline-start: 18px
}

.top-18px {
    inset-block-start: 18px
}

.bottom-18px {
    inset-block-end: 18px
}

.start-20px {
    inset-inline-start: 20px
}

.end-20px,
.inset-end-20px,
.left-20px {
    inset-inline-end: 20px
}

.right-20px {
    inset-inline-start: 20px
}

.top-20px {
    inset-block-start: 20px
}

.bottom-20px {
    inset-block-end: 20px
}

.start-22px {
    inset-inline-start: 22px
}

.end-22px,
.inset-end-22px,
.left-22px {
    inset-inline-end: 22px
}

.right-22px {
    inset-inline-start: 22px
}

.top-22px {
    inset-block-start: 22px
}

.bottom-22px {
    inset-block-end: 22px
}

.start-24px {
    inset-inline-start: 24px
}

.end-24px,
.inset-end-24px,
.left-24px {
    inset-inline-end: 24px
}

.right-24px {
    inset-inline-start: 24px
}

.top-24px {
    inset-block-start: 24px
}

.bottom-24px {
    inset-block-end: 24px
}

.start-26px {
    inset-inline-start: 26px
}

.end-26px,
.inset-end-26px,
.left-26px {
    inset-inline-end: 26px
}

.right-26px {
    inset-inline-start: 26px
}

.top-26px {
    inset-block-start: 26px
}

.bottom-26px {
    inset-block-end: 26px
}

.start-28px {
    inset-inline-start: 28px
}

.end-28px,
.inset-end-28px,
.left-28px {
    inset-inline-end: 28px
}

.right-28px {
    inset-inline-start: 28px
}

.top-28px {
    inset-block-start: 28px
}

.bottom-28px {
    inset-block-end: 28px
}

.start-30px {
    inset-inline-start: 30px
}

.end-30px,
.inset-end-30px,
.left-30px {
    inset-inline-end: 30px
}

.right-30px {
    inset-inline-start: 30px
}

.top-30px {
    inset-block-start: 30px
}

.bottom-30px {
    inset-block-end: 30px
}

.start-32px {
    inset-inline-start: 32px
}

.end-32px,
.inset-end-32px,
.left-32px {
    inset-inline-end: 32px
}

.right-32px {
    inset-inline-start: 32px
}

.top-32px {
    inset-block-start: 32px
}

.bottom-32px {
    inset-block-end: 32px
}

.start-35px {
    inset-inline-start: 35px
}

.end-35px,
.inset-end-35px,
.left-35px {
    inset-inline-end: 35px
}

.right-35px {
    inset-inline-start: 35px
}

.top-35px {
    inset-block-start: 35px
}

.bottom-35px {
    inset-block-end: 35px
}

.start-40px {
    inset-inline-start: 40px
}

.end-40px,
.inset-end-40px,
.left-40px {
    inset-inline-end: 40px
}

.right-40px {
    inset-inline-start: 40px
}

.top-40px {
    inset-block-start: 40px
}

.bottom-40px {
    inset-block-end: 40px
}

.start-45px {
    inset-inline-start: 45px
}

.end-45px,
.inset-end-45px,
.left-45px {
    inset-inline-end: 45px
}

.right-45px {
    inset-inline-start: 45px
}

.top-45px {
    inset-block-start: 45px
}

.bottom-45px {
    inset-block-end: 45px
}

.start-48px {
    inset-inline-start: 48px
}

.end-48px,
.inset-end-48px,
.left-48px {
    inset-inline-end: 48px
}

.right-48px {
    inset-inline-start: 48px
}

.top-48px {
    inset-block-start: 48px
}

.bottom-48px {
    inset-block-end: 48px
}

.start-50px {
    inset-inline-start: 50px
}

.end-50px,
.inset-end-50px,
.left-50px {
    inset-inline-end: 50px
}

.right-50px {
    inset-inline-start: 50px
}

.top-50px {
    inset-block-start: 50px
}

.bottom-50px {
    inset-block-end: 50px
}

.start-55px {
    inset-inline-start: 55px
}

.end-55px,
.inset-end-55px,
.left-55px {
    inset-inline-end: 55px
}

.right-55px {
    inset-inline-start: 55px
}

.top-55px {
    inset-block-start: 55px
}

.bottom-55px {
    inset-block-end: 55px
}

.start-60px {
    inset-inline-start: 60px
}

.end-60px,
.inset-end-60px,
.left-60px {
    inset-inline-end: 60px
}

.right-60px {
    inset-inline-start: 60px
}

.top-60px {
    inset-block-start: 60px
}

.bottom-60px {
    inset-block-end: 60px
}

.start-70px {
    inset-inline-start: 70px
}

.end-70px,
.inset-end-70px,
.left-70px {
    inset-inline-end: 70px
}

.right-70px {
    inset-inline-start: 70px
}

.top-70px {
    inset-block-start: 70px
}

.bottom-70px {
    inset-block-end: 70px
}

.start-100px {
    inset-inline-start: 100px
}

.end-100px,
.inset-end-100px,
.left-100px {
    inset-inline-end: 100px
}

.right-100px {
    inset-inline-start: 100px
}

.top-100px {
    inset-block-start: 100px
}

.bottom-100px {
    inset-block-end: 100px
}

.start-170px {
    inset-inline-start: 170px
}

.end-170px,
.inset-end-170px,
.left-170px {
    inset-inline-end: 170px
}

.right-170px {
    inset-inline-start: 170px
}

.top-170px {
    inset-block-start: 170px
}

.bottom-170px {
    inset-block-end: 170px
}

.start-200px {
    inset-inline-start: 200px
}

.end-200px,
.inset-end-200px,
.left-200px {
    inset-inline-end: 200px
}

.right-200px {
    inset-inline-start: 200px
}

.top-200px {
    inset-block-start: 200px
}

.bottom-200px {
    inset-block-end: 200px
}

.start--3px {
    inset-inline-start: -3px
}

.end--3px,
.inset-end--3px,
.left--3px {
    inset-inline-end: -3px
}

.right--3px {
    inset-inline-start: -3px
}

.top--3px {
    inset-block-start: -3px
}

.bottom--3px {
    inset-block-end: -3px
}

.start--10px {
    inset-inline-start: -10px
}

.end--10px,
.inset-end--10px,
.left--10px {
    inset-inline-end: -10px
}

.right--10px {
    inset-inline-start: -10px
}

.top--10px {
    inset-block-start: -10px
}

.bottom--10px {
    inset-block-end: -10px
}

.start--15px {
    inset-inline-start: -15px
}

.end--15px,
.inset-end--15px,
.left--15px {
    inset-inline-end: -15px
}

.right--15px {
    inset-inline-start: -15px
}

.top--15px {
    inset-block-start: -15px
}

.bottom--15px {
    inset-block-end: -15px
}

.start--20px {
    inset-inline-start: -20px
}

.end--20px,
.inset-end--20px,
.left--20px {
    inset-inline-end: -20px
}

.right--20px {
    inset-inline-start: -20px
}

.top--20px {
    inset-block-start: -20px
}

.bottom--20px {
    inset-block-end: -20px
}

.start--30px {
    inset-inline-start: -30px
}

.end--30px,
.inset-end--30px,
.left--30px {
    inset-inline-end: -30px
}

.right--30px {
    inset-inline-start: -30px
}

.top--30px {
    inset-block-start: -30px
}

.bottom--30px {
    inset-block-end: -30px
}

.start--40px {
    inset-inline-start: -40px
}

.end--40px,
.inset-end--40px,
.left--40px {
    inset-inline-end: -40px
}

.right--40px {
    inset-inline-start: -40px
}

.top--40px {
    inset-block-start: -40px
}

.bottom--40px {
    inset-block-end: -40px
}

.start--50px {
    inset-inline-start: -50px
}

.end--50px,
.inset-end--50px,
.left--50px {
    inset-inline-end: -50px
}

.right--50px {
    inset-inline-start: -50px
}

.top--50px {
    inset-block-start: -50px
}

.bottom--50px {
    inset-block-end: -50px
}

.start--80px {
    inset-inline-start: -80px
}

.end--80px,
.inset-end--80px,
.left--80px {
    inset-inline-end: -80px
}

.right--80px {
    inset-inline-start: -80px
}

.top--80px {
    inset-block-start: -80px
}

.bottom--80px {
    inset-block-end: -80px
}

.start--220px {
    inset-inline-start: -220px
}

.end--220px,
.inset-end--220px,
.left--220px {
    inset-inline-end: -220px
}

.right--220px {
    inset-inline-start: -220px
}

.top--220px {
    inset-block-start: -220px
}

.bottom--220px {
    inset-block-end: -220px
}

.start--300px {
    inset-inline-start: -300px
}

.end--300px,
.inset-end--300px,
.left--300px {
    inset-inline-end: -300px
}

.right--300px {
    inset-inline-start: -300px
}

.top--300px {
    inset-block-start: -300px
}

.bottom--300px {
    inset-block-end: -300px
}

@media(min-width:768px)and (max-width:1199.98px) {
    .w-md-7px {
        width: 7px!important
    }
    .h-md-7px {
        height: 7px!important
    }
    .lh-md-7px {
        line-height: 7px!important
    }
    .w-md-9px {
        width: 9px!important
    }
    .h-md-9px {
        height: 9px!important
    }
    .lh-md-9px {
        line-height: 9px!important
    }
    .w-md-10px {
        width: 10px!important
    }
    .h-md-10px {
        height: 10px!important
    }
    .lh-md-10px {
        line-height: 10px!important
    }
    .w-md-12px {
        width: 12px!important
    }
    .h-md-12px {
        height: 12px!important
    }
    .lh-md-12px {
        line-height: 12px!important
    }
    .w-md-14px {
        width: 14px!important
    }
    .h-md-14px {
        height: 14px!important
    }
    .lh-md-14px {
        line-height: 14px!important
    }
    .w-md-16px {
        width: 16px!important
    }
    .h-md-16px {
        height: 16px!important
    }
    .lh-md-16px {
        line-height: 16px!important
    }
    .w-md-18px {
        width: 18px!important
    }
    .h-md-18px {
        height: 18px!important
    }
    .lh-md-18px {
        line-height: 18px!important
    }
    .w-md-20px {
        width: 20px!important
    }
    .h-md-20px {
        height: 20px!important
    }
    .lh-md-20px {
        line-height: 20px!important
    }
    .w-md-22px {
        width: 22px!important
    }
    .h-md-22px {
        height: 22px!important
    }
    .lh-md-22px {
        line-height: 22px!important
    }
    .w-md-24px {
        width: 24px!important
    }
    .h-md-24px {
        height: 24px!important
    }
    .lh-md-24px {
        line-height: 24px!important
    }
    .w-md-26px {
        width: 26px!important
    }
    .h-md-26px {
        height: 26px!important
    }
    .lh-md-26px {
        line-height: 26px!important
    }
    .w-md-28px {
        width: 28px!important
    }
    .h-md-28px {
        height: 28px!important
    }
    .lh-md-28px {
        line-height: 28px!important
    }
    .w-md-30px {
        width: 30px!important
    }
    .h-md-30px {
        height: 30px!important
    }
    .lh-md-30px {
        line-height: 30px!important
    }
    .w-md-32px {
        width: 32px!important
    }
    .h-md-32px {
        height: 32px!important
    }
    .lh-md-32px {
        line-height: 32px!important
    }
    .w-md-34px {
        width: 34px!important
    }
    .h-md-34px {
        height: 34px!important
    }
    .lh-md-34px {
        line-height: 34px!important
    }
    .w-md-36px {
        width: 36px!important
    }
    .h-md-36px {
        height: 36px!important
    }
    .lh-md-36px {
        line-height: 36px!important
    }
    .w-md-38px {
        width: 38px!important
    }
    .h-md-38px {
        height: 38px!important
    }
    .lh-md-38px {
        line-height: 38px!important
    }
    .w-md-40px {
        width: 40px!important
    }
    .h-md-40px {
        height: 40px!important
    }
    .lh-md-40px {
        line-height: 40px!important
    }
    .w-md-42px {
        width: 42px!important
    }
    .h-md-42px {
        height: 42px!important
    }
    .lh-md-42px {
        line-height: 42px!important
    }
    .w-md-45px {
        width: 45px!important
    }
    .h-md-45px {
        height: 45px!important
    }
    .lh-md-45px {
        line-height: 45px!important
    }
    .w-md-50px {
        width: 50px!important
    }
    .h-md-50px {
        height: 50px!important
    }
    .lh-md-50px {
        line-height: 50px!important
    }
    .w-md-52px {
        width: 52px!important
    }
    .h-md-52px {
        height: 52px!important
    }
    .lh-md-52px {
        line-height: 52px!important
    }
    .w-md-54px {
        width: 54px!important
    }
    .h-md-54px {
        height: 54px!important
    }
    .lh-md-54px {
        line-height: 54px!important
    }
    .w-md-56px {
        width: 56px!important
    }
    .h-md-56px {
        height: 56px!important
    }
    .lh-md-56px {
        line-height: 56px!important
    }
    .w-md-58px {
        width: 58px!important
    }
    .h-md-58px {
        height: 58px!important
    }
    .lh-md-58px {
        line-height: 58px!important
    }
    .w-md-60px {
        width: 60px!important
    }
    .h-md-60px {
        height: 60px!important
    }
    .lh-md-60px {
        line-height: 60px!important
    }
    .w-md-65px {
        width: 65px!important
    }
    .h-md-65px {
        height: 65px!important
    }
    .lh-md-65px {
        line-height: 65px!important
    }
    .w-md-70px {
        width: 70px!important
    }
    .h-md-70px {
        height: 70px!important
    }
    .lh-md-70px {
        line-height: 70px!important
    }
    .w-md-80px {
        width: 80px!important
    }
    .h-md-80px {
        height: 80px!important
    }
    .lh-md-80px {
        line-height: 80px!important
    }
    .w-md-90px {
        width: 90px!important
    }
    .h-md-90px {
        height: 90px!important
    }
    .lh-md-90px {
        line-height: 90px!important
    }
    .w-md-100px {
        width: 100px!important
    }
    .h-md-100px {
        height: 100px!important
    }
    .lh-md-100px {
        line-height: 100px!important
    }
    .w-md-110px {
        width: 110px!important
    }
    .h-md-110px {
        height: 110px!important
    }
    .lh-md-110px {
        line-height: 110px!important
    }
    .w-md-115px {
        width: 115px!important
    }
    .h-md-115px {
        height: 115px!important
    }
    .lh-md-115px {
        line-height: 115px!important
    }
    .w-md-130px {
        width: 130px!important
    }
    .h-md-130px {
        height: 130px!important
    }
    .lh-md-130px {
        line-height: 130px!important
    }
    .w-md-140px {
        width: 140px!important
    }
    .h-md-140px {
        height: 140px!important
    }
    .lh-md-140px {
        line-height: 140px!important
    }
    .w-md-150px {
        width: 150px!important
    }
    .h-md-150px {
        height: 150px!important
    }
    .lh-md-150px {
        line-height: 150px!important
    }
    .w-md-200px {
        width: 200px!important
    }
    .h-md-200px {
        height: 200px!important
    }
    .lh-md-200px {
        line-height: 200px!important
    }
    .w-md-250px {
        width: 250px!important
    }
    .h-md-250px {
        height: 250px!important
    }
    .lh-md-250px {
        line-height: 250px!important
    }
    .w-md-258px {
        width: 258px!important
    }
    .h-md-258px {
        height: 258px!important
    }
    .lh-md-258px {
        line-height: 258px!important
    }
    .w-md-300px {
        width: 300px!important
    }
    .h-md-300px {
        height: 300px!important
    }
    .lh-md-300px {
        line-height: 300px!important
    }
    .w-md-350px {
        width: 350px!important
    }
    .h-md-350px {
        height: 350px!important
    }
    .lh-md-350px {
        line-height: 350px!important
    }
    .w-md--10px {
        width: -10px!important
    }
    .h-md--10px {
        height: -10px!important
    }
    .lh-md--10px {
        line-height: -10px!important
    }
    .w-md--5px {
        width: -5px!important
    }
    .h-md--5px {
        height: -5px!important
    }
    .lh-md--5px {
        line-height: -5px!important
    }
    .w-md--25px {
        width: -25px!important
    }
    .h-md--25px {
        height: -25px!important
    }
    .lh-md--25px {
        line-height: -25px!important
    }
    .w-md--30px {
        width: -30px!important
    }
    .h-md--30px {
        height: -30px!important
    }
    .lh-md--30px {
        line-height: -30px!important
    }
    .w-md-700px {
        width: 700px!important
    }
    .h-md-700px {
        height: 700px!important
    }
    .lh-md-700px {
        line-height: 700px!important
    }
    .w-md--200px {
        width: -200px!important
    }
    .h-md--200px {
        height: -200px!important
    }
    .lh-md--200px {
        line-height: -200px!important
    }
    .fs-md-6px {
        font-size: 6px
    }
    .fs-md-8px {
        font-size: 8px
    }
    .fs-md-10px {
        font-size: 10px
    }
    .fs-md-12px {
        font-size: 12px
    }
    .fs-md-14px {
        font-size: 14px
    }
    .fs-md-15px {
        font-size: 15px
    }
    .fs-md-16px {
        font-size: 16px
    }
    .fs-md-18px {
        font-size: 18px
    }
    .fs-md-20px {
        font-size: 20px
    }
    .fs-md-22px {
        font-size: 22px
    }
    .fs-md-24px {
        font-size: 24px
    }
    .fs-md-26px {
        font-size: 26px
    }
    .fs-md-28px {
        font-size: 28px
    }
    .fs-md-30px {
        font-size: 30px
    }
    .fs-md-36px {
        font-size: 36px
    }
    .fs-md-42px {
        font-size: 42px
    }
    .fs-md-48px {
        font-size: 48px
    }
    .fs-md-52px {
        font-size: 52px
    }
    .fs-md-56px {
        font-size: 56px
    }
    .w-md--webkit-fill-available {
        width: -webkit-fill-available!important
    }
    .w-md-fit-content {
        width: fit-content!important
    }
    .w-md-max-content {
        width: max-content!important
    }
    .w-md-min-content {
        width: min-content!important
    }
    .w-md-unset {
        width: unset!important
    }
}

@media(max-width:575.98px) {
    .px-sm-7px {
        padding-inline: 7px!important
    }
    .mt-sm-7px {
        margin-block-start: 7px
    }
    .mb-sm-7px {
        margin-block-end: 7px
    }
    .ms-sm-7px {
        margin-inline-start: 7px
    }
    .me-sm-7px {
        margin-inline-end: 7px
    }
    .pt-sm-7px {
        padding-block-start: 7px
    }
    .pb-sm-7px {
        padding-block-end: 7px
    }
    .ps-sm-7px {
        padding-inline-start: 7px
    }
    .pe-sm-7px {
        padding-inline-end: 7px
    }
    .px-sm-9px {
        padding-inline: 9px!important
    }
    .mt-sm-9px {
        margin-block-start: 9px
    }
    .mb-sm-9px {
        margin-block-end: 9px
    }
    .ms-sm-9px {
        margin-inline-start: 9px
    }
    .me-sm-9px {
        margin-inline-end: 9px
    }
    .pt-sm-9px {
        padding-block-start: 9px
    }
    .pb-sm-9px {
        padding-block-end: 9px
    }
    .ps-sm-9px {
        padding-inline-start: 9px
    }
    .pe-sm-9px {
        padding-inline-end: 9px
    }
    .px-sm-10px {
        padding-inline: 10px!important
    }
    .mt-sm-10px {
        margin-block-start: 10px
    }
    .mb-sm-10px {
        margin-block-end: 10px
    }
    .ms-sm-10px {
        margin-inline-start: 10px
    }
    .me-sm-10px {
        margin-inline-end: 10px
    }
    .pt-sm-10px {
        padding-block-start: 10px
    }
    .pb-sm-10px {
        padding-block-end: 10px
    }
    .ps-sm-10px {
        padding-inline-start: 10px
    }
    .pe-sm-10px {
        padding-inline-end: 10px
    }
    .px-sm-12px {
        padding-inline: 12px!important
    }
    .mt-sm-12px {
        margin-block-start: 12px
    }
    .mb-sm-12px {
        margin-block-end: 12px
    }
    .ms-sm-12px {
        margin-inline-start: 12px
    }
    .me-sm-12px {
        margin-inline-end: 12px
    }
    .pt-sm-12px {
        padding-block-start: 12px
    }
    .pb-sm-12px {
        padding-block-end: 12px
    }
    .ps-sm-12px {
        padding-inline-start: 12px
    }
    .pe-sm-12px {
        padding-inline-end: 12px
    }
    .px-sm-14px {
        padding-inline: 14px!important
    }
    .mt-sm-14px {
        margin-block-start: 14px
    }
    .mb-sm-14px {
        margin-block-end: 14px
    }
    .ms-sm-14px {
        margin-inline-start: 14px
    }
    .me-sm-14px {
        margin-inline-end: 14px
    }
    .pt-sm-14px {
        padding-block-start: 14px
    }
    .pb-sm-14px {
        padding-block-end: 14px
    }
    .ps-sm-14px {
        padding-inline-start: 14px
    }
    .pe-sm-14px {
        padding-inline-end: 14px
    }
    .px-sm-16px {
        padding-inline: 16px!important
    }
    .mt-sm-16px {
        margin-block-start: 16px
    }
    .mb-sm-16px {
        margin-block-end: 16px
    }
    .ms-sm-16px {
        margin-inline-start: 16px
    }
    .me-sm-16px {
        margin-inline-end: 16px
    }
    .pt-sm-16px {
        padding-block-start: 16px
    }
    .pb-sm-16px {
        padding-block-end: 16px
    }
    .ps-sm-16px {
        padding-inline-start: 16px
    }
    .pe-sm-16px {
        padding-inline-end: 16px
    }
    .px-sm-18px {
        padding-inline: 18px!important
    }
    .mt-sm-18px {
        margin-block-start: 18px
    }
    .mb-sm-18px {
        margin-block-end: 18px
    }
    .ms-sm-18px {
        margin-inline-start: 18px
    }
    .me-sm-18px {
        margin-inline-end: 18px
    }
    .pt-sm-18px {
        padding-block-start: 18px
    }
    .pb-sm-18px {
        padding-block-end: 18px
    }
    .ps-sm-18px {
        padding-inline-start: 18px
    }
    .pe-sm-18px {
        padding-inline-end: 18px
    }
    .px-sm-20px {
        padding-inline: 20px!important
    }
    .mt-sm-20px {
        margin-block-start: 20px
    }
    .mb-sm-20px {
        margin-block-end: 20px
    }
    .ms-sm-20px {
        margin-inline-start: 20px
    }
    .me-sm-20px {
        margin-inline-end: 20px
    }
    .pt-sm-20px {
        padding-block-start: 20px
    }
    .pb-sm-20px {
        padding-block-end: 20px
    }
    .ps-sm-20px {
        padding-inline-start: 20px
    }
    .pe-sm-20px {
        padding-inline-end: 20px
    }
    .px-sm-22px {
        padding-inline: 22px!important
    }
    .mt-sm-22px {
        margin-block-start: 22px
    }
    .mb-sm-22px {
        margin-block-end: 22px
    }
    .ms-sm-22px {
        margin-inline-start: 22px
    }
    .me-sm-22px {
        margin-inline-end: 22px
    }
    .pt-sm-22px {
        padding-block-start: 22px
    }
    .pb-sm-22px {
        padding-block-end: 22px
    }
    .ps-sm-22px {
        padding-inline-start: 22px
    }
    .pe-sm-22px {
        padding-inline-end: 22px
    }
    .px-sm-24px {
        padding-inline: 24px!important
    }
    .mt-sm-24px {
        margin-block-start: 24px
    }
    .mb-sm-24px {
        margin-block-end: 24px
    }
    .ms-sm-24px {
        margin-inline-start: 24px
    }
    .me-sm-24px {
        margin-inline-end: 24px
    }
    .pt-sm-24px {
        padding-block-start: 24px
    }
    .pb-sm-24px {
        padding-block-end: 24px
    }
    .ps-sm-24px {
        padding-inline-start: 24px
    }
    .pe-sm-24px {
        padding-inline-end: 24px
    }
    .px-sm-26px {
        padding-inline: 26px!important
    }
    .mt-sm-26px {
        margin-block-start: 26px
    }
    .mb-sm-26px {
        margin-block-end: 26px
    }
    .ms-sm-26px {
        margin-inline-start: 26px
    }
    .me-sm-26px {
        margin-inline-end: 26px
    }
    .pt-sm-26px {
        padding-block-start: 26px
    }
    .pb-sm-26px {
        padding-block-end: 26px
    }
    .ps-sm-26px {
        padding-inline-start: 26px
    }
    .pe-sm-26px {
        padding-inline-end: 26px
    }
    .px-sm-28px {
        padding-inline: 28px!important
    }
    .mt-sm-28px {
        margin-block-start: 28px
    }
    .mb-sm-28px {
        margin-block-end: 28px
    }
    .ms-sm-28px {
        margin-inline-start: 28px
    }
    .me-sm-28px {
        margin-inline-end: 28px
    }
    .pt-sm-28px {
        padding-block-start: 28px
    }
    .pb-sm-28px {
        padding-block-end: 28px
    }
    .ps-sm-28px {
        padding-inline-start: 28px
    }
    .pe-sm-28px {
        padding-inline-end: 28px
    }
    .px-sm-30px {
        padding-inline: 30px!important
    }
    .mt-sm-30px {
        margin-block-start: 30px
    }
    .mb-sm-30px {
        margin-block-end: 30px
    }
    .ms-sm-30px {
        margin-inline-start: 30px
    }
    .me-sm-30px {
        margin-inline-end: 30px
    }
    .pt-sm-30px {
        padding-block-start: 30px
    }
    .pb-sm-30px {
        padding-block-end: 30px
    }
    .ps-sm-30px {
        padding-inline-start: 30px
    }
    .pe-sm-30px {
        padding-inline-end: 30px
    }
    .px-sm-32px {
        padding-inline: 32px!important
    }
    .mt-sm-32px {
        margin-block-start: 32px
    }
    .mb-sm-32px {
        margin-block-end: 32px
    }
    .ms-sm-32px {
        margin-inline-start: 32px
    }
    .me-sm-32px {
        margin-inline-end: 32px
    }
    .pt-sm-32px {
        padding-block-start: 32px
    }
    .pb-sm-32px {
        padding-block-end: 32px
    }
    .ps-sm-32px {
        padding-inline-start: 32px
    }
    .pe-sm-32px {
        padding-inline-end: 32px
    }
    .px-sm-34px {
        padding-inline: 34px!important
    }
    .mt-sm-34px {
        margin-block-start: 34px
    }
    .mb-sm-34px {
        margin-block-end: 34px
    }
    .ms-sm-34px {
        margin-inline-start: 34px
    }
    .me-sm-34px {
        margin-inline-end: 34px
    }
    .pt-sm-34px {
        padding-block-start: 34px
    }
    .pb-sm-34px {
        padding-block-end: 34px
    }
    .ps-sm-34px {
        padding-inline-start: 34px
    }
    .pe-sm-34px {
        padding-inline-end: 34px
    }
    .px-sm-36px {
        padding-inline: 36px!important
    }
    .mt-sm-36px {
        margin-block-start: 36px
    }
    .mb-sm-36px {
        margin-block-end: 36px
    }
    .ms-sm-36px {
        margin-inline-start: 36px
    }
    .me-sm-36px {
        margin-inline-end: 36px
    }
    .pt-sm-36px {
        padding-block-start: 36px
    }
    .pb-sm-36px {
        padding-block-end: 36px
    }
    .ps-sm-36px {
        padding-inline-start: 36px
    }
    .pe-sm-36px {
        padding-inline-end: 36px
    }
    .px-sm-38px {
        padding-inline: 38px!important
    }
    .mt-sm-38px {
        margin-block-start: 38px
    }
    .mb-sm-38px {
        margin-block-end: 38px
    }
    .ms-sm-38px {
        margin-inline-start: 38px
    }
    .me-sm-38px {
        margin-inline-end: 38px
    }
    .pt-sm-38px {
        padding-block-start: 38px
    }
    .pb-sm-38px {
        padding-block-end: 38px
    }
    .ps-sm-38px {
        padding-inline-start: 38px
    }
    .pe-sm-38px {
        padding-inline-end: 38px
    }
    .px-sm-40px {
        padding-inline: 40px!important
    }
    .mt-sm-40px {
        margin-block-start: 40px
    }
    .mb-sm-40px {
        margin-block-end: 40px
    }
    .ms-sm-40px {
        margin-inline-start: 40px
    }
    .me-sm-40px {
        margin-inline-end: 40px
    }
    .pt-sm-40px {
        padding-block-start: 40px
    }
    .pb-sm-40px {
        padding-block-end: 40px
    }
    .ps-sm-40px {
        padding-inline-start: 40px
    }
    .pe-sm-40px {
        padding-inline-end: 40px
    }
    .px-sm-42px {
        padding-inline: 42px!important
    }
    .mt-sm-42px {
        margin-block-start: 42px
    }
    .mb-sm-42px {
        margin-block-end: 42px
    }
    .ms-sm-42px {
        margin-inline-start: 42px
    }
    .me-sm-42px {
        margin-inline-end: 42px
    }
    .pt-sm-42px {
        padding-block-start: 42px
    }
    .pb-sm-42px {
        padding-block-end: 42px
    }
    .ps-sm-42px {
        padding-inline-start: 42px
    }
    .pe-sm-42px {
        padding-inline-end: 42px
    }
    .px-sm-45px {
        padding-inline: 45px!important
    }
    .mt-sm-45px {
        margin-block-start: 45px
    }
    .mb-sm-45px {
        margin-block-end: 45px
    }
    .ms-sm-45px {
        margin-inline-start: 45px
    }
    .me-sm-45px {
        margin-inline-end: 45px
    }
    .pt-sm-45px {
        padding-block-start: 45px
    }
    .pb-sm-45px {
        padding-block-end: 45px
    }
    .ps-sm-45px {
        padding-inline-start: 45px
    }
    .pe-sm-45px {
        padding-inline-end: 45px
    }
    .px-sm-50px {
        padding-inline: 50px!important
    }
    .mt-sm-50px {
        margin-block-start: 50px
    }
    .mb-sm-50px {
        margin-block-end: 50px
    }
    .ms-sm-50px {
        margin-inline-start: 50px
    }
    .me-sm-50px {
        margin-inline-end: 50px
    }
    .pt-sm-50px {
        padding-block-start: 50px
    }
    .pb-sm-50px {
        padding-block-end: 50px
    }
    .ps-sm-50px {
        padding-inline-start: 50px
    }
    .pe-sm-50px {
        padding-inline-end: 50px
    }
    .px-sm-52px {
        padding-inline: 52px!important
    }
    .mt-sm-52px {
        margin-block-start: 52px
    }
    .mb-sm-52px {
        margin-block-end: 52px
    }
    .ms-sm-52px {
        margin-inline-start: 52px
    }
    .me-sm-52px {
        margin-inline-end: 52px
    }
    .pt-sm-52px {
        padding-block-start: 52px
    }
    .pb-sm-52px {
        padding-block-end: 52px
    }
    .ps-sm-52px {
        padding-inline-start: 52px
    }
    .pe-sm-52px {
        padding-inline-end: 52px
    }
    .px-sm-54px {
        padding-inline: 54px!important
    }
    .mt-sm-54px {
        margin-block-start: 54px
    }
    .mb-sm-54px {
        margin-block-end: 54px
    }
    .ms-sm-54px {
        margin-inline-start: 54px
    }
    .me-sm-54px {
        margin-inline-end: 54px
    }
    .pt-sm-54px {
        padding-block-start: 54px
    }
    .pb-sm-54px {
        padding-block-end: 54px
    }
    .ps-sm-54px {
        padding-inline-start: 54px
    }
    .pe-sm-54px {
        padding-inline-end: 54px
    }
    .px-sm-56px {
        padding-inline: 56px!important
    }
    .mt-sm-56px {
        margin-block-start: 56px
    }
    .mb-sm-56px {
        margin-block-end: 56px
    }
    .ms-sm-56px {
        margin-inline-start: 56px
    }
    .me-sm-56px {
        margin-inline-end: 56px
    }
    .pt-sm-56px {
        padding-block-start: 56px
    }
    .pb-sm-56px {
        padding-block-end: 56px
    }
    .ps-sm-56px {
        padding-inline-start: 56px
    }
    .pe-sm-56px {
        padding-inline-end: 56px
    }
    .px-sm-58px {
        padding-inline: 58px!important
    }
    .mt-sm-58px {
        margin-block-start: 58px
    }
    .mb-sm-58px {
        margin-block-end: 58px
    }
    .ms-sm-58px {
        margin-inline-start: 58px
    }
    .me-sm-58px {
        margin-inline-end: 58px
    }
    .pt-sm-58px {
        padding-block-start: 58px
    }
    .pb-sm-58px {
        padding-block-end: 58px
    }
    .ps-sm-58px {
        padding-inline-start: 58px
    }
    .pe-sm-58px {
        padding-inline-end: 58px
    }
    .px-sm-60px {
        padding-inline: 60px!important
    }
    .mt-sm-60px {
        margin-block-start: 60px
    }
    .mb-sm-60px {
        margin-block-end: 60px
    }
    .ms-sm-60px {
        margin-inline-start: 60px
    }
    .me-sm-60px {
        margin-inline-end: 60px
    }
    .pt-sm-60px {
        padding-block-start: 60px
    }
    .pb-sm-60px {
        padding-block-end: 60px
    }
    .ps-sm-60px {
        padding-inline-start: 60px
    }
    .pe-sm-60px {
        padding-inline-end: 60px
    }
    .px-sm-65px {
        padding-inline: 65px!important
    }
    .mt-sm-65px {
        margin-block-start: 65px
    }
    .mb-sm-65px {
        margin-block-end: 65px
    }
    .ms-sm-65px {
        margin-inline-start: 65px
    }
    .me-sm-65px {
        margin-inline-end: 65px
    }
    .pt-sm-65px {
        padding-block-start: 65px
    }
    .pb-sm-65px {
        padding-block-end: 65px
    }
    .ps-sm-65px {
        padding-inline-start: 65px
    }
    .pe-sm-65px {
        padding-inline-end: 65px
    }
    .px-sm-70px {
        padding-inline: 70px!important
    }
    .mt-sm-70px {
        margin-block-start: 70px
    }
    .mb-sm-70px {
        margin-block-end: 70px
    }
    .ms-sm-70px {
        margin-inline-start: 70px
    }
    .me-sm-70px {
        margin-inline-end: 70px
    }
    .pt-sm-70px {
        padding-block-start: 70px
    }
    .pb-sm-70px {
        padding-block-end: 70px
    }
    .ps-sm-70px {
        padding-inline-start: 70px
    }
    .pe-sm-70px {
        padding-inline-end: 70px
    }
    .px-sm-80px {
        padding-inline: 80px!important
    }
    .mt-sm-80px {
        margin-block-start: 80px
    }
    .mb-sm-80px {
        margin-block-end: 80px
    }
    .ms-sm-80px {
        margin-inline-start: 80px
    }
    .me-sm-80px {
        margin-inline-end: 80px
    }
    .pt-sm-80px {
        padding-block-start: 80px
    }
    .pb-sm-80px {
        padding-block-end: 80px
    }
    .ps-sm-80px {
        padding-inline-start: 80px
    }
    .pe-sm-80px {
        padding-inline-end: 80px
    }
    .px-sm-90px {
        padding-inline: 90px!important
    }
    .mt-sm-90px {
        margin-block-start: 90px
    }
    .mb-sm-90px {
        margin-block-end: 90px
    }
    .ms-sm-90px {
        margin-inline-start: 90px
    }
    .me-sm-90px {
        margin-inline-end: 90px
    }
    .pt-sm-90px {
        padding-block-start: 90px
    }
    .pb-sm-90px {
        padding-block-end: 90px
    }
    .ps-sm-90px {
        padding-inline-start: 90px
    }
    .pe-sm-90px {
        padding-inline-end: 90px
    }
    .px-sm-100px {
        padding-inline: 100px!important
    }
    .mt-sm-100px {
        margin-block-start: 100px
    }
    .mb-sm-100px {
        margin-block-end: 100px
    }
    .ms-sm-100px {
        margin-inline-start: 100px
    }
    .me-sm-100px {
        margin-inline-end: 100px
    }
    .pt-sm-100px {
        padding-block-start: 100px
    }
    .pb-sm-100px {
        padding-block-end: 100px
    }
    .ps-sm-100px {
        padding-inline-start: 100px
    }
    .pe-sm-100px {
        padding-inline-end: 100px
    }
    .px-sm-110px {
        padding-inline: 110px!important
    }
    .mt-sm-110px {
        margin-block-start: 110px
    }
    .mb-sm-110px {
        margin-block-end: 110px
    }
    .ms-sm-110px {
        margin-inline-start: 110px
    }
    .me-sm-110px {
        margin-inline-end: 110px
    }
    .pt-sm-110px {
        padding-block-start: 110px
    }
    .pb-sm-110px {
        padding-block-end: 110px
    }
    .ps-sm-110px {
        padding-inline-start: 110px
    }
    .pe-sm-110px {
        padding-inline-end: 110px
    }
    .px-sm-115px {
        padding-inline: 115px!important
    }
    .mt-sm-115px {
        margin-block-start: 115px
    }
    .mb-sm-115px {
        margin-block-end: 115px
    }
    .ms-sm-115px {
        margin-inline-start: 115px
    }
    .me-sm-115px {
        margin-inline-end: 115px
    }
    .pt-sm-115px {
        padding-block-start: 115px
    }
    .pb-sm-115px {
        padding-block-end: 115px
    }
    .ps-sm-115px {
        padding-inline-start: 115px
    }
    .pe-sm-115px {
        padding-inline-end: 115px
    }
    .px-sm-130px {
        padding-inline: 130px!important
    }
    .mt-sm-130px {
        margin-block-start: 130px
    }
    .mb-sm-130px {
        margin-block-end: 130px
    }
    .ms-sm-130px {
        margin-inline-start: 130px
    }
    .me-sm-130px {
        margin-inline-end: 130px
    }
    .pt-sm-130px {
        padding-block-start: 130px
    }
    .pb-sm-130px {
        padding-block-end: 130px
    }
    .ps-sm-130px {
        padding-inline-start: 130px
    }
    .pe-sm-130px {
        padding-inline-end: 130px
    }
    .px-sm-140px {
        padding-inline: 140px!important
    }
    .mt-sm-140px {
        margin-block-start: 140px
    }
    .mb-sm-140px {
        margin-block-end: 140px
    }
    .ms-sm-140px {
        margin-inline-start: 140px
    }
    .me-sm-140px {
        margin-inline-end: 140px
    }
    .pt-sm-140px {
        padding-block-start: 140px
    }
    .pb-sm-140px {
        padding-block-end: 140px
    }
    .ps-sm-140px {
        padding-inline-start: 140px
    }
    .pe-sm-140px {
        padding-inline-end: 140px
    }
    .px-sm-150px {
        padding-inline: 150px!important
    }
    .mt-sm-150px {
        margin-block-start: 150px
    }
    .mb-sm-150px {
        margin-block-end: 150px
    }
    .ms-sm-150px {
        margin-inline-start: 150px
    }
    .me-sm-150px {
        margin-inline-end: 150px
    }
    .pt-sm-150px {
        padding-block-start: 150px
    }
    .pb-sm-150px {
        padding-block-end: 150px
    }
    .ps-sm-150px {
        padding-inline-start: 150px
    }
    .pe-sm-150px {
        padding-inline-end: 150px
    }
    .px-sm-200px {
        padding-inline: 200px!important
    }
    .mt-sm-200px {
        margin-block-start: 200px
    }
    .mb-sm-200px {
        margin-block-end: 200px
    }
    .ms-sm-200px {
        margin-inline-start: 200px
    }
    .me-sm-200px {
        margin-inline-end: 200px
    }
    .pt-sm-200px {
        padding-block-start: 200px
    }
    .pb-sm-200px {
        padding-block-end: 200px
    }
    .ps-sm-200px {
        padding-inline-start: 200px
    }
    .pe-sm-200px {
        padding-inline-end: 200px
    }
    .px-sm-250px {
        padding-inline: 250px!important
    }
    .mt-sm-250px {
        margin-block-start: 250px
    }
    .mb-sm-250px {
        margin-block-end: 250px
    }
    .ms-sm-250px {
        margin-inline-start: 250px
    }
    .me-sm-250px {
        margin-inline-end: 250px
    }
    .pt-sm-250px {
        padding-block-start: 250px
    }
    .pb-sm-250px {
        padding-block-end: 250px
    }
    .ps-sm-250px {
        padding-inline-start: 250px
    }
    .pe-sm-250px {
        padding-inline-end: 250px
    }
    .px-sm-258px {
        padding-inline: 258px!important
    }
    .mt-sm-258px {
        margin-block-start: 258px
    }
    .mb-sm-258px {
        margin-block-end: 258px
    }
    .ms-sm-258px {
        margin-inline-start: 258px
    }
    .me-sm-258px {
        margin-inline-end: 258px
    }
    .pt-sm-258px {
        padding-block-start: 258px
    }
    .pb-sm-258px {
        padding-block-end: 258px
    }
    .ps-sm-258px {
        padding-inline-start: 258px
    }
    .pe-sm-258px {
        padding-inline-end: 258px
    }
    .px-sm-300px {
        padding-inline: 300px!important
    }
    .mt-sm-300px {
        margin-block-start: 300px
    }
    .mb-sm-300px {
        margin-block-end: 300px
    }
    .ms-sm-300px {
        margin-inline-start: 300px
    }
    .me-sm-300px {
        margin-inline-end: 300px
    }
    .pt-sm-300px {
        padding-block-start: 300px
    }
    .pb-sm-300px {
        padding-block-end: 300px
    }
    .ps-sm-300px {
        padding-inline-start: 300px
    }
    .pe-sm-300px {
        padding-inline-end: 300px
    }
    .px-sm-350px {
        padding-inline: 350px!important
    }
    .mt-sm-350px {
        margin-block-start: 350px
    }
    .mb-sm-350px {
        margin-block-end: 350px
    }
    .ms-sm-350px {
        margin-inline-start: 350px
    }
    .me-sm-350px {
        margin-inline-end: 350px
    }
    .pt-sm-350px {
        padding-block-start: 350px
    }
    .pb-sm-350px {
        padding-block-end: 350px
    }
    .ps-sm-350px {
        padding-inline-start: 350px
    }
    .pe-sm-350px {
        padding-inline-end: 350px
    }
    .px-sm--10px {
        padding-inline: -10px!important
    }
    .mt-sm--10px {
        margin-block-start: -10px
    }
    .mb-sm--10px {
        margin-block-end: -10px
    }
    .ms-sm--10px {
        margin-inline-start: -10px
    }
    .me-sm--10px {
        margin-inline-end: -10px
    }
    .pt-sm--10px {
        padding-block-start: -10px
    }
    .pb-sm--10px {
        padding-block-end: -10px
    }
    .ps-sm--10px {
        padding-inline-start: -10px
    }
    .pe-sm--10px {
        padding-inline-end: -10px
    }
    .px-sm--5px {
        padding-inline: -5px!important
    }
    .mt-sm--5px {
        margin-block-start: -5px
    }
    .mb-sm--5px {
        margin-block-end: -5px
    }
    .ms-sm--5px {
        margin-inline-start: -5px
    }
    .me-sm--5px {
        margin-inline-end: -5px
    }
    .pt-sm--5px {
        padding-block-start: -5px
    }
    .pb-sm--5px {
        padding-block-end: -5px
    }
    .ps-sm--5px {
        padding-inline-start: -5px
    }
    .pe-sm--5px {
        padding-inline-end: -5px
    }
    .px-sm--25px {
        padding-inline: -25px!important
    }
    .mt-sm--25px {
        margin-block-start: -25px
    }
    .mb-sm--25px {
        margin-block-end: -25px
    }
    .ms-sm--25px {
        margin-inline-start: -25px
    }
    .me-sm--25px {
        margin-inline-end: -25px
    }
    .pt-sm--25px {
        padding-block-start: -25px
    }
    .pb-sm--25px {
        padding-block-end: -25px
    }
    .ps-sm--25px {
        padding-inline-start: -25px
    }
    .pe-sm--25px {
        padding-inline-end: -25px
    }
    .px-sm--30px {
        padding-inline: -30px!important
    }
    .mt-sm--30px {
        margin-block-start: -30px
    }
    .mb-sm--30px {
        margin-block-end: -30px
    }
    .ms-sm--30px {
        margin-inline-start: -30px
    }
    .me-sm--30px {
        margin-inline-end: -30px
    }
    .pt-sm--30px {
        padding-block-start: -30px
    }
    .pb-sm--30px {
        padding-block-end: -30px
    }
    .ps-sm--30px {
        padding-inline-start: -30px
    }
    .pe-sm--30px {
        padding-inline-end: -30px
    }
    .px-sm-700px {
        padding-inline: 700px!important
    }
    .mt-sm-700px {
        margin-block-start: 700px
    }
    .mb-sm-700px {
        margin-block-end: 700px
    }
    .ms-sm-700px {
        margin-inline-start: 700px
    }
    .me-sm-700px {
        margin-inline-end: 700px
    }
    .pt-sm-700px {
        padding-block-start: 700px
    }
    .pb-sm-700px {
        padding-block-end: 700px
    }
    .ps-sm-700px {
        padding-inline-start: 700px
    }
    .pe-sm-700px {
        padding-inline-end: 700px
    }
    .px-sm--200px {
        padding-inline: -200px!important
    }
    .mt-sm--200px {
        margin-block-start: -200px
    }
    .mb-sm--200px {
        margin-block-end: -200px
    }
    .ms-sm--200px {
        margin-inline-start: -200px
    }
    .me-sm--200px {
        margin-inline-end: -200px
    }
    .pt-sm--200px {
        padding-block-start: -200px
    }
    .pb-sm--200px {
        padding-block-end: -200px
    }
    .ps-sm--200px {
        padding-inline-start: -200px
    }
    .pe-sm--200px {
        padding-inline-end: -200px
    }
    .w-sm--webkit-fill-available {
        width: -webkit-fill-available!important
    }
    .start-sm-1px {
        inset-inline-start: 1px
    }
    .end-sm-1px,
    .inset-sm-end-1px,
    .left-sm-1px {
        inset-inline-end: 1px
    }
    .right-sm-1px {
        inset-inline-start: 1px
    }
    .start-sm-5px {
        inset-inline-start: 5px
    }
    .end-sm-5px,
    .inset-sm-end-5px,
    .left-sm-5px {
        inset-inline-end: 5px
    }
    .right-sm-5px {
        inset-inline-start: 5px
    }
    .start-sm-8px {
        inset-inline-start: 8px
    }
    .end-sm-8px,
    .inset-sm-end-8px,
    .left-sm-8px {
        inset-inline-end: 8px
    }
    .right-sm-8px {
        inset-inline-start: 8px
    }
    .start-sm-10px {
        inset-inline-start: 10px
    }
    .end-sm-10px,
    .inset-sm-end-10px,
    .left-sm-10px {
        inset-inline-end: 10px
    }
    .right-sm-10px {
        inset-inline-start: 10px
    }
    .start-sm-12px {
        inset-inline-start: 12px
    }
    .end-sm-12px,
    .inset-sm-end-12px,
    .left-sm-12px {
        inset-inline-end: 12px
    }
    .right-sm-12px {
        inset-inline-start: 12px
    }
    .start-sm-14px {
        inset-inline-start: 14px
    }
    .end-sm-14px,
    .inset-sm-end-14px,
    .left-sm-14px {
        inset-inline-end: 14px
    }
    .right-sm-14px {
        inset-inline-start: 14px
    }
    .start-sm-16px {
        inset-inline-start: 16px
    }
    .end-sm-16px,
    .inset-sm-end-16px,
    .left-sm-16px {
        inset-inline-end: 16px
    }
    .right-sm-16px {
        inset-inline-start: 16px
    }
    .start-sm-18px {
        inset-inline-start: 18px
    }
    .end-sm-18px,
    .inset-sm-end-18px,
    .left-sm-18px {
        inset-inline-end: 18px
    }
    .right-sm-18px {
        inset-inline-start: 18px
    }
    .start-sm-20px {
        inset-inline-start: 20px
    }
    .end-sm-20px,
    .inset-sm-end-20px,
    .left-sm-20px {
        inset-inline-end: 20px
    }
    .right-sm-20px {
        inset-inline-start: 20px
    }
    .start-sm-22px {
        inset-inline-start: 22px
    }
    .end-sm-22px,
    .inset-sm-end-22px,
    .left-sm-22px {
        inset-inline-end: 22px
    }
    .right-sm-22px {
        inset-inline-start: 22px
    }
    .start-sm-24px {
        inset-inline-start: 24px
    }
    .end-sm-24px,
    .inset-sm-end-24px,
    .left-sm-24px {
        inset-inline-end: 24px
    }
    .right-sm-24px {
        inset-inline-start: 24px
    }
    .start-sm-26px {
        inset-inline-start: 26px
    }
    .end-sm-26px,
    .inset-sm-end-26px,
    .left-sm-26px {
        inset-inline-end: 26px
    }
    .right-sm-26px {
        inset-inline-start: 26px
    }
    .start-sm-28px {
        inset-inline-start: 28px
    }
    .end-sm-28px,
    .inset-sm-end-28px,
    .left-sm-28px {
        inset-inline-end: 28px
    }
    .right-sm-28px {
        inset-inline-start: 28px
    }
    .start-sm-30px {
        inset-inline-start: 30px
    }
    .end-sm-30px,
    .inset-sm-end-30px,
    .left-sm-30px {
        inset-inline-end: 30px
    }
    .right-sm-30px {
        inset-inline-start: 30px
    }
    .start-sm-32px {
        inset-inline-start: 32px
    }
    .end-sm-32px,
    .inset-sm-end-32px,
    .left-sm-32px {
        inset-inline-end: 32px
    }
    .right-sm-32px {
        inset-inline-start: 32px
    }
    .start-sm-35px {
        inset-inline-start: 35px
    }
    .end-sm-35px,
    .inset-sm-end-35px,
    .left-sm-35px {
        inset-inline-end: 35px
    }
    .right-sm-35px {
        inset-inline-start: 35px
    }
    .start-sm-40px {
        inset-inline-start: 40px
    }
    .end-sm-40px,
    .inset-sm-end-40px,
    .left-sm-40px {
        inset-inline-end: 40px
    }
    .right-sm-40px {
        inset-inline-start: 40px
    }
    .start-sm-45px {
        inset-inline-start: 45px
    }
    .end-sm-45px,
    .inset-sm-end-45px,
    .left-sm-45px {
        inset-inline-end: 45px
    }
    .right-sm-45px {
        inset-inline-start: 45px
    }
    .start-sm-48px {
        inset-inline-start: 48px
    }
    .end-sm-48px,
    .inset-sm-end-48px,
    .left-sm-48px {
        inset-inline-end: 48px
    }
    .right-sm-48px {
        inset-inline-start: 48px
    }
    .start-sm-50px {
        inset-inline-start: 50px
    }
    .end-sm-50px,
    .inset-sm-end-50px,
    .left-sm-50px {
        inset-inline-end: 50px
    }
    .right-sm-50px {
        inset-inline-start: 50px
    }
    .start-sm-55px {
        inset-inline-start: 55px
    }
    .end-sm-55px,
    .inset-sm-end-55px,
    .left-sm-55px {
        inset-inline-end: 55px
    }
    .right-sm-55px {
        inset-inline-start: 55px
    }
    .start-sm-60px {
        inset-inline-start: 60px
    }
    .end-sm-60px,
    .inset-sm-end-60px,
    .left-sm-60px {
        inset-inline-end: 60px
    }
    .right-sm-60px {
        inset-inline-start: 60px
    }
    .start-sm-70px {
        inset-inline-start: 70px
    }
    .end-sm-70px,
    .inset-sm-end-70px,
    .left-sm-70px {
        inset-inline-end: 70px
    }
    .right-sm-70px {
        inset-inline-start: 70px
    }
    .start-sm-100px {
        inset-inline-start: 100px
    }
    .end-sm-100px,
    .inset-sm-end-100px,
    .left-sm-100px {
        inset-inline-end: 100px
    }
    .right-sm-100px {
        inset-inline-start: 100px
    }
    .start-sm-170px {
        inset-inline-start: 170px
    }
    .end-sm-170px,
    .inset-sm-end-170px,
    .left-sm-170px {
        inset-inline-end: 170px
    }
    .right-sm-170px {
        inset-inline-start: 170px
    }
    .start-sm-200px {
        inset-inline-start: 200px
    }
    .end-sm-200px,
    .inset-sm-end-200px,
    .left-sm-200px {
        inset-inline-end: 200px
    }
    .right-sm-200px {
        inset-inline-start: 200px
    }
    .start-sm--3px {
        inset-inline-start: -3px
    }
    .end-sm--3px,
    .inset-sm-end--3px,
    .left-sm--3px {
        inset-inline-end: -3px
    }
    .right-sm--3px {
        inset-inline-start: -3px
    }
    .start-sm--10px {
        inset-inline-start: -10px
    }
    .end-sm--10px,
    .inset-sm-end--10px,
    .left-sm--10px {
        inset-inline-end: -10px
    }
    .right-sm--10px {
        inset-inline-start: -10px
    }
    .start-sm--15px {
        inset-inline-start: -15px
    }
    .end-sm--15px,
    .inset-sm-end--15px,
    .left-sm--15px {
        inset-inline-end: -15px
    }
    .right-sm--15px {
        inset-inline-start: -15px
    }
    .start-sm--20px {
        inset-inline-start: -20px
    }
    .end-sm--20px,
    .inset-sm-end--20px,
    .left-sm--20px {
        inset-inline-end: -20px
    }
    .right-sm--20px {
        inset-inline-start: -20px
    }
    .start-sm--30px {
        inset-inline-start: -30px
    }
    .end-sm--30px,
    .inset-sm-end--30px,
    .left-sm--30px {
        inset-inline-end: -30px
    }
    .right-sm--30px {
        inset-inline-start: -30px
    }
    .start-sm--40px {
        inset-inline-start: -40px
    }
    .end-sm--40px,
    .inset-sm-end--40px,
    .left-sm--40px {
        inset-inline-end: -40px
    }
    .right-sm--40px {
        inset-inline-start: -40px
    }
    .start-sm--50px {
        inset-inline-start: -50px
    }
    .end-sm--50px,
    .inset-sm-end--50px,
    .left-sm--50px {
        inset-inline-end: -50px
    }
    .right-sm--50px {
        inset-inline-start: -50px
    }
    .start-sm--80px {
        inset-inline-start: -80px
    }
    .end-sm--80px,
    .inset-sm-end--80px,
    .left-sm--80px {
        inset-inline-end: -80px
    }
    .right-sm--80px {
        inset-inline-start: -80px
    }
    .start-sm--220px {
        inset-inline-start: -220px
    }
    .end-sm--220px,
    .inset-sm-end--220px,
    .left-sm--220px {
        inset-inline-end: -220px
    }
    .right-sm--220px {
        inset-inline-start: -220px
    }
    .start-sm--300px {
        inset-inline-start: -300px
    }
    .end-sm--300px,
    .inset-sm-end--300px,
    .left-sm--300px {
        inset-inline-end: -300px
    }
    .right-sm--300px {
        inset-inline-start: -300px
    }
    .w-sm-fit-content {
        width: fit-content!important
    }
    .w-sm-max-content {
        width: max-content!important
    }
    .w-sm-min-content {
        width: min-content!important
    }
    .w-sm-unset {
        width: unset!important
    }
    .w-sm-7px {
        width: 7px!important
    }
    .h-sm-7px {
        height: 7px!important
    }
    .lh-sm-7px {
        line-height: 7px!important
    }
    .w-sm-9px {
        width: 9px!important
    }
    .h-sm-9px {
        height: 9px!important
    }
    .lh-sm-9px {
        line-height: 9px!important
    }
    .w-sm-10px {
        width: 10px!important
    }
    .h-sm-10px {
        height: 10px!important
    }
    .lh-sm-10px {
        line-height: 10px!important
    }
    .w-sm-12px {
        width: 12px!important
    }
    .h-sm-12px {
        height: 12px!important
    }
    .lh-sm-12px {
        line-height: 12px!important
    }
    .w-sm-14px {
        width: 14px!important
    }
    .h-sm-14px {
        height: 14px!important
    }
    .lh-sm-14px {
        line-height: 14px!important
    }
    .w-sm-16px {
        width: 16px!important
    }
    .h-sm-16px {
        height: 16px!important
    }
    .lh-sm-16px {
        line-height: 16px!important
    }
    .w-sm-18px {
        width: 18px!important
    }
    .h-sm-18px {
        height: 18px!important
    }
    .lh-sm-18px {
        line-height: 18px!important
    }
    .w-sm-20px {
        width: 20px!important
    }
    .h-sm-20px {
        height: 20px!important
    }
    .lh-sm-20px {
        line-height: 20px!important
    }
    .w-sm-22px {
        width: 22px!important
    }
    .h-sm-22px {
        height: 22px!important
    }
    .lh-sm-22px {
        line-height: 22px!important
    }
    .w-sm-24px {
        width: 24px!important
    }
    .h-sm-24px {
        height: 24px!important
    }
    .lh-sm-24px {
        line-height: 24px!important
    }
    .w-sm-26px {
        width: 26px!important
    }
    .h-sm-26px {
        height: 26px!important
    }
    .lh-sm-26px {
        line-height: 26px!important
    }
    .w-sm-28px {
        width: 28px!important
    }
    .h-sm-28px {
        height: 28px!important
    }
    .lh-sm-28px {
        line-height: 28px!important
    }
    .w-sm-30px {
        width: 30px!important
    }
    .h-sm-30px {
        height: 30px!important
    }
    .lh-sm-30px {
        line-height: 30px!important
    }
    .w-sm-32px {
        width: 32px!important
    }
    .h-sm-32px {
        height: 32px!important
    }
    .lh-sm-32px {
        line-height: 32px!important
    }
    .w-sm-34px {
        width: 34px!important
    }
    .h-sm-34px {
        height: 34px!important
    }
    .lh-sm-34px {
        line-height: 34px!important
    }
    .w-sm-36px {
        width: 36px!important
    }
    .h-sm-36px {
        height: 36px!important
    }
    .lh-sm-36px {
        line-height: 36px!important
    }
    .w-sm-38px {
        width: 38px!important
    }
    .h-sm-38px {
        height: 38px!important
    }
    .lh-sm-38px {
        line-height: 38px!important
    }
    .w-sm-40px {
        width: 40px!important
    }
    .h-sm-40px {
        height: 40px!important
    }
    .lh-sm-40px {
        line-height: 40px!important
    }
    .w-sm-42px {
        width: 42px!important
    }
    .h-sm-42px {
        height: 42px!important
    }
    .lh-sm-42px {
        line-height: 42px!important
    }
    .w-sm-45px {
        width: 45px!important
    }
    .h-sm-45px {
        height: 45px!important
    }
    .lh-sm-45px {
        line-height: 45px!important
    }
    .w-sm-50px {
        width: 50px!important
    }
    .h-sm-50px {
        height: 50px!important
    }
    .lh-sm-50px {
        line-height: 50px!important
    }
    .w-sm-52px {
        width: 52px!important
    }
    .h-sm-52px {
        height: 52px!important
    }
    .lh-sm-52px {
        line-height: 52px!important
    }
    .w-sm-54px {
        width: 54px!important
    }
    .h-sm-54px {
        height: 54px!important
    }
    .lh-sm-54px {
        line-height: 54px!important
    }
    .w-sm-56px {
        width: 56px!important
    }
    .h-sm-56px {
        height: 56px!important
    }
    .lh-sm-56px {
        line-height: 56px!important
    }
    .w-sm-58px {
        width: 58px!important
    }
    .h-sm-58px {
        height: 58px!important
    }
    .lh-sm-58px {
        line-height: 58px!important
    }
    .w-sm-60px {
        width: 60px!important
    }
    .h-sm-60px {
        height: 60px!important
    }
    .lh-sm-60px {
        line-height: 60px!important
    }
    .w-sm-65px {
        width: 65px!important
    }
    .h-sm-65px {
        height: 65px!important
    }
    .lh-sm-65px {
        line-height: 65px!important
    }
    .w-sm-70px {
        width: 70px!important
    }
    .h-sm-70px {
        height: 70px!important
    }
    .lh-sm-70px {
        line-height: 70px!important
    }
    .w-sm-80px {
        width: 80px!important
    }
    .h-sm-80px {
        height: 80px!important
    }
    .lh-sm-80px {
        line-height: 80px!important
    }
    .w-sm-90px {
        width: 90px!important
    }
    .h-sm-90px {
        height: 90px!important
    }
    .lh-sm-90px {
        line-height: 90px!important
    }
    .w-sm-100px {
        width: 100px!important
    }
    .h-sm-100px {
        height: 100px!important
    }
    .lh-sm-100px {
        line-height: 100px!important
    }
    .w-sm-110px {
        width: 110px!important
    }
    .h-sm-110px {
        height: 110px!important
    }
    .lh-sm-110px {
        line-height: 110px!important
    }
    .w-sm-115px {
        width: 115px!important
    }
    .h-sm-115px {
        height: 115px!important
    }
    .lh-sm-115px {
        line-height: 115px!important
    }
    .w-sm-130px {
        width: 130px!important
    }
    .h-sm-130px {
        height: 130px!important
    }
    .lh-sm-130px {
        line-height: 130px!important
    }
    .w-sm-140px {
        width: 140px!important
    }
    .h-sm-140px {
        height: 140px!important
    }
    .lh-sm-140px {
        line-height: 140px!important
    }
    .w-sm-150px {
        width: 150px!important
    }
    .h-sm-150px {
        height: 150px!important
    }
    .lh-sm-150px {
        line-height: 150px!important
    }
    .w-sm-200px {
        width: 200px!important
    }
    .h-sm-200px {
        height: 200px!important
    }
    .lh-sm-200px {
        line-height: 200px!important
    }
    .w-sm-250px {
        width: 250px!important
    }
    .h-sm-250px {
        height: 250px!important
    }
    .lh-sm-250px {
        line-height: 250px!important
    }
    .w-sm-258px {
        width: 258px!important
    }
    .h-sm-258px {
        height: 258px!important
    }
    .lh-sm-258px {
        line-height: 258px!important
    }
    .w-sm-300px {
        width: 300px!important
    }
    .h-sm-300px {
        height: 300px!important
    }
    .lh-sm-300px {
        line-height: 300px!important
    }
    .w-sm-350px {
        width: 350px!important
    }
    .h-sm-350px {
        height: 350px!important
    }
    .lh-sm-350px {
        line-height: 350px!important
    }
    .w-sm--10px {
        width: -10px!important
    }
    .h-sm--10px {
        height: -10px!important
    }
    .lh-sm--10px {
        line-height: -10px!important
    }
    .w-sm--5px {
        width: -5px!important
    }
    .h-sm--5px {
        height: -5px!important
    }
    .lh-sm--5px {
        line-height: -5px!important
    }
    .w-sm--25px {
        width: -25px!important
    }
    .h-sm--25px {
        height: -25px!important
    }
    .lh-sm--25px {
        line-height: -25px!important
    }
    .w-sm--30px {
        width: -30px!important
    }
    .h-sm--30px {
        height: -30px!important
    }
    .lh-sm--30px {
        line-height: -30px!important
    }
    .w-sm-700px {
        width: 700px!important
    }
    .h-sm-700px {
        height: 700px!important
    }
    .lh-sm-700px {
        line-height: 700px!important
    }
    .w-sm--200px {
        width: -200px!important
    }
    .h-sm--200px {
        height: -200px!important
    }
    .lh-sm--200px {
        line-height: -200px!important
    }
    .left-sm-1px {
        inset-inline-start: 1px
    }
    .right-sm-1px {
        inset-inline-end: 1px
    }
    .top-sm-1px {
        inset-block-start: 1px
    }
    .bottom-sm-1px {
        inset-block-end: 1px
    }
    .left-sm-5px {
        inset-inline-start: 5px
    }
    .right-sm-5px {
        inset-inline-end: 5px
    }
    .top-sm-5px {
        inset-block-start: 5px
    }
    .bottom-sm-5px {
        inset-block-end: 5px
    }
    .left-sm-8px {
        inset-inline-start: 8px
    }
    .right-sm-8px {
        inset-inline-end: 8px
    }
    .top-sm-8px {
        inset-block-start: 8px
    }
    .bottom-sm-8px {
        inset-block-end: 8px
    }
    .left-sm-10px {
        inset-inline-start: 10px
    }
    .right-sm-10px {
        inset-inline-end: 10px
    }
    .top-sm-10px {
        inset-block-start: 10px
    }
    .bottom-sm-10px {
        inset-block-end: 10px
    }
    .left-sm-12px {
        inset-inline-start: 12px
    }
    .right-sm-12px {
        inset-inline-end: 12px
    }
    .top-sm-12px {
        inset-block-start: 12px
    }
    .bottom-sm-12px {
        inset-block-end: 12px
    }
    .left-sm-14px {
        inset-inline-start: 14px
    }
    .right-sm-14px {
        inset-inline-end: 14px
    }
    .top-sm-14px {
        inset-block-start: 14px
    }
    .bottom-sm-14px {
        inset-block-end: 14px
    }
    .left-sm-16px {
        inset-inline-start: 16px
    }
    .right-sm-16px {
        inset-inline-end: 16px
    }
    .top-sm-16px {
        inset-block-start: 16px
    }
    .bottom-sm-16px {
        inset-block-end: 16px
    }
    .left-sm-18px {
        inset-inline-start: 18px
    }
    .right-sm-18px {
        inset-inline-end: 18px
    }
    .top-sm-18px {
        inset-block-start: 18px
    }
    .bottom-sm-18px {
        inset-block-end: 18px
    }
    .left-sm-20px {
        inset-inline-start: 20px
    }
    .right-sm-20px {
        inset-inline-end: 20px
    }
    .top-sm-20px {
        inset-block-start: 20px
    }
    .bottom-sm-20px {
        inset-block-end: 20px
    }
    .left-sm-22px {
        inset-inline-start: 22px
    }
    .right-sm-22px {
        inset-inline-end: 22px
    }
    .top-sm-22px {
        inset-block-start: 22px
    }
    .bottom-sm-22px {
        inset-block-end: 22px
    }
    .left-sm-24px {
        inset-inline-start: 24px
    }
    .right-sm-24px {
        inset-inline-end: 24px
    }
    .top-sm-24px {
        inset-block-start: 24px
    }
    .bottom-sm-24px {
        inset-block-end: 24px
    }
    .left-sm-26px {
        inset-inline-start: 26px
    }
    .right-sm-26px {
        inset-inline-end: 26px
    }
    .top-sm-26px {
        inset-block-start: 26px
    }
    .bottom-sm-26px {
        inset-block-end: 26px
    }
    .left-sm-28px {
        inset-inline-start: 28px
    }
    .right-sm-28px {
        inset-inline-end: 28px
    }
    .top-sm-28px {
        inset-block-start: 28px
    }
    .bottom-sm-28px {
        inset-block-end: 28px
    }
    .left-sm-30px {
        inset-inline-start: 30px
    }
    .right-sm-30px {
        inset-inline-end: 30px
    }
    .top-sm-30px {
        inset-block-start: 30px
    }
    .bottom-sm-30px {
        inset-block-end: 30px
    }
    .left-sm-32px {
        inset-inline-start: 32px
    }
    .right-sm-32px {
        inset-inline-end: 32px
    }
    .top-sm-32px {
        inset-block-start: 32px
    }
    .bottom-sm-32px {
        inset-block-end: 32px
    }
    .left-sm-35px {
        inset-inline-start: 35px
    }
    .right-sm-35px {
        inset-inline-end: 35px
    }
    .top-sm-35px {
        inset-block-start: 35px
    }
    .bottom-sm-35px {
        inset-block-end: 35px
    }
    .left-sm-40px {
        inset-inline-start: 40px
    }
    .right-sm-40px {
        inset-inline-end: 40px
    }
    .top-sm-40px {
        inset-block-start: 40px
    }
    .bottom-sm-40px {
        inset-block-end: 40px
    }
    .left-sm-45px {
        inset-inline-start: 45px
    }
    .right-sm-45px {
        inset-inline-end: 45px
    }
    .top-sm-45px {
        inset-block-start: 45px
    }
    .bottom-sm-45px {
        inset-block-end: 45px
    }
    .left-sm-48px {
        inset-inline-start: 48px
    }
    .right-sm-48px {
        inset-inline-end: 48px
    }
    .top-sm-48px {
        inset-block-start: 48px
    }
    .bottom-sm-48px {
        inset-block-end: 48px
    }
    .left-sm-50px {
        inset-inline-start: 50px
    }
    .right-sm-50px {
        inset-inline-end: 50px
    }
    .top-sm-50px {
        inset-block-start: 50px
    }
    .bottom-sm-50px {
        inset-block-end: 50px
    }
    .left-sm-55px {
        inset-inline-start: 55px
    }
    .right-sm-55px {
        inset-inline-end: 55px
    }
    .top-sm-55px {
        inset-block-start: 55px
    }
    .bottom-sm-55px {
        inset-block-end: 55px
    }
    .left-sm-60px {
        inset-inline-start: 60px
    }
    .right-sm-60px {
        inset-inline-end: 60px
    }
    .top-sm-60px {
        inset-block-start: 60px
    }
    .bottom-sm-60px {
        inset-block-end: 60px
    }
    .left-sm-70px {
        inset-inline-start: 70px
    }
    .right-sm-70px {
        inset-inline-end: 70px
    }
    .top-sm-70px {
        inset-block-start: 70px
    }
    .bottom-sm-70px {
        inset-block-end: 70px
    }
    .left-sm-100px {
        inset-inline-start: 100px
    }
    .right-sm-100px {
        inset-inline-end: 100px
    }
    .top-sm-100px {
        inset-block-start: 100px
    }
    .bottom-sm-100px {
        inset-block-end: 100px
    }
    .left-sm-170px {
        inset-inline-start: 170px
    }
    .right-sm-170px {
        inset-inline-end: 170px
    }
    .top-sm-170px {
        inset-block-start: 170px
    }
    .bottom-sm-170px {
        inset-block-end: 170px
    }
    .left-sm-200px {
        inset-inline-start: 200px
    }
    .right-sm-200px {
        inset-inline-end: 200px
    }
    .top-sm-200px {
        inset-block-start: 200px
    }
    .bottom-sm-200px {
        inset-block-end: 200px
    }
    .left-sm--3px {
        inset-inline-start: -3px
    }
    .right-sm--3px {
        inset-inline-end: -3px
    }
    .top-sm--3px {
        inset-block-start: -3px
    }
    .bottom-sm--3px {
        inset-block-end: -3px
    }
    .left-sm--10px {
        inset-inline-start: -10px
    }
    .right-sm--10px {
        inset-inline-end: -10px
    }
    .top-sm--10px {
        inset-block-start: -10px
    }
    .bottom-sm--10px {
        inset-block-end: -10px
    }
    .left-sm--15px {
        inset-inline-start: -15px
    }
    .right-sm--15px {
        inset-inline-end: -15px
    }
    .top-sm--15px {
        inset-block-start: -15px
    }
    .bottom-sm--15px {
        inset-block-end: -15px
    }
    .left-sm--20px {
        inset-inline-start: -20px
    }
    .right-sm--20px {
        inset-inline-end: -20px
    }
    .top-sm--20px {
        inset-block-start: -20px
    }
    .bottom-sm--20px {
        inset-block-end: -20px
    }
    .left-sm--30px {
        inset-inline-start: -30px
    }
    .right-sm--30px {
        inset-inline-end: -30px
    }
    .top-sm--30px {
        inset-block-start: -30px
    }
    .bottom-sm--30px {
        inset-block-end: -30px
    }
    .left-sm--40px {
        inset-inline-start: -40px
    }
    .right-sm--40px {
        inset-inline-end: -40px
    }
    .top-sm--40px {
        inset-block-start: -40px
    }
    .bottom-sm--40px {
        inset-block-end: -40px
    }
    .left-sm--50px {
        inset-inline-start: -50px
    }
    .right-sm--50px {
        inset-inline-end: -50px
    }
    .top-sm--50px {
        inset-block-start: -50px
    }
    .bottom-sm--50px {
        inset-block-end: -50px
    }
    .left-sm--80px {
        inset-inline-start: -80px
    }
    .right-sm--80px {
        inset-inline-end: -80px
    }
    .top-sm--80px {
        inset-block-start: -80px
    }
    .bottom-sm--80px {
        inset-block-end: -80px
    }
    .left-sm--220px {
        inset-inline-start: -220px
    }
    .right-sm--220px {
        inset-inline-end: -220px
    }
    .top-sm--220px {
        inset-block-start: -220px
    }
    .bottom-sm--220px {
        inset-block-end: -220px
    }
    .left-sm--300px {
        inset-inline-start: -300px
    }
    .right-sm--300px {
        inset-inline-end: -300px
    }
    .top-sm--300px {
        inset-block-start: -300px
    }
    .bottom-sm--300px {
        inset-block-end: -300px
    }
    .fs-sm-6px {
        font-size: 6px
    }
    .fs-sm-8px {
        font-size: 8px
    }
    .fs-sm-10px {
        font-size: 10px
    }
    .fs-sm-12px {
        font-size: 12px
    }
    .fs-sm-14px {
        font-size: 14px
    }
    .fs-sm-15px {
        font-size: 15px
    }
    .fs-sm-16px {
        font-size: 16px
    }
    .fs-sm-18px {
        font-size: 18px
    }
    .fs-sm-20px {
        font-size: 20px
    }
    .fs-sm-22px {
        font-size: 22px
    }
    .fs-sm-24px {
        font-size: 24px
    }
    .fs-sm-26px {
        font-size: 26px
    }
    .fs-sm-28px {
        font-size: 28px
    }
    .fs-sm-30px {
        font-size: 30px
    }
    .fs-sm-36px {
        font-size: 36px
    }
    .fs-sm-42px {
        font-size: 42px
    }
    .fs-sm-48px {
        font-size: 48px
    }
    .fs-sm-52px {
        font-size: 52px
    }
    .fs-sm-56px {
        font-size: 56px
    }
    .rounded-sm-0px {
        border-radius: 0!important
    }
    .rounded-end-start-sm-0px {
        border-end-start-radius: 0!important
    }
    .rounded-end-end-sm-0px {
        border-end-end-radius: 0!important
    }
    .rounded-start-start-sm-0px {
        border-start-start-radius: 0!important
    }
    .rounded-start-end-sm-0px {
        border-start-end-radius: 0!important
    }
    .rounded-sm-5px {
        border-radius: 5px!important
    }
    .rounded-end-start-sm-5px {
        border-end-start-radius: 5px!important
    }
    .rounded-end-end-sm-5px {
        border-end-end-radius: 5px!important
    }
    .rounded-start-start-sm-5px {
        border-start-start-radius: 5px!important
    }
    .rounded-start-end-sm-5px {
        border-start-end-radius: 5px!important
    }
    .rounded-sm-8px {
        border-radius: 8px!important
    }
    .rounded-end-start-sm-8px {
        border-end-start-radius: 8px!important
    }
    .rounded-end-end-sm-8px {
        border-end-end-radius: 8px!important
    }
    .rounded-start-start-sm-8px {
        border-start-start-radius: 8px!important
    }
    .rounded-start-end-sm-8px {
        border-start-end-radius: 8px!important
    }
    .rounded-sm-10px {
        border-radius: 10px!important
    }
    .rounded-end-start-sm-10px {
        border-end-start-radius: 10px!important
    }
    .rounded-end-end-sm-10px {
        border-end-end-radius: 10px!important
    }
    .rounded-start-start-sm-10px {
        border-start-start-radius: 10px!important
    }
    .rounded-start-end-sm-10px {
        border-start-end-radius: 10px!important
    }
    .rounded-sm-12px {
        border-radius: 12px!important
    }
    .rounded-end-start-sm-12px {
        border-end-start-radius: 12px!important
    }
    .rounded-end-end-sm-12px {
        border-end-end-radius: 12px!important
    }
    .rounded-start-start-sm-12px {
        border-start-start-radius: 12px!important
    }
    .rounded-start-end-sm-12px {
        border-start-end-radius: 12px!important
    }
    .rounded-sm-14px {
        border-radius: 14px!important
    }
    .rounded-end-start-sm-14px {
        border-end-start-radius: 14px!important
    }
    .rounded-end-end-sm-14px {
        border-end-end-radius: 14px!important
    }
    .rounded-start-start-sm-14px {
        border-start-start-radius: 14px!important
    }
    .rounded-start-end-sm-14px {
        border-start-end-radius: 14px!important
    }
    .rounded-sm-16px {
        border-radius: 16px!important
    }
    .rounded-end-start-sm-16px {
        border-end-start-radius: 16px!important
    }
    .rounded-end-end-sm-16px {
        border-end-end-radius: 16px!important
    }
    .rounded-start-start-sm-16px {
        border-start-start-radius: 16px!important
    }
    .rounded-start-end-sm-16px {
        border-start-end-radius: 16px!important
    }
    .rounded-sm-18px {
        border-radius: 18px!important
    }
    .rounded-end-start-sm-18px {
        border-end-start-radius: 18px!important
    }
    .rounded-end-end-sm-18px {
        border-end-end-radius: 18px!important
    }
    .rounded-start-start-sm-18px {
        border-start-start-radius: 18px!important
    }
    .rounded-start-end-sm-18px {
        border-start-end-radius: 18px!important
    }
    .rounded-sm-19px {
        border-radius: 19px!important
    }
    .rounded-end-start-sm-19px {
        border-end-start-radius: 19px!important
    }
    .rounded-end-end-sm-19px {
        border-end-end-radius: 19px!important
    }
    .rounded-start-start-sm-19px {
        border-start-start-radius: 19px!important
    }
    .rounded-start-end-sm-19px {
        border-start-end-radius: 19px!important
    }
    .rounded-sm-20px {
        border-radius: 20px!important
    }
    .rounded-end-start-sm-20px {
        border-end-start-radius: 20px!important
    }
    .rounded-end-end-sm-20px {
        border-end-end-radius: 20px!important
    }
    .rounded-start-start-sm-20px {
        border-start-start-radius: 20px!important
    }
    .rounded-start-end-sm-20px {
        border-start-end-radius: 20px!important
    }
    .rounded-sm-22px {
        border-radius: 22px!important
    }
    .rounded-end-start-sm-22px {
        border-end-start-radius: 22px!important
    }
    .rounded-end-end-sm-22px {
        border-end-end-radius: 22px!important
    }
    .rounded-start-start-sm-22px {
        border-start-start-radius: 22px!important
    }
    .rounded-start-end-sm-22px {
        border-start-end-radius: 22px!important
    }
    .rounded-sm-24px {
        border-radius: 24px!important
    }
    .rounded-end-start-sm-24px {
        border-end-start-radius: 24px!important
    }
    .rounded-end-end-sm-24px {
        border-end-end-radius: 24px!important
    }
    .rounded-start-start-sm-24px {
        border-start-start-radius: 24px!important
    }
    .rounded-start-end-sm-24px {
        border-start-end-radius: 24px!important
    }
    .rounded-sm-26px {
        border-radius: 26px!important
    }
    .rounded-end-start-sm-26px {
        border-end-start-radius: 26px!important
    }
    .rounded-end-end-sm-26px {
        border-end-end-radius: 26px!important
    }
    .rounded-start-start-sm-26px {
        border-start-start-radius: 26px!important
    }
    .rounded-start-end-sm-26px {
        border-start-end-radius: 26px!important
    }
    .rounded-sm-28px {
        border-radius: 28px!important
    }
    .rounded-end-start-sm-28px {
        border-end-start-radius: 28px!important
    }
    .rounded-end-end-sm-28px {
        border-end-end-radius: 28px!important
    }
    .rounded-start-start-sm-28px {
        border-start-start-radius: 28px!important
    }
    .rounded-start-end-sm-28px {
        border-start-end-radius: 28px!important
    }
    .rounded-sm-35px {
        border-radius: 35px!important
    }
    .rounded-end-start-sm-35px {
        border-end-start-radius: 35px!important
    }
    .rounded-end-end-sm-35px {
        border-end-end-radius: 35px!important
    }
    .rounded-start-start-sm-35px {
        border-start-start-radius: 35px!important
    }
    .rounded-start-end-sm-35px {
        border-start-end-radius: 35px!important
    }
    .rounded-sm-40px {
        border-radius: 40px!important
    }
    .rounded-end-start-sm-40px {
        border-end-start-radius: 40px!important
    }
    .rounded-end-end-sm-40px {
        border-end-end-radius: 40px!important
    }
    .rounded-start-start-sm-40px {
        border-start-start-radius: 40px!important
    }
    .rounded-start-end-sm-40px {
        border-start-end-radius: 40px!important
    }
    .rounded-sm-45px {
        border-radius: 45px!important
    }
    .rounded-end-start-sm-45px {
        border-end-start-radius: 45px!important
    }
    .rounded-end-end-sm-45px {
        border-end-end-radius: 45px!important
    }
    .rounded-start-start-sm-45px {
        border-start-start-radius: 45px!important
    }
    .rounded-start-end-sm-45px {
        border-start-end-radius: 45px!important
    }
    .rounded-sm-30px {
        border-radius: 30px!important
    }
    .rounded-end-start-sm-30px {
        border-end-start-radius: 30px!important
    }
    .rounded-end-end-sm-30px {
        border-end-end-radius: 30px!important
    }
    .rounded-start-start-sm-30px {
        border-start-start-radius: 30px!important
    }
    .rounded-start-end-sm-30px {
        border-start-end-radius: 30px!important
    }
}

@media(min-width:768px)and (max-width:991.98px) {
    .start-md-1px {
        inset-inline-start: 1px
    }
    .end-md-1px,
    .inset-md-end-1px,
    .left-md-1px {
        inset-inline-end: 1px
    }
    .right-md-1px {
        inset-inline-start: 1px
    }
    .top-md-1px {
        inset-block-start: 1px
    }
    .bottom-md-1px {
        inset-block-end: 1px
    }
    .start-md-5px {
        inset-inline-start: 5px
    }
    .end-md-5px,
    .inset-md-end-5px,
    .left-md-5px {
        inset-inline-end: 5px
    }
    .right-md-5px {
        inset-inline-start: 5px
    }
    .top-md-5px {
        inset-block-start: 5px
    }
    .bottom-md-5px {
        inset-block-end: 5px
    }
    .start-md-8px {
        inset-inline-start: 8px
    }
    .end-md-8px,
    .inset-md-end-8px,
    .left-md-8px {
        inset-inline-end: 8px
    }
    .right-md-8px {
        inset-inline-start: 8px
    }
    .top-md-8px {
        inset-block-start: 8px
    }
    .bottom-md-8px {
        inset-block-end: 8px
    }
    .start-md-10px {
        inset-inline-start: 10px
    }
    .end-md-10px,
    .inset-md-end-10px,
    .left-md-10px {
        inset-inline-end: 10px
    }
    .right-md-10px {
        inset-inline-start: 10px
    }
    .top-md-10px {
        inset-block-start: 10px
    }
    .bottom-md-10px {
        inset-block-end: 10px
    }
    .start-md-12px {
        inset-inline-start: 12px
    }
    .end-md-12px,
    .inset-md-end-12px,
    .left-md-12px {
        inset-inline-end: 12px
    }
    .right-md-12px {
        inset-inline-start: 12px
    }
    .top-md-12px {
        inset-block-start: 12px
    }
    .bottom-md-12px {
        inset-block-end: 12px
    }
    .start-md-14px {
        inset-inline-start: 14px
    }
    .end-md-14px,
    .inset-md-end-14px,
    .left-md-14px {
        inset-inline-end: 14px
    }
    .right-md-14px {
        inset-inline-start: 14px
    }
    .top-md-14px {
        inset-block-start: 14px
    }
    .bottom-md-14px {
        inset-block-end: 14px
    }
    .start-md-16px {
        inset-inline-start: 16px
    }
    .end-md-16px,
    .inset-md-end-16px,
    .left-md-16px {
        inset-inline-end: 16px
    }
    .right-md-16px {
        inset-inline-start: 16px
    }
    .top-md-16px {
        inset-block-start: 16px
    }
    .bottom-md-16px {
        inset-block-end: 16px
    }
    .start-md-18px {
        inset-inline-start: 18px
    }
    .end-md-18px,
    .inset-md-end-18px,
    .left-md-18px {
        inset-inline-end: 18px
    }
    .right-md-18px {
        inset-inline-start: 18px
    }
    .top-md-18px {
        inset-block-start: 18px
    }
    .bottom-md-18px {
        inset-block-end: 18px
    }
    .start-md-20px {
        inset-inline-start: 20px
    }
    .end-md-20px,
    .inset-md-end-20px,
    .left-md-20px {
        inset-inline-end: 20px
    }
    .right-md-20px {
        inset-inline-start: 20px
    }
    .top-md-20px {
        inset-block-start: 20px
    }
    .bottom-md-20px {
        inset-block-end: 20px
    }
    .start-md-22px {
        inset-inline-start: 22px
    }
    .end-md-22px,
    .inset-md-end-22px,
    .left-md-22px {
        inset-inline-end: 22px
    }
    .right-md-22px {
        inset-inline-start: 22px
    }
    .top-md-22px {
        inset-block-start: 22px
    }
    .bottom-md-22px {
        inset-block-end: 22px
    }
    .start-md-24px {
        inset-inline-start: 24px
    }
    .end-md-24px,
    .inset-md-end-24px,
    .left-md-24px {
        inset-inline-end: 24px
    }
    .right-md-24px {
        inset-inline-start: 24px
    }
    .top-md-24px {
        inset-block-start: 24px
    }
    .bottom-md-24px {
        inset-block-end: 24px
    }
    .start-md-26px {
        inset-inline-start: 26px
    }
    .end-md-26px,
    .inset-md-end-26px,
    .left-md-26px {
        inset-inline-end: 26px
    }
    .right-md-26px {
        inset-inline-start: 26px
    }
    .top-md-26px {
        inset-block-start: 26px
    }
    .bottom-md-26px {
        inset-block-end: 26px
    }
    .start-md-28px {
        inset-inline-start: 28px
    }
    .end-md-28px,
    .inset-md-end-28px,
    .left-md-28px {
        inset-inline-end: 28px
    }
    .right-md-28px {
        inset-inline-start: 28px
    }
    .top-md-28px {
        inset-block-start: 28px
    }
    .bottom-md-28px {
        inset-block-end: 28px
    }
    .start-md-30px {
        inset-inline-start: 30px
    }
    .end-md-30px,
    .inset-md-end-30px,
    .left-md-30px {
        inset-inline-end: 30px
    }
    .right-md-30px {
        inset-inline-start: 30px
    }
    .top-md-30px {
        inset-block-start: 30px
    }
    .bottom-md-30px {
        inset-block-end: 30px
    }
    .start-md-32px {
        inset-inline-start: 32px
    }
    .end-md-32px,
    .inset-md-end-32px,
    .left-md-32px {
        inset-inline-end: 32px
    }
    .right-md-32px {
        inset-inline-start: 32px
    }
    .top-md-32px {
        inset-block-start: 32px
    }
    .bottom-md-32px {
        inset-block-end: 32px
    }
    .start-md-35px {
        inset-inline-start: 35px
    }
    .end-md-35px,
    .inset-md-end-35px,
    .left-md-35px {
        inset-inline-end: 35px
    }
    .right-md-35px {
        inset-inline-start: 35px
    }
    .top-md-35px {
        inset-block-start: 35px
    }
    .bottom-md-35px {
        inset-block-end: 35px
    }
    .start-md-40px {
        inset-inline-start: 40px
    }
    .end-md-40px,
    .inset-md-end-40px,
    .left-md-40px {
        inset-inline-end: 40px
    }
    .right-md-40px {
        inset-inline-start: 40px
    }
    .top-md-40px {
        inset-block-start: 40px
    }
    .bottom-md-40px {
        inset-block-end: 40px
    }
    .start-md-45px {
        inset-inline-start: 45px
    }
    .end-md-45px,
    .inset-md-end-45px,
    .left-md-45px {
        inset-inline-end: 45px
    }
    .right-md-45px {
        inset-inline-start: 45px
    }
    .top-md-45px {
        inset-block-start: 45px
    }
    .bottom-md-45px {
        inset-block-end: 45px
    }
    .start-md-48px {
        inset-inline-start: 48px
    }
    .end-md-48px,
    .inset-md-end-48px,
    .left-md-48px {
        inset-inline-end: 48px
    }
    .right-md-48px {
        inset-inline-start: 48px
    }
    .top-md-48px {
        inset-block-start: 48px
    }
    .bottom-md-48px {
        inset-block-end: 48px
    }
    .start-md-50px {
        inset-inline-start: 50px
    }
    .end-md-50px,
    .inset-md-end-50px,
    .left-md-50px {
        inset-inline-end: 50px
    }
    .right-md-50px {
        inset-inline-start: 50px
    }
    .top-md-50px {
        inset-block-start: 50px
    }
    .bottom-md-50px {
        inset-block-end: 50px
    }
    .start-md-55px {
        inset-inline-start: 55px
    }
    .end-md-55px,
    .inset-md-end-55px,
    .left-md-55px {
        inset-inline-end: 55px
    }
    .right-md-55px {
        inset-inline-start: 55px
    }
    .top-md-55px {
        inset-block-start: 55px
    }
    .bottom-md-55px {
        inset-block-end: 55px
    }
    .start-md-60px {
        inset-inline-start: 60px
    }
    .end-md-60px,
    .inset-md-end-60px,
    .left-md-60px {
        inset-inline-end: 60px
    }
    .right-md-60px {
        inset-inline-start: 60px
    }
    .top-md-60px {
        inset-block-start: 60px
    }
    .bottom-md-60px {
        inset-block-end: 60px
    }
    .start-md-70px {
        inset-inline-start: 70px
    }
    .end-md-70px,
    .inset-md-end-70px,
    .left-md-70px {
        inset-inline-end: 70px
    }
    .right-md-70px {
        inset-inline-start: 70px
    }
    .top-md-70px {
        inset-block-start: 70px
    }
    .bottom-md-70px {
        inset-block-end: 70px
    }
    .start-md-100px {
        inset-inline-start: 100px
    }
    .end-md-100px,
    .inset-md-end-100px,
    .left-md-100px {
        inset-inline-end: 100px
    }
    .right-md-100px {
        inset-inline-start: 100px
    }
    .top-md-100px {
        inset-block-start: 100px
    }
    .bottom-md-100px {
        inset-block-end: 100px
    }
    .start-md-170px {
        inset-inline-start: 170px
    }
    .end-md-170px,
    .inset-md-end-170px,
    .left-md-170px {
        inset-inline-end: 170px
    }
    .right-md-170px {
        inset-inline-start: 170px
    }
    .top-md-170px {
        inset-block-start: 170px
    }
    .bottom-md-170px {
        inset-block-end: 170px
    }
    .start-md-200px {
        inset-inline-start: 200px
    }
    .end-md-200px,
    .inset-md-end-200px,
    .left-md-200px {
        inset-inline-end: 200px
    }
    .right-md-200px {
        inset-inline-start: 200px
    }
    .top-md-200px {
        inset-block-start: 200px
    }
    .bottom-md-200px {
        inset-block-end: 200px
    }
    .start-md--3px {
        inset-inline-start: -3px
    }
    .end-md--3px,
    .inset-md-end--3px,
    .left-md--3px {
        inset-inline-end: -3px
    }
    .right-md--3px {
        inset-inline-start: -3px
    }
    .top-md--3px {
        inset-block-start: -3px
    }
    .bottom-md--3px {
        inset-block-end: -3px
    }
    .start-md--10px {
        inset-inline-start: -10px
    }
    .end-md--10px,
    .inset-md-end--10px,
    .left-md--10px {
        inset-inline-end: -10px
    }
    .right-md--10px {
        inset-inline-start: -10px
    }
    .top-md--10px {
        inset-block-start: -10px
    }
    .bottom-md--10px {
        inset-block-end: -10px
    }
    .start-md--15px {
        inset-inline-start: -15px
    }
    .end-md--15px,
    .inset-md-end--15px,
    .left-md--15px {
        inset-inline-end: -15px
    }
    .right-md--15px {
        inset-inline-start: -15px
    }
    .top-md--15px {
        inset-block-start: -15px
    }
    .bottom-md--15px {
        inset-block-end: -15px
    }
    .start-md--20px {
        inset-inline-start: -20px
    }
    .end-md--20px,
    .inset-md-end--20px,
    .left-md--20px {
        inset-inline-end: -20px
    }
    .right-md--20px {
        inset-inline-start: -20px
    }
    .top-md--20px {
        inset-block-start: -20px
    }
    .bottom-md--20px {
        inset-block-end: -20px
    }
    .start-md--30px {
        inset-inline-start: -30px
    }
    .end-md--30px,
    .inset-md-end--30px,
    .left-md--30px {
        inset-inline-end: -30px
    }
    .right-md--30px {
        inset-inline-start: -30px
    }
    .top-md--30px {
        inset-block-start: -30px
    }
    .bottom-md--30px {
        inset-block-end: -30px
    }
    .start-md--40px {
        inset-inline-start: -40px
    }
    .end-md--40px,
    .inset-md-end--40px,
    .left-md--40px {
        inset-inline-end: -40px
    }
    .right-md--40px {
        inset-inline-start: -40px
    }
    .top-md--40px {
        inset-block-start: -40px
    }
    .bottom-md--40px {
        inset-block-end: -40px
    }
    .start-md--50px {
        inset-inline-start: -50px
    }
    .end-md--50px,
    .inset-md-end--50px,
    .left-md--50px {
        inset-inline-end: -50px
    }
    .right-md--50px {
        inset-inline-start: -50px
    }
    .top-md--50px {
        inset-block-start: -50px
    }
    .bottom-md--50px {
        inset-block-end: -50px
    }
    .start-md--80px {
        inset-inline-start: -80px
    }
    .end-md--80px,
    .inset-md-end--80px,
    .left-md--80px {
        inset-inline-end: -80px
    }
    .right-md--80px {
        inset-inline-start: -80px
    }
    .top-md--80px {
        inset-block-start: -80px
    }
    .bottom-md--80px {
        inset-block-end: -80px
    }
    .start-md--220px {
        inset-inline-start: -220px
    }
    .end-md--220px,
    .inset-md-end--220px,
    .left-md--220px {
        inset-inline-end: -220px
    }
    .right-md--220px {
        inset-inline-start: -220px
    }
    .top-md--220px {
        inset-block-start: -220px
    }
    .bottom-md--220px {
        inset-block-end: -220px
    }
    .start-md--300px {
        inset-inline-start: -300px
    }
    .end-md--300px,
    .inset-md-end--300px,
    .left-md--300px {
        inset-inline-end: -300px
    }
    .right-md--300px {
        inset-inline-start: -300px
    }
    .top-md--300px {
        inset-block-start: -300px
    }
    .bottom-md--300px {
        inset-block-end: -300px
    }
}

footer {
    flex-shrink: 0;
    position: relative
}

footer .nav-link {
    padding: 0
}

footer.footer-large .content-3 .nav a.nav-link i {
    font-size: 22px
}

.footer-large .content-1 {
    background-color: #374045;
    height: 8px;
    width: 100%
}

.footer-large .content-3 {
    background-color: #082c36;
    color: #fff;
    padding: 30px 0;
    text-align: center
}

.footer-large .content-3 a {
    color: #fff
}

.footer-large .content-3 a:hover {
    color: #d9d9d9
}

.footer-large .content-3 .nav a.nav-link i {
    font-size: 22px
}

.footer-large .content-4 {
    background-color: rgb(55 64 69);
    color: #fff;
    font-size: 11px;
    padding: 15px 0;
    text-align: center
}

header {
    background-color: #fff;
    box-shadow: 0 1px 5px hsla(0, 0%, 67%, .16);
    inset-block-start: 0;
    inset-inline: 0;
    position: fixed;
    transition: all .1s linear;
    z-index: 10
}

header .navbar {
    height: 75px;
    transition: .3s
}

header .nav-top {
    background-color: #f2f2f2;
    height: 55px;
    transition: .3s;
    z-index: 2
}

header .nav-top .dropdown-menu.show {
    inset-block-start: 40px!important;
    inset-inline-end: auto!important;
    inset-inline-start: 8px!important;
    transform: none!important;
    z-index: 1
}

header .btn-gradient {
    transition: .3s
}

header.opaque .nav-top {
    height: 45px
}

header.opaque .navbar {
    height: 55px
}

header.opaque .btn-gradient {
    font-size: 14px
}

header .dropdown-menu.show {
    inset-inline-end: auto!important;
    inset-inline-start: 0;
    z-index: 1000
}

header .navbar-light .navbar-nav .nav-link {
    color: #374045!important;
    font-family: AdelleSansARA-Semibold;
    font-size: 1.1rem;
    /* font-size: 1.2rem; */
    padding: .7rem 1rem;
    position: relative;
    transition: .3s
}

header .navbar-light .navbar-nav .nav-link:before {
    background-color: rgb(62 124 105);
    content: "";
    height: 5px;
    inset-block-end: 0;
    inset-inline-start: 0;
    opacity: 0;
    position: absolute;
    transition: .3s;
    visibility: hidden;
    width: 100%
}

header .navbar-light .navbar-nav .nav-link:after {
    color: #374045!important
}

header .navbar-light .navbar-nav .nav-link.active:before,
header .navbar-light .navbar-nav .nav-link:focus:before,
header .navbar-light .navbar-nav .nav-link:hover:before {
    inset-block-end: -12px;
    opacity: 1;
    visibility: visible
}

header .navbar-brand img {
    transition: .3s
}

header .navbar-nav {
    padding-inline-start: 0
}

header .navbar-nav .dropdown-item img {
    height: 30px;
    margin-inline-end: 15px;
    width: 20px
}

header .navbar-nav .dropdown-menu {
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    width: 100%
}

@media(min-width:768px) {
    header .navbar-nav .dropdown-menu {
        background-color: #f7f7f7;
        box-shadow: 0 3px 6px hsla(0, 0%, 67%, .16)
    }
}

.dropdown-item {
    text-align: start
}

.nav {
    padding-inline-start: 0
}

.dropdown-toggle:after {
    color: rgb(62 124 105);
    margin-inline-start: 10px;
    vertical-align: middle
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    outline: none;
    text-decoration: none
}

.navbar-mobile {
    display: flex;
    width: 100%
}

.navbar-mobile .nav-link {
    padding: .5rem 1rem
}

.navbar-mobile .dropdown-item {
    color: rgb(62 124 105)
}

@media(min-width:992px) {
    header .nav-item {
        margin-inline-end: 10px
        /* margin-inline-end: 45px */
    }
    header .navbar .container {
        padding-inline-start: 155px
    }
}

@media(min-width:768px) {
    header .nav-top {
        background-color: #f2f2f2;
        height: 45px;
        z-index: 2
    }
    header nav.navbar {
        height: 75px
    }
    header .navbar-nav .dropdown-item {
        color: rgb(62 124 105);
        font-size: 16px;
        margin-inline-end: 1rem;
        padding: 20px 0;
        width: 120px
    }
    header .navbar-nav .dropdown-item img {
        height: 40px;
        margin-block-end: 8px;
        margin-inline-end: 0;
        width: 40px
    }
    header .navbar-nav .dropdown-menu {
        background-color: #f7f7f7;
        border: none;
        border-radius: 0;
        box-shadow: 0 3px 6px hsla(0, 0%, 67%, .16);
        margin: 0;
        padding: 0;
        width: 100%
    }
    header .nav-item {
        position: unset
    }
    .navbar-brand {
        align-items: center;
        display: flex;
        height: 130px;
        inset-block-start: 0;
        inset-inline-start: 0;
        justify-content: center;
        padding: 0px 16px 28px;
        position: absolute;
        transition: .3s;
        width: 141px;
        z-index: 999
    }
}

@media(max-width:767px) {
    .has-menu {
        display: contents!important
    }
    .navbar-mobile {
        background: #fff;
        display: block;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        width: 75%
    }
    header .navbar-light .navbar-nav .nav-link:before {
        content: "";
        height: 100%;
        top: 0;
        width: 3px
    }
    header .navbar {
        height: 100px!important
        /* height: 50px!important */
    }
    header .container {
        height: 100%;
        padding: 0
    }
    header .navbar-nav {
        padding-inline-start: 0
    }
    header .navbar-nav .nav-link {
        padding: .7rem 2rem
    }
    header .navbar-nav .nav-link.show {
        background: #eee;
        border-inline-start: 5px solid rgb(62 124 105)
    }
    header .navbar-nav .nav-link.active:before {
        height: auto!important;
        inset-block: 0!important;
        inset-inline-start: 0;
        width: 5px!important
    }
    header .navbar-nav .nav-link .active:before,
    header .navbar-nav .nav-link:focus:before,
    header .navbar-nav .nav-link:hover:before {
        display: none
    }
    header .navbar-brand img {
        height: 40px
    }
    header.opaque .navbar {
        height: 50px!important
    }
    header .navigation ul.controls {
        border-block-end: 1px solid #e3e9ed;
        display: block;
        margin-block-end: 8px
    }
    header .navigation ul.controls li:first-child {
        border-inline-start: 0;
        float: right
    }
    [dir=ltr] header .navigation ul.controls li:first-child {
        float: left
    }
    .offcanvas-backdrop.show {
        inset-inline-end: 0;
        inset-inline-start: auto;
        width: 25%
    }
    .offcanvas-collapse {
        background-color: rgba(0, 0, 0, .4);
        inset-block: 0;
        inset-inline-start: -100%;
        overflow-y: auto;
        position: fixed;
        transition-duration: .3s;
        transition-property: inset-inline-start, visibility;
        transition-timing-function: ease-in-out;
        visibility: hidden;
        width: 100%
    }
    .offcanvas-collapse.open,
    .offcanvas-collapse.show {
        inset-inline-start: 0;
        visibility: visible
    }
    .offcanvas.show {
        transform: none
    }
    .offcanvas.offcanvas-start {
        border-inline-end: 1px solid rgba(0, 0, 0, .2);
        inset-inline-end: auto!important;
        inset-inline-start: 0;
        transform: translateX(100%)
    }
}

.custom-tabs.nav-pills .nav-link {
    background-color: #f8f9fa
}

.custom-tabs.nav-pills .nav-link.active.bg-white {
    background-color: rgb(62 124 105)
}

.sub-tabs.nav-tabs .nav-link.active.bg-white {
    background-color: var(--background-color);;
    border-color: var(--background-color);;
    color: #fff!important
}

@media(max-width:767.98px) {
    .custom-tabs.nav-pills {
        gap: 20px
    }
    .custom-tabs.nav-pills .nav-link {
        background: #fff;
        border-radius: 50px;
        border-width: 0;
        box-shadow: 0 2px 15px 0 rgba(78, 78, 78, .1);
        color: #21446f
    }
    .custom-tabs.nav-pills .nav-link.active {
        background: var(--background-color);;
        color: #fff
    }
    .custom-tabs.nav-pills .nav-link.active:before {
        display: none
    }
}

@media(max-width:767px) {
    .user-sidebar--menu {
        display: -ms-flexbox!important;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .user-sidebar--menu li:first-child {
        flex-grow: 1;
        width: 100%
    }
    .user-sidebar--menu li {
        background-color: #fff!important;
        border-radius: 10px;
        box-shadow: 0 1px 4px 0 rgba(78, 78, 78, .1)!important;
        margin-block-end: 10px;
        text-align: center;
        width: 49%
    }
    .user-sidebar--menu li a {
        border-radius: 10px
    }
    .user-sidebar--menu__option {
        color: #374045;
        justify-content: center
    }
    .user-sidebar--menu__option:hover {
        background-color: #fff;
        box-shadow: none;
        color: #707070
    }
    .user-sidebar--menu__option.menu-option-active {
        background-color: rgb(62 124 105);
        color: #fff
    }
    .user-sidebar--menu__option.menu-option-active img {
        filter: brightness(0) invert(1)
    }
    .user-sidebar--menu__option .icon {
        margin-inline-end: 10px
    }
    .user-sidebar--menu__option:not(.active):hover {
        background-color: #f2f2f2;
        border-color: rgb(62 124 105)
    }
}

.breadcrumb {
    background: none;
    font-weight: 400;
    padding: 10px 0
}

.breadcrumb a {
    text-decoration: none
}

.breadcrumb.breadcrumb-onslider {
    inset-inline-start: 15px;
    position: absolute;
    top: 28px;
    z-index: 7
}

.breadcrumb.breadcrumb-onslider.text-white .breadcrumb-item+.breadcrumb-item:before {
    color: #fff!important
}

.breadcrumb.breadcrumb-onslider.text-primary-green .breadcrumb-item+.breadcrumb-item:before {
    color: var(--background-color);
}

.breadcrumb.breadcrumb-onslider.text-primary-blue .breadcrumb-item+.breadcrumb-item:before {
    color: #374045!important
}

.breadcrumb .breadcrumb-item:not(.active) a {
    color: rgb(62 124 105);
    transition: all .3s linear
}

.breadcrumb .breadcrumb-item:not(.active) a:hover {
    color: rgb(62 124 105)
}

.breadcrumb-item+.breadcrumb-item {
    padding-inline-end: 0;
    padding-inline-start: .3rem
}

.breadcrumb-item+.breadcrumb-item:before {
    padding-inline-end: .3rem;
    padding-inline-start: 0
}

[dir=rtl] .breadcrumb-item+.breadcrumb-item:before {
    float: right
}

btn {
    touch-action: manipulation
}

btn:disabled {
    background: #ccc!important;
    border-color: #ccc!important;
    color: #333!important;
    cursor: not-allowed
}

btn:focus {
    box-shadow: none!important
}

btn:active {
    border-color: transparent!important
}

.btn-link {
    color: rgb(62 124 105);
    text-decoration: none
}

.btn-link:hover {
    color: var(--background-color);;
    text-decoration: underline!important
}

.btn-round-icon {
    border-radius: 50%;
    font-size: 20px;
    height: 37px;
    padding: 4px 0;
    width: 38px
}

.btn-primary-green {
    background: var(--background-color);
    color: #fff
}

.btn-primary-green:disabled,
.btn-primary-green:disabled:hover {
    background-color: #666!important;
    color: #fff!important
}

.btn-primary-green:focus,
.btn-primary-green:hover {
    background: rgba(13, 143, 117, .8)!important;
    color: #fff!important;
    outline: none!important
}

.btn-dugong {
    background-color: #707070;
    color: #fff
}

.btn-dugong.disabled,
.btn-dugong:focus,
.btn-dugong:hover,
.btn-dugong[disabled] {
    background-color: hsla(0, 0%, 44%, .8)!important;
    color: #fff!important
}

.btn-primary,
.btn-primary-blue {
    background: #374045;
    color: #fff
}

.btn-primary-blue:focus,
.btn-primary-blue:hover,
.btn-primary:focus,
.btn-primary:hover {
    background: rgba(33, 69, 112, .8)!important;
    color: #fff!important;
    outline: none!important
}

.btn-gradient {
    background: linear-gradient(270deg, rgb(62 124 105) 20%, #374045 105%);
    border-radius: 44px;
    color: #fff
}

.btn-gradient:hover {
    background: linear-gradient(270deg, rgb(62 124 105) 20%, #374045 105%)!important;
    color: #fff!important
}

.btn-light-grey {
    background: #f7f7f7;
    color: #545353
}

.btn-light-grey:hover {
    background: #ececed!important;
    color: #545353!important;
    outline: none
}

.btn-dark-grey {
    background: #d9d9d9;
    color: #374045
}

.btn-dark-grey:hover {
    background: #cac9c9!important;
    color: #374045!important;
    outline: none!important
}

.btn-white {
    background-color: #fff;
    border-color: #fff;
    color: #000
}

.btn-white:focus,
.btn-white:hover {
    background: #fff!important;
    outline: none
}

.btn-outline-primary-blue {
    border-color: #374045;
    color: #374045
}

.btn-outline-primary-blue:hover {
    background-color: #374045!important;
    border-color: #374045!important;
    color: #fff!important
}

.btn-outline-primary-green {
    border-color: rgb(62 124 105);
    color: rgb(62 124 105)
}

.btn-outline-primary-green:hover {
    background-color: var(--background-color);;
    border-color: var(--background-color);;
    color: #fff!important
}

.btn-primary-grey {
    color: #128b75
}

.btn-primary-grey:hover {
    color: #128b75!important
}

.btn-hover-green:hover {
    background-color: var(--background-color);;
    color: #fff!important
}

.btn-hover-green:hover i {
    color: #fff!important
}

.bg-mint-cream {
    background-color: #f7f7f7!important
}

.btn-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 106, 70, .3)
}

.btn-outline-primary-lightgreen {
    border-color: #01b477;
    color: #01b477
}

.btn-outline-primary-lightgreen:hover {
    background-color: #01b477!important;
    border-color: #01b477!important;
    color: #fff!important
}

.btn-whitesmoke {
    background-color: #f7f7f7;
    border-color: #e9e9e9;
    color: #767676
}

.btn-whitesmoke:hover {
    background-color: #f2f2f2!important;
    border-color: #e9e9e9!important;
    color: #767676!important
}

.pagination {
    align-items: center;
    background: #f2f2f2;
    border-radius: 50px;
    justify-content: center;
    padding: 2px 5px;
    width: max-content
}

.pagination.bg-light {
    background-color: #fff
}

.pagination .page-item {
    align-self: baseline;
    margin: 0 3px
}

.pagination .page-item .named {
    align-items: center;
    background-color: rgb(62 124 105);
    border: none;
    border-radius: 50%;
    box-shadow: 0 4px 8px 0 rgba(0, 106, 70, .3);
    color: #fff;
    display: flex;
    height: 35px;
    justify-content: center;
    margin-block-start: 2px;
    padding: 0;
    transition: all .3s ease;
    width: 35px
}

.pagination .page-item .named:hover {
    background-color: #018155
}

.pagination .page-item .named i {
    font-size: 13px
}

.pagination .page-item .page-link:not(.named) {
    background-color: transparent;
    border: none;
    border-block-end: 3px solid transparent;
    color: #003b4c;
    font-size: 13px;
    font-weight: 400
}

.pagination .page-item.active .page-link:not(.named) {
    background-color: transparent;
    border-color: transparent;
    border-block-end: 3px solid rgb(62 124 105)
}

.pagination .page-item.disabled .page-link {
    background-color: #ccc;
    box-shadow: 0 4px 8px 0 #ccc
}

@media(max-width:767px) {
    .pagination {
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.custom-tooltip+.custom-tooltip__text {
    height: fit-content;
    inset-block-end: 30px;
    inset-inline-end: 0
}

.custom-tooltip:active+.custom-tooltip__text,
.custom-tooltip:focus+.custom-tooltip__text,
.custom-tooltip:hover+.custom-tooltip__text {
    opacity: 1;
    visibility: visible;
    z-index: 9999
}

.card.white-card {
    border: 0;
    border-radius: .625rem;
    box-shadow: 0 1px 10px 0 rgba(78, 78, 78, .18);
    overflow: hidden
}

.card.white-card .card-header {
    background-color: #fff;
    background-position-x: left;
    background-repeat: no-repeat;
    color: rgb(62 124 105);
    padding: .9375rem 1.5625rem .4375rem
}

.share-modal.popup-modal {
    background: transparent
}

.share-modal .modal-head {
    align-items: center;
    display: flex;
    margin-block-end: 44px
}

.share-modal .modal-head h6 {
    color: #06b085;
    font-size: 24px
}

.share-modal .modal-head .modal-close {
    color: #8d8d8d;
    font-size: 20px;
    margin-inline-end: 15px;
    opacity: 1
}

.share-modal .seperator {
    background: #d9d9d9;
    height: 2px;
    margin-block-end: 30px;
    width: 100%
}

.share-modal .link-label {
    align-items: center;
    display: flex;
    margin-block-end: 15px
}

.share-modal .link-label .text {
    color: #1b4f5f;
    font-size: 18px
}

.share-modal .share-link {
    align-items: center;
    border: 2px solid #d9d9d9;
    border-radius: 30px;
    display: flex;
    margin-block-end: 30px
}

.share-modal .share-link input {
    border: none;
    color: #8d8d8d;
    flex: 1;
    font-size: 16px;
    height: 28px;
    margin: 0 5px;
    outline: none
}

.share-modal .share-link .btn-primary-green {
    font-size: 20px;
    padding: 7px 30px
}

.share-modal .social-icons {
    display: flex;
    justify-content: center;
    margin-block-end: 33px
}

.share-modal .social-icons .btn {
    border: 2px solid transparent;
    border-radius: 50%;
    padding: 5px;
    transition: all .3s ease-in
}

.share-modal .social-icons .btn>div {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 64px;
    justify-content: center;
    transition: all .3s ease-in;
    width: 64px
}

.share-modal .social-icons .btn>div img {
    max-height: 50%;
    max-width: 100%
}

.share-modal .social-icons .watsapp {
    margin-inline-end: 17px
}

.share-modal .social-icons .watsapp:hover {
    border: 2px solid #0ec244
}

.share-modal .social-icons .watsapp:hover>div {
    box-shadow: 0 0 3px #0ec244
}

.share-modal .social-icons .watsapp>div {
    background: #0ec244
}

.share-modal .social-icons .twitter:hover {
    border: 2px solid #2aa3ef
}

.share-modal .social-icons .twitter:hover>div {
    box-shadow: 0 0 3px #2aa3ef
}

.share-modal .social-icons .twitter>div {
    background: #2aa3ef
}

.share-modal .social-icons .facebook:hover {
    border: 2px solid #3d5a96
}

.share-modal .social-icons .facebook:hover>div {
    box-shadow: 0 0 3px #3d5a96
}

.share-modal .social-icons .facebook>div {
    background: #3d5a96
}

.card-filter .card-header {
    background-position-x: 15%;
    background-position-y: 9px;
    min-height: 65px
}

.card-filter--btn_show img {
    inset-inline-start: 10px
}

.custom-card-header>.header,
.custom-card-header>.replaced-link {
    display: block!important;
    flex: 1;
    outline: none!important;
    width: 80%
}

.card h6 {
    line-height: 30px
}

::-webkit-input-placeholder {
    color: #ccc
}

:-ms-input-placeholder {
    color: #ccc
}

::placeholder {
    color: #ccc;
    line-height: 2.5
}

* {
    outline: none!important
}

body,
html {
    height: 100%
}

body {
    -webkit-animation: fadeIn .5s ease-in;
    animation: fadeIn .5s ease-in;
    display: flex;
    flex-direction: column
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: AdelleSansARA-Semibold
}

strong {
    font-family: AdelleSansARA-Bold
}

.list-inline {
    padding-inline-start: 0
}

.text-primary {
    --bs-text-opacity: 1;
    color: var(--background-color);
}

abbr[data-original-title],
abbr[title] {
    text-decoration: none
}

@media(max-width:767px) {
    .w-sm-100 {
        width: 100%!important
    }
    .size-sm-100 {
        width: 100px
    }
     :-ms-input-placeholder,
     ::-webkit-input-placeholder,
     ::placeholder {
        color: #fff
    }
}

main {
    /* background-image: url(../images/header-img.svg); */
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 800px;
    flex: 1 1 auto
}

@media(min-width:768px) {
    main {
        background-size: contain
    }
}

.form-select {
    padding-block: .375rem;
    padding-inline-end: 2.25rem;
    padding-inline-start: .75rem
}

[dir=rtl] .form-select {
    background-position: left .75rem center
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-inline-end: .75rem
}

.form-select-sm {
    padding-inline-start: .5rem
}

.form-select-lg {
    padding-inline-start: 1rem
}

.form-check {
    padding-inline: 1.5em 0
}

.form-check .form-check-input {
    float: left;
    margin-inline-start: -1.5em
}

[dir=rtl] .form-check .form-check-input {
    float: right
}

.form-check-reverse {
    padding-inline-end: 1.5em;
    padding-inline-start: 0;
    text-align: end
}

.form-check-reverse .form-check-input {
    float: right;
    margin-inline-end: -1.5em;
    margin-inline-start: 0
}

[dir=rtl] .form-check-reverse .form-check-input {
    float: left
}

.form-switch {
    padding-inline-start: 2.5em
}

.form-switch .form-check-input {
    background-position: 0;
    margin-inline-start: -2.5em
}

[dir=rtl] .form-switch .form-check-input {
    background-position: 100%
}

.form-switch.form-check-reverse {
    padding-inline-end: 2.5em;
    padding-inline-start: 0
}

.form-switch.form-check-reverse .form-check-input {
    margin-inline-end: -2.5em;
    margin-inline-start: 0
}

.form-check-inline {
    margin-inline-end: 1rem
}

.form-floating>label {
    inset-inline-start: 0
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
    padding-inline-end: 3rem
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-end-end-radius: 0;
    border-start-end-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu) {
    margin-inline-start: -var(--bs-border-width)
}

.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-end-end-radius: 0;
    border-end-start-radius: 50rem;
    border-start-end-radius: 0;
    border-start-start-radius: 50rem
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-end-end-radius: 50rem;
    border-end-start-radius: 0;
    border-start-end-radius: 50rem;
    border-start-start-radius: 0
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
    border-end-end-radius: 0;
    border-end-start-radius: 50rem;
    border-start-end-radius: 0;
    border-start-start-radius: 50rem
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-end-end-radius: .65rem;
    border-end-start-radius: 0;
    border-start-end-radius: .65rem;
    border-start-start-radius: 0
}

.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text {
    border-end-end-radius: 0;
    border-end-start-radius: 50rem;
    border-start-end-radius: 0;
    border-start-start-radius: 50rem
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label:after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child),
.input-group:not(.has-validation)>.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
.input-group:not(.has-validation)>.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-end-end-radius: 0;
    border-end-start-radius: var(--mp-result-border-radius)!important;
    border-start-end-radius: 0;
    border-start-start-radius: var(--mp-result-border-radius)!important
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-end-end-radius: var(--mp-result-border-radius)!important;
    border-end-start-radius: 0;
    border-start-end-radius: var(--mp-result-border-radius)!important;
    border-start-start-radius: 0;
    margin-inline-start: -1px
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):not(:last-child).rounded-none {
    border-radius: 0!important
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text {
    border-end-end-radius: 0;
    border-end-start-radius: 50rem;
    border-start-end-radius: 0;
    border-start-start-radius: 50rem
}

.btn-gradient,
.btn-gradient.btn,
.btn-gradient.btn:focus,
.btn-gradient.btn:hover,
.btn-gradient:focus,
.btn-gradient:hover {
    background: var(--background-color);
    background: linear-gradient(270deg, var(--background-color) 20%, #374045 105%);
    color: #fff
}

.input-group-prepend {
    margin-inline: 0 -1px
}

.input-group-append {
    margin-inline: -1px 0
}

.custom-uploader {
    align-items: center;
    background-color: #f2f2f2;
    border-radius: 7px;
    color: #aaa;
    display: flex;
    height: 70px;
    justify-content: center;
    padding: 10px 0;
    width: 100%
}

.custom-uploader--icon {
    font-size: 25px;
    margin-inline-start: 10px
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: auto
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

[dir=rtl] select {
    direction: rtl
}

.quick-donation-wrapper input,
.quick-donation-wrapper select {
    font-size: 14px
}

.quick-donation-wrapper .form-select {
    background-size: 10px 10px!important
}

#creditCardFromDetailsQuickMenu #cards-dropdown {
    margin-inline-start: -5px!important
}

#creditCardFromDetailsQuickMenu #cards-dropdown option {
    direction: ltr;
    text-align: right
}

.hide-input {
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    position: absolute
}

a,
a:hover {
    color: rgb(62 124 105);
    text-decoration: none
}

a:hover {
    outline: none
}

a:active,
a:focus {
    outline: none;
    text-decoration: none
}

a.disabled {
    cursor: default;
    pointer-events: none
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600
}

.wrapper {
    flex: 1 0 auto
}

.decoration:after {
    content: "";
    height: 100%;
    inset-inline-end: 75%;
    position: absolute;
    right: 0;
    top: 11px;
    width: 65px;
    z-index: 3
}

.bg-with-small-snabel {
    background: #374045;
    background-image: url(../images/snabel-small.svg), linear-gradient(90deg, rgb(62 124 105) -50%, #374045);
    background-repeat: no-repeat
}

.gifts {
    color: #003b4c
}

.gifts .background-fixed {
    background-attachment: fixed;
    background-image: url(../images/banner.png);
    background-repeat: no-repeat;
    background-size: cover
}

.gifts .background-fixed img {
    visibility: hidden
}

.gifts .bg-grey {
    background-color: #f2f2f2
}

.gifts .title {
    font-size: 16px
}

.gifts .title.label {
    font-size: 22px
}

.gifts .card {
    border: none;
    border-radius: 10px;
    padding: 40px 0
}

.gifts .card .number {
    background: #003b4c;
    border-radius: 50%;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .16);
    color: #fff;
    font-size: 24px;
    height: 70px;
    padding: 16px 0;
    text-align: center;
    width: 70px
}

.gifts .card img {
    max-width: 100%;
    width: 345px
}

.gifts .card .description {
    font-size: 16px;
    max-width: 230px
}

.gifts .card .title {
    font-size: 28px;
    margin-block-end: 32px
}

.gifts .gift-action {
    background: linear-gradient(90deg, #118b77, #01b276);
    background-size: 400% 400%;
    border-radius: 50px;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin: 23px auto 100px;
    padding: 16px 80px
}

.gifts h6.title {
    font-size: 14px
}

.animate-out {
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.project-details {
    font-size: 20px
}

.donation-status .card .title {
    color: #374045
}

.donation-status .card h6 {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px
}

.donation-status .round-checkbox .round-check {
    inset-block-start: 0
}

.donation-status .round-checkbox .round-check:after {
    inset-block-start: 6px;
    inset-inline-end: 4px
}

.donation-status .center {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.donation-status input[type=number] {
    border: 0;
    outline: none
}

.big-icon {
    font-size: 70px;
    inset-block-start: 24px;
    inset-inline-end: 20px;
    position: absolute
}

.login-icon {
    background-image: linear-gradient(45deg, #068571, rgb(62 124 105));
    border-radius: 50%;
    color: #fff;
    font-size: 58px;
    height: 109px;
    line-height: 106px;
    margin: auto;
    width: 109px
}

.login .card {
    border: none;
    border-radius: 15px
}

.login .register-link {
    font-size: 14px;
    margin-block-start: 14px
}

.login .elipse-bg {
    background: url(../images/Ellipse51.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.login .elipse-bg img {
    padding: 17px
}

.login a {
    color: #374045;
    margin-inline-start: 8px;
    text-decoration: underline
}

.login .resend,
.login h6 {
    font-size: 12px
}

.login .resend i {
    font-size: 10px
}

.login h3 {
    font-size: 26px
}

.login .field-validation-error {
    width: 90%
}

.login .input-validation-error {
    background: #fff;
    border: 1px solid #e58494!important
}

.login :not(.verification-inputs) input:focus {
    border: 1.5px solid #06b085;
    box-shadow: none;
    outline: none
}

.login input.valid {
    background: #fff;
    border: 1px solid #a4d171!important
}

.header_bread {
    margin-block-start: 9rem
}

.txt-dark-green {
    color: #374045
}

.verification-inputs {
    direction: ltr
}

.verification-inputs input {
    border: 1px solid #d9d9d9;
    border-radius: 9px;
    color: #868d96;
    height: 38px;
    margin-inline-start: 5px;
    outline: none;
    text-align: center;
    transition: .3s;
    width: 40px
}

.verification-inputs input:focus {
    box-shadow: 0 0 0 .2rem rgba(33, 69, 112, .25)
}

.verification-inputs input::-webkit-inner-spin-button,
.verification-inputs input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.verification-inputs input[type=number] {
    -moz-appearance: textfield
}

.card-gray {
    background-color: #f7f7f7;
    border: 0
}

.verification-page .resend,
.verification-page h6 {
    font-size: 14px
}

.verification-page .resend i {
    font-size: 11px
}

.verification-page h3 {
    font-size: 26px
}

.verification-page .btn {
    font-weight: 400
}

.verification-page .input-validation-error {
    background: #fff;
    border: 1px solid #e58494!important
}

.verification-page input.valid {
    background: #fff;
    border: 1px solid #a4d171!important
}

.already-donate .removeFromCart {
    background-color: #fff;
    border: none;
    color: #ccc;
    cursor: pointer;
    font-family: AdelleSansARA-Regular;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    height: 30px;
    letter-spacing: normal;
    line-height: 36px;
    outline: none;
    text-align: center;
    width: 80px
}

.already-donate .removeFromCart:focus,
.already-donate .removeFromCart:hover {
    color: #374045;
    outline: none
}

.already-donate .addedToCart {
    background-color: #ccc;
    border-radius: 28px;
    color: #fff;
    height: 37px;
    width: 100%
}

.already-donate-subsidy .removeFromCart {
    background-color: #fff;
    border: none;
    color: #ccc;
    cursor: pointer;
    font-family: AdelleSansARA-Regular;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    height: 30px;
    letter-spacing: normal;
    line-height: 36px;
    outline: none;
    text-align: center;
    width: 80px
}

.already-donate-subsidy .removeFromCart:focus,
.already-donate-subsidy .removeFromCart:hover {
    color: rgb(62 124 105);
    ;
    outline: none
}

.already-donate-subsidy .addedToCart {
    background-color: #ccc;
    border-radius: 28px;
    color: #fff;
    height: 37px;
    width: 100%
}

.card h6 {
    font-size: 17px;
    font-weight: 600
}

.card .tilte {
    max-width: 100%
}

.card .price-details.error {
    align-items: center;
    border: 1px solid #dc3545;
    border-radius: 20px;
    color: #dc3545;
    display: flex;
    flex: 1;
    font-size: 13px;
    justify-content: space-between;
    padding: 0 10px
}

.card .share-icon-btn i {
    color: rgb(62 124 105);
    background-color: #f2f2f2;
    border-radius: 50%;
    font-size: 18px;
    height: 35px;
    padding: 10px;
    width: 35px
}

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

.loader.card-1 {
    height: 350px
}

.loader.card-2 {
    height: 300px
}

.loader.card-3 {
    height: 250px
}

.field-validation-error {
    color: #dc3545;
    font-size: 12px
}

.field-validation-error span {
    display: inline-block;
    margin-block-start: 5px
}

.cart .price-details {
    font-size: 15px!important;
    position: relative
}

.cart .price-details .field-validation-error {
    inset-block-start: 95%;
    position: absolute
}

.cart.donations .card {
    font-size: 15px
}

.cart .card.total-amount {
    border-radius: 23px
}

.cart .card.total-amount h6 {
    font-size: 32px;
    font-weight: 700;
    line-height: revert
}

.cart .card.total-amount .separator-vertical {
    background-color: #f2f2f2;
    height: 1px;
    margin: 30px 0;
    width: 100%
}

.donut-chart {
    height: 60px;
    position: relative;
    width: 60px
}

.donut-chart svg {
    background: #fff;
    border-radius: 50%;
    height: 100%;
    transform: rotate(-90deg);
    width: 100%
}

.donut-chart circle {
    fill: #fff;
    stroke: rgb(62 124 105);
    stroke-width: 32;
    stroke-dasharray: 70 100;
    transition: stroke-dasharray .5s ease
}

.donut-chart .donut-center {
    background: #fff;
    border-radius: 50%;
    color: rgb(62 124 105);
    ;
    height: 80%;
    inset-block-start: 50%;
    inset-inline-end: 50%;
    padding: 25% 0;
    position: absolute;
    text-align: center;
    transform: translate(-50%, -50%);
    width: 80%
}

.all-projects {
    color: rgb(122 161 66);
    ;
    min-height: calc(100vh - 65px);
    overflow-x: hidden
}

.all-projects .card .donut-chart {
    height: 60px;
    position: relative;
    width: 60px
}

.all-projects .card .donut-chart svg {
    background: #fff;
    border-radius: 50%;
    height: 100%;
    transform: rotate(-90deg);
    width: 100%
}

.all-projects .card .donut-chart circle {
    fill: #fff;
    stroke: rgb(62 124 105);
    stroke-width: 32;
    stroke-dasharray: 70 100;
    transition: stroke-dasharray .5s ease
}

.all-projects .card .donut-chart .donut-center {
    background: #fff;
    border-radius: 50%;
    color: rgb(62 124 105);
    ;
    height: 80%;
    inset-block-start: 50%;
    inset-inline-end: 50%;
    padding: 25% 0;
    position: absolute;
    text-align: center;
    transform: translate(-50%, -50%);
    width: 80%
}

.all-projects .card .price-details {
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 20px;
    color: #ccc;
    display: flex;
    flex: 1;
    font-size: 13px;
    justify-content: space-between;
    padding: 0 10px
}

.all-projects .card .price-details input {
    border: none;
    color: rgb(62 124 105);
    ;
    font-size: 14px;
    outline: none;
    width: 70%
}

.all-projects .card .btn {
    font-weight: inherit
}

.all-projects .card h6 {
    color: rgb(122 161 66);
    ;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px
}

.all-projects .filters {
    background-color: #f7f7f7;
    border-radius: 30px
}

.all-projects .filters .has-menu>.btn,
.all-projects .filters>.btn {
    font-family: AdelleSansARA-Semibold;
    font-size: 18px;
    height: 44px;
    margin-block: 8px;
    padding: 8px 30px
}

.all-projects .share-btn {
    inset-block-start: 56px;
    inset-inline-end: 5px;
    position: absolute
}

.all-projects .separator {
    background-color: #ccc;
    height: 1px;
    width: 100%
}

.all-projects .MaxValueBox {
    background: rgba(13, 143, 117, .929);
    border-radius: 8px;
    inset-block-end: 59px;
    width: 91%
}

.all-projects .actions {
    display: flex
}

.all-projects .actions .btn-primary-blue {
    flex: 1
}

.all-projects h6 {
    font-size: 20px;
    max-width: 100%!important;
    width: 100%!important
}

.all-projects .section-bg {
    background: #f7f7f7;
    border-radius: 52px;
    height: 110%;
    inset-block-start: -20px;
    position: absolute;
    width: 200%;
    z-index: -1
}

.all-projects .section-bg.right-bg {
    inset-inline-end: -100px
}

.all-projects .section-bg.left-bg {
    inset-inline-start: -100px
}

.forijat-donut-chart {
    height: 60px;
    position: relative;
    width: 60px
}

.forijat-donut-chart svg {
    background: #fff;
    border-radius: 50%;
    height: 100%;
    transform: rotate(-90deg);
    width: 100%
}

.forijat-donut-chart circle {
    fill: #fff;
    stroke: rgb(62 124 105);
    stroke-width: 32;
    stroke-dasharray: 70 100;
    transition: stroke-dasharray .5s ease
}

.forijat-donut-chart .donut-center {
    background: #fff;
    border-radius: 50%;
    color: rgb(62 124 105);
    ;
    height: 80%;
    inset-block-start: 50%;
    inset-inline-end: 50%;
    padding: 25% 0;
    position: absolute;
    text-align: center;
    transform: translate(-50%, -50%);
    width: 80%
}

.card-filter .card-header {
    background-color: rgb(62 124 105);
    background-image: url(../images/card-header-bg_repeat.svg);
    background-position-x: left;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 16px 16px 0 0;
    color: #fff;
    font-family: AdelleSansARA-Semibold;
    font-size: 20px;
    line-height: 55px;
    position: relative
}

.card-filter .card-header.bg-shorter {
    background-position: left -165px center
}

.card-filter .card-header label {
    margin: 0;
    padding-inline-start: 130px
}

.card-filter .card-header-no-title {
    background: #068571;
    background: linear-gradient(270deg, rgb(62 124 105) 30%, #374045 110%);
    border-radius: 16px 16px 0 0;
    color: #fff;
    font-family: AdelleSansARA-Semibold;
    font-size: 20px;
    min-height: 85px;
    position: relative
}

.card-filter .card-filter__filter-options {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 35px rgba(0, 0, 0, .16);
    inset-block-start: 0;
    inset-inline-start: 0;
    position: absolute;
    width: 100%;
    z-index: 8
}

.card-header--logo,
.card-header--logo+img {
    inset-block-start: 0;
    position: absolute
}

.card-header--logo+img {
    inset-inline-end: -10px;
    width: 280px
}

.forijat-card {
    border-radius: 20px
}

.forijat-card .card-body .card-inner-top {
    background: rgb(62 124 105);
    background: linear-gradient(90deg, rgb(62 124 105), #374045);
    border-radius: 20px 20px 0 0;
    height: 202px
}

.forijat-card .card-body .card-inner-top>img {
    clip: rect(0, 500px, 500px, 125px);
    inset-block-start: 0;
    inset-inline-end: 0;
    position: absolute;
    transform: rotate(90deg) translate(12px, 144px)
}

.forijat-card .card-body .card-inner-bottom {
    background: #fff;
    border-radius: 0 0 20px 20px;
    position: relative
}

.forijat-card .card-body .card-inner-bottom .forijat-case {
    background: #fff;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 2px 15px rgba(78, 78, 78, .1);
    inset-block-start: -5px;
    inset-inline-end: 50%;
    padding: 25px;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 90%;
    z-index: 5
}

.forijat-bill-number {
    align-items: baseline;
    background: rgb(62 124 105);
    border-radius: 0 12px 0 28px;
    color: #fff;
    display: inline-flex;
    justify-content: space-between;
    min-width: 213px
}

.forijat-bill-number label {
    font-family: AdelleSansARA-Semibold;
    font-size: 13px;
    padding: 10px 15px
}

.forijat-bill-number div {
    background: #00726f;
    border-radius: 50%;
    float: left;
    margin-block-start: 5px;
    margin-inline-end: 10px;
    padding: 5px 9px
}

[dir=ltr] .forijat-bill-number div {
    float: right
}

.forijat-bill-number img {
    vertical-align: sub
}

.card-filter--body {
    background: #fff;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 8px 35px rgba(0, 0, 0, .16);
    inset-block-start: 0;
    inset-inline-start: 0;
    position: absolute;
    width: 100%;
    z-index: 1070
}

.card-filter--body .select2-container {
    flex: 1;
    margin-block-end: 20px;
    margin-inline-end: 20px
}

.furijat-label {
    font-family: AdelleSansARA-Semibold;
    font-size: 28px
}

.tanfeeth-bill {
    inset-block-end: -15px;
    inset-inline-end: -15px;
    position: absolute
}

.card-inner-top_patteren-left {
    inset-block-start: 0;
    inset-inline-end: 0;
    position: absolute;
    width: 100px
}

.card-inner-top_patteren-right {
    inset-block-start: 0;
    inset-inline-start: 0;
    position: absolute;
    width: 150px
}

.card-tanfeeth-details_header {
    min-height: 85px
}

.card-tanfeeth-details_patteren {
    inset-block-start: 0;
    inset-inline-start: 0;
    position: absolute;
    width: 170px
}

.custom_theme_hr {
    inset-block-start: 12px;
    position: relative
}

.custom_theme_title {
    background: #fff;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 165px
}

.custom-payment-a {
    height: 30px;
    width: 55px
}

.custom-payment-a-img {
    width: 55px!important
}

.custom_answer_span {
    color: rgb(62 124 105);
    ;
    font-size: 15px;
    font-weight: 600
}

.custom_question {
    font-weight: 600
}

.custom_question.accordion-button:not(.collapsed) {
    padding-block-end: 5px!important
}

.qa-wrapper {
    border-block-end: 1px solid #e9ecef
}

.qa-wrapper:last-child {
    border-block-end: 0
}

.accordion-button:after {
    display: none
}

button.close {
    outline: none!important
}

button.collapsed .custom_question_icon {
    transform: rotate(180deg)
}

.custom_otp_radius {
    border-radius: 15px
}

.text-black-555 {
    color: #545353
}

.project-img {
    height: 155px
}

.project-item-details {
    border-radius: 12px;
    position: relative
}

.project-item-details .details-content {
    background-color: rgb(62 124 105);
    ;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    transition: all .3s ease
}

.project-item-details .details-content h6 {
    font-size: 12px
}

.project-item-details .details-content .section-1 {
    display: flex
}

.project-item-details .details-content .section-1 .item {
    align-items: center;
    display: flex;
    flex: .5;
    flex-direction: column
}

.project-item-details .details-content .section-1 .separator-vertical {
    align-self: normal;
    background-color: #fff;
    width: 2px
}

.project-item-details .details-content .section-2 {
    background-color: hsla(0, 0%, 100%, .18);
    border-end-end-radius: 12px;
    border-end-start-radius: 12px;
    color: #fff;
    margin-block-start: -9px
}

.project-item-details .project-img img {
    border-radius: 12px 12px 0 0;
    object-fit: cover
}

.samiBold {
    font-weight: 600
}

.price-details {
    font-size: 11px!important
}

.price-details span {
    font-weight: 600
}

.price-details span.error {
    color: #dc3545;
    font-size: 13px;
    font-weight: 400;
    inset-block-end: -21px;
    inset-inline-start: 0;
    position: absolute
}

.price-details .btn {
    color: rgb(62 124 105)
}

.price-details .btn small {
    color: rgb(62 124 105);
}

.price-details .btn:active,
.price-details .btn:focus {
    border-color: var(--background-color);;
    border-width: 2px!important
}

.MobileBtn {
    font-size: 20px;
    width: 100%
}

.MaxValueBox {
    background: rgba(13, 143, 117, .85);
    color: #fff;
    display: none;
    font-size: 13px;
    inset-block-end: 0;
    padding: 8px;
    position: absolute;
    text-align: center;
    width: 100%
}

.donation-projects .share-btn {
    inset-block-start: 56px;
    inset-inline-end: 5px;
    position: absolute
}

.donation-projects .card {
    border: none;
    border-radius: 1rem;
    font-weight: 100
}

.donation-projects .card .price-details {
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 20px;
    color: #ccc;
    display: flex;
    flex: 50%;
    font-size: 13px;
    justify-content: space-between;
    margin-inline-end: 5px;
    padding: 0 10px
}

.donation-projects .card .price-details input {
    border: none;
    color: rgb(62 124 105);
    ;
    outline: none;
    width: 70%
}

.donation-projects .card .btn {
    font-weight: inherit
}

.donation-projects .card .header {
    align-items: center;
    display: flex
}

.donation-projects .card .header .title {
    flex: 1;
    margin: 0
}

.donation-projects .card .header .item-text {
    font-size: 12px;
    font-weight: 400;
    margin-inline-end: 5px
}

.donation-projects .card .header .item-order {
    background-color: #ccc;
    border-radius: 15px;
    color: #fff;
    font-size: 12px;
    max-width: 70px;
    min-height: 24px;
    min-width: 40px;
    padding: 3px 10px;
    text-align: center
}

.donation-projects .card .share-slider {
    align-items: center;
    display: flex;
    margin-block-end: 10px
}

.donation-projects .card .share-icon-btn {
    color: #06b085;
    font-size: 22px;
    line-height: 0;
    padding: 0
}

.donation-projects .card .rangeslider2 {
    margin-block-start: 1px;
    margin-inline-end: 17px
}

.donation-projects .MaxValueBox {
    background: rgba(13, 143, 117, .92);
    border-radius: 8px;
    inset-block-end: 59px;
    width: 91%
}

.card-Electricity circle {
    stroke: #409da0!important
}

.card-Electricity .card-body .card-inner-top {
    background: #374045;
    background: linear-gradient(57deg, #409da0, #374045);
    border-radius: 20px 20px 0 0;
    height: 202px;
    overflow: hidden;
    padding: 40px;
    position: relative
}

.card-Electricity .card-body .card-inner-top .card-inner-top_patteren-right {
    inset-block-start: -170px;
    inset-inline-end: -64px;
    inset-inline-start: auto;
    position: absolute;
    width: 230px
}

.card-Electricity .card-body .card-inner-top .card-inner-top_patteren-left {
    inset-block-start: -168px;
    inset-inline-end: auto;
    inset-inline-start: -54px;
    position: absolute;
    width: 250px
}

.electracity-card-header-img {
    inset-block-start: -150px;
    inset-inline-start: -130px;
    position: absolute
}

.electracity-card-bg {
    background: #374045!important;
    background: linear-gradient(-90deg, #409da0, #374045)!important
}

.electracity-btn,
.electricity-bill {
    background-color: #409da0
}

.electricity-bill {
    color: #fff;
    inset-block-end: -15px;
    inset-inline-end: -20px
}

.border-end-style-dashes {
    border-inline-end-style: dashed!important
}

.form-check-input {
    border: 2px solid rgba(0, 0, 0, .38)
}

.form-check-input:checked {
    background-color: rgb(62 124 105);
    border-color: rgb(62 124 105)
}

.form-check-input:checked:focus {
    border: none
}

.form-check-input:focus {
    border: 2px solid rgba(0, 0, 0, .58)
}

.fix-dir {
    direction: ltr;
    display: inline-table
}

.horizontal-menu.show {
    min-width: 8rem;
    padding: 7px 5px
}

.horizontal-menu .dropdown-item {
    background-color: hsla(0, 0%, 100%, .07);
    margin: 2px 0;
    padding: 7px
}

.horizontal-menu .dropdown-item:focus,
.horizontal-menu .dropdown-item:hover {
    background-color: #fff!important;
    color: var(--background-color);;
    transition: all .8s
}

.has-menu .dropdown-toggle.show:after {
    transform: rotate(180deg)
}

.has-menu .dropdown-item:focus {
    background-color: #d9d9d9;
    color: #374045!important;
    margin: 0!important
}

.tysaratTypeTitle:before {
    background-color: rgb(62 124 105);
    border-radius: 50%;
    content: "";
    height: 10px;
    inset-block-start: 7px;
    inset-inline-start: -18px;
    position: absolute;
    width: 10px
}

.ShowMaxValueBox {
    display: block
}

.withScroll {
    direction: ltr
}

.withScrollContent {
    direction: rtl
}

.ProhectDetailsSubBox {
    position: relative
}

.ProhectDetailsSubBox .MaxValueBox {
    border-radius: 20px;
    inset-block-end: -38px;
    inset-inline-end: 10px;
    width: 95%
}

.showInMobile {
    display: none
}

.sliderContent {
    margin-block-start: 30%;
    transform: scale(1)
}

.home-banner--top {
    background-color: #01b477;
    height: 20px
}

.home-banner--bottom {
    background: #374045;
    background: linear-gradient(90deg, rgb(62 124 105) -50%, #374045)
}

.no-projects-found {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.no-projects-found div {
    font-weight: 600
}

.no-projects-found .btn {
    font-size: 16px
}

.without-icon .form-check-label:before {
    border: 1px solid #bbb;
    border-radius: 50%!important;
    content: "";
    cursor: pointer;
    display: block;
    height: 17px;
    inset-inline-end: -21px;
    position: absolute;
    width: 17px
}

.without-icon .form-check-label:after {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50% 50%;
    border-radius: 50%!important;
    content: "";
    cursor: pointer;
    display: block;
    height: 1rem;
    inset-block-start: 0;
    inset-inline: auto -21px;
    position: absolute;
    width: 1rem
}

.without-icon .form-check-input:checked.form-check-label:before {
    border: 0!important
}

.without-icon .form-check-input:checked.form-check-label:after {
    background-color: rgb(62 124 105);
    color: #fff;
    content: ""!important;
    font-family: Font Awesome\ 5 Free;
    font-size: 11px;
    font-weight: 700;
    height: 17px;
    inset-inline: auto -21px;
    line-height: 21px;
    position: absolute;
    text-align: center;
    transition: all .3s;
    width: 17px
}

.with-icon .form-check-label {
    inset-inline-end: 1px;
    position: absolute
}

.with-icon .form-check-input:checked {
    display: none
}

.with-icon .form-check-input:checked~.form-check-label:after {
    background-color: rgb(62 124 105);
    border-radius: 50%;
    color: #fff;
    content: "";
    display: block;
    font-family: Font Awesome\ 5 Free;
    font-size: 11px;
    font-weight: 700;
    height: 17px;
    line-height: 18px;
    text-align: center;
    width: 17px
}

.account-thankyou {
    font-size: 14px
}

.account-thankyou h6 {
    font-size: 15px;
    font-weight: 600;
    text-align: center
}

.account-thankyou .btn-primary-blue {
    font-size: 15px
}

.img-holder {
    display: flex;
    justify-content: center;
    width: 130px
}

.img-holder.placeholder {
    background: #374045;
    height: 100%
}

.cart-placeholder-image {
    height: 60px;
    inset-inline: -21px auto;
    margin-block-start: 9px
}

@keyframes gradient {
    0% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
    to {
        background-position: 0 50%
    }
}

.close-modal {
    display: none!important
}

img {
    max-width: 100%;
    outline: none
}

.server-error-page .type {
    font-size: 50px
}

.server-error-page .message {
    font-size: 13px;
    font-weight: 600
}

.ghiras-page-bg {
    inset-block-start: -200px;
    inset-inline-end: -80px;
    position: absolute;
    width: 380px;
    z-index: -1
}

.card-header-ghiras-bg {
    inset-block-end: 0;
    inset-inline-end: 60px;
    position: absolute;
    width: 200px
}

.collapsed .rotate-on-collapse {
    transform: rotate(180deg)
}

.collapsed .ritual-description {
    display: none
}

.rotate-on-collapse {
    transition: .3s
}

.table-rounded td:first-child {
    border-radius: 0 15px 15px 0
}

.table-rounded td:last-child {
    border-radius: 15px 0 0 15px
}

.table-rounded th:first-child {
    border-radius: 0 15px 15px 0
}

.table-rounded th:last-child {
    border-radius: 15px 0 0 15px
}

.table-rounded tr {
    border-block-end: 3px solid #f7f7f7
}

.table-rounded.table-rounded-10 td:last-child {
    border-radius: 10px 0 0 10px
}

.table-rounded.table-rounded-10 td:first-child {
    border-radius: 0 10px 10px 0
}

.table-rounded.table-rounded-10 th:last-child {
    border-radius: 10px 0 0 10px
}

.table-rounded thead tr {
    background-color: #0f6d68;
    background-image: url(../images/adahi-patteren.svg);
    background-position: bottom -15px left;
    background-repeat: no-repeat
}

.table-rounded thead tr th {
    color: #fff
}

.table-rounded.table-head-white thead tr {
    background: #fff;
    border-block-end: 7px solid #f7f7f7
}

.table-rounded.table-head-white thead th:nth-child(2) {
    background-image: url(../images/Gheras-table-header-bg.svg);
    background-position: bottom -5px left;
    background-repeat: no-repeat
}

.table-rounded.table-head-light-grey thead tr {
    background: #e9ecef;
    border-block-end: 7px solid #f7f7f7
}

.table-rounded.table-head-light-grey thead th:nth-child(2) {
    background-image: url(../images/Gheras-table-header-bg.svg);
    background-position: bottom -5px left;
    background-repeat: no-repeat
}

.table-rounded.table-head-light-green thead tr {
    background: #ecf4f2!important;
    border-block-end: 7px solid #fff
}

.table-rounded.table-light-rows tr {
    border-block-end: 3px solid #fff
}

.table-rounded table th {
    background-color: #331763;
    color: #fff
}

.table-rounded tbody th {
    font-weight: 400
}

.custom-tooltip {
    cursor: pointer
}

.custom-tooltip+.custom-tooltip__text {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .14);
    border-radius: 10px;
    font-size: 12px;
    inset-block: 30px 0;
    opacity: 0;
    padding: 8px;
    position: absolute;
    text-align: start;
    transition: .3s;
    visibility: hidden;
    width: fit-content;
    z-index: -1
}

.custom-tooltip:active+.custom-tooltip__text,
.custom-tooltip:focus+.custom-tooltip__text,
.custom-tooltip:hover+.custom-tooltip__text {
    opacity: 1;
    visibility: visible;
    z-index: 9999
}

.adahi-page .accordion .card {
    border-radius: 10px!important
}

.adahi-page .accordion .card:first-of-type {
    border-block-end: 1px solid rgba(0, 0, 0, .12)
}

.adahi-page .accordion .card-header {
    background-color: #0c746a;
    background-image: url(../images/adahi-patteren.svg);
    background-position: bottom -8px left 40px;
    background-repeat: no-repeat
}

.adahi-page .list-group-item {
    padding: .55rem 1rem
}

.adahi-increase-decrease {
    width: 140px
}

.adahi-increase-decrease .btn {
    align-items: center!important;
    aspect-ratio: 1;
    background-color: rgb(62 124 105);
    border: none!important;
    border-radius: 50%!important;
    display: -ms-flexbox!important;
    display: flex!important;
    height: 20px;
    justify-content: center!important;
    padding: 0!important
}

.adahi-increase-decrease input {
    border: none!important;
    height: 20px
}

.adahi-total-on-mobile {
    inset-block-end: 0;
    position: fixed;
    width: 100%;
    z-index: 999
}

.adahi-total-on-mobile .card {
    border-radius: 15px 15px 0 0
}

.adahi-status-number {
    background-color: #fff;
    border-radius: 50%;
    color: red;
    font-weight: 700;
    height: 15px;
    margin-inline-start: 5px;
    padding-block-start: 2px;
    width: 15px
}

.badge-primary-blue .adahi-status-number {
    color: #374045
}

.badge-primary-green .adahi-status-number {
    color: #0f6d68
}

.ritual-description {
    font-size: 11px
}

.nav-zakat-icons {
    inset-inline-start: 12px;
    position: absolute
}

.zakah-summary-on-mobile {
    inset-block-end: 0;
    inset-inline-start: 0;
    position: fixed;
    width: 100%;
    z-index: 999
}

.zakah-summary-on-mobile>div {
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -4px 10px hsla(0, 0%, 55%, .45)
}

.toast-container {
    inset-block-start: 9rem;
    position: fixed;
    z-index: 999
}

.toast-container.toast-container-left {
    inset-inline-end: 1rem
}

.toast-container.toast-container-right {
    inset-inline-start: 1rem
}

.toast {
    border: 1px solid #d9d9d9;
    border-radius: 15px
}

.toast.toast-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724
}

.toast.toast-success .toast-header {
    background-color: #b7dbc0;
    color: #155724
}

.toast.toast-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24
}

.toast.toast-danger .toast-header {
    background-color: #e6b7bb;
    color: #721c24
}

.toast.toast-info {
    background-color: #d1ecf1;
    border: 1px solid #bee5eb;
    color: #0c5460
}

.toast.toast-info .toast-header {
    background-color: #abdbe4;
    color: #0c5460
}

.toast.toast-warning {
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404
}

.toast.toast-warning .toast-header {
    background-color: #f8e8b5;
    color: #856404
}

.card-shadow {
    border: none;
    box-shadow: 0 2px 15px 0 rgba(78, 78, 78, .1)
}

.tiptop {
    animation: main .3s forwards;
    background: rgba(27, 79, 95, .8);
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    max-width: 300px;
    padding: 5px 20px;
    position: absolute;
    transform: scaleX(.5);
    z-index: 1
}

@keyframes main {
    0% {
        transform: scaleX(.5)
    }
    to {
        transform: scaleX(1)
    }
}

.card-details-link {
    color: unset;
    max-width: 80%
}

.card-details-link:focus,
.card-details-link:hover {
    color: unset
}

.clickable-wrapper {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.center-img-fluid {
    height: 100%;
    inset-inline-end: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%
}

.custom-checkbox-square .custom-control-input {
    height: 1.25rem;
    inset-inline-end: 0;
    opacity: 0;
    position: absolute;
    width: 1rem;
    z-index: -1
}

.custom-checkbox-square .custom-control-input:checked.custom-control-label:before {
    background-color: #06b085;
    border-color: #06b085!important;
    color: #fff
}

.custom-checkbox-square .custom-control-input:checked.custom-control-label:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    height: 10px;
    inset-inline-start: -20.3px;
    transform: rotate(45deg);
    width: 6px
}

.custom-checkbox-square .custom-control-label {
    color: #6c757d;
    cursor: pointer;
    display: inline-block;
    font-family: AdelleSansARA-Semibold;
    margin-block-end: 0;
    position: relative;
    vertical-align: top
}

.custom-checkbox-square .custom-control-label:before {
    border: 2px solid #929292!important;
    border-radius: 2px;
    height: 14px;
    inset-block-start: 4px;
    width: 14px
}

.custom-checkbox-square .custom-control-label:before,
.custom-checkbox-square .custom-file-label {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.custom-checkbox-square .custom-control-label:after {
    inset-block-start: 4px
}

.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.gift-checkbox-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.gift-checkbox-wrapper.checked .gift-icon g path {
    fill: #6ea2dc
}

.gift-icon {
    margin-block-start: -9px
}

.Payment-details-page .payment-info .gift-box {
    background-color: rgba(64, 157, 160, .1)
}

.Payment-details-page .payment-info .gift-box>label {
    color: #409da0
}

.Payment-details-page .payment-info .gift-box>img {
    vertical-align: text-top;
    width: 15px
}

.Payment-details-page .payment-info .card-header {
    border-color: rgba(16, 167, 137, .31);
    border-radius: 20px 20px 0 0
}

.Payment-details-page .payment-info .card-header img {
    inset-block-start: 1px;
    inset-inline-end: 18px;
    position: absolute
}

.Payment-details-page .payment-info .cart-items {
    list-style: none;
    padding: 15px 0 0
}

.Payment-details-page .payment-info .cart-items li {
    display: flex;
    font-size: 18px;
    justify-content: space-between
}

.Payment-details-page .payment-info .cart-items li:not(:last-of-type) {
    margin-block-end: 15px
}

.Payment-details-page .amount-details .title {
    font-size: 24px;
    margin-block-end: 42px
}

.Payment-details-page .amount-details .amount {
    font-size: 32px;
    margin: 40px 0 30px
}

.Payment-details-page .amount-details .user-details {
    font-size: 22px;
    margin: 30px 0 43px
}

.Payment-details-page .amount-details .user-details>div:first-of-type {
    margin-block-end: 40px
}

.Payment-details-page .amount-details .sep-4 {
    margin-block-end: 22px
}

.Payment-details-page .apple-pay {
    border-radius: 4px;
    padding: 5px 15px;
    width: 100%
}

.Payment-details-page .card-icon {
    align-items: center;
    background: #e9ecef;
    border-end-end-radius: 4px;
    border-inline-start: 2px solid #d1d1d1;
    border-radius: .65rem 0 0 .65rem!important;
    border-start-end-radius: 4px;
    display: flex;
    height: 35px;
    inset-block-start: .9px;
    inset-inline-end: 0;
    justify-content: center;
    position: absolute
}

.Payment-details-page .card-icon-image {
    margin: 9% 8px;
    max-height: 70%;
    max-width: 30px
}

.Payment-details-page .line-with-words {
    margin-block-end: 25px;
    margin-block-start: 15px
}

.Payment-details-page .line-with-words .title {
    font-family: AdelleSansARA-Semibold;
    font-size: 16px;
    font-weight: 600
}

.Payment-details-page .line-with-words.page-title .title {
    font-size: 20px;
    font-weight: 600
}

.Payment-details-page .user-details .name {
    margin-inline-start: 30px
}

.Payment-details-page .payment .card-holder-name {
    text-transform: uppercase
}

.view-all-link {
    position: relative
}

.gheras .sub-title {
    color: #374045;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    margin: 0 auto;
    margin-block-end: 125px;
    max-width: 745px;
    text-align: center
}

.gheras .steps {
    display: flex;
    margin: 0 -15px;
    margin-block-end: 160px
}

.gheras .steps .count {
    background: #374045;
    border-radius: 50%;
    color: #fff;
    font-size: 40px;
    height: 70px;
    line-height: 70px;
    margin-block-end: 48px;
    overflow: hidden;
    text-align: center;
    width: 70px
}

.gheras .steps h4 {
    color: rgb(62 124 105);
    line-height: normal;
    margin-block-end: 14px
}

.gheras .steps p {
    color: #374045;
    font-size: 18px;
    line-height: normal
}

.gheras .steps:last-of-type {
    margin-block-end: 70px
}

.gheras .line-with-words .title {
    max-width: 100%;
    min-width: auto;
    padding: 0
}

.with--share .share-help {
    inset-block-start: 29px;
    inset-inline-end: 13px;
    position: absolute
}

.with--share .text-dark-green span.title {
    max-width: 80%
}

.copy--wrapper {
    background: #eee;
    border-radius: 7px;
    height: 44px;
    margin: 0 0 30px;
    padding: 0 15px;
    position: relative;
    width: 100%
}

.copy--wrapper button {
    background: none;
    border: none;
    color: rgb(62 124 105);
    cursor: pointer;
    font-size: 20px;
    inset-block: 0;
    inset-inline-end: 15px;
    margin: auto;
    position: absolute
}

.copy--wrapper button:focus {
    outline: none
}

.copy--wrapper input {
    background: transparent;
    border: 1px solid #dfe1e5;
    border-radius: 8px;
    color: #374045;
    font-size: 14px;
    line-height: 40px;
    outline: 0;
    padding-inline: .75rem;
    width: 90%
}

.user-control-options-wrapper {
    align-items: center;
    display: flex
}

.replaced-link {
    cursor: pointer;
    outline: none!important
}

.arabic-list-style {
    list-style: none;
    position: relative
}

.arabic-list-style>li:before {
    direction: ltr;
    display: inline-block;
    inset-inline-start: 0;
    position: absolute;
    text-align: start;
    width: 25px
}

.arabic-list-style>li:first-child:before {
    content: ".أ"
}

.arabic-list-style>li:nth-child(2):before {
    content: ".ب"
}

.arabic-list-style>li:nth-child(3):before {
    content: ".ج"
}

.arabic-list-style>li:nth-child(4):before {
    content: ".د"
}

.arabic-list-style>li:nth-child(5):before {
    content: ".ه"
}

.arabic-list-style>li:nth-child(6):before {
    content: ".و"
}

.arabic-list-style>li:nth-child(7):before {
    content: ".ز"
}

.arabic-list-style>li:nth-child(8):before {
    content: ".ح"
}

.arabic-list-style>li:nth-child(9):before {
    content: ".ط"
}

.arabic-list-style>li:nth-child(10):before {
    content: ".ى"
}

.payment-details .creditCardForm .heading {
    margin-block-end: 7px
}

.payment-details .creditCardForm .heading h4 {
    color: #31616e;
    font-size: 22px;
    margin: 0
}

.payment-details .creditCardForm .sep-1 {
    margin-block-end: 47px
}

.payment-details .creditCardForm label {
    color: #374045;
    font-size: 16px;
    font-weight: 600;
    margin-block-end: 12px
}

.payment-details .creditCardForm .already-member {
    color: #b8b8b8;
    font-size: 13px;
    margin-block-end: 20px
}

.payment-details .creditCardForm .expiry-dates {
    max-width: 40%;
    width: 170px
}

.payment-details .creditCardForm .expiry-dates .card-dates {
    display: flex
}

.payment-details .creditCardForm .expiry-dates .card-dates #expYear {
    border-end-start-radius: 0;
    border-start-start-radius: 0;
    margin-inline-start: -2px;
    width: 50%
}

.payment-details .creditCardForm .expiry-dates .card-dates #expMonth {
    border-end-end-radius: 0;
    border-start-end-radius: 0;
    width: 50%
}

.payment-details .creditCardForm .custom-checkbox-round .custom-control-label {
    margin-block-end: 15px
}

.payment-details .payment {
    margin-block-end: 25px
}

.payment-details .form-group {
    margin-block-end: 22px;
    position: relative
}

.payment-details .form-group .error {
    color: #e0394a;
    font-size: 14px
}

.payment-details .form-group input.error,
.payment-details .form-group select.error {
    color: #495057
}

.creditCardForm .already-member {
    color: #b8b8b8;
    font-size: 13px;
    margin-block-end: 20px
}

.creditCardForm .expiry-dates {
    max-width: 40%;
    width: 170px
}

.creditCardForm .expiry-dates .card-dates {
    display: flex
}

.creditCardForm .expiry-dates .card-dates #expYear {
    border-end-start-radius: 0;
    border-start-start-radius: 0;
    margin-inline-start: -2px;
    width: 50%
}

.creditCardForm .expiry-dates .card-dates #expMonth {
    border-end-end-radius: 0;
    border-start-end-radius: 0;
    width: 50%
}

.creditCardForm .sign-in-options {
    color: #aaa;
    font-size: 11px;
    font-weight: 700;
    margin: 0 0 10px
}

.creditCardForm .sign-in-options a {
    text-decoration: underline
}

.creditCardForm .custom-checkbox-round .custom-control-label {
    margin-block-end: 15px
}

.creditCardForm .payment-info-box input.error~span~span .amount-display {
    inset-block-start: -300px;
    position: fixed;
    z-index: -1
}

.fixed-side-menu {
    inset-block-start: 50%;
    inset-inline-start: 0;
    line-height: 16px;
    max-width: 360px;
    position: fixed;
    z-index: 9989
}

.fixed-side-menu.has-focus .title {
    width: 318px
}

.fixed-side-menu.has-focus .icon {
    border-end-end-radius: 0
}

.fixed-side-menu.has-focus .options {
    display: block
}

.fixed-side-menu.has-focus .hide-hovered {
    display: none
}

.fixed-side-menu.has-focus .hovered {
    border-radius: 20px;
    display: unset;
    font-size: 12px
}

.fixed-side-menu.varient-2.has-focus .icon {
    border-end-end-radius: 0;
    text-align: end;
    width: 310px
}

.fixed-side-menu.varient-2.has-focus .hovered {
    color: #fff!important;
    margin-inline-start: auto;
    padding: 0 20px
}

.fixed-side-menu.varient-2.has-focus .hovered span {
    color: #fff!important;
    display: inline-block;
    margin-block-start: 5px
}

.fixed-side-menu.varient-2 .title {
    display: none
}

.fixed-side-menu.varient-2 .icon {
    background: #21446f;
    border-end-end-radius: 20px;
    border-start-end-radius: 20px;
    height: 36px;
    transition: all .1s linear
}

.fixed-side-menu .card-icon {
    align-items: center;
    background: #e9ecef;
    border-inline-start: 2px solid #d1d1d1;
    border-radius: .65rem 0 0 .65rem;
    display: flex;
    height: 36.6px;
    inset-block-start: .9px;
    inset-inline-end: 1px;
    justify-content: center;
    position: absolute
}

.fixed-side-menu .card-icon-image {
    margin: 9% 8px;
    max-height: 70%;
    max-width: 30px
}

.fixed-side-menu form input.error {
    border: 1px solid #f25e09
}

.fixed-side-menu form span.error {
    display: none!important
}

.fixed-side-menu .error-box {
    position: relative
}

.fixed-side-menu .error-box input.amount.error~.error-border {
    visibility: visible
}

.fixed-side-menu .error-border {
    border: 1px solid #f25e09;
    border-radius: 20px;
    content: "";
    inset: -1px;
    position: absolute;
    visibility: hidden
}

.fixed-side-menu .amount {
    z-index: 1
}

.fixed-side-menu .apple-pay {
    margin-block-end: 10px
}

.fixed-side-menu .price-box {
    border-block-end: 1px dotted #ccc;
    margin-block-end: 8px
}

.fixed-side-menu .payment-info-box {
    background: #068571;
    background: linear-gradient(270deg, rgb(62 124 105) 0, #374045 110%);
    border-radius: 9px;
    color: #fff;
    font-size: 12px;
    padding: 10px 15px
}

.fixed-side-menu .payment-info-box .edit-amount-btn {
    color: inherit;
    font-size: inherit;
    padding: 0
}

.fixed-side-menu .payment-info-box .amount-display {
    font-size: 24px
}

.fixed-side-menu .clickable {
    cursor: pointer
}

.fixed-side-menu .title {
    background-color: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .29);
    color: #374045;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 15px;
    text-align: start;
    transition: all .3s ease;
    width: 110px
}

.fixed-side-menu .icon {
    background: #21446f;
    border-end-end-radius: 50%;
    border-end-start-radius: 0;
    border-start-end-radius: 50%;
    border-start-start-radius: 0;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .29);
    padding: 0;
    text-align: center;
    width: 40px
}

.fixed-side-menu .icon,
.fixed-side-menu .icon .round {
    align-items: center;
    display: flex;
    justify-content: center
}

.fixed-side-menu .icon .round {
    background: #fff;
    border-radius: 25px;
    color: #21446f;
    font-size: 30px;
    height: 16px;
    /* line-height: 1.4; */
    margin: auto;
    padding: 11px;
    width: 16px
}

.fixed-side-menu .icon .close-icon {
    color: #fff;
    font-size: 14px
}

.fixed-side-menu .options {
    background-color: #fff;
    border-end-end-radius: 10px;
    border-end-start-radius: 10px;
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, .15);
    display: none;
    inset-block-start: 36px;
    inset-inline-start: 0;
    position: absolute;
    transition: all .2s ease-in-out .3s;
    width: 100%
}

.fixed-side-menu .options .tab-content .price-details {
    align-items: center;
    border: 1px solid #dfe1e5;
    border-radius: 6px;
    color: #ccc;
    display: flex;
    flex: 1;
    font-size: 13px;
    justify-content: space-between;
    padding: 6px 10px
}

.fixed-side-menu .options .tab-content .price-details input {
    border: none;
    color: #374045;
    height: 20px;
    outline: none;
    width: 70%
}

.fixed-side-menu .options .tab-content>.active {
    max-height: 70vh;
    opacity: 1;
    overflow: auto
}

.fixed-side-menu .options .nav-tabs li {
    border-inline-end: 1px solid #ccc;
    color: var(--title-color);
    cursor: pointer;
    flex: 1;
    font-size: 13px;
    font-weight: 700;
    margin-block-end: 4px;
    padding: 9px;
    text-align: center
}

.fixed-side-menu .options .nav-tabs li:last-child {
    border-inline-end-width: 0
}

.fixed-side-menu .options .nav-tabs li.active {
    background-color: var(--background-color);
    color: #fff;
    margin-block-end: 0
}

.fixed-side-menu .options .nav-tabs li:focus {
    outline: none
}

.fixed-side-menu .hovered {
    display: none
}

.fixed-side-menu .text-desc {
    color: #063f50;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    margin-block-end: 16px;
    margin-block-start: 10px
}

.fixed-side-menu .payment .card-holder-name {
    text-transform: uppercase
}

.fixed-side-menu .field-validation-error span {
    color: #e0394a;
    font-weight: 500;
    margin-block-end: 10px
}

.card-type {
    position: relative
}

.donations .card {
    border: none;
    color: #003b4c;
    font-size: 13px
}

.donations .card .price-details {
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 7px;
    color: rgb(62 124 105);
    display: flex;
    font-size: 13px;
    padding: 2px 5px
}

.donations .card .price-details input {
    border: none;
    height: 25px;
    outline: none;
    padding-block-start: 0;
    width: 150px
}

.donations .card .bg-gradient-green {
    background: #068571;
    background: linear-gradient(90deg, #068571, rgb(62 124 105))
}

.donations .card .border-rounded-2 {
    border-radius: 5px
}

.donations .gift .title {
    font-size: 14px
}

.donations .gift .amount {
    font-size: 18px
}

.donations .gift i {
    color: #cecece;
    font-size: 40px
}

.donations .gift .center {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.donations .gift input {
    border: 0;
    color: rgb(62 124 105);
    line-height: 30px;
    outline: 0;
    width: 100%
}

.donations .gift input:focus {
    border-color: var(--background-color);
}

.donations .separator {
    background-color: #ccc;
    height: 1px;
    opacity: .5;
    width: 100%
}

.donations .items .card .title {
    background: rgb(62 124 105);
    color: #fff;
    font-size: 12px;
    font-weight: 100;
    height: 26px;
    inset-block-end: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    padding: 0 10px;
    position: absolute;
    text-align: center
}

.donations .items .card i {
    color: #cecece
}

.donations .Payment-details-page .apple-pay {
    margin: 10px auto 0;
    padding: 18px 0;
    width: 190px
}

.nav-tabs {
    border-block-end: 1.5px solid #dee2e6
}

.donation-links .title {
    color: #374045;
    font-size: 24px;
    margin-block-end: 1rem;
    margin-inline-start: .8rem
}

.donation-links .card {
    border-radius: 16px
}

.donation-links .card .label {
    font-size: 20px;
    text-align: center
}

.donation-links .card .value {
    font-size: 28px
}

.donation-links .img-shadow {
    box-shadow: -5px 10px 20px 0 rgba(0, 0, 0, .15)
}

.donation-links .message-box {
    font-size: 14px
}

.donation-links .avatar-wrapper .avatar-icon {
    background: #fff;
    height: 50px;
    width: 50px
}

.donation-links .avatar-wrapper .avatar-icon img {
    margin: auto;
    width: 60%
}

.shared-links .title {
    color: #374045;
    font-size: 24px;
    margin-block-end: 1rem;
    margin-inline-start: .8rem
}

.shared-links .card .value {
    font-size: 22px;
    width: 100px
}

.shared-links .card .label {
    font-size: 16px
}

.shared-links .avatar-icon {
    background: #fff;
    height: 50px;
    width: 50px
}

.shared-links .avatar-icon img {
    margin: auto;
    width: 60%
}

.shared-links .img-shadow {
    box-shadow: -5px 10px 20px 0 rgba(0, 0, 0, .15)
}

.shared-links .message-box {
    font-size: 14px
}

.payment {
    color: #003b4c
}

.payment .separator {
    background-color: #ccc;
    height: 1px;
    width: 100%
}

.payment .user-details {
    font-size: 14px
}

.payment .amount {
    font-size: 20px
}

.payment .card-details {
    font-size: 13px
}

.payment .card-details .card-images .img-container {
    border: 2px solid transparent;
    border-radius: 5px
}

.payment .card-details .card-images .active {
    border: 2px solid rgb(62 124 105)
}

.payment .card-details .card-info input {
    border: 0;
    color: rgb(62 124 105);
    font-weight: 100;
    line-height: 30px;
    outline: 0;
    width: 100%
}

.payment .card-details .card-info input:focus {
    border-color: var(--background-color);
}

.payment h6.title {
    font-size: 14px
}

.center-items-vertically {
    align-items: center;
    display: flex
}

#cart {
    border-inline-start: 1px solid rgba(0, 0, 0, .12);
    position: relative;
    text-align: center
}

#cart .badge {
    background: #d8762d;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-family: AdelleSansARA-Semibold;
    font-size: 12px;
    height: 18px;
    inset-block-start: -5px;
    inset-inline-start: 10px;
    min-width: 18px;
    padding: 2px;
    position: absolute
}

.cursor-pointer {
    cursor: pointer!important
}

.toggle-hide {
    inset-block-start: -300px;
    position: fixed;
    z-index: -1
}

.line-with-words {
    align-items: center;
    display: flex
}

.line-with-words .line {
    background: #ccc;
    height: 1px;
    width: 100%
}

.line-with-words .title {
    min-width: max-content;
    padding: 0 45%
}

.text-copied-msg {
    background-color: #f7f7f7;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 10px;
    font-size: 12px;
    inset-block-end: 110%;
    inset-inline-end: -20px;
    padding: 10px;
    position: absolute
}

.about-page {
    overflow: hidden
}

.about-page>section {
    padding: 100px 0 40px;
    position: relative
}

.about-page>section:first-child {
    padding: 80px 20px
}

.about-page>section.bg-grey,
.about-page>section.bg-grey .section-title span {
    background-color: #f7f7f7
}

.about-page>section .section-title {
    font-size: 24px;
    margin-block-end: 30px;
    position: relative;
    text-align: center;
    z-index: 1
}

.about-page>section .section-title span {
    background-color: #fff;
    color: #374045;
    display: inline-block;
    padding: 0 10px
}

.about-page>section .section-title:before {
    background-color: #b6b6b6;
    content: "";
    height: 1px;
    inset-block-start: 15px;
    inset-inline-start: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

.about-main {
    background-image: url(../images/white-plant-vector-xs.svg), url(../images/green-overlay.svg), url(../images/plant-bg.jpg);
    background-position: -165px 0, 0 0, -475px 0;
    background-repeat: no-repeat;
    background-size: contain, cover, cover
}

.about-main h1 {
    font-size: 2rem
}

.about-main p {
    font-size: 16px
}

.about-main .about-main-logos img {
    height: 55px
}

.about-vision {
    background-image: url(../images/bg.svg);
    background-position: right -120px bottom;
    background-repeat: no-repeat
}

.about-vision .about-vision-icon {
    display: inline-block;
    position: relative
}

.about-vision .about-vision-icon .dashed-circle {
    inset-block-start: -4px;
    inset-inline-start: -4px;
    max-width: none;
    position: absolute;
    width: 83px
}

.about-vision .about-vision-icon .vector-icon {
    width: 75px
}

.about-vision .about-vision-icon+p {
    margin: 25px 0;
    position: relative;
    z-index: 1
}

.about-vision .row .col-12 .about-vision-icon .dashed-line,
.about-vision .row .col-12 .about-vision-icon .dashed-line-2 {
    inset-inline-end: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 1.5px
}

.about-vision .row .col-12:first-child .about-vision-icon .dashed-line {
    inset-block-end: -37px
}

.about-vision .row .col-12:nth-child(2) .about-vision-icon .dashed-line-2 {
    inset-block-end: -50px
}

.about-vision .row .col-12:nth-child(2) .about-vision-icon .dashed-line {
    inset-block-start: -10px
}

.about-vision .row .col-12:nth-child(3) .about-vision-icon .dashed-line {
    inset-block-start: -9px
}

.about-vision .row .col-12:nth-child(3) .about-vision-icon+p {
    margin-block-start: 0
}

.about-goals {
    z-index: 1
}

.about-goals:after {
    background-image: url(../images/bg.svg);
    background-repeat: no-repeat;
    content: "";
    height: 495px;
    inset-block-start: 150px;
    inset-inline-end: -60px;
    position: absolute;
    width: 200px;
    z-index: -1
}

.about-goals-box {
    background-image: url(../images/icon-about-goals.svg);
    background-position: right -5px;
    background-repeat: no-repeat;
    padding-inline-start: 23px
}

.about-goals-box h5 {
    color: #123d64;
    font-size: 18px
}

.about-goals-box p {
    font-size: 14px
}

.about-features:after {
    background-image: url(../images/bg.svg);
    background-position: right -300px bottom 0;
    background-repeat: no-repeat;
    content: "";
    height: 100%;
    inset-block-end: -60px;
    inset-inline-start: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.about-features .card {
    box-shadow: 0 2px 15px hsla(0, 0%, 70%, .2);
    z-index: 2
}

.about-features .card .feature-title {
    background-image: url(../images/icon-about-feature.svg);
    background-position: 45px -5px;
    background-repeat: no-repeat;
    color: #068571;
    font-size: 16px;
    font-weight: 700;
    margin-block-start: 30px;
    min-width: 85px;
    padding-block-end: 20px;
    position: relative;
    text-align: center
}

.about-features .card .feature-title:before {
    background-color: hsla(0, 0%, 94%, .54);
    border-radius: 50%;
    content: "";
    height: 60px;
    inset-block-start: -22px;
    inset-inline-start: 11px;
    position: absolute;
    width: 60px;
    z-index: -1
}

.about-features .card .feature-text {
    align-self: center;
    color: #707070;
    font-size: 14px;
    margin-block-end: 0
}

.about-donation-key {
    margin-block-end: 50px;
    text-align: center
}

.about-donation-key label {
    color: #4e4e4e;
    font-size: 14px
}

.donation-key-circle {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 6px hsla(0, 0%, 72%, .16);
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    margin: 0 auto 8px;
    padding: 10px;
    width: 60px
}

.donation-key-circle img {
    width: 40px
}

.user-sidebar {
    display: flex;
    flex-direction: column;
    width: 100%
}

.user-sidebar .card+.card {
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
}

.user-sidebar--menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.user-sidebar--menu__option {
    align-items: center;
    color: #707070;
    display: flex;
    padding: .8rem 1.25rem;
    transition: .3s
}

.user-sidebar--menu__option.menu-option-active,
.user-sidebar--menu__option:hover {
    background-color: #f2f2f2;
    box-shadow: inset -5px 0 0 0 rgb(62 124 105)
}

.user-sidebar--menu__option img {
    margin-inline-end: 10px;
    transition: .3s
}

.circle-with-shadow-100 {
    background: #fff;
    box-shadow: -5px 10px 20px 0 rgba(0, 106, 70, .15);
    height: 100px;
    width: 100px
}

.circle-with-shadow-100 img {
    width: 65%
}

.user-sidebar_mobile {
    border-block-end: 1px dashed #f0f0f0;
    border-block-start: 1px dashed #f0f0f0
}

.user-mobile-icon {
    margin-inline: 2px 10px
}

.user-email-icon {
    margin-inline: 0 9px
}

.form-control {
    border: 1px solid #dfe1e5;
    border-radius: .65rem
}

.form-control:disabled~.input-group-text {
    background-color: #e9ecef!important
}

.form-control:disabled+.input-group-append span {
    background-color: #e9ecef!important;
    opacity: 1
}

.form-control:focus {
    border-color: #dfe1e5;
    box-shadow: none
}

.input-group-text {
    border: 1px solid #dfe1e5;
    border-radius: .65rem;
    padding: .375rem .35rem
}

.field-validation-valid,
.field-validation-valid.input-group-append .input-group-text,
.field-validation-valid.input-group-text {
    border-color: #dc3545!important
}

.border-right-input {
    border-end-start-radius: .65rem!important;
    border-start-start-radius: .65rem!important
}

.border-inline-end-input {
    border-end-end-radius: .65rem!important;
    border-start-end-radius: .65rem!important
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
    padding-inline-end: 0
}

.input-group.no-bg .input-group-text {
    background: transparent;
    border-inline-start: 0
}

.input-group.no-bg input.form-control {
    border-inline-end: 0
}

.rounded-pill-right {
    border-radius: 0 50rem 50em 0!important
}

.rounded-pill-right-md {
    border-radius: 0 12px 12px 0!important
}

.rounded-pill-left-md {
    border-radius: 12px 0 0 12px!important
}

.rounded-pill-left {
    border-end-end-radius: 50rem!important;
    border-start-end-radius: 50rem!important
}

.rangeslider1 {
    height: 22px;
    margin-block-start: -12px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rangeslider1:before {
    background: hsla(0, 0%, 100%, .5);
    box-sizing: border-box;
    content: "";
    width: 100%
}

.rangeslider1 .rangeslider-fill-lower,
.rangeslider1:before {
    border-radius: 100px;
    height: 4px;
    inset-block-start: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.rangeslider1 .rangeslider-fill-lower {
    background: linear-gradient(90deg, var(--background-color), #ccc5c5);
    min-width: 38px;
    width: 100%!important
}

.rangeslider1 .rangeslider-thumb {
    background: var(--background-color);
    box-sizing: border-box;
    color: #fff;
    height: 18px;
    inset-block-start: 50%;
    inset-inline-start: 0;
    line-height: 20px;
    min-width: 12%;
    padding-inline-end: 10px;
    position: absolute;
    text-align: end;
    touch-action: pan-x;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.rangeslider1.varient-2 .rangeslider-thumb {
    background: #fff;
    color: #003b4c;
    height: 20px;
    line-height: 21px
}

.details-page .rangeslider-circles_completed.can-complete:after {
    background-size: 30%!important
}

@media(min-width:1024px) {
    .details-page .rangeslider-thumb_container .rangeslider-thumb {
        font-size: .8rem;
        height: 21px
    }
    .details-page .rangeslider-circles_2 {
        width: 45px
    }
}

.rangeslider-thumb_container {
    margin-inline: -2px;
    white-space: nowrap
}

.rangeslider-thumb_container .rangeslider-thumb {
    border-end-start-radius: 0!important;
    border-start-start-radius: 0!important;
    height: 13px
}

.slider-with-image {
    margin-block-start: -4px!important
}

.slider-with-image .tiny-snabel {
    inset-block-start: 3px;
    inset-inline-end: 2px;
    position: absolute
}

.slider-with-image .rangeslider-fill-lower {
    background: #bbb!important;
    border-radius: 0!important;
    height: 23px!important
}

.slider-with-image .rangeslider-thumb {
    height: 22px!important
}

.rangeslider-circles_completed .rangeslider-circles_2:first-child,
.rangeslider-circles_init .rangeslider-circles_2:first-child {
    background: #374045
}

.rangeslider-circles_completed .rangeslider-circles_2:first-child img,
.rangeslider-circles_init .rangeslider-circles_2:first-child img {
    filter: brightness(0) invert(1)
}

.rangeslider-circles_completed {
    overflow: hidden
}

.rangeslider-circles_completed.can-complete:after {
    background: rgba(223, 225, 229, .39) url(../images/orphanwish_completed.svg) no-repeat 50%/50%;
    content: "";
    inset: 0;
    position: absolute;
    z-index: 9
}

.rangeslider-circles_completed .rangeslider-thumb {
    border-radius: 0!important
}

.rangeslider-circles_completed .rangeslider-circles_2 {
    background: rgb(62 124 105)
}

.rangeslider-circles_completed .rangeslider-circles_2 img {
    filter: brightness(0) invert(1)
}

.rangeslider2 {
    height: 22px;
    position: relative
}

.rangeslider2:before {
    background: linear-gradient(90deg, #ffe63d 50%, #f25e09 0);
    height: 7px;
    inset-inline-end: 0
}

.rangeslider2 .rangeslider-fill-lower {
    background: transparent
}

.rangeslider2 .rangeslider-thumb {
    background: #fff;
    border-radius: 1px;
    box-shadow: 0 0 4px 0 #000;
    height: 11px;
    width: 5px
}

.rangeslider3 {
    position: relative;
    user-select: none
}

.rangeslider3 .rangeslider-fill-lower {
    background: #f2f2f2;
    border-radius: 7px;
    height: 32px;
    transform: translateY(-50%);
    width: 100%!important
}

.rangeslider3 .rangeslider-thumb {
    background: rgb(62 124 105);
    border-radius: 7px;
    box-sizing: border-box;
    color: #fff;
    height: 31.5px;
    inset-block-start: 50%;
    inset-inline-start: 0;
    line-height: 20px;
    min-width: 35px;
    padding: 7px 0 7px 3px;
    position: absolute;
    text-align: end;
    touch-action: pan-x;
    transform: translateY(-50%)
}

.rangeslider3 .range-output .output {
    display: block;
    font-family: AdelleSansARA-Semibold;
    font-size: 16px
}

.rangeslider-circles {
    height: 50px;
    position: absolute;
    width: 50px
}

.rangeslider-circles,
.rangeslider-circles_2 {
    background: #dfe0e0;
    border-radius: 50%;
    z-index: 2
}

.rangeslider-circles_2 {
    aspect-ratio: 1;
    width: 30px
}

.rangeslider-circle-1 {
    inset-block-end: 50%;
    inset-inline-start: 0;
    transform: translateY(50%)
}

.rangeslider-circle-2 {
    inset-block-end: 50%;
    inset-inline-start: 50%;
    transform: translate(50%, 50%)
}

.rangeslider-circle-3,
.rangeslider-circle-4 {
    inset-block-end: 50%;
    inset-inline-end: 0;
    transform: translateY(50%)
}

.rangeslider-circle-4 {
    background-color: rgb(62 124 105);
    height: 70px;
    width: 70px
}

@media(max-width:575.98px) {
    .rangeslider-circle-4 {
        height: 40px;
        width: 40px
    }
}

.rangeslider-circle-4 .range-label {
    inset-block-start: -50px;
    inset-inline-end: 18px
}

.rangeslider-exceededline-4 {
    background-color: rgb(62 124 105);
    height: 11px;
    inset-block-start: 0;
    inset-inline-start: 2px;
    position: absolute;
    width: 99%;
    z-index: 1
}

.rangeslider4 {
    height: 11px;
    position: relative;
    user-select: none
}

.rangeslider4 .rangeslider-fill-lower {
    background: #dfe0e0;
    border-radius: 100px;
    height: 11px
}

.rangeslider4 .rangeslider-thumb {
    background: rgb(62 124 105);
    background: linear-gradient(90deg, rgb(62 124 105) 20%, #374045);
    border-radius: 100px;
    color: #fff;
    height: 8px;
    inset-block-start: 0;
    inset-inline-start: 0;
    max-width: 100%!important;
    min-width: 2%;
    position: absolute;
    text-align: end;
    touch-action: pan-x
}

.rangeslider4 .rangeslider-thumb.profile-rangeslider {
    height: 10px!important
}

.rangeslider4 .range-output .output {
    display: block;
    font-size: 9px;
    margin-inline-end: 10px
}

.rangeslider5 {
    height: 11px;
    margin: 60px 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rangeslider5 .rangeslider-fill-lower {
    background: #dfe0e0;
    border-radius: 100px;
    height: 11px;
    position: relative;
    z-index: 2
}

.rangeslider5 .rangeslider-fill-lower.exceed_100 {
    max-width: 85%
}

.rangeslider5 .rangeslider-fill-lower.exceed_100 .rangeslider-thumb {
    max-width: 100%
}

.rangeslider5 .rangeslider-thumb {
    background: rgb(62 124 105);
    background: linear-gradient(90deg, #374045 20%, rgb(62 124 105));
    border-radius: 100px;
    color: #fff;
    height: 11px;
    inset-block-start: 0;
    inset-inline-start: 0;
    position: absolute;
    text-align: end;
    touch-action: pan-x
}

.rangeslider5 .range-output .output:after {
    background-color: #374045;
    border-radius: 50%;
    content: "";
    height: 15px;
    inset-block-start: -2px;
    inset-inline-end: -5px;
    position: absolute;
    width: 15px
}

.rangeslider5 .range-output .output.less-than10:after {
    inset-inline-end: auto;
    inset-inline-start: 0
}

.rangeslider5 .range-output .output.more-than100:after {
    background-color: transparent;
    opacity: 0;
    visibility: hidden
}

.range-label {
    align-items: center;
    color: #fff!important;
    display: flex;
    font-size: 12px;
    height: 35px;
    inset-block-start: -64px;
    inset-inline-end: -15px;
    justify-content: center;
    position: absolute;
    width: 35px;
    z-index: 1
}

.range-label span {
    background-color: #01b477;
    border-radius: 0 50% 50% 50%;
    height: 100%;
    inset-block-start: 0;
    inset-inline-end: 0;
    position: absolute;
    transform: rotate(225deg);
    width: 100%;
    z-index: -1
}

.rangeslider5_mobile_container {
    inset-block-end: 0;
    position: fixed;
    width: 100%;
    z-index: 99
}

.rangeslider5_mobile_container .rangeslider-circles,
.rangeslider5_mobile_container .rangeslider-circles_2 {
    height: 35px;
    width: 35px
}

.rangeslider5_mobile_container .rangeslider5 {
    margin: 10px 0
}

.rangeslider5_mobile_container .range-output .output.more-than97:after {
    inset-inline-end: 0
}

.card-campaign {
    background: #fff url(../images/campaign-card-bg.svg) no-repeat 0 0
}

.card-campaign-empty {
    background: rgba(18, 61, 100, .05) url(../images/icon-campaign-empty.svg) no-repeat left -10px top;
    border: 1px dashed #374045;
    border-radius: 5px;
    display: block;
    height: 140px;
    transition: .3s;
    width: 210px
}

.card-campaign-empty:hover {
    background: rgba(18, 61, 100, .05) url(../images/icon-campaign-empty-onhover.svg) no-repeat left -10px top;
    border-style: solid;
    box-shadow: 0 1px 7px rgba(18, 61, 100, .5);
    transition: .3s
}

.campaign-details-inactive {
    align-items: center;
    background-color: hsla(0, 0%, 94%, .5);
    border-radius: 15px;
    display: flex;
    height: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    justify-content: center;
    position: absolute;
    width: 100%
}

.img-subsidy {
    border: 1px solid rgb(62 124 105);
    border-radius: 13px 13px 0 0;
    cursor: pointer;
    margin-block-end: 5px;
    position: relative
}

.img-subsidy .img-subsidy-price {
    background: rgb(62 124 105);
    border-radius: 0 12px 0 16px;
    color: #fff;
    font-family: AdelleSansARA-Semibold;
    font-size: 14px;
    inset-block-start: -1px;
    inset-inline-start: -1px;
    padding: 5px 12px;
    position: absolute
}

.img-subsidy .img-subsidy-price span {
    margin: 0 7px
}

.img-subsidy img {
    border-radius: 13px 13px 0 0;
    height: 195px;
    width: 100%
}

.img-subsidy .rangeslider1 {
    margin-block-start: -16px
}

.img-subsidy .rangeslider1 .rangeslider-thumb {
    inset-inline-start: -1px;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%)
}

.img-subsidy .rangeslider1 .rangeslider-fill-lower,
.img-subsidy .rangeslider1:before {
    height: 0
}

.img-subsidy:before {
    background: rgb(62 124 105);
    background: linear-gradient(90deg, rgb(62 124 105), #374045);
    content: "";
    height: 8px;
    inset-block-end: -1px;
    inset-inline-start: -1px;
    position: absolute;
    width: 100.6%
}

.line-crossed {
    display: inline-block;
    position: relative
}

.line-crossed:before {
    inset-inline-start: -30px;
    transform: translate(100%, -50%)
}

.line-crossed:after,
.line-crossed:before {
    background-color: red;
    content: "";
    height: 1px;
    inset-block-start: 50%;
    position: absolute;
    width: 100%
}

.line-crossed:after {
    inset-inline-end: -30px;
    transform: translate(-100%, -50%)
}

.line-crossed.line-w-90:after,
.line-crossed.line-w-90:before {
    width: 90px
}

.line-crossed.line-platinum:after,
.line-crossed.line-platinum:before {
    background-color: #8b8b8b
}

.line-crossed.line-diamond:after,
.line-crossed.line-diamond:before {
    background-color: #96baca
}

.line-crossed.line-gold:after,
.line-crossed.line-gold:before {
    background-color: #dbc47b
}

.line-crossed.line-silver:after,
.line-crossed.line-silver:before {
    background-color: #d9d9d9
}

.line-crossed.line-bronze:after,
.line-crossed.line-bronze:before {
    background-color: #d8a97d
}

.banner-ghiras-ambassadors {
    background-image: url(../images/ghiras-ambassadors-mobile.jpg)
}

.banner-ghiras-ambassadors,
.banner-major-doners {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 260px
}

.banner-major-doners {
    background-image: url(../images/major-donors-mobile.jpg)
}

.banner-sms-donation {
    background-image: url(../images/sms-donation-mobile.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 170px
}

.border-rounded-top-13 {
    border-start-end-radius: 13px!important;
    border-start-start-radius: 13px!important
}

#amountRadioBtns .btn,
.amountRadioBtns .btn {
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .65rem;
    box-shadow: none!important
}

#amountRadioBtns .btn span,
.amountRadioBtns .btn span {
    color: rgb(170 82 69) !important;
}

#amountRadioBtns .btn small,
.amountRadioBtns .btn small {
    color: rgb(170 82 69) !important;
}

#amountRadioBtns .btn:nth-child(4),
.amountRadioBtns .btn:nth-child(4) {
    margin-inline-end: .25rem;
    margin-inline-start: .25rem
}

#amountRadioBtns .btn-check:checked+label,
.amountRadioBtns .btn-check:checked+label {
    background-color: rgb(62 124 105);
    color: #fff!important
}

#amountRadioBtns .btn-check:checked+label small,
#amountRadioBtns .btn-check:checked+label span,
.amountRadioBtns .btn-check:checked+label small,
.amountRadioBtns .btn-check:checked+label span {
    color: #fff
}

.title-with-amounts.disabled .btn,
.title-with-amounts.disabled .title,
.title-with-amounts.disabled input {
    pointer-events: none;
    user-select: none
}

.title-with-amounts.disabled .btn,
.title-with-amounts.disabled .title,
.title-with-amounts.disabled input,
.title-with-amounts.disabled input::placeholder,
.title-with-amounts.disabled small {
    color: #aaa!important
}

.border-bottom-dashed {
    border-block-end: 2px dotted #d9d9d9
}

.border-rounded-bottom-13 {
    border-end-end-radius: 13px!important;
    border-end-start-radius: 13px!important
}

.text-second {
    color: #003b4c
}

.sms-donation-bg {
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
    padding-block-start: 135px
}

.sms-donation-bg__hand {
    inset-block-end: -75px;
    inset-inline-end: 0;
    position: absolute;
    width: 550px
}

.sms-donation__title {
    max-width: 310px
}

.telecom-container {
    inset-block-end: 10px;
    inset-inline-start: 0;
    z-index: 1
}

.text-shadow-white {
    text-shadow: 3px 1px #fff
}

.text-shadow-green {
    text-shadow: 3px 1px rgb(62 124 105)
}

.sms-donation-pricing-container-1 {
    background-image: url(../images/card-patteren-container-1.svg);
    background-position: 30px bottom;
    background-repeat: no-repeat
}

.sms-donation-pricing-container-2 {
    background-image: url(../images/card-patteren-container-2.svg);
    background-position: 80px bottom;
    background-repeat: no-repeat
}

.sms-donation-pricing-1 {
    background-image: url(../images/card-patteren-1.svg);
    background-position: 100%;
    background-repeat: no-repeat
}

.sms-donation-pricing-1 .card-body {
    background: linear-gradient(159deg, rgba(13, 143, 117, .25), rgba(33, 69, 112, .25))
}

.sms-donation-pricing-2 {
    background-image: url(../images/card-patteren-2.svg);
    background-position: 100%;
    background-repeat: no-repeat
}

.sms-donation-pricing-2 .card-body {
    background: linear-gradient(159deg, rgba(13, 143, 117, .4), rgba(33, 69, 112, .4))
}

.sms-donation-pricing-3 {
    background-image: url(../images/card-patteren-3.svg);
    background-position: 100%;
    background-repeat: no-repeat
}

.sms-donation-pricing-3 .card-body {
    background: linear-gradient(159deg, rgba(13, 143, 117, .6), rgba(33, 69, 112, .6))
}

.sms-donation-pricing-4 {
    background-image: url(../images/card-patteren-3.svg);
    background-position: 100%;
    background-repeat: no-repeat
}

.sms-donation-pricing-4 .card-body {
    background: linear-gradient(159deg, rgba(13, 143, 117, .75), rgba(33, 69, 112, .75))
}

.sms-donation-pricing-5 {
    background-image: url(../images/card-patteren-3.svg);
    background-position: 100%;
    background-repeat: no-repeat
}

.sms-donation-pricing-5 .card-body {
    background: linear-gradient(159deg, rgba(13, 143, 117, .9), rgba(33, 69, 112, .9))
}

.icon-shadow {
    border-radius: 50%;
    box-shadow: -5px 10px 20px rgba(0, 106, 70, .15)
}

.user-verify {
    inset-block-start: 0;
    inset-inline-end: 10px;
    position: absolute
}

.user-verify__item {
    border: 1px solid #aaa;
    border-block-start: none;
    border-radius: 0 0 6px 6px;
    color: #aaa;
    height: 30px;
    margin: 0 2px;
    opacity: .6;
    padding-block-start: 2px;
    text-align: center;
    width: 25px
}

.user-verify__item.user-verify__item-verified {
    background-color: rgb(62 124 105);
    border-color: rgb(62 124 105);
    color: #fff;
    opacity: 1
}

.user-verify__item-phone {
    font-size: 18px
}

.creditcardContainer {
    overflow-x: auto;
    overflow-y: hidden;
    padding-block-end: 10px
}

.creditcard,
.creditcardContainer {
    display: -ms-flexbox;
    display: flex;
    margin-block-end: 10px
}

.creditcard {
    -ms-flex-pack: justify;
    -ms-flex-negative: 0;
    background-color: hsla(0, 0%, 95%, .31);
    border: 1.5px solid #d9d9d9;
    border-radius: 9px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .08);
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    height: 136px;
    justify-content: space-between;
    margin-inline-end: 10px;
    padding: 6px 10px 2px;
    position: relative;
    width: 250px
}

.creditcard.creditcard-active {
    background: #068571;
    background: linear-gradient(270deg, rgb(62 124 105) 30%, #374045 110%);
    color: #fff
}

.creditcard--footer,
.creditcard--header {
    -ms-flex-pack: justify;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.creditcard--footer {
    font-size: 12px
}

.creditcard--header__check {
    font-size: 11px
}

.creditcard--header__check .custom-control-label:after,
.creditcard--header__check .custom-control-label:before {
    inset-block-start: 0;
    inset-inline-end: -1.5rem;
    inset-inline-start: auto
}

.creditcard--header__check .custom-control {
    padding-inline-end: 1.5rem;
    padding-inline-start: 0
}

.creditcard--footer__delete {
    color: #e04141
}

.creditcard--footer__delete i {
    margin-inline-end: 5px
}

.creditcard--footer__delete:hover {
    color: #bc2e2e
}

.creditcard--footer__expired {
    background-color: #e04141;
    border-radius: 0 9px 0 9px;
    color: #fff;
    inset-block-end: -1px;
    inset-inline-end: -1px;
    padding: 1px 15px;
    position: absolute
}

.creditcard--body .form-control.error,
.creditcard--body .input-group-text.error {
    border: 2px solid #dc3545!important
}

.rc-anchor-normal {
    margin: 0 auto;
    width: 270px
}

.rc-anchor-normal .rc-anchor-content {
    width: 175px
}

.rc-anchor-normal .rc-anchor-pt {
    margin: 2px 0 0 45px
}

.rc-anchor-logo-portrait {
    margin: 10px 14px 0 0
}

.btnSkipToMainContent {
    border-radius: 0 0 15px 15px;
    font-size: 12px;
    inset-block-start: -40px;
    inset-inline-start: 50%;
    position: absolute;
    transform: translate(50%);
    transition: .3s;
    z-index: 99999999
}

.btnSkipToMainContent:focus {
    inset-block-start: 0;
    transition: .3s
}

@media(prefers-reduced-motion:reduce) {
    .btnSkipToMainContent {
        transition-duration: .001ms!important
    }
}

.wizard {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    list-style: none;
    margin: 0;
    padding: 15px
}

.wizard--item {
    align-items: center;
    display: flex;
    margin-block-end: 10px;
    position: relative;
    width: 50%
}

.wizard--item .wizard-item--count {
    background-color: #d9d9d9;
    border-radius: 50%;
    color: #6c757d;
    font-family: AdelleSansARA-Semibold;
    font-size: 20px;
    height: 34px;
    margin: 3px auto;
    padding-block-start: 3px;
    text-align: center;
    width: 34px
}

.wizard--item.active .wizard-item--count {
    background-color: rgb(62 124 105);
    color: #fff
}

.wizard--item.active .wizard-item--title {
    color: rgb(62 124 105)
}

.wizard--item.active .rounded-circle {
    border: 1px dashed rgb(62 124 105)
}

.wizard--item .wizard-item--title {
    color: #b6b6b6;
    font-family: AdelleSansARA-Semibold;
    font-size: 14px
}

.wizard--item .wizard-item--line {
    display: none
}

.wizard--item a:hover {
    text-decoration: none
}

.wizard--item:not(:last-child):after {
    background-color: #d9d9d9;
    content: "";
    height: 2px;
    inset-block-start: 25px;
    inset-inline-end: -15px;
    position: absolute;
    width: 40px
}

@media(max-width:767.98px) {
    .wizard--item {
        width: 33.3333333333%!important
    }
    .wizard--item:not(:last-child):after {
        inset-block-start: 21px;
        inset-inline-end: -9px;
        width: 18px
    }
    .wizard--item .wizard-item--count {
        font-size: 16px;
        height: 32px;
        margin: 4px auto;
        padding-block-start: 5px;
        width: 32px
    }
}

@media(min-width:768px) {
    .wizard {
        justify-content: space-between;
        padding: 30px 15px
    }
    .wizard--item {
        margin-block-end: 10px;
        width: 30%
    }
    .wizard--item .wizard-item--line {
        background-color: #d9d9d9;
        display: none;
        height: 1px;
        width: 20px
    }
}

@media(min-width:1200px) {
    .wizard--item .wizard-item--line {
        width: 40px
    }
}

@media(min-width:992px) {
    .wizard--item {
        margin-block-end: 0;
        width: 14.25%
    }
    .wizard--item .wizard-item--line {
        display: block
    }
}

.hr-dashed-custom {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23DDDDDDFF' stroke-width='4' stroke-dasharray='2, 8'/%3E%3C/svg%3E");
    height: 1px;
    width: 100%
}

.hr-dashed-custom-2 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23DDDDDDFF' stroke-width='2' stroke-dasharray='20' stroke-dashoffset='8'/%3E%3C/svg%3E");
    height: 1px;
    width: 100%
}

.padding-header {
    height: 100%;
    min-height: calc(100vh - 70px);
    /* padding-block-start: 130px; */
    width: 100%
}

.pwa {
    filter: opacity(0)!important;
    height: 0!important;
    opacity: 0!important;
    pointer-events: none!important;
    user-select: none!important;
    visibility: hidden!important
}

#emailLength {
    direction: ltr
}

.slide-in {
    animation: slideIn 1s forwards
}

.slide-out {
    animation: slideOut 1s forwards
}

.fade-item {
    opacity: 0
}

.fade-item.in {
    animation: fadeIn 1s forwards
}

@keyframes slideIn {
    0% {
        transform: translateX(-100%)
    }
}

@keyframes slideOut {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(-100%)
    }
}

@keyframes HideList {
    0% {
        transform: scaleY(1)
    }
    to {
        transform: scaleY(0)
    }
}

.text_decoration {
    text-decoration: underline
}

.mobile-shadow {
    box-shadow: none
}

.org-logo-wrapper {
    max-width: 190px;
    text-align: center;
    width: 190px
}

.org-logo-wrapper .snabel {
    inset-block-end: 0;
    inset-inline-start: -70px
}

#majorDonorsTabs .nav-link {
    background-color: #ededed
}

#majorDonorsTabs .nav-link.active {
    background-color: #f7f7f7
}

#majorDonorsTabs :not(.nav-item:last-child) .nav-link {
    margin-inline-end: .5rem
}

.searchWrapper {
    transition: width .2s ease;
    width: 50%
}

.searchWrapper.show {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .161);
    width: 100%
}

.searchWrapper.show .form-control {
    background-color: transparent;
    border-width: 0
}

.msg-warning {
    color: #aaa;
    gap: 20px
}

.color-blue-light {
    color: #00d0c0
}

.form-select[disabled=disabled] {
    background-image: none
}

i.fa.fa-phone.text-primary.mr-2 {
    transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg)
}

.forijat-details .card .donut-chart {
    height: 60px;
    position: relative;
    width: 60px
}

.forijat-details .card .donut-chart svg {
    background: #fff;
    border-radius: 50%;
    height: 100%;
    transform: rotate(-90deg);
    width: 100%
}

.forijat-details .card .donut-chart circle {
    fill: #fff;
    stroke: rgb(62 124 105);
    stroke-width: 32;
    stroke-dasharray: 70 100;
    transition: stroke-dasharray .5s ease
}

.forijat-details .card .donut-chart .donut-center {
    background: #fff;
    border-radius: 50%;
    color: rgb(62 124 105);
    height: 80%;
    inset-block-start: 50%;
    inset-inline-end: 50%;
    padding: 25% 0;
    position: absolute;
    text-align: center;
    transform: translate(-50%, -50%);
    width: 80%
}

.forijat-details .card h6 {
    color: rgb(62 124 105);
    font-size: 24px;
    font-weight: 600;
    line-height: 30px
}

.card-filter--btn_show img {
    inset-block-start: 11px;
    inset-inline-start: 20px;
    position: absolute
}

.card-filter--btn_hide img {
    inset-block-start: 13px;
    inset-inline-start: 10px;
    position: absolute
}

.mob-for-gift .select2-container {
    width: 45%!important
}

.card-tanfeeth .card-body .card-inner-top {
    background: rgb(62 124 105);
    background: linear-gradient(220deg, rgb(62 124 105), #374045);
    border-radius: 20px 20px 0 0;
    height: 202px;
    overflow: hidden;
    padding: 40px;
    position: relative
}

.dotes-grey li:before {
    color: #d9d9d9;
    content: "•";
    display: inline-block;
    font-weight: 700;
    margin-inline-start: -1em;
    width: 1em
}

.dropdown-toggle.btn-primary-green:after {
    color: #fff
}

.filters .btn-primary-green {
    box-shadow: 0 4px 8px 0 rgba(0, 106, 70, .3)
}

.form-switch .form-check-input {
    height: 25px;
    width: 50px
}

.dropdown-item:active {
    background-color: #d9d9d9;
    color: #374045!important;
    margin: 0!important
}

.sponsers-items img {
    max-height: 65px;
    max-width: 145px
}

.home-banner span {
    background: #e06641;
    border-radius: 0 0 10px 10px;
    color: #fff;
    inset-block-start: 0;
    inset-inline-start: 15px;
    line-height: 1.2;
    padding: 0 20px 4px;
    position: absolute
}

.round-checkbox .round-check:after {
    inset-block-start: 6px;
    inset-inline-end: 4px
}

.form-check.without-icon {
    inset-inline-end: 20px
}

.custom-control-primary-green .custom-control-input:focus:not(:checked)~.custom-control-label:before {
    border-color: rgba(13, 143, 117, .5)
}

.custom-control-primary-green .custom-control-input:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(13, 143, 117, .2)
}

.custom-control-primary-green .custom-control-input:not(:disabled):active~.custom-control-label:before {
    background-color: rgba(13, 143, 117, .5);
    border-color: rgba(13, 143, 117, .5);
    color: #fff
}

.custom-control-primary-blue .custom-control-input:focus:not(:checked)~.custom-control-label:before {
    border-color: rgba(33, 69, 112, .5)
}

.custom-control-primary-blue .custom-control-input:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(33, 69, 112, .2)
}

.custom-control-primary-blue .custom-control-input:checked~.custom-control-label:before {
    background-color: #374045;
    border-color: #374045;
    color: #fff
}

.custom-control-primary-blue .custom-control-input:not(:disabled):active~.custom-control-label:before {
    background-color: rgba(33, 69, 112, .5);
    border-color: rgba(33, 69, 112, .5);
    color: #fff
}

.custom-control-danger .custom-control-input:focus:not(:checked)~.custom-control-label:before {
    border-color: rgba(220, 53, 69, .5)
}

.custom-control-danger .custom-control-input:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .2)
}

.custom-control-danger .custom-control-input:checked~.custom-control-label:before {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff
}

.custom-control-danger .custom-control-input:not(:disabled):active~.custom-control-label:before {
    background-color: rgba(220, 53, 69, .5);
    border-color: rgba(220, 53, 69, .5);
    color: #fff
}

.table-bg-on-first-col tbody th:first-child {
    position: relative;
    text-align: center
}

.table-bg-on-first-col tbody th:first-child:after {
    background: rgba(78, 78, 78, .1);
    content: "";
    height: 30px;
    inset-block-start: 10px;
    inset-inline-end: 7px;
    position: absolute;
    width: 1px
}

.table-border-left-on-first-col tbody th:first-child {
    min-width: 50px;
    position: relative;
    text-align: center
}

.table-border-left-on-first-col tbody th:first-child:after {
    background-color: #707070;
    content: "";
    height: 30px;
    inset-block-start: 10px;
    inset-inline-end: 7px;
    position: absolute;
    width: 1px
}

.table-white-rows tbody tr {
    background-color: #fff
}

.table-light-rows tbody tr {
    background-color: #f7f7f7
}

.badge-danger .adahi-status-number {
    color: #dc3545
}

.badge-warning .adahi-status-number {
    color: #ffc107
}

.table-roundedtable-rounded-10 th:first-child {
    border-radius: 0 10px 10px 0
}

.zakkah-details .card {
    padding: 20px 20px 30px
}

.zakkah-details .card .title {
    color: #1b4f5f;
    font-size: 14px;
    margin: 0
}

.zakkah-details .card .amount-wrapper {
    display: flex;
    font-size: 18px;
    justify-content: space-between
}

.zakat-details label {
    color: #545353;
    font-size: 14px
}

.social-icons .twitter {
    margin-inline-end: 17px
}

.form-group.required .col-form-label:after {
    color: #06b085;
    content: "*"
}

.form-check-input-square .form-check-label {
    color: #6c757d;
    cursor: pointer;
    display: inline-block;
    font-family: AdelleSansARA-Semibold;
    margin-block-end: 0;
    position: relative;
    vertical-align: top
}

.custom-checkbox.custom-checkbox-circle .custom-control-label:before {
    border-radius: 50%!important
}

.title-only-modal .modal-title {
    max-width: 300px
}

.hr-after-word:after {
    background-color: #c3c3c3;
    content: "";
    height: 2px;
    inset-block-start: 12px;
    inset-inline-end: -210px;
    position: absolute;
    width: 200px
}

.form-control[readonly]~.input-group-text {
    background-color: #e9ecef!important
}

.range-output .output {
    display: block;
    font-size: 14px
}

#donorModal .modal-body {
    background-position: top -190px left -26px;
    background-repeat: no-repeat
}

div[class*=card-donors-] img {
    width: 65px
}

.card-donors-platinum .table-border-left-on-first-col tbody th:first-child {
    color: #8b8b8b
}

.card-donors-platinum .table-border-left-on-first-col tbody th:first-child:after {
    background-color: #8b8b8b
}

.card-donors-diamond .table-border-left-on-first-col tbody th:first-child {
    color: #96baca
}

.card-donors-diamond .table-border-left-on-first-col tbody th:first-child:after {
    background-color: #96baca
}

.card-donors-gold .table-border-left-on-first-col tbody th:first-child {
    color: #dbc47b
}

.card-donors-gold .table-border-left-on-first-col tbody th:first-child:after {
    background-color: #dbc47b
}

.card-donors-silver .table-border-left-on-first-col tbody th:first-child {
    color: #8b8b8b
}

.card-donors-silver .table-border-left-on-first-col tbody th:first-child:after {
    background-color: #8b8b8b
}

.card-donors-bronze .table-border-left-on-first-col tbody th:first-child {
    color: #d8a97d
}

.card-donors-bronze .table-border-left-on-first-col tbody th:first-child:after {
    background-color: #d8a97d
}

.custom-card-header>.header,
.custom-card-header>.replaced-link {
    display: block!important;
    flex: 1;
    outline: none!important;
    width: 80%
}

.rb-primary-green.custom-control-input:checked~.custom-control-label:before {
    background-color: rgb(62 124 105);
    border-color: rgb(62 124 105)
}

.switch-primary-green .custom-control-input:checked~.custom-control-label:before {
    background-color: rgb(62 124 105);
    border-color: rgb(62 124 105);
    color: #fff
}

.telecom-logos img {
    margin-inline-end: 20px;
    width: 20px
}

.telecom-logos img:nth-child(2) {
    width: 16px
}

.sms-donation-page .card .card .card-body {
    height: 250px
}

.gheras-mobile>div {
    align-items: center;
    border-block-start: 1px solid #e3e9ed;
    color: #374045;
    display: flex;
    font-family: AdelleSansARA-Semibold;
    font-size: 20px;
    padding: 15px 30px
}

.hover-shadow:hover {
    box-shadow: 0 1.3px 11px rgba(0, 0, 0, .27)!important;
    transition: all .6s
}

#unique-donation-tabs.nav-pills .nav-link {
    background-color: #f7f7f7;
    border-radius: 16px 16px 0 0;
    color: #9aa0a5;
    font-family: AdelleSansARA-Semibold;
    height: 100%;
    padding: .5rem 3rem;
    position: relative
}

#unique-donation-tabs.nav-pills .nav-link.active {
    background-color: #ededed;
    color: #374045;
    overflow-x: hidden
}

#unique-donation-tabs.nav-pills .nav-link.active img {
    display: inline-block
}

#unique-donation-tabs.nav-pills .nav-link.active:before {
    background: #374045;
    content: "";
    height: 5px;
    inset-block-start: 0;
    inset-inline-start: 0;
    position: absolute;
    width: 100%
}

#unique-donation-tabs.nav-pills .nav-link img {
    display: none;
    width: 25px
}

#unique-donation-tabs.nav-pills .show>.nav-link {
    background-color: #ededed;
    color: #374045;
    overflow-x: hidden
}

.custom-tabs.nav-pills .nav-link {
    background-color: #f7f7f7;
    border-radius: 16px 16px 0 0;
    color: #9aa0a5;
    font-family: AdelleSansARA-Semibold;
    height: 100%;
    padding: .5rem 3rem;
    position: relative
}

.custom-tabs.nav-pills .nav-link.active {
    background-color: #ededed;
    color: rgb(62 124 105);
    overflow-x: hidden
}

.custom-tabs.nav-pills .nav-link.active:before {
    background: rgb(62 124 105);
    content: "";
    height: 5px;
    inset-block-start: 0;
    inset-inline-start: 0;
    position: absolute;
    width: 100%
}

.custom-tabs.nav-pills .show>.nav-link {
    background-color: #ededed;
    color: rgb(62 124 105);
    overflow-x: hidden
}

.card-radio .form-check-input[type=radio] {
    height: 18px;
    margin: 0;
    width: 18px
}

.creditcard-active .creditcard--footer__delete {
    color: #fff
}

.creditcard--header__brand img {
    width: 44px
}

.savedCard-cvv+.error {
    display: none!important
}

.rc-inline-block+.rc-inline-block {
    width: 120px
}

.g-recaptcha>div {
    margin: 0 auto
}

#qd-pre-amounts .btn {
    color: var(--title-color);
}

#qd-pre-amounts .btn small {
    color: var(--title-color);
}

#qd-pre-amounts .btn:active,
#qd-pre-amounts .btn:focus {
    border-color: var(--background-color);;
    border-width: 2px!important
}

#PaymentTabs.nav-tabs .nav-link {
    background: #f7f7f7;
    border: none;
    border-block-start: 4px solid #dfe1e5;
    border-radius: 0;
    border-start-end-radius: 3px;
    border-start-start-radius: 3px;
    box-shadow: inset -2px -2px 8px rgba(0, 0, 0, .1);
    color: #6c757d;
    font-family: AdelleSansARA-Semibold;
    text-align: center
}

#PaymentTabs.nav-tabs .nav-link.active {
    background: #fff;
    border-color: rgb(62 124 105);
    box-shadow: none;
    color: rgb(62 124 105)
}

.tysarat-btns {
    border-start-end-radius: 70px;
    border-start-start-radius: 70px;
    margin-block-start: -100px!important;
    padding-block-end: 30px;
    padding-block-start: 24px;
    width: fit-content
}

@media(max-width:768px) {
    .tysarat-btns {
        border-start-end-radius: 20px;
        border-start-start-radius: 20px;
        padding-block-start: 10px
    }
}

.tysarat-btns .elec-btn,
.tysarat-btns .tan-btn {
    background: url(../images/btn-bg.png);
    background-position: -22px 10px;
    background-repeat: no-repeat;
    background-size: 55px;
    border: 1px solid #b0b5be;
    line-height: 26px;
    min-width: 90px;
    padding-block-start: 10px
}

.tysarat-btns .btn.active,
.tysarat-btns .btn:hover,
.tysarat-btns .elec-btn:hover,
.tysarat-btns.electracity .elec-btn {
    background-color: #355883!important;
    color: #fff
}

.donations-record-btns .btn.active,
.donations-record-btns .btn:hover,
.tysarat-btns .tan-btn:hover,
.tysarat-btns.tanfeeth .tan-btn {
    background-color: var(--background-color);;
    color: #fff
}

.donations-record-btns {
    border-start-end-radius: 26px;
    border-start-start-radius: 26px;
    padding-block-end: 11px;
    padding-block-start: 15px;
    width: fit-content
}

@media(max-width:768px) {
    .donations-record-btns {
        border-start-end-radius: 20px;
        border-start-start-radius: 20px;
        padding-block-start: 10px
    }
}

.donations-record-btns .tan-btn {
    background: none;
    background-position: -22px 10px;
    background-repeat: no-repeat;
    background-size: 55px;
    border: 1px solid #b0b5be;
    min-width: 90px;
    padding-block-start: 10px
}

@media(max-width:767px) {
    .badge-new:after {
        font-size: 10px!important;
        line-height: 7px!important;
        padding: 0 5px 1px!important
    }
    .tysarat-btns .elec-btn,
    .tysarat-btns .tan-btn {
        line-height: 22px!important
    }
}

.top-55 {
    inset-block-start: 55px;
    z-index: 1
}

.mt-100px {
    margin-block-start: 100px
}

.circle-after:after {
    background-color: red;
    content: "";
    height: 60px;
    width: 60px
}

.medals-list {
    position: relative
}

.medals-list__item {
    align-items: center;
    display: flex;
    margin-block-end: 20px;
    position: relative;
    z-index: 2
}

.medals-list__vertical-line {
    background-color: #efefef;
    height: 94%;
    inset-block-start: 30px;
    inset-inline-start: 20px;
    position: absolute;
    width: 10px;
    z-index: 1
}

.medals-list__item__desc__badge {
    display: none
}

.medals-list__item--active .medals-list__item__desc {
    background: #21446f;
    background: linear-gradient(90deg, rgba(56, 94, 141, .2), #fff);
    border-end-end-radius: 15px;
    border-start-end-radius: 15px
}

.medals-list__item--active .medals-list__item__desc__badge {
    display: inline
}

.medals-list__item__desc {
    color: #374045;
    flex: 1 1 auto;
    padding: 1.5rem
}

.medals-list__item__img {
    width: 50px
}

@media(min-width:576px) {
    .card-campaign-empty {
        height: 175px;
        width: 270px
    }
    .modal-md {
        max-width: 400px
    }
    .about-page>section:first-child {
        padding: 120px 0
    }
    .about-features:after {
        background-position: right -240px bottom 0
    }
}

@media(min-width:768px) {
    .bg-md-light {
        background-color: #f7f7f7!important
    }
    .banner-ghiras-ambassadors {
        background-image: url(../images/ghiras-ambassadors.jpg);
        height: 160px
    }
    .banner-major-doners {
        background-image: url(../images/major-donors.jpg);
        height: 160px
    }
    .banner-sms-donation {
        background-image: url(../images/sms-donation.jpg);
        height: 337px
    }
    .campaign-card-header {
        background: url(../images/flowers.svg) no-repeat left 150px bottom -60px, url(../images/flowers.svg) no-repeat right -40px top -30px
    }
    .creditcardContainer {
        flex-wrap: wrap
    }
    .card-filter {
        box-shadow: 0 1px 11px rgba(0, 0, 0, .16)
    }
    .gheras .steps img {
        max-width: 500px
    }
    .gheras .steps p {
        max-width: 380px
    }
    .gheras .steps h4 {
        max-width: 400px
    }
    .gheras .line-with-words .title {
        max-width: 300px;
        min-width: auto;
        padding: 0
    }
    .DonationCasesLabel {
        display: none
    }
    .login input::-webkit-input-placeholder {
        color: rgb(62 124 105);
        opacity: 1
    }
    .login input:-moz-placeholder {
        color: rgb(62 124 105);
        opacity: 1
    }
    .login input:-ms-input-placeholder {
        color: rgb(62 124 105);
        opacity: 1
    }
    .about-main {
        background-image: url(../images/white-plant-vector-lg.svg), url(../images/green-overlay.svg), url(../images/plant-bg.jpg);
        background-position: -110px 0, 0 0, 0 0
    }
    .about-main h1 {
        font-size: 3rem
    }
    .about-main p {
        font-size: 20px
    }
    .about-page.padding-header {
        padding-block-start: 130px
    }
    .about-page>section .section-title:before {
        inset-inline-start: 50%;
        transform: translate(50%, 50%);
        width: 30%
    }
    .about-vision {
        background-image: url(../images/bg-lg.svg);
        background-position: right -350px bottom -250px
    }
    .about-vision .about-vision-icon .dashed-circle,
    .about-vision .about-vision-icon .dashed-line,
    .about-vision .about-vision-icon .dashed-line-2 {
        display: none
    }
    .about-vision .about-vision-icon .vector-icon {
        width: 140px
    }
    .about-vision .row .col-12:nth-child(3) .about-vision-icon+p {
        margin-block-start: 25px
    }
    .about-goals-box {
        margin-block-end: 35px
    }
    .about-goals-box h5 {
        font-size: 22px
    }
    .about-goals-box p {
        font-size: 16px;
        max-width: 200px
    }
    .about-features .card {
        height: 100%
    }
    .about-features .card .feature-title:before {
        inset-block-start: -50px;
        inset-inline-start: 50%;
        transform: translate(50%, 50%)
    }
    .about-features .card .feature-title {
        background-position: 88px -5px
    }
    .about-features:after {
        background-image: url(../images/bg-lg-green.svg);
        background-position: right -200px bottom 0;
        background-size: 500px;
        height: 700px;
        inset-block-end: -55px;
        inset-inline-start: 0
    }
    .about-vision-icon.arrow-lg-1:after {
        background-image: url(../images/left-arrow-up.svg);
        inset-block-start: 40px
    }
    .about-vision-icon.arrow-lg-1:after,
    .about-vision-icon.arrow-lg-2:after {
        background-repeat: no-repeat;
        background-size: 100px;
        content: "";
        height: 50px;
        inset-inline-end: -100px;
        position: absolute;
        width: 200px
    }
    .about-vision-icon.arrow-lg-2:after {
        background-image: url(../images/left-arrow-down.svg);
        inset-block-start: 70px
    }
    .donation-key-circle {
        height: 80px;
        justify-content: center;
        width: 80px
    }
    .donation-key-circle img {
        width: 50px
    }
    .table-bg-on-first-col tbody th:first-child {
        /* background-image: url('../images/ghiras-table-badge-new.svg'); */
        background-position: center right 5px;
        background-repeat: no-repeat;
        background-size: 24px;
        position: relative;
        width: 100px
    }
    .telecom-logos img {
        margin-inline-end: 20px;
        width: 30px
    }
    .telecom-logos img:nth-child(2) {
        width: 22px
    }
    .sms-donation-page .card {
        border: 0!important
    }
    .sms-donation-page .card .card .card-body {
        height: 350px
    }
    .opaque .navbar-brand {
        height: 115px;
        padding-block-end: 20px;
        width: 121px
    }
    .opaque .navbar-brand img {
        height: 90px
    }
    .gifts-left-bg:after {
        background-image: url(../images/gift-left-bg.svg);
        background-repeat: no-repeat;
        content: "";
        height: 495px;
        inset-block-end: 8px;
        inset-inline-end: -113px;
        position: absolute;
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        width: 200px;
        z-index: -1
    }
    .card-filter--body .select2-container:nth-of-type(3n+0) {
        margin-inline-end: 0!important
    }
    footer.footer-large .content-4 {
        font-size: 14px
    }
    .line-with-words .title {
        font-size: 28px;
        font-weight: 600;
        min-width: max-content
    }
    .about-goals:after {
        background-image: url(../images/bg-lg.svg);
        background-size: 200px;
        height: 1112px;
        inset-block-start: -200px
    }
    .navbar .container {
        padding-inline-start: 160px
    }
}

@media(min-width:768px)and (max-width:991px) {
    .sms-donation__title {
        margin-block-start: -120px
    }
    .container-md {
        max-width: 100%;
        padding-inline-end: 25px;
        padding-inline-start: 25px;
        width: 100%
    }
}

@media(min-width:768px)and (max-width:1199px) {
    .share-modal .modal-content {
        transform: scale(.7)
    }
}

@media(min-width:992px) {
    .border-lg-left {
        border-inline-end: 2px dotted #d9d9d9
    }
    .wizard--item {
        margin-block-end: 0;
        width: 33%
    }
    .wizard--item .wizard-item--line {
        display: block
    }
    .about-main {
        min-height: 880px
    }
    .about-main .about-main-logos img {
        height: 80px
    }
    .about-features:before {
        background-image: url(../images/bg-lg-white.svg);
        background-position: left -740px bottom 0;
        background-repeat: no-repeat;
        background-size: 1300px;
        content: "";
        height: 1505px;
        inset-block-end: -1000px;
        inset-inline-end: 0;
        position: absolute;
        width: 200px;
        z-index: 1
    }
    .about-features .card .feature-title {
        background-position: 63% -5px
    }
    .about-vision-icon.arrow-lg-1:after,
    .about-vision-icon.arrow-lg-2:after {
        background-size: 160px;
        inset-inline-end: -175px
    }
    .custom-tooltip+.custom-tooltip__text {
        inset-block-end: 30px;
        inset-inline-start: 100px;
        width: 280px
    }
    .campaign-stats .card {
        padding-inline-start: 7rem
    }
    .ghiras-banner .home-banner--bottom:before {
        background-image: url(../images/ghiras-banner.svg);
        background-position: left 0 bottom -15px;
        content: "";
        height: 100%;
        inset-inline-start: 0;
        position: absolute;
        width: 100%
    }
    .about-page>section {
        padding: 80px 20px
    }
    .opaque li.seperator {
        height: 34px;
        margin-block-end: 6px
    }
    .nav-link.nav-link-txt {
        padding-inline-end: 30px
    }
}

@media(min-width:1200px) {
    .about-features:after {
        background-position: right -300px bottom 0;
        background-size: 650px;
        height: 700px;
        inset-block-end: -55px;
        inset-inline-start: 0
    }
    .about-features .card .feature-title {
        background-position: 60% -5px
    }
    .about-vision-icon.arrow-lg-1:after,
    .about-vision-icon.arrow-lg-2:after {
        background-size: auto;
        inset-inline-end: -210px
    }
    .wizard--item .wizard-item--line {
        width: 190px
    }
    .campaign-stats .card {
        padding-inline-start: 10rem
    }
    #amountRadioBtns:nth-child(4),
    .amountRadioBtns:nth-child(4) {
        margin-inline-end: 1rem;
        margin-inline-start: 1rem
    }
}

@media(max-width:1199px) {
    .footer-large .content-3,
    .footer-large .content-4 {
        padding: 8px 0
    }
    .payment-details .creditCardForm .heading {
        margin-block-end: 15px
    }
    .payment-details .creditCardForm .already-member {
        font-size: 12px;
        margin-block-end: 15px
    }
    .payment-details .creditCardForm input {
        font-size: 13px;
        padding: 5px
    }
    .payment-details .creditCardForm .expiry-dates {
        max-width: 50%
    }
    .payment-details .creditCardForm .cvv {
        width: 130px
    }
    .payment-details .creditCardForm .custom-checkbox-round .custom-control-label {
        margin-block-end: 10px
    }
    .payment-details .bg-gradient {
        font-size: 16px
    }
    .creditCardForm .heading {
        margin-block-end: 15px
    }
    .creditCardForm .already-member {
        font-size: 12px;
        margin-block-end: 15px
    }
    .creditCardForm input {
        font-size: 13px;
        padding: 7px 5px
    }
    .creditCardForm .expiry-dates {
        max-width: 50%
    }
    .creditCardForm .custom-checkbox-round .custom-control-label {
        margin-block-end: 10px
    }
    .Payment-details-page .card-icon {
        height: 30px;
        inset-block-start: 0;
        inset-inline-end: 0
    }
    .Payment-details-page .amount-details .title {
        font-size: 20px;
        margin-block-end: 28px
    }
    .Payment-details-page .amount-details .amount {
        font-size: 20px;
        margin: 25px 0
    }
    .Payment-details-page .amount-details .user-details {
        font-size: 16px;
        margin: 25px 0 32px
    }
    .Payment-details-page .amount-details .user-details>div:first-of-type {
        margin-block-end: 25px
    }
    .fixed-side-menu .card-icon {
        height: 28.6px
    }
    .fixed-side-menu .payment-info-box {
        padding: 5px 15px;
        width: auto
    }
    .all-projects .section-bg {
        height: 105%
    }
    .rangeslider1.varient-2 .rangeslider-thumb {
        font-size: 10px;
        height: 15px;
        line-height: 17px;
        width: 29px
    }
}

@media(max-width:991px) {
    .sms-donation-bg__hand {
        inset-block-end: -50px;
        width: 500px
    }
    .ghiras-page-bg {
        inset-block-start: -160px
    }
    .cards-wrapper {
        justify-content: center
    }
    .all-projects .filters a {
        margin: 5px 0;
        margin-inline-end: 5px
    }
    .campaign-stats .card {
        padding-inline-start: 2rem
    }
    .sponsers-items img {
        margin-block-end: 25px;
        margin-inline-end: 15px;
        max-height: 70px;
        width: 115px
    }
    footer.footer-large .links {
        width: 100%
    }
    .donation-links .avatar-wrapper {
        flex-direction: column
    }
    .donation-links .avatar-wrapper .avatar-icon {
        height: 100px;
        width: 100px
    }
    .donation-links .avatar-wrapper h3 {
        font-size: 38px;
        font-weight: 600
    }
    .shared-links .avatar-wrapper {
        flex-direction: column
    }
    .shared-links .avatar-wrapper .avatar-icon {
        height: 100px;
        width: 100px
    }
    .shared-links .avatar-wrapper h3 {
        font-size: 38px;
        font-weight: 600;
        text-align: center
    }
}

@media(max-width:767px) {
    .medals-list__item__desc {
        padding: 1.5rem 1.1rem
    }
    .all-projects .tysarat-title-wrapper {
        border-inline-start: 8px solid rgb(62 124 105)
    }
    .all-projects .filters .has-menu>.btn,
    .all-projects .filters>.btn {
        font-size: 14px;
        height: 38px;
        line-height: 21px;
        margin: 5px 0;
        margin-inline-end: 5px;
        min-width: 114px
    }
    .all-projects .section-bg {
        height: 103%
    }
    .electracity-filter-btn {
        border-radius: 10px!important
    }
    .org-logo-wrapper {
        max-width: 160px;
        text-align: center;
        width: 160px
    }
    .org-logo-wrapper .snabel {
        inset-inline-start: -30px
    }
    .user-avatar {
        inset-block-start: -20px;
        inset-inline-start: 50%;
        position: absolute;
        transform: translate(60%)
    }
    .ghiras-page-bg {
        inset-block-start: -110px;
        inset-inline-end: -20px;
        width: 220px
    }
    .shadow-none-sm {
        box-shadow: none!important
    }
    .page-link {
        padding: .5rem .2rem
    }
    .card-header-ghiras-bg {
        inset-inline-end: -100px
    }
    .btnSkipToMainContent {
        inset-block-start: -100px;
        z-index: -999
    }
    .user-sidebar--menu {
        display: -ms-flexbox!important;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .user-sidebar--menu li {
        background-color: #fff!important;
        border-radius: 10px;
        box-shadow: 0 1px 4px 0 rgba(77, 77, 77, .1)!important;
        margin-block-end: 10px;
        text-align: center;
        width: 49%
    }
    .user-sidebar--menu li a {
        border-radius: 10px
    }
    .user-sidebar--menu__option {
        color: rgb(62 124 105);
        justify-content: center
    }
    .user-sidebar--menu__option:hover {
        background-color: #fff;
        box-shadow: none;
        color: #707070
    }
    .user-sidebar--menu__option.menu-option-active {
        background-color: rgb(62 124 105);
        color: #fff
    }
    .user-sidebar--menu__option.menu-option-active img {
        filter: brightness(0) invert(1)
    }
    .rangeslider3 .rangeslider-thumb {
        min-width: 35px
    }
    .rangeslider3 .range-output .output {
        font-size: 14px
    }
    #referenceId {
        color: #000
    }
    .table-rounded.table-head-light-grey thead th:nth-child(2),
    .table-rounded.table-head-white thead th:nth-child(2) {
        background-position: 0 100%;
        background-size: 80px
    }
    .sms-donation__title {
        max-width: 100%
    }
    .close {
        font-size: 30px
    }
    .fixed-side-menu {
        inset-block-start: 110px
        /* inset-block-start: 80px */
    }
    .subBtns form {
        width: 50%
    }
    .subBtns button {
        width: 95%
    }
    .login i {
        background: #fff;
        margin-block-end: 0!important
    }
    .login .txt-dark-green {
        color: #ffe082
    }
    .withScrollContent {
        margin-block-start: 20px
    }
    .withScrollContent .d-flex {
        display: block!important
    }
    .withScrollContent .card .d-flex>div:not(.HideMobile) {
        align-items: center;
        display: flex;
        margin-block-end: 9px;
        width: 100%!important
    }
    .HideMobile {
        display: none
    }
    .showInMobile {
        display: block
    }
    .HomeCards h6 {
        background: rgb(62 124 105);
        color: #fff;
        padding: 10px;
        text-align: center
    }
    .HomeCards form {
        margin: 5px 20px 0
    }
    .share-modal .modal-head {
        margin-block-end: 30px
    }
    .share-modal .modal-head h6 {
        font-size: 18px
    }
    .share-modal .link-label .text {
        font-size: 15px
    }
    .share-modal .share-link .btn-primary-green {
        font-size: 15px;
        padding: 7px 13px
    }
    .share-modal .social-icons .btn>div {
        height: 44px;
        width: 44px
    }
    .gifts .card {
        padding: 30px 0
    }
    .gifts .card img {
        width: 200px
    }
    .gifts .card .title {
        font-size: 20px;
        margin-block-end: 20px
    }
    .gifts .card .description {
        font-size: 14px
    }
    .gifts .card .number {
        font-size: 20px;
        height: 50px;
        padding: 10px 0;
        width: 50px
    }
    .gifts .gift-action {
        font-size: 17px;
        font-weight: 600;
        margin: -7px auto 60px;
        padding: 10px 50px
    }
    .gifts .title.label {
        font-size: 18px
    }
    .padding-header {
        background: transparent url(../images/header-img.svg) left top 55px no-repeat;
        background-size: 700px;
        min-height: calc(100vh - 91px);
        padding-block-start: 50px
    }
    #showFilter {
        width: 100%
    }
    #showFilter img {
        inset-inline-start: 6px
    }
    .user-control-options-wrapper {
        display: block
    }
    .btn-sm-block {
        display: block;
        width: 100%
    }
    .table.table-compact-on-mobile td,
    .table.table-compact-on-mobile th {
        padding: .75rem .35rem
    }
    .table-bg-on-first-col tbody th:first-child:after {
        inset-inline-end: 1px
    }
    .hr-after-word:after {
        inset-inline-end: -110px;
        width: 100px
    }
    .adahi-page .accordion .card-header {
        background-position: bottom;
        background-size: 130px
    }
    #unique-donation-tabs.nav-pills .nav-link {
        font-size: 14px;
        padding: .5rem .9rem
    }
    #unique-donation-tabs.nav-pills .nav-link img {
        width: 18px
    }
    .verification-inputs input {
        height: 33px;
        width: 33px
    }
    .card-filter--body .select2-container {
        flex: none;
        margin-inline-end: 0;
        width: 49%!important
    }
    span.DonationCasesLabel {
        color: #06b085;
        font-weight: 600;
        margin-inline-end: 11px
    }
    .MobileBtn a {
        font-size: 18px;
        padding: 10px;
        width: 100%
    }
    .payment-methods img {
        max-width: 63px
    }
    #cart .badge {
        inset-block-start: -7px;
        inset-inline-start: -5px
    }
}

footer .faq-link {
    margin-inline-end: 64px
}

@media(max-width:575px) {
    .org-logo-wrapper {
        min-width: 130px;
        width: 130px
    }
    .width-sm-100 {
        width: 88px
    }
    .case-name {
        min-height: 40px!important
    }
    .case-name .item-name {
        font-size: 17px
    }
    .mobile-shadow {
        border: 0!important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, .122)!important
    }
    .mobile-profile-actions {
        display: block
    }
    .payment-details .cards-logo {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
    .payment-details .cards-logo img {
        margin-block-start: 10px
    }
    .payment-details form input.error {
        border: 1px solid #f25e09
    }
    .footer-large .content-3 {
        padding: 14px 0
    }
    .footer-large .content-3 .d-flex {
        flex-direction: column
    }
    .footer-large .content-3 .nav {
        margin-block-end: 10px
    }
    .footer-large .content-4 {
        padding: 12px 0
    }
    footer .faq-link {
        margin-block-end: 8px;
        margin-inline-end: 0
    }
    footer.footer-large .links {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: space-around
    }
    .breadcrumb.breadcrumb-onslider {
        inset-inline-start: 45px
    }
    .card-filter--body .select2-container {
        margin-inline-end: 0;
        width: 100%!important
    }
    .donation-links .avatar-wrapper .avatar-icon,
    .shared-links .avatar-wrapper .avatar-icon {
        height: 120px;
        width: 120px
    }
    .avatar-icon svg {
        margin: 0 auto
    }
    .cart .card.total-amount .btn-primary-blue {
        margin: auto
    }
    .Payment-details-page .payment-info .payment-sum .amount {
        font-size: 32px;
        margin: 0 5px
    }
    .Payment-details-page .payment-info .payment-sum .unit {
        font-size: 22px
    }
    .Payment-details-page .payment-info .payment-sum .title {
        font-size: 18px
    }
    .Payment-details-page .payment-info .cart-items {
        padding: 15px 0 10px
    }
}

@media(max-width:320px) {
    .sms-donation-bg__hand {
        inset-block-end: 0;
        width: 190px
    }
    #unique-donation-tabs.nav-pills .nav-link {
        padding: .5rem
    }
    .campaign-stats .card {
        padding-inline-start: 3rem
    }
}

.housing-cards .btn.addToCart {
    aspect-ratio: 1;
    border-radius: 50%;
    display: grid;
    height: 35px;
    place-content: center
}

.already-donate {
    display: none
}

.added-to-cart .already-donate {
    display: flex!important
}

.added-to-cart .addToCart,
.added-to-cart .donate-now,
.added-to-cart .price-details:not(.d-flex) {
    display: none!important
}

.font-weight-semibold {
    font-family: AdelleSansARA-Semibold
}

.skeleton-box {
    background-color: #efefef;
    display: inline-block;
    height: 1em;
    overflow: hidden;
    position: relative
}

.skeleton-box:after {
    animation: shimmer 1s infinite;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .2) 20%, hsla(0, 0%, 100%, .5) 60%, hsla(0, 0%, 100%, 0));
    content: "";
    inset: 0;
    position: absolute;
    transform: translateX(-100%)
}

@keyframes shimmer {
    to {
        transform: translateX(100%)
    }
}

.calcAmount[readonly],
.cart-amount-input[readonly] {
    background-color: #f7f7f7
}

:root {
    --mp-result-border-radius: 10px
}

.bs-popover-start>.popover-arrow {
    block-size: 1rem;
    inline-size: .5rem;
    inset-inline-start: 100%
}

.bs-popover-start>.popover-arrow:after {
    border-inline-start-color: #fff;
    border-width: .5rem .5rem .5rem 0;
    inset-inline-start: -1px
}

.bs-popover-start>.popover-arrow:before {
    border-inline-start-color: #d9d9d9;
    border-width: .5rem .5rem .5rem 0;
    inset-inline-end: 0
}

header .navbar-nav .dropdown-item.selected-menu-item {
    background-color: var(--bs-dropdown-link-hover-bg)
}

header .nav-item.active .nav-link:before,
header .nav-item.selected-menu-item-wrapper .nav-link:before {
    inset-block-end: -12px;
    opacity: 1;
    visibility: visible
}

header.opaque .nav-item.active .nav-link:before,
header.opaque .nav-item.selected-menu-item-wrapper .nav-link:before {
    inset-block-end: -4px;
    opacity: 1;
    visibility: visible
}

@media screen and (orientation:landscape) {
    .offcanvas.offcanvas-start.w-75 {
        width: 50%!important
    }
}

.subsidy-card-cotrols .d-flex {
    display: flex!important
}

.apple-pay-button {
    -apple-pay-button-type: donate;
    -webkit-appearance: -apple-pay-button;
    display: inline-block;
    width: 100%
}

.apple-pay-button-black {
    -apple-pay-button-style: #000
}

.apple-pay-button-white {
    -apple-pay-button-style: #fff
}

.apple-pay-button-white-with-line {
    -apple-pay-button-style: white-outline
}

.loading-circles {
    --duration: 1s;
    --num-dot: 10;
    --color-dot: $color_primary;
    --box-color: #323232;
    font-size: 100px
}

.loading-circles>* {
    left: 50px;
    position: absolute;
    top: 50px;
    transform: rotate(calc(1turn/var(--num-dot)*var(--index)))
}

.loading-circles>:before {
    animation: scaleTo1 var(--duration) ease-in-out calc(var(--duration)/var(--num-dot)*var(--index)) infinite reverse;
    background-color: rgb(62 124 105);
    border-radius: 50%;
    content: "";
    height: 10px;
    left: 1px;
    position: absolute;
    top: 18px;
    transform: scale(0);
    width: 10px
}

@keyframes scaleTo1 {
    0% {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

.loading-circles {
    aspect-ratio: 1;
    position: relative;
    width: 100px
}

.loading-circles:before {
    background-color: #f7f7f7;
    border-radius: 50%;
    bottom: 1px;
    content: "";
    left: 1px;
    position: absolute;
    right: 1px;
    top: 1px
}