*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::-webkit-backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 576px) {
    .container {
        max-width:576px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:768px
    }
}

@media (min-width: 992px) {
    .container {
        max-width:992px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1200px
    }
}

@media (min-width: 1400px) {
    .container {
        max-width:1400px
    }
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.static {
    position: static !important
}

.absolute {
    position: absolute !important
}

.relative {
    position: relative !important
}

.bottom-0 {
    bottom: 0px !important
}

.end-5 {
    left: 1.25rem !important
}

.left-0 {
    right: 0px !important
}

.left-4 {
    right: 1rem !important
}

.left-\[-2px\] {
    right: -2px !important
}

.left-auto {
    right: auto !important
}

.right-0 {
    left: 0px !important
}

.right-auto {
    left: auto !important
}

.start-5 {
    right: 1.25rem !important
}

.top-2 {
    top: 0.5rem !important
}

.top-20 {
    top: 5rem !important
}

.top-\[-2px\] {
    top: -2px !important
}

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

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

.order-10 {
    order: 10 !important
}

.order-11 {
    order: 11 !important
}

.m-0 {
    margin: 0px !important
}

.m-1 {
    margin: 0.25rem !important
}

.m-1\.5 {
    margin: 0.375rem !important
}

.m-2 {
    margin: 0.5rem !important
}

.m-3 {
    margin: 0.75rem !important
}

.m-4 {
    margin: 1rem !important
}

.m-5 {
    margin: 1.25rem !important
}

.m-auto {
    margin: auto !important
}

.-mx-1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important
}

.-mx-2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important
}

.-mx-4 {
    margin-right: -1rem !important;
    margin-left: -1rem !important
}

.mx-0 {
    margin-right: 0px !important;
    margin-left: 0px !important
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important
}

.mx-3 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important
}

.mx-4 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important
}

.my-2\.5 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important
}

.my-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important
}

.my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important
}

.my-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
}

.mb-0 {
    margin-bottom: 0px !important
}

.mb-1 {
    margin-bottom: 0.25rem !important
}

.mb-10 {
    margin-bottom: 2.5rem !important
}

.mb-2 {
    margin-bottom: 0.5rem !important
}

.mb-2\.5 {
    margin-bottom: 0.625rem !important
}

.mb-3 {
    margin-bottom: 0.75rem !important
}

.mb-4 {
    margin-bottom: 1rem !important
}

.mb-5 {
    margin-bottom: 1.25rem !important
}

.mb-6 {
    margin-bottom: 1.5rem !important
}

.mb-8 {
    margin-bottom: 2rem !important
}

.me-auto {
    margin-left: auto !important
}

.ml-2 {
    margin-right: 0.5rem !important
}

.ml-3 {
    margin-right: 0.75rem !important
}

.ml-auto {
    margin-right: auto !important
}

.mr-0 {
    margin-left: 0px !important
}

.mr-1 {
    margin-left: 0.25rem !important
}

.mr-1\.5 {
    margin-left: 0.375rem !important
}

.mr-3 {
    margin-left: 0.75rem !important
}

.mr-4 {
    margin-left: 1rem !important
}

.ms-auto {
    margin-right: auto !important
}

.mt-0 {
    margin-top: 0px !important
}

.mt-1 {
    margin-top: 0.25rem !important
}

.mt-2 {
    margin-top: 0.5rem !important
}

.mt-3 {
    margin-top: 0.75rem !important
}

.mt-4 {
    margin-top: 1rem !important
}

.mt-5 {
    margin-top: 1.25rem !important
}

.mt-6 {
    margin-top: 1.5rem !important
}

.mt-8 {
    margin-top: 2rem !important
}

.block {
    display: block !important
}

.inline-block {
    display: inline-block !important
}

.inline {
    display: inline !important
}

.flex {
    display: flex !important
}

.inline-flex {
    display: inline-flex !important
}

.table {
    display: table !important
}

.grid {
    display: grid !important
}

.hidden {
    display: none !important
}

.h-14 {
    height: 3.5rem !important
}

.h-14\.5 {
    height: 60px !important
}

.h-20 {
    height: 5rem !important
}

.h-24 {
    height: 6rem !important
}

.h-6 {
    height: 1.5rem !important
}

.h-6\.5 {
    height: 26px !important
}

.h-9 {
    height: 2.25rem !important
}

.h-\[1px\] {
    height: 1px !important
}

.h-\[25px\] {
    height: 25px !important
}

.h-\[35px\] {
    height: 35px !important
}

.h-\[52px\] {
    height: 52px !important
}

.h-auto {
    height: auto !important
}

.h-full {
    height: 100% !important
}

.h-screen {
    height: 100vh !important
}

.max-h-0 {
    max-height: 0px !important
}

.max-h-\[200px\] {
    max-height: 200px !important
}

.max-h-\[34px\] {
    max-height: 34px !important
}

.max-h-\[45px\] {
    max-height: 45px !important
}

.max-h-\[50vh\] {
    max-height: 50vh !important
}

.max-h-\[80vh\] {
    max-height: 80vh !important
}

.max-h-screen {
    max-height: 100vh !important
}

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

.min-h-full {
    min-height: 100% !important
}

.w-1\/2 {
    width: 50% !important
}

.w-1\/3 {
    width: 33.333333% !important
}

.w-10\/12 {
    width: 83.333333% !important
}

.w-12 {
    width: 3rem !important
}

.w-16 {
    width: 4rem !important
}

.w-2\/6 {
    width: 33.333333% !important
}

.w-20 {
    width: 5rem !important
}

.w-28 {
    width: 7rem !important
}

.w-3 {
    width: 0.75rem !important
}

.w-32 {
    width: 8rem !important
}

.w-4\/12 {
    width: 33.333333% !important
}

.w-4\/6 {
    width: 66.666667% !important
}

.w-6 {
    width: 1.5rem !important
}

.w-6\.5 {
    width: 26px !important
}

.w-6\/12 {
    width: 50% !important
}

.w-8 {
    width: 2rem !important
}

.w-8\/12 {
    width: 66.666667% !important
}

.w-80 {
    width: 20rem !important
}

.w-9 {
    width: 2.25rem !important
}

.w-\[10\%\] {
    width: 10% !important
}

.w-\[100px\] {
    width: 100px !important
}

.w-\[120px\] {
    width: 120px !important
}

.w-\[160px\] {
    width: 160px !important
}

.w-\[200px\] {
    width: 200px !important
}

.w-\[25px\] {
    width: 25px !important
}

.w-\[30px\] {
    width: 30px !important
}

.w-\[325px\] {
    width: 325px !important
}

.w-\[35px\] {
    width: 35px !important
}

.w-\[45\%\] {
    width: 45% !important
}

.w-\[45px\] {
    width: 45px !important
}

.w-\[480px\] {
    width: 480px !important
}

.w-\[50px\] {
    width: 50px !important
}

.w-\[55\%\] {
    width: 55% !important
}

.w-\[55px\] {
    width: 55px !important
}

.w-\[60px\] {
    width: 60px !important
}

.w-\[75px\] {
    width: 75px !important
}

.w-\[80px\] {
    width: 80px !important
}

.w-\[90\%\] {
    width: 90% !important
}

.w-\[94\%\] {
    width: 94% !important
}

.w-\[95\%\] {
    width: 95% !important
}

.w-\[calc\(100\%-2rem\)\] {
    width: calc(100% - 2rem) !important
}

.w-auto {
    width: auto !important
}

.w-full {
    width: 100% !important
}

.min-w-\[120px\] {
    min-width: 120px !important
}

.max-w-\[160px\] {
    max-width: 160px !important
}

.max-w-\[45\%\] {
    max-width: 45% !important
}

.max-w-\[55\%\] {
    max-width: 55% !important
}

.max-w-\[68\%\] {
    max-width: 68% !important
}

.max-w-\[70\%\] {
    max-width: 70% !important
}

.max-w-\[88\%\] {
    max-width: 88% !important
}

.max-w-full {
    max-width: 100% !important
}

.flex-none {
    flex: none !important
}

.rotate-90 {
    --tw-rotate: 90deg !important;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.cursor-not-allowed {
    cursor: not-allowed !important
}

.cursor-pointer {
    cursor: pointer !important
}

.cursor-text {
    cursor: text !important
}

.resize {
    resize: both !important
}

.list-none {
    list-style-type: none !important
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important
}

.flex-row {
    flex-direction: row !important
}

.flex-col {
    flex-direction: column !important
}

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

.items-start {
    align-items: flex-start !important
}

.items-center {
    align-items: center !important
}

.justify-start {
    justify-content: flex-start !important
}

.justify-end {
    justify-content: flex-end !important
}

.justify-center {
    justify-content: center !important
}

.justify-between {
    justify-content: space-between !important
}

.gap-1 {
    gap: 0.25rem !important
}

.gap-10 {
    gap: 2.5rem !important
}

.gap-2 {
    gap: 0.5rem !important
}

.gap-2\.5 {
    gap: 0.625rem !important
}

.gap-20 {
    gap: 5rem !important
}

.gap-3 {
    gap: 0.75rem !important
}

.gap-4 {
    gap: 1rem !important
}

.gap-5 {
    gap: 1.25rem !important
}

.gap-6 {
    gap: 1.5rem !important
}

.gap-7 {
    gap: 1.75rem !important
}

.gap-8 {
    gap: 2rem !important
}

.gap-\[1\.25rem\] {
    gap: 1.25rem !important
}

.gap-\[1\.5rem\] {
    gap: 1.5rem !important
}

.gap-\[1rem\] {
    gap: 1rem !important
}

.self-center {
    align-self: center !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-y-scroll {
    overflow-y: scroll !important
}

.whitespace-nowrap {
    white-space: nowrap !important
}

.whitespace-pre-line {
    white-space: pre-line !important
}

.rounded {
    border-radius: 0.25rem !important
}

.rounded-3xl {
    border-radius: 1.5rem !important
}

.rounded-full {
    border-radius: 9999px !important
}

.rounded-lg {
    border-radius: 0.5rem !important
}

.rounded-md {
    border-radius: 0.375rem !important
}

.rounded-l {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important
}

.rounded-se-lg {
    border-top-left-radius: 0.5rem !important
}

.rounded-se-xl {
    border-top-left-radius: 0.75rem !important
}

.rounded-ss-lg {
    border-top-right-radius: 0.5rem !important
}

.rounded-ss-xl {
    border-top-right-radius: 0.75rem !important
}

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

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

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

.border-x-0 {
    border-right-width: 0px !important;
    border-left-width: 0px !important
}

.border-y-2 {
    border-top-width: 2px !important;
    border-bottom-width: 2px !important
}

.border-b {
    border-bottom-width: 1px !important
}

.border-b-0 {
    border-bottom-width: 0px !important
}

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

.border-b-4 {
    border-bottom-width: 4px !important
}

.border-t-0 {
    border-top-width: 0px !important
}

.border-t-4 {
    border-top-width: 4px !important
}

.border-t-\[1px\] {
    border-top-width: 1px !important
}

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

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

.border-border-color {
    --tw-border-opacity: 1 !important;
    border-color: rgba(234, 236, 239, 1) !important;
    border-color: rgb(234 236 239 / var(--tw-border-opacity)) !important
}

.border-gray-color-100 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(234, 234, 234, 1) !important;
    border-color: rgb(234 234 234 / var(--tw-border-opacity)) !important
}

.border-gray-color-200 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(208, 208, 208, 1) !important;
    border-color: rgb(208 208 208 / var(--tw-border-opacity)) !important
}

.border-lime-400 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(163, 230, 53, 1) !important;
    border-color: rgb(163 230 53 / var(--tw-border-opacity)) !important
}

.border-primary {
    --tw-border-opacity: 1 !important;
    border-color: rgba(16, 155, 222, 1) !important;
    border-color: rgb(16 155 222 / var(--tw-border-opacity)) !important
}

.border-red-600 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(220, 38, 38, 1) !important;
    border-color: rgb(220 38 38 / var(--tw-border-opacity)) !important
}

.border-secondary {
    --tw-border-opacity: 1 !important;
    border-color: rgba(118, 180, 86, 1) !important;
    border-color: rgb(118 180 86 / var(--tw-border-opacity)) !important
}

.border-slate-200 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(226, 232, 240, 1) !important;
    border-color: rgb(226 232 240 / var(--tw-border-opacity)) !important
}

.border-slate-400 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(148, 163, 184, 1) !important;
    border-color: rgb(148 163 184 / var(--tw-border-opacity)) !important
}

.border-b-gray-color-200 {
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgba(208, 208, 208, 1) !important;
    border-bottom-color: rgb(208 208 208 / var(--tw-border-opacity)) !important
}

.border-b-primary {
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgba(16, 155, 222, 1) !important;
    border-bottom-color: rgb(16 155 222 / var(--tw-border-opacity)) !important
}

.bg-\[\#E9F8FF\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(233, 248, 255, 1) !important;
    background-color: rgb(233 248 255 / var(--tw-bg-opacity)) !important
}

.bg-\[\#F8F8F8\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(248, 248, 248, 1) !important;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity)) !important
}

.bg-\[\#f0f0f0\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(240, 240, 240, 1) !important;
    background-color: rgb(240 240 240 / var(--tw-bg-opacity)) !important
}

.bg-\[\#ffc107\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(255, 193, 7, 1) !important;
    background-color: rgb(255 193 7 / var(--tw-bg-opacity)) !important
}

.bg-border-color {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(234, 236, 239, 1) !important;
    background-color: rgb(234 236 239 / var(--tw-bg-opacity)) !important
}

.bg-gray-100 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(243, 244, 246, 1) !important;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important
}

.bg-gray-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(229, 231, 235, 1) !important;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important
}

.bg-gray-50 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(249, 250, 251, 1) !important;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important
}

.bg-gray-bg {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(249, 250, 252, 1) !important;
    background-color: rgb(249 250 252 / var(--tw-bg-opacity)) !important
}

.bg-gray-color-100 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(234, 234, 234, 1) !important;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity)) !important
}

.bg-lime-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(217, 249, 157, 1) !important;
    background-color: rgb(217 249 157 / var(--tw-bg-opacity)) !important
}

.bg-primary {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(16, 155, 222, 1) !important;
    background-color: rgb(16 155 222 / var(--tw-bg-opacity)) !important
}

.bg-red-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(254, 202, 202, 1) !important;
    background-color: rgb(254 202 202 / var(--tw-bg-opacity)) !important
}

.bg-secondary {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(118, 180, 86, 1) !important;
    background-color: rgb(118 180 86 / var(--tw-bg-opacity)) !important
}

.bg-secondary-100 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(118, 183, 64, 1) !important;
    background-color: rgb(118 183 64 / var(--tw-bg-opacity)) !important
}

.bg-transparent {
    background-color: transparent !important
}

.bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(255, 255, 255, 1) !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
}

.p-0 {
    padding: 0px !important
}

.p-1 {
    padding: 0.25rem !important
}

.p-1\.5 {
    padding: 0.375rem !important
}

.p-2 {
    padding: 0.5rem !important
}

.p-3 {
    padding: 0.75rem !important
}

.p-4 {
    padding: 1rem !important
}

.p-5 {
    padding: 1.25rem !important
}

.p-6 {
    padding: 1.5rem !important
}

.px-0 {
    padding-right: 0px !important;
    padding-left: 0px !important
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important
}

.px-3 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important
}

.px-4 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-5 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important
}

.px-6 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-\[5px\] {
    padding-right: 5px !important;
    padding-left: 5px !important
}

.py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important
}

.py-0\.5 {
    padding-top: 0.125rem !important;
    padding-bottom: 0.125rem !important
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important
}

.py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important
}

.py-2\.5 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important
}

.py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important
}

.py-3\.5 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important
}

.py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important
}

.py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

.pb-0 {
    padding-bottom: 0px !important
}

.pb-1 {
    padding-bottom: 0.25rem !important
}

.pb-2 {
    padding-bottom: 0.5rem !important
}

.pb-3 {
    padding-bottom: 0.75rem !important
}

.pb-4 {
    padding-bottom: 1rem !important
}

.pb-5 {
    padding-bottom: 1.25rem !important
}

.pe-8 {
    padding-left: 2rem !important
}

.pl-2 {
    padding-right: 0.5rem !important
}

.pr-1 {
    padding-left: 0.25rem !important
}

.pr-7 {
    padding-left: 1.75rem !important
}

.pt-0 {
    padding-top: 0px !important
}

.pt-17 {
    padding-top: 4.313rem !important
}

.pt-2 {
    padding-top: 0.5rem !important
}

.pt-3 {
    padding-top: 0.75rem !important
}

.pt-5 {
    padding-top: 1.25rem !important
}

.text-left {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: left !important
}

.text-start {
    text-align: right !important
}

.text-end {
    text-align: left !important
}

.align-middle {
    vertical-align: middle !important
}

.text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important
}

.text-4xl {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important
}

.text-\[26px\] {
    font-size: 26px !important
}

.text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important
}

.text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important
}

.text-size-10 {
    font-size: 0.625rem !important
}

.text-size-13 {
    font-size: 0.813rem !important
}

.text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important
}

.text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important
}

.text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important
}

.font-bold {
    font-weight: 700 !important
}

.font-medium {
    font-weight: 500 !important
}

.font-normal {
    font-weight: 400 !important
}

.font-semibold {
    font-weight: 600 !important
}

.uppercase {
    text-transform: uppercase !important
}

.leading-5 {
    line-height: 1.25rem !important
}

.leading-6 {
    line-height: 1.5rem !important
}

.leading-6\.5 {
    line-height: 26px !important
}

.tracking-normal {
    letter-spacing: 0em !important
}

.text-black {
    --tw-text-opacity: 1 !important;
    color: rgba(0, 0, 0, 1) !important;
    color: rgb(0 0 0 / var(--tw-text-opacity)) !important
}

.text-blue-dark {
    --tw-text-opacity: 1 !important;
    color: rgba(3, 22, 63, 1) !important;
    color: rgb(3 22 63 / var(--tw-text-opacity)) !important
}

.text-gray-500 {
    --tw-text-opacity: 1 !important;
    color: rgba(107, 114, 128, 1) !important;
    color: rgb(107 114 128 / var(--tw-text-opacity)) !important
}

.text-gray-color {
    --tw-text-opacity: 1 !important;
    color: rgba(115, 111, 130, 1) !important;
    color: rgb(115 111 130 / var(--tw-text-opacity)) !important
}

.text-primary {
    --tw-text-opacity: 1 !important;
    color: rgba(16, 155, 222, 1) !important;
    color: rgb(16 155 222 / var(--tw-text-opacity)) !important
}

.text-red-500 {
    --tw-text-opacity: 1 !important;
    color: rgba(239, 68, 68, 1) !important;
    color: rgb(239 68 68 / var(--tw-text-opacity)) !important
}

.text-red-600 {
    --tw-text-opacity: 1 !important;
    color: rgba(220, 38, 38, 1) !important;
    color: rgb(220 38 38 / var(--tw-text-opacity)) !important
}

.text-secondary {
    --tw-text-opacity: 1 !important;
    color: rgba(118, 180, 86, 1) !important;
    color: rgb(118 180 86 / var(--tw-text-opacity)) !important
}

.text-secondary-100 {
    --tw-text-opacity: 1 !important;
    color: rgba(118, 183, 64, 1) !important;
    color: rgb(118 183 64 / var(--tw-text-opacity)) !important
}

.text-text-color {
    --tw-text-opacity: 1 !important;
    color: rgba(87, 87, 87, 1) !important;
    color: rgb(87 87 87 / var(--tw-text-opacity)) !important
}

.text-white {
    --tw-text-opacity: 1 !important;
    color: rgba(255, 255, 255, 1) !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

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

.decoration-sky-500 {
    text-decoration-color: #0ea5e9 !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-100 {
    opacity: 1 !important
}

.opacity-5 {
    opacity: 0.05 !important
}

.opacity-75 {
    opacity: 0.75 !important
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1) !important;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-none {
    --tw-shadow: 0 0 rgba(0,0,0,0) !important;
    --tw-shadow-colored: 0 0 rgba(0,0,0,0) !important;
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-gray-300 {
    --tw-shadow-color: #d1d5db !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.shadow-gray-400 {
    --tw-shadow-color: #9ca3af !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.blur {
    --tw-blur: blur(8px) !important;
    -webkit-filter: blur(8px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
    filter: blur(8px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.filter {
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.transition-all {
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important
}

.duration-200 {
    transition-duration: 200ms !important
}

.duration-300 {
    transition-duration: 300ms !important
}

.duration-500 {
    transition-duration: 500ms !important
}

.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important
}

html {
    font-size: 100% !important
}

@media(max-width: 575.99px) {
    html {
        font-size:82.5% !important
    }
}

@media(min-width: 576px)and (max-width: 767.99px) {
    html {
        font-size:85% !important
    }
}

@media(min-width: 768px)and (max-width: 991.99px) {
    html {
        font-size:90% !important
    }
}

@media(min-width: 992px)and (max-width: 1199.99px) {
    html {
        font-size:95% !important
    }
}

@media(min-width: 1200px) {
    html {
        font-size:100% !important
    }
}

body {
    transition: all .3s ease-in-out
}

body.with_announcements {
    margin-top: 70px
}

body.with_announcements_plus {
    margin-top: 240px
}

img {
    max-width: 100%
}

.error-handling-section {
    background-color: #fcf2f2
}

h1,.h1 {
    font-size: 2.5rem
}

h2,.h2 {
    font-size: 2rem
}

h3,.h3 {
    font-size: 1.75rem
}

h4,.h4 {
    font-size: 1.5rem
}

h5,.h5 {
    font-size: 1.25rem
}

h6,.h6 {
    font-size: 1rem
}

.ta.text-primary {
    color: #149ade !important
}

.ta.text-secondary {
    color: #76b456 !important
}

.ta.text-dark {
    color: #575757 !important
}

.ta.text-light {
    color: #eaecef !important
}

.ta.text-gray {
    color: #a8a6b4 !important
}

.ta.text-warning {
    color: #ffca47 !important
}

.ta.bg-primary {
    background-color: #149ade !important
}

.ta.bg-primary.bg-lighten {
    background-color: #dcf1fc !important
}

.ta.bg-secondary {
    background-color: #76b456 !important
}

.ta.bg-secondary.bg-lighten {
    background-color: #f7fbf5 !important
}

.ta.bg-dark {
    background-color: #575757 !important
}

.ta.bg-dark.bg-lighten {
    background-color: #cacaca !important
}

.ta.bg-light {
    background-color: #eaecef !important
}

.ta.bg-light.bg-lighten {
    background-color: #f8f9fa !important
}

.ta.bg-gray {
    background-color: #a8a6b4 !important
}

.ta.bg-gray.bg-lighten {
    background-color: #fff !important
}

.ta.bg-warning {
    background-color: #ffca47 !important
}

.ta.bg-warning.bg-lighten {
    background-color: #fff !important
}

.text-decoration-dashed {
    text-decoration: none !important;
    -webkit-text-decoration: dashed !important;
    text-decoration: dashed !important
}

.text-decoration-none {
    -webkit-text-decoration: none !important;
    text-decoration: none !important
}

.z-top {
    z-index: 99
}

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

.gap-2 {
    gap: 2px !important
}

.gap-4 {
    gap: 4px
}

.gap-5 {
    gap: 5px
}

.gap-6 {
    gap: 6px !important
}

.gap-8 {
    gap: 8px !important
}

.gap-10 {
    gap: 10px !important
}

.gap-15 {
    gap: 15px !important
}

.gap-20 {
    gap: 20px !important
}

.gap-30 {
    gap: 30px !important
}

.gap-40 {
    gap: 40px !important
}

.gap-50 {
    gap: 50px !important
}

.gap-60 {
    gap: 60px !important
}

.gap-70 {
    gap: 70px !important
}

.gap-80 {
    gap: 80px !important
}

.gap-90 {
    gap: 90px !important
}

.form-height {
    height: 52px
}

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

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

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

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

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

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

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

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

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

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

.w-inherit {
    width: inherit !important
}

.w-fit {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-inherit {
    height: inherit !important
}

.h-fit {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important
}

.max-w-120px {
    max-width: 120px !important
}

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

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

.max-w-180px {
    max-width: 180px !important
}

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

.max-h-400px {
    max-height: 400px !important
}

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

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

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

@media(max-width: 991.98px) {
    .w-100-mob {
        width:100%
    }
}

.opacity-0 {
    opacity: 0
}

.opacity-1 {
    opacity: 1 !important
}

.opacity-5 {
    opacity: .5 !important
}

.overflow-auto {
    overflow: hidden;
    overflow-y: auto
}

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

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

.circled {
    border-radius: 100%
}

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

.circled {
    border-radius: 100%
}

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

.rounded-bottom-2xl {
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

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

.shadow-lg,.qitaf-steps li p {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}

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

.img-shadow {
    box-shadow: -8px 0 6px -6px rgba(0,0,0,.2)
}

.round-img-shadow {
    box-shadow: rgba(0,0,0,.2) 0px 5px 30px 0px
}

.card-gradient {
    background: linear-gradient(-180deg, #e4f5fe, #fff 15%)
}

.text-transform-none {
    text-transform: none !important
}

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

.text-transform-uppercase {
    text-transform: uppercase !important
}

.text-transform-lowercase {
    text-transform: lowercase !important
}

.text-transform-none {
    text-transform: none !important
}

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

.text-transform-uppercase {
    text-transform: uppercase !important
}

.text-transform-lowercase {
    text-transform: lowercase !important
}

.flex-none {
    flex: none
}

.ml-auto {
    margin-right: auto !important
}

@media(min-width: 992px) {
    .ml-lg-3 {
        margin-right:1rem !important
    }
}

.scrollable {
    overflow: hidden;
    overflow-y: auto
}

.dir-ltr {
    direction: ltr;
}

.font-size-2xs {
    font-size: 12px !important
}

.font-size-xs {
    font-size: 14px !important
}

.font-size-sm {
    font-size: 16px !important
}

.font-size-md {
    font-size: 18px !important
}

.font-size-lg {
    font-size: 24px !important
}

.font-size-xl {
    font-size: 28px !important
}

.font-size-2xl {
    font-size: 44px !important
}

.border-w-1 {
    border-width: 1px !important
}

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

.border-w-3 {
    border-width: 3px !important
}

.border-w-4 {
    border-width: 4px !important
}

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

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

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

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

.border-primary {
    border-color: #149ade !important
}

.border-secondary {
    border-color: #76b456 !important
}

.border-dark {
    border-color: #575757 !important
}

.border-warning {
    border-color: #ffca47 !important
}

.border-danger {
    border-color: #ef544c !important
}

.border-light {
    border-color: #eaecef !important
}

.border-gray {
    border-color: #a8a6b4 !important
}

.text-end {
    text-align: left !important
}

.text-start {
    text-align: right !important
}

.lh-1 {
    line-height: 1
}

.lh-1-half {
    line-height: 1.5
}

.lh-2 {
    line-height: 2
}

.top-0px {
    top: 0px
}

.top-10px {
    top: 10px
}

.top-15px {
    top: 15px
}

.top-20px {
    top: 20px
}

.top-25px {
    top: 25px
}

.top-30px {
    top: 30px
}

.end-0px {
    left: 0px
}

.end-10px {
    left: 10px
}

.end-15px {
    left: 15px
}

.end-20px {
    left: 20px
}

.end-25px {
    left: 25px
}

.end-30px {
    left: 30px
}

.start-0px {
    right: 0px
}

.start-10px {
    right: 10px
}

.start-15px {
    right: 15px
}

.start-20px {
    right: 20px
}

.start-25px {
    right: 25px
}

.start-30px {
    right: 30px
}

.bottom-0px {
    bottom: 0px
}

.bottom-10px {
    bottom: 10px
}

.bottom-15px {
    bottom: 15px
}

.bottom-20px {
    bottom: 20px
}

.bottom-25px {
    bottom: 25px
}

.bottom-30px {
    bottom: 30px
}

.transparent-img {
    mix-blend-mode: multiply !important
}

.collapse {
    visibility: visible !important
}

.insurance-feature img {
    width: 30px;
    margin-bottom: .25rem;
    margin-left: 1rem;
    margin: 0 5px
}

.control_dashed {
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%);
    width: 50%;
    height: .5px;
    background-color: #a8a6b4
}

.mojaz-logo {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 50px;
    height: 50px
}

@media(max-width: 767.99px) {
    .mojaz-logo {
        top:15px;
        left: 0
    }
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-weight: normal !important
}

.swiper-button-next:after,.swiper-button-prev:after {
    color: #c3c2cb
}

.gray_section_bg {
    background-color: #fafbfd
}

.cust-box {
    padding-right: 5px;
    padding-left: 5px;
    background-color: #fafbfd;
    margin-top: .5rem
}

@media(min-width: 992px) {
    .cust-box {
        background-color:#fff
    }
}

.cust-box .cust-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.cust-box .cust-row .col-4 {
    padding-right: 5px !important;
    padding-left: 5px !important
}

.pagination-link {
    background-color: #fff !important;
    color: #149ade !important
}

.pagination-link:hover {
    background-color: #149ade !important;
    color: #fff !important
}

.pagination-activeLink {
    background-color: #149ade !important;
    color: #fff !important
}

.pagination-activeLink:hover {
    background-color: #149ade !important;
    color: #fff !important
}

.editIcon {
    box-sizing: border-box;
    top: 60%;
    left: 15px;
    cursor: pointer;
    left: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999
}

body {
    line-height: 1.5
}

small.ta {
    font-size: 13px;
    font-weight: inherit
}

.bold {
    font-weight: 700
}

.ta.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    padding: 13px 43px;
    height: 52px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 6px;
    box-shadow: 0 3px 6px rgba(0,0,0,.13);
    border-width: 1px;
    border-style: solid;
    transition: ease all .3s;
    -webkit-transition: ease all .3s
}

@media(max-width: 767.98px) {
    .ta.btn {
        padding:13px 18px
    }
}

.ta.btn.btn-primary {
    color: #fff;
    background-color: #149ade;
    border-color: #149ade
}

.ta.btn.btn-primary:hover,.ta.btn.btn-primary:focus {
    background-color: #38b0ed;
    border-color: #38b0ed
}

.ta.btn.btn-secondary {
    color: #fff;
    background-color: #76b456;
    border-color: #76b456
}

.ta.btn.btn-secondary:hover,.ta.btn.btn-secondary:focus {
    background-color: #93c479;
    border-color: #93c479
}

.ta.btn.btn-dark {
    color: #fff;
    background-color: #575757;
    border-color: #575757
}

.ta.btn.btn-dark:hover,.ta.btn.btn-dark:focus {
    background-color: #717171;
    border-color: #717171
}

.ta.btn.btn-gray {
    color: #fff;
    background-color: #a8a6b4;
    border-color: #a8a6b4
}

.ta.btn.btn-gray:hover,.ta.btn.btn-gray:focus {
    background-color: #c3c2cb;
    border-color: #c3c2cb
}

.ta.btn.btn-danger {
    color: #fff;
    background-color: #ef544c;
    border-color: #ef544c
}

.ta.btn.btn-danger:hover,.ta.btn.btn-danger:focus {
    background-color: #f3817b;
    border-color: #f3817b
}

.ta.btn.btn-warning {
    color: #575757;
    background-color: #ffca47;
    border-color: #ffca47
}

.ta.btn.btn-warning:hover,.ta.btn.btn-warning:focus {
    background-color: #ffd97a;
    border-color: #ffd97a
}

.ta.btn.btn-light {
    color: #736f82;
    background-color: #eaecef;
    border-color: #eaecef
}

.ta.btn.btn-light:hover,.ta.btn.btn-light:focus {
    background-color: #fff;
    border-color: #fff
}

.ta.btn.btn-white {
    color: #736f82;
    background-color: #fff;
    border-color: #fff
}

.ta.btn.btn-white:hover,.ta.btn.btn-white:focus {
    background-color: #f3f4f6;
    border-color: #f3f4f6
}

.ta.btn.btn-mojaz {
    color: #fff;
    background-color: #bd1e2d;
    border-color: #bd1e2d
}

.ta.btn.btn-mojaz:hover,.ta.btn.btn-mojaz:focus {
    background-color: #ca2030;
    border-color: #ca2030
}

.ta.btn.btn-outlined-primary {
    color: #149ade;
    background-color: #f3fafe;
    border-color: #149ade
}

.ta.btn.btn-outlined-primary:hover,.ta.btn.btn-outlined-primary:focus {
    background-color: #149ade;
    color: #fff
}

.ta.btn.btn-outlined-secondary {
    color: #76b456;
    background-color: #f7fbf5;
    border-color: #76b456
}

.ta.btn.btn-outlined-secondary:hover,.ta.btn.btn-outlined-secondary:focus {
    background-color: #76b456;
    color: #fff
}

.ta.btn.btn-outlined-dark {
    color: #575757;
    background-color: #fff;
    border-color: #575757
}

.ta.btn.btn-outlined-dark:hover,.ta.btn.btn-outlined-dark:focus {
    background-color: #575757;
    color: #fff
}

.ta.btn.btn-outlined-gray {
    color: #736f82;
    background-color: #fff;
    border-color: #5b5869
}

.ta.btn.btn-outlined-gray:hover,.ta.btn.btn-outlined-gray:focus {
    background-color: #a8a6b4;
    border-color: #a8a6b4;
    color: #fff
}

.ta.btn.btn-outlined-light {
    color: #736f82;
    background-color: #fff;
    border-color: #eaecef
}

.ta.btn.btn-outlined-light:hover,.ta.btn.btn-outlined-light:focus {
    background-color: #eaecef;
    color: #736f82
}

.ta.btn.btn-outlined-danger {
    color: #ef544c;
    background-color: #fef1f0;
    border-color: #ef544c
}

.ta.btn.btn-outlined-danger:hover,.ta.btn.btn-outlined-danger:focus {
    background-color: #ef544c;
    color: #fff
}

.ta.btn.btn-link {
    padding: 5px 15px;
    background-color: rgba(0,0,0,0);
    border: none;
    box-shadow: none;
    font-size: 12px;
    color: #149ade
}

.ta.btn.btn-xs {
    padding: 5px 10px;
    font-size: 13px;
    height: 30px
}

.ta.btn.btn-sm {
    padding: 10px 25px;
    font-size: 13px;
    height: 45px
}

.ta.btn.btn-md {
    padding: 10px 25px;
    font-size: 13px;
    height: 52px
}

.ta.btn.btn-lg {
    min-width: 250px !important
}

.ta.btn.btn-lg {
    height: 60px
}

@media(max-width: 992px) {
    .ta.btn.btn-lg {
        min-width:auto !important
    }
}

.ta.btn.disabled {
    background-color: #eaecef;
    color: #736f82;
    opacity: .4;
    cursor: not-allowed
}

.ta.btn .badge {
    top: inherit
}

.clear-value-btn {
    position: absolute !important;
    left: 55% !important;
    right: 55% !important;
    top: 15% !important
}

.clear-value-btn {
    width: 30px;
    border: none;
    height: 30px;
    display: none
}

.button-hover:hover {
    transition: all .2s ease !important
}

.button-hover:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.live-photo-phone-icon {
    width: 50px !important;
    height: 50px !important
}

.live-photo-phone-icon {
    padding: 5px
}

a.disabled {
    opacity: .7;
    color: #a8a6b4;
    cursor: not-allowed
}

.icon-info {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    font-size: 13px;
    font-weight: 700;
    height: 20px;
    width: 20px;
    color: #a8a6b4;
    border-radius: 100%;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
}

.icon-info::after {
    display: inline-block;
    content: "";
    background-image: url("data:image/svg+xml,<svg viewBox=%270 0 16 16%27 fill=%27%23109bde%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z%27/><path d=%27m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z%27/></svg>");
    background-repeat: no-repeat;
    background-size: 15px;
    width: 20px;
    height: 20px;
    background-position: center
}

.icon-info.style-2::after {
    background-image: url("data:image/svg+xml,<svg viewBox=%270 0 16 16%27 fill=%27%23736f82%27 xmlns=%27http://www.w3.org/2000/svg%27><path fill-rule=%27evenodd%27 d=%27m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z%27 clip-rule=%27evenodd%27/></svg>")
}

.icon-info:hover,.icon-info:focus {
    cursor: pointer
}

.clearable {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 fill=%27%23736f82%27 class=%27bi bi-x-circle%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z%27/%3E%3Cpath d=%27M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z%27/%3E%3C/svg%3E") !important
}

.clearable {
    transition: none;
    background-repeat: no-repeat;
    background-position: left -20px center
}

.clearable.x {
    background-position: left 10px center
}

.ltr-force .clearable {
    background-position: left -20px center !important
}

.ltr-force .clearable {
}

.ltr-force .clearable.x {
    background-position: right 10px center !important
}

.ltr-force .clearable.x {
}

.ta.form-label {
    font-size: 13px;
    color: #575757;
    margin-bottom: 5px;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.ta.form-label .icon-info {
    margin-right: 5px
}

.ta.form-control {
    height: 52px;
    border: 1px solid #c3c2cb;
    font-size: 13px;
    border-radius: 6px;
    position: relative
}

html:lang(ar) .ta.form-control {
    direction: rtl;
    text-align: right
}

.ta.form-control:focus {
    border-color: #149ade;
    box-shadow: none;
    outline: none
}

.ta.form-control.clearable {
    padding-left: 40px
}

.ta.form-control:disabled,.ta.form-control[disabled] {
    background-color: #f8f9fa !important;
    border-color: #ecebee !important;
    color: #adacb9 !important
}

.ta.form-control:disabled,.ta.form-control[disabled] {
    cursor: not-allowed
}

.ta.form-control.form-control-sm {
    height: 42px !important
}

.ta.form-control::-webkit-input-placeholder {
    opacity: .6
}

.ta.form-control::placeholder {
    opacity: .6
}

.ltr-force .ta.form-control.clearable {
    padding-right: 40px;
    padding-left: 15px;
}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input.react-datepicker {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 fill=%27%23149ade%27 class=%27bi bi-x-circle%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1H2zm13 3H1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5z%27/%3E%3Cpath d=%27M11 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-2 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z%27/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 20px;
    font-family: inherit
}

.react-datepicker__tab-loop {
    z-index: 9999
}

.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected {
    background-color: #76b740 !important
}

select.form-control:not([size]):not([multiple]) {
    height: 52px
}

.MuiOutlinedInput-root {
    font-size: 13px !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
    border-radius: inherit !important
}

.MuiOutlinedInput-root .MuiAutocomplete-input {
    border: 1px solid #c3c2cb !important;
    padding: .375rem .75rem !important
}

.MuiOutlinedInput-root .MuiAutocomplete-input {
    height: 2.715em;
    font-size: 13px;
    border-radius: 6px;
    position: relative;
    text-align: right
}

.MuiOutlinedInput-root .MuiAutocomplete-input:focus {
    border-color: #149ade !important
}

.MuiAutocomplete-inputRoot {
    padding: 0px !important
}

.MuiAutocomplete-inputRoot fieldset {
    border: none !important
}

.MuiOutlinedInput-root .MuiAutocomplete-endAdornment {
    display: none !important
}

.css-igs3ac,.css-edpqz1,.css-1okebmr-indicatorSeparator,.css-1u9des2-indicatorSeparator {
    display: none !important;
    border: none !important
}

.css-14el2xx-placeholder {
    margin: 0px 5px !important
}

.css-ackcql {
    padding: 0px !important;
    margin: 0px !important
}

.css-1s2u09g-control {
    border-radius: 6px !important;
    border-color: #c3c2cb !important
}

.css-1s2u09g-control {
    height: 52px
}

.css-1pahdxg-control {
    border-radius: 6px !important;
    border-color: #149ade !important;
    box-shadow: none !important
}

.css-1pahdxg-control {
    height: 52px
}

.multiSelectField .css-1pahdxg-control {
    height: auto
}

.css-3iigni-container,.css-13cymwt-control,.css-t3ipsp-control {
    height: 52px
}

.css-1insrsq-control {
    height: 52px
}

.css-14el2xx-placeholder {
    opacity: .6 !important
}

.css-1d8n9bt {
    padding: 0px 8px !important
}

.css-1d8n9bt input.clearable {
    background: rgba(0,0,0,0) !important
}

.css-26l3qy-menu {
    z-index: 999 !important;
    background-color: #fff !important;
    display: block !important
}

.MuiAutocomplete-option {
    font-family: "Cairo",Sans-serif !important;
}

.MuiAutocomplete-option {
    font-family: "Tajawal", Sans-serif !important
}

.select-group {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

.select-group>label {
    flex: 0 1 100%
}

.select-group>div {
    flex: 1 0 50%
}

.select-group .css-b62m3t-container>div {
    border-radius: 0 6px 6px 0 !important
}

.select-group .css-b62m3t-container>div {
    margin-right: -1px
}

.select-group .css-b62m3t-container:nth-of-type(2)>div {
    border-radius: 6px 0 0 6px !important
}

.ta.captcha {
    position: relative;
    z-index: 0
}

.ta.captcha .captcha-input {
    padding-right: 125px;
    padding-left: 40px;
    z-index: 1
}

.ta.captcha .captcha-input::-webkit-input-placeholder {
    opacity: .6
}

.ta.captcha .captcha-input::placeholder {
    opacity: .6
}

.ta.captcha .captcha-input.clearable {
    background: rgba(0,0,0,0) !important
}

.ta.captcha .captcha-image {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 5px;
    width: 110px;
    z-index: 2;
    border-radius: 0 6px 6px 0
}

.ta.captcha .captcha-refresh {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 10px;
    background: rgba(0,0,0,0);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3
}

.ta.captcha .captcha-refresh svg {
    fill: #149ade
}

.custom-checkbox {
    margin-top: 0
}

.custom-checkbox:hover {
    cursor: pointer
}

.custom-checkbox .custom-control-input {
    display: none
}

.custom-checkbox .custom-control-label {
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative
}

.custom-checkbox .custom-control-label .custom-control-text {
    padding-right: 30px
}

.custom-checkbox .custom-control-label::before {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #c3c2cb;
    right: 0;
    top: 2px
}

.custom-checkbox .custom-control-label::after {
    transition: background-size .15s ease-in-out;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 50%;
    background-size: 0%
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #149ade;
    border-color: #149ade
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    transition: background-size .15s ease-in-out;
    background-size: 23px;
    display: inline-block;
    content: "";
    background-image: url("data:image/svg+xml,<svg viewBox=%270 0 16 16%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27><path fill-rule=%27evenodd%27 d=%27M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z%27 clip-rule=%27evenodd%27/></svg>");
    background-repeat: no-repeat;
    top: 5px;
    right: 3px
}

.custom-radio {
    display: flex;
    align-items: baseline
}

.custom-radio .custom-control-input {
    z-index: 9999;
    visibility: hidden
}

.custom-radio .custom-control-label {
    cursor: pointer;
    padding-right: 7px;
    position: static;
    vertical-align: bottom
}

.custom-radio .custom-control-label::before {
    width: 22px;
    height: 22px;
    top: 8px;
    right: 0;
    background-color: #fff;
    border: 1px solid #c3c2cb
}

.custom-radio .custom-control-label::after {
    transition: background-size .15s ease-in-out;
    background-size: 0%;
    top: 8px;
    right: 0;
    width: 22px;
    height: 22px
}

@media(max-width: 992px) {
    .custom-radio .custom-control-label {
        width:80%
    }
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #149ade;
    border-color: #149ade
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    transition: background-size .15s ease-in-out;
    background-size: 16px
}

@media(max-width: 992px) {
    .custom-radio {
        width:100%
    }
}

.radio-tabs {
    display: flex;
    border: 1px solid #c3c2cb;
    border-radius: 6px;
    height: 52px
}

.radio-tabs input[type=radio] {
    display: none
}

.radio-tabs .btn {
    display: inline-flex;
    flex: 1 1 0px;
    box-shadow: none;
    font-size: 13px;
    margin: 0;
    height: 100%;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 0;
    text-transform: capitalize
}

@media(max-width: 1200px) {
    .radio-tabs .btn {
        white-space:break-spaces
    }
}

.radio-tabs .btn.active {
    background-color: #149ade;
    color: #fff
}

.radio-tabs .btn:first-child {
    border-radius: 0 6px 6px 0
}

.radio-tabs .btn:last-child {
    border-radius: 6px 0 0 6px
}

.radio-tabs .btn.disabled {
    position: relative
}

.radio-tabs .btn.disabled::after {
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,<svg viewBox=%270 0 16 16%27 fill=%27%23666%27 xmlns=%27http://www.w3.org/2000/svg%27><path fill-rule=%27evenodd%27 d=%27M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z%27 clip-rule=%27evenodd%27/><path fill-rule=%27evenodd%27 d=%27m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z%27 clip-rule=%27evenodd%27/></svg>");
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px
}

.inline-radio {
    display: flex;
    align-items: center;
    gap: 30px
}

@media(max-width: 992px) {
    .inline-radio {
        gap:3px;
        flex-direction: column;
        align-items: flex-start
    }

    .inline-radio.form-height {
        height: auto
    }
}

.ta.input-group .form-control {
    border-left: none;
    border-radius: 0 6px 6px 0;
    margin-right: -1px
}

.ta.input-group .input-group-text,.ta.input-group .input-group-append,.ta.input-group .btn {
    border-radius: 6px 0 0 6px;
    background-color: #f8f9fa;
    color: #b8b7c2;
    font-weight: bold
}

.ta.input-group.from-start .form-control {
    border-right: 1px solid #c3c2cb;
    border-left: 1px solid #c3c2cb
}

html:lang(en) .ta.input-group.from-start .form-control {
    border-radius: 6px 0 0 6px !important
}

html:lang(en) .ta.input-group.from-start .input-group-text,html:lang(en) .ta.input-group.from-start .input-group-append,html:lang(en) .ta.input-group.from-start .btn {
    border-radius: 0 6px 6px 0 !important
}

.ltr-force {
    direction: ltr
}

.form-control.form-control-lined {
    height: 40px !important
}

.form-control.form-control-lined {
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0;
    background-color: rgba(0,0,0,0)
}

.input-group-lined .form-control {
    height: 40px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0;
    max-width: 130px;
    background-color: rgba(0,0,0,0)
}

.input-group-lined .input-group-append .input-group-text {
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0;
    background: rgba(0,0,0,0);
    font-size: 14px;
    font-weight: 700;
    border-color: #c3c2cb;
    color: #ccc;
    padding-left: 0;
    padding-right: 0
}

.form-home .ta.form-label {
    font-weight: normal
}

.field-error .form-label {
    color: #ef544c
}

.field-error .form-control,.field-error .css-1s2u09g-control,.field-error .MuiOutlinedInput-root .MuiAutocomplete-input,.field-error .radio-tabs {
    border-color: #ef544c !important;
    background-color: #fef1f0 !important
}

input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.otp-input {
    font-size: 22px !important
}

.otp-input {
    text-align: center;
    letter-spacing: 10px
}

.form-btn-inside {
    position: relative
}

.form-btn-inside .form-control {
    padding-left: 65px !important
}

.form-btn-inside .clearable.x {
    background-position: calc(100% - (100% - 65px)) center !important
}

.btn-inside,.verified-icon {
    -webkit-text-decoration: none !important;
    text-decoration: none !important
}

.btn-inside,.verified-icon {
    position: absolute;
    color: #76b456;
    left: 0;
    top: 0;
    bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    height: 52px;
    margin: 0
}

.btn-inside:hover,.verified-icon:hover,.btn-inside:focus,.verified-icon:focus {
    color: #5e9542
}

.verified-icon {
    left: 10px
}

.verified-icon:hover,.verified-icon:focus {
    color: inherit
}

.enter-iban {
    display: inline-flex !important
}

@media only screen and (max-width: 767px) {
    .enter-iban {
        width:100%
    }

    .enter-iban .form-group {
        width: 92% !important
    }
}

.enter-iban input {
    width: 400px
}

.enter-iban input::-webkit-input-placeholder {
    opacity: .6
}

.enter-iban input::placeholder {
    opacity: .6
}

@media only screen and (max-width: 767px) {
    .enter-iban input {
        width:100% !important;
        max-width: 100% !important;
        letter-spacing: 5px !important
    }
}

.enter-iban .error-span {
    display: inline-flex
}

.card,.qitaf-steps li p {
    border: none;
    margin-bottom: 25px
}

.card.card-shadow,.qitaf-steps li p.card,.qitaf-steps li p {
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(0,0,0,.13);
    background-color: #fff
}

@media(max-width: 991.98px) {
    .card.card-mob,.qitaf-steps li p.card-mob {
        box-shadow:none;
        padding: 0
    }
}

.card.card-quote,.qitaf-steps li p.card-quote {
    display: flex;
    flex-direction: column;
    padding: 0;
    border-radius: 0;
    margin-bottom: 34px
}

.card.card-quote.is-noted-back,.qitaf-steps li p.card-quote.is-noted-back {
    margin-top: 10px
}

.card.card-quote .quote-select-comp .comp-price,.qitaf-steps li p.card-quote .quote-select-comp .comp-price,.card.card-quote .quote-foot .quote-price,.qitaf-steps li p.card-quote .quote-foot .quote-price {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #dedde3;
    padding: 10px;
    flex: 0 0 70%;
    align-self: stretch;
    justify-content: center
}

@media(max-width: 992px) {
    .card.card-quote .quote-select-comp .comp-price,.qitaf-steps li p.card-quote .quote-select-comp .comp-price,.card.card-quote .quote-foot .quote-price,.qitaf-steps li p.card-quote .quote-foot .quote-price {
        flex:0 0 100%;
        border: none;
        padding-right: 5px
    }
}

@media(min-width: 992px)and (max-width: 1199.99px) {
    .card.card-quote .quote-select-comp .comp-price,.qitaf-steps li p.card-quote .quote-select-comp .comp-price,.card.card-quote .quote-foot .quote-price,.qitaf-steps li p.card-quote .quote-foot .quote-price {
        flex:0 0 78%;
        width: 78%
    }
}

@media(min-width: 1200px) {
    .card.card-quote .quote-select-comp .comp-price,.qitaf-steps li p.card-quote .quote-select-comp .comp-price,.card.card-quote .quote-foot .quote-price,.qitaf-steps li p.card-quote .quote-foot .quote-price {
        flex:0 0 65%;
        width: 65%
    }
}

@media(min-width: 992px) {
    .card.card-quote .quote-select-comp .avl-mob.comp-price,.qitaf-steps li p.card-quote .quote-select-comp .avl-mob.comp-price,.card.card-quote .quote-foot .avl-mob.quote-price,.qitaf-steps li p.card-quote .quote-foot .avl-mob.quote-price {
        flex:0 0 60%;
        width: 60%
    }
}

@media(min-width: 1200px) {
    .card.card-quote .quote-select-comp .avl-mob.comp-price,.qitaf-steps li p.card-quote .quote-select-comp .avl-mob.comp-price,.card.card-quote .quote-foot .avl-mob.quote-price,.qitaf-steps li p.card-quote .quote-foot .avl-mob.quote-price {
        flex:0 0 65%;
        width: 65%
    }
}

@media(max-width: 1100px) {
    .card.card-quote .quote-select-comp .comp-price-tabby.comp-price,.qitaf-steps li p.card-quote .quote-select-comp .comp-price-tabby.comp-price,.card.card-quote .quote-foot .comp-price-tabby.quote-price,.qitaf-steps li p.card-quote .quote-foot .comp-price-tabby.quote-price {
        flex:0 0 auto
    }
}

.card.card-quote .quote-select-comp .comp-price .quote-price-actual,.qitaf-steps li p.card-quote .quote-select-comp .comp-price .quote-price-actual,.card.card-quote .quote-foot .quote-price .quote-price-actual,.qitaf-steps li p.card-quote .quote-foot .quote-price .quote-price-actual {
    color: #76b456;
    font-weight: 700
}

.card.card-quote .quote-select-comp .comp-price .quote-price-actual .quote-price-actual-num,.qitaf-steps li p.card-quote .quote-select-comp .comp-price .quote-price-actual .quote-price-actual-num,.card.card-quote .quote-foot .quote-price .quote-price-actual .quote-price-actual-num,.qitaf-steps li p.card-quote .quote-foot .quote-price .quote-price-actual .quote-price-actual-num {
    font-size: 32px
}

@media(max-width: 992px) {
    .card.card-quote .quote-select-comp .comp-price .quote-price-actual .quote-price-actual-num,.qitaf-steps li p.card-quote .quote-select-comp .comp-price .quote-price-actual .quote-price-actual-num,.card.card-quote .quote-foot .quote-price .quote-price-actual .quote-price-actual-num,.qitaf-steps li p.card-quote .quote-foot .quote-price .quote-price-actual .quote-price-actual-num {
        font-size:28px
    }
}

.card.card-quote .quote-select-comp .comp-price .quote-price-actual small,.qitaf-steps li p.card-quote .quote-select-comp .comp-price .quote-price-actual small,.card.card-quote .quote-foot .quote-price .quote-price-actual small,.qitaf-steps li p.card-quote .quote-foot .quote-price .quote-price-actual small {
    margin-right: 3px;
    color: #736f82;
    font-size: 13px;
    font-weight: 700
}

.card.card-quote .quote-select-comp .comp-price .quote-price-installments,.qitaf-steps li p.card-quote .quote-select-comp .comp-price .quote-price-installments,.card.card-quote .quote-foot .quote-price .quote-price-installments,.qitaf-steps li p.card-quote .quote-foot .quote-price .quote-price-installments {
    display: flex;
    gap: 5px;
    white-space: nowrap;
    align-items: center
}

@media(max-width: 992px) {
    .card.card-quote .quote-select-comp .comp-price .quote-price-installments,.qitaf-steps li p.card-quote .quote-select-comp .comp-price .quote-price-installments,.card.card-quote .quote-foot .quote-price .quote-price-installments,.qitaf-steps li p.card-quote .quote-foot .quote-price .quote-price-installments {
        gap:4;
        font-size: 12px;
        line-height: 1
    }
}

.card.card-quote .quote-select-comp .comp-price .quote-price-installments img,.qitaf-steps li p.card-quote .quote-select-comp .comp-price .quote-price-installments img,.card.card-quote .quote-foot .quote-price .quote-price-installments img,.qitaf-steps li p.card-quote .quote-foot .quote-price .quote-price-installments img {
    width: 45px;
    border-radius: 6px;
    flex: 0 0 15%
}

@media(max-width: 768px) {
    .card.card-quote .quote-select-comp .comp-price .quote-price-installments img,.qitaf-steps li p.card-quote .quote-select-comp .comp-price .quote-price-installments img,.card.card-quote .quote-foot .quote-price .quote-price-installments img,.qitaf-steps li p.card-quote .quote-foot .quote-price .quote-price-installments img {
        width:20px;
        flex: 0 0 7%
    }
}

@media(min-width: 992px)and (max-width: 1199.99px) {
    .card.card-quote .quote-select-comp .comp-price .quote-price-installments img,.qitaf-steps li p.card-quote .quote-select-comp .comp-price .quote-price-installments img,.card.card-quote .quote-foot .quote-price .quote-price-installments img,.qitaf-steps li p.card-quote .quote-foot .quote-price .quote-price-installments img {
        width:28px;
        flex: 0 0 20%
    }
}

.card.card-quote .quote-select-comp .comp-price .quote-price-installments span,.qitaf-steps li p.card-quote .quote-select-comp .comp-price .quote-price-installments span,.card.card-quote .quote-foot .quote-price .quote-price-installments span,.qitaf-steps li p.card-quote .quote-foot .quote-price .quote-price-installments span {
    font-size: 11px;
    font-weight: 500
}

@media(min-width: 992px)and (max-width: 1199.99px) {
    .card.card-quote .quote-select-comp .comp-price .quote-price-installments span,.qitaf-steps li p.card-quote .quote-select-comp .comp-price .quote-price-installments span,.card.card-quote .quote-foot .quote-price .quote-price-installments span,.qitaf-steps li p.card-quote .quote-foot .quote-price .quote-price-installments span {
        font-size:10px
    }
}

.card.card-quote .quote-select-comp .comp-price .quote-price-installments .quote-price-tabby,.qitaf-steps li p.card-quote .quote-select-comp .comp-price .quote-price-installments .quote-price-tabby,.card.card-quote .quote-foot .quote-price .quote-price-installments .quote-price-tabby,.qitaf-steps li p.card-quote .quote-foot .quote-price .quote-price-installments .quote-price-tabby {
    background-color: #cfebf8;
    padding: 4px 6px;
    border-radius: 6px
}

.card.card-quote .quote-select-comp .comp-price .quote-price-installments .quote-price-installments-group,.qitaf-steps li p.card-quote .quote-select-comp .comp-price .quote-price-installments .quote-price-installments-group,.card.card-quote .quote-foot .quote-price .quote-price-installments .quote-price-installments-group,.qitaf-steps li p.card-quote .quote-foot .quote-price .quote-price-installments .quote-price-installments-group {
    position: relative
}

.card.card-quote .quote-select-comp .comp-price .quote-price-installments .quote-price-installments-group::after,.qitaf-steps li p.card-quote .quote-select-comp .comp-price .quote-price-installments .quote-price-installments-group::after,.card.card-quote .quote-foot .quote-price .quote-price-installments .quote-price-installments-group::after,.qitaf-steps li p.card-quote .quote-foot .quote-price .quote-price-installments .quote-price-installments-group::after {
    position: absolute;
    content: "";
    top: -5%;
    right: 54%;
    width: 1.5%;
    height: 110%;
    background-color: #f8f9fa;
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg)
}

.card.card-quote .quote-select-comp .comp-price .quote-price-installments .quote-price-installments-tamtara,.qitaf-steps li p.card-quote .quote-select-comp .comp-price .quote-price-installments .quote-price-installments-tamtara,.card.card-quote .quote-foot .quote-price .quote-price-installments .quote-price-installments-tamtara,.qitaf-steps li p.card-quote .quote-foot .quote-price .quote-price-installments .quote-price-installments-tamtara {
    background-color: #cfebf8;
    padding: 4px 6px;
    border-radius: 0 6px 6px 0;
    padding-left: 8px
}

.card.card-quote .quote-select-comp .comp-price .quote-price-installments .quote-price-installments-tamtara-logo,.qitaf-steps li p.card-quote .quote-select-comp .comp-price .quote-price-installments .quote-price-installments-tamtara-logo,.card.card-quote .quote-foot .quote-price .quote-price-installments .quote-price-installments-tamtara-logo,.qitaf-steps li p.card-quote .quote-foot .quote-price .quote-price-installments .quote-price-installments-tamtara-logo {
    background: #98d8f7;
    background: linear-gradient(-90deg, rgb(152, 216, 247) 30%, rgb(207, 235, 248) 100%);
    padding: 4px 6px;
    border-radius: 6px 0 0 6px;
    padding-right: 8px
}

.card.card-quote .quote-select-comp .comp-action,.qitaf-steps li p.card-quote .quote-select-comp .comp-action,.card.card-quote .quote-foot .quote-action,.qitaf-steps li p.card-quote .quote-foot .quote-action {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex: 0 0 25%;
    flex-direction: column-reverse;
    align-items: flex-end;
    margin-right: auto
}

@media(max-width: 992px) {
    .card.card-quote .quote-select-comp .comp-action,.qitaf-steps li p.card-quote .quote-select-comp .comp-action,.card.card-quote .quote-foot .quote-action,.qitaf-steps li p.card-quote .quote-foot .quote-action {
        flex:0 0 100%;
        flex-direction: row;
        justify-content: space-between;
        padding-top: 0
    }

    .card.card-quote .quote-select-comp .comp-action .btn,.qitaf-steps li p.card-quote .quote-select-comp .comp-action .btn,.card.card-quote .quote-foot .quote-action .btn,.qitaf-steps li p.card-quote .quote-foot .quote-action .btn {
        width: 60%;
        margin-right: auto
    }
}

@media(min-width: 992px)and (max-width: 1199.99px) {
    .card.card-quote .quote-select-comp .comp-action,.qitaf-steps li p.card-quote .quote-select-comp .comp-action,.card.card-quote .quote-foot .quote-action,.qitaf-steps li p.card-quote .quote-foot .quote-action {
        flex:0 0 22%;
        width: 22%
    }
}

@media(min-width: 1200px) {
    .card.card-quote .quote-select-comp .comp-action,.qitaf-steps li p.card-quote .quote-select-comp .comp-action,.card.card-quote .quote-foot .quote-action,.qitaf-steps li p.card-quote .quote-foot .quote-action {
        flex:0 0 35%;
        width: 35%
    }
}

@media(max-width: 1100px) {
    .card.card-quote .quote-select-comp .comp-action-tabby.comp-action,.qitaf-steps li p.card-quote .quote-select-comp .comp-action-tabby.comp-action,.card.card-quote .quote-foot .comp-action-tabby.quote-action,.qitaf-steps li p.card-quote .quote-foot .comp-action-tabby.quote-action {
        padding:0 !important;
        padding-left: 10px !important
    }

    .card.card-quote .quote-select-comp .comp-action-tabby.comp-action,.qitaf-steps li p.card-quote .quote-select-comp .comp-action-tabby.comp-action,.card.card-quote .quote-foot .comp-action-tabby.quote-action,.qitaf-steps li p.card-quote .quote-foot .comp-action-tabby.quote-action {
        flex: 0 0 auto;
        margin-right: auto
    }
}

.card.card-quote .quote-select-comp .comp-action .btn,.qitaf-steps li p.card-quote .quote-select-comp .comp-action .btn,.card.card-quote .quote-foot .quote-action .btn,.qitaf-steps li p.card-quote .quote-foot .quote-action .btn {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 16px
}

@media(min-width: 992px)and (max-width: 1199.99px) {
    .card.card-quote .quote-select-comp .comp-action .btn,.qitaf-steps li p.card-quote .quote-select-comp .comp-action .btn,.card.card-quote .quote-foot .quote-action .btn,.qitaf-steps li p.card-quote .quote-foot .quote-action .btn {
        min-width:80px;
        width: 80px
    }
}

@media(min-width: 1200px) {
    .card.card-quote .quote-select-comp .comp-action .btn,.qitaf-steps li p.card-quote .quote-select-comp .comp-action .btn,.card.card-quote .quote-foot .quote-action .btn,.qitaf-steps li p.card-quote .quote-foot .quote-action .btn {
        width:100%;
        max-width: 200px
    }
}

@media(min-width: 992px) {
    .card.card-quote .quote-select-comp .avl-mob.comp-action,.qitaf-steps li p.card-quote .quote-select-comp .avl-mob.comp-action,.card.card-quote .quote-foot .avl-mob.quote-action,.qitaf-steps li p.card-quote .quote-foot .avl-mob.quote-action {
        flex:0 0 40%;
        width: 40%
    }
}

@media(min-width: 1200px) {
    .card.card-quote .quote-select-comp .avl-mob.comp-action,.qitaf-steps li p.card-quote .quote-select-comp .avl-mob.comp-action,.card.card-quote .quote-foot .avl-mob.quote-action,.qitaf-steps li p.card-quote .quote-foot .avl-mob.quote-action {
        flex:0 0 35%;
        width: 35%
    }
}

@media(min-width: 992px) {
    .card.card-quote .quote-select-comp .avl-mob.comp-action .btn,.qitaf-steps li p.card-quote .quote-select-comp .avl-mob.comp-action .btn,.card.card-quote .quote-foot .avl-mob.quote-action .btn,.qitaf-steps li p.card-quote .quote-foot .avl-mob.quote-action .btn {
        width:150px;
        max-width: 100%
    }
}

@media(min-width: 1200px) {
    .card.card-quote .quote-select-comp .avl-mob.comp-action .btn,.qitaf-steps li p.card-quote .quote-select-comp .avl-mob.comp-action .btn,.card.card-quote .quote-foot .avl-mob.quote-action .btn,.qitaf-steps li p.card-quote .quote-foot .avl-mob.quote-action .btn {
        width:200px
    }
}

.card.card-quote .quote-terms,.qitaf-steps li p.card-quote .quote-terms {
    white-space: nowrap
}

.card.card-quote .quote-label,.qitaf-steps li p.card-quote .quote-label {
    border-radius: 0 0 8px 8px;
    min-width: 100px;
    background-color: #eaecef;
    box-shadow: 0 3px 6px rgba(0,0,0,.13);
    font-weight: 700;
    font-size: 12px;
    padding: 0px 10px;
    text-align: center;
    flex: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    justify-content: center
}

@media(max-width: 992px) {
    .card.card-quote .quote-label,.qitaf-steps li p.card-quote .quote-label {
        background-color:#fff;
        margin: 0;
        box-shadow: none;
        padding: 0;
        padding-top: 5px;
        font-size: 14px
    }
}

.card.card-quote .quote-note,.qitaf-steps li p.card-quote .quote-note {
    display: flex;
    gap: 10px;
    margin: 0;
    padding: 5px 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    bottom: 100%;
    border-radius: 5px;
    z-index: 10;
    box-shadow: 0 3px 6px rgba(0,0,0,.13)
}

.card.card-quote .quote-note svg,.qitaf-steps li p.card-quote .quote-note svg {
    flex: none
}

@media(max-width: 992px) {
    .card.card-quote .quote-note,.qitaf-steps li p.card-quote .quote-note {
        width:100%
    }
}

.card.card-quote .quote-head,.qitaf-steps li p.card-quote .quote-head {
    display: flex;
    border-bottom: 1px solid #dedde3;
    padding: 5px 10px;
    width: 100%;
    flex-wrap: wrap;
    position: relative
}

@media(max-width: 992px) {
    .card.card-quote .quote-head,.qitaf-steps li p.card-quote .quote-head {
        gap:0;
        min-height: 80px
    }
}

.card.card-quote .quote-head .quote-logo,.qitaf-steps li p.card-quote .quote-head .quote-logo {
    display: none
}

@media(max-width: 992px) {
    .card.card-quote .quote-head .quote-logo,.qitaf-steps li p.card-quote .quote-head .quote-logo {
        display:flex;
        width: 60px;
        height: 60px;
        background-color: #fff;
        border: 1px solid #c3c2cb;
        padding: 1px;
        position: absolute;
        right: 5px;
        top: 5px
    }

    .card.card-quote .quote-head .quote-logo .quote-logo-img img,.qitaf-steps li p.card-quote .quote-head .quote-logo .quote-logo-img img {
        object-fit: contain
    }

    .card.card-quote .quote-head .quote-head-title-speed,.qitaf-steps li p.card-quote .quote-head .quote-head-title-speed {
        width: calc(100% - 60px)
    }
}

.card.card-quote .quote-head .quote-title,.qitaf-steps li p.card-quote .quote-head .quote-title {
    font-size: 16px;
    margin: 0;
    display: flex;
    align-self: center;
    flex: 1 1 40%;
    line-height: inherit
}

@media(max-width: 992px) {
    .card.card-quote .quote-head .quote-title,.qitaf-steps li p.card-quote .quote-head .quote-title {
        font-size:16px;
        line-height: 1.2;
        margin-bottom: 5px;
        flex: 1 1 70%;
        width: 70%
    }
}

@media(min-width: 992px) {
    .card.card-quote .quote-head .quote-title,.qitaf-steps li p.card-quote .quote-head .quote-title {
        flex:0 0 70%
    }
}

.card.card-quote .quote-head .quote-speed,.qitaf-steps li p.card-quote .quote-head .quote-speed {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: -5px;
    flex: 1 1 20%
}

@media(max-width: 992px) {
    .card.card-quote .quote-head .quote-speed,.qitaf-steps li p.card-quote .quote-head .quote-speed {
        margin:auto;
        align-items: flex-start;
        width: 30%;
        flex: 0 0 30%
    }

    .card.card-quote .quote-head .quote-speed .quote-label,.qitaf-steps li p.card-quote .quote-head .quote-speed .quote-label {
        display: none
    }
}

@media(min-width: 992px) {
    .card.card-quote .quote-head .quote-speed,.qitaf-steps li p.card-quote .quote-head .quote-speed {
        width:30%;
        flex: 0 0 30%
    }
}

.card.card-quote .quote-head .quote-speed img,.qitaf-steps li p.card-quote .quote-head .quote-speed img {
    max-width: 80px
}

@media(max-width: 992px) {
    .card.card-quote .quote-head .quote-speed img,.qitaf-steps li p.card-quote .quote-head .quote-speed img {
        max-width:60px;
        margin-right: auto
    }
}

.card.card-quote .quote-head .quote-benefits,.qitaf-steps li p.card-quote .quote-head .quote-benefits {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: flex-end;
    flex: 1 1 35%;
    flex-wrap: wrap
}

@media(max-width: 992px) {
    .card.card-quote .quote-head .quote-benefits,.qitaf-steps li p.card-quote .quote-head .quote-benefits {
        justify-content:flex-start;
        order: 3
    }
}

@media(min-width: 992px)and (max-width: 1199.98px) {
    .card.card-quote .quote-head .quote-benefits,.qitaf-steps li p.card-quote .quote-head .quote-benefits {
        gap:.25rem
    }
}

.card.card-quote .quote-head .quote-benefits img,.qitaf-steps li p.card-quote .quote-head .quote-benefits img {
    max-height: 40px
}

@media(max-width: 992px) {
    .card.card-quote .quote-head .quote-benefits img,.qitaf-steps li p.card-quote .quote-head .quote-benefits img {
        max-height:30px;
        width: auto
    }

    .card.card-quote .quote-head .quote-benefits img.live-photo-icon,.qitaf-steps li p.card-quote .quote-head .quote-benefits img.live-photo-icon {
        margin-right: auto
    }

    .card.card-quote .quote-head .quote-benefits .img-photo-upload,.qitaf-steps li p.card-quote .quote-head .quote-benefits .img-photo-upload {
        margin-right: auto
    }
}

.card.card-quote .quote-head .quote-benefits .qitaf-box,.qitaf-steps li p.card-quote .quote-head .quote-benefits .qitaf-box {
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    border: 1px solid #4f008c;
    background-color: #4f008c;
    text-align: center;
    justify-content: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media(max-width: 992px) {
    .card.card-quote .quote-head .quote-benefits .qitaf-box,.qitaf-steps li p.card-quote .quote-head .quote-benefits .qitaf-box {
        flex-direction:row;
        margin-left: 5px
    }

    .card.card-quote .quote-head .quote-benefits .qitaf-box img,.qitaf-steps li p.card-quote .quote-head .quote-benefits .qitaf-box img {
        max-width: 65px
    }
}

.card.card-quote .quote-head .quote-benefits .qitaf-box .qitaf-earn,.qitaf-steps li p.card-quote .quote-head .quote-benefits .qitaf-box .qitaf-earn {
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    font-size: 12px;
    color: #4f008c;
    text-align: center;
    padding: 5px;
    line-height: 1
}

@media(max-width: 992px) {
    .card.card-quote .quote-head .quote-benefits .qitaf-box .qitaf-earn,.qitaf-steps li p.card-quote .quote-head .quote-benefits .qitaf-box .qitaf-earn {
        border-radius:6px
    }

    .card.card-quote .quote-head .quote-benefits .img-benefit,.qitaf-steps li p.card-quote .quote-head .quote-benefits .img-benefit {
        margin-left: auto
    }

    .card.card-quote .quote-head .quote-benefits .img-photo-upload,.qitaf-steps li p.card-quote .quote-head .quote-benefits .img-photo-upload {
        margin-right: auto
    }
}

.card.card-quote .quote-gift,.qitaf-steps li p.card-quote .quote-gift {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    width: 75%;
    position: relative
}

.card.card-quote .quote-gift::after,.qitaf-steps li p.card-quote .quote-gift::after {
    content: "";
    position: absolute;
    right: 65%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    top: 0%;
    background-image: url(../../js/custom/react/16dc6962e39ea54945c8.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 27px;
    height: 100%
}

html:lang(en) .card.card-quote .quote-gift::after,html:lang(en) .qitaf-steps li p.card-quote .quote-gift::after,.qitaf-steps li html:lang(en) p.card-quote .quote-gift::after {
    -webkit-transform: translateX(50%) scaleX(-1);
    transform: translateX(50%) scaleX(-1)
}

@media(max-width: 991.98px) {
    .card.card-quote .quote-gift,.qitaf-steps li p.card-quote .quote-gift {
        margin-right:0;
        margin-left: 0;
        width: 100%
    }
}

@media(min-width: 992px)and (max-width: 1199.98px) {
    .card.card-quote .quote-gift,.qitaf-steps li p.card-quote .quote-gift {
        width:100%
    }
}

@media(min-width: 1200px)and (max-width: 1399.98px) {
    .card.card-quote .quote-gift,.qitaf-steps li p.card-quote .quote-gift {
        width:80%
    }
}

.card.card-quote .quote-gift .quote-gift-home,.qitaf-steps li p.card-quote .quote-gift .quote-gift-home {
    background-color: #fad14f;
    flex: 0 0 65%;
    width: 65%;
    padding: 5px 0;
    padding-right: 10px;
    padding-left: 10px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    display: inline-flex;
    align-items: center
}

@media(max-width: 991.98px) {
    .card.card-quote .quote-gift .quote-gift-home,.qitaf-steps li p.card-quote .quote-gift .quote-gift-home {
        border-top-right-radius:0;
        border-bottom-right-radius: 0
    }
}

.card.card-quote .quote-gift .quote-gift-home span,.qitaf-steps li p.card-quote .quote-gift .quote-gift-home span {
    display: inline-flex;
    align-items: center;
    gap: .25rem
}

@media(max-width: 767.98px) {
    .card.card-quote .quote-gift .quote-gift-home span,.qitaf-steps li p.card-quote .quote-gift .quote-gift-home span {
        font-size:13px
    }
}

.card.card-quote .quote-gift .quote-gift-home span img,.qitaf-steps li p.card-quote .quote-gift .quote-gift-home span img {
    width: 18px
}

.card.card-quote .quote-gift .quote-gift-amount,.qitaf-steps li p.card-quote .quote-gift .quote-gift-amount {
    background-color: #f7e87c;
    flex: 0 0 35%;
    width: 35%;
    padding: 5px 0;
    padding-right: 10px;
    padding-left: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 767.98px) {
    .card.card-quote .quote-gift .quote-gift-amount,.qitaf-steps li p.card-quote .quote-gift .quote-gift-amount {
        justify-content:flex-end
    }
}

@media(min-width: 992px)and (max-width: 1399.98px) {
    .card.card-quote .quote-gift .quote-gift-amount,.qitaf-steps li p.card-quote .quote-gift .quote-gift-amount {
        padding-right:15px;
        padding-left: 5px
    }
}

.card.card-quote .quote-gift .quote-gift-amount span,.qitaf-steps li p.card-quote .quote-gift .quote-gift-amount span {
    color: #fc8b28
}

@media(max-width: 767.98px) {
    .card.card-quote .quote-gift .quote-gift-amount span,.qitaf-steps li p.card-quote .quote-gift .quote-gift-amount span {
        font-size:13px
    }
}

.card.card-quote .quote-body,.qitaf-steps li p.card-quote .quote-body {
    display: flex;
    border-bottom: 1px solid #dedde3;
    width: 100%;
    flex-wrap: wrap;
    align-items: stretch;
    position: relative
}

@media(max-width: 992px) {
    .card.card-quote .quote-body,.qitaf-steps li p.card-quote .quote-body {
        position:static;
        position: initial;
        padding-bottom: 10px
    }
}

.card.card-quote .quote-body .quote-logo,.qitaf-steps li p.card-quote .quote-body .quote-logo {
    display: flex;
    flex-direction: column;
    padding: 10px;
    flex: 1 0 10%;
    align-items: center
}

@media(max-width: 1024px) {
    .card.card-quote .quote-body .quote-logo,.qitaf-steps li p.card-quote .quote-body .quote-logo {
        order:2
    }
}

@media(max-width: 992px) {
    .card.card-quote .quote-body .quote-logo,.qitaf-steps li p.card-quote .quote-body .quote-logo {
        display:none
    }
}

.card.card-quote .quote-body .quote-logo .quote-logo-img,.qitaf-steps li p.card-quote .quote-body .quote-logo .quote-logo-img {
    position: relative;
    margin-bottom: 3px
}

.card.card-quote .quote-body .quote-logo .quote-logo-img::after,.qitaf-steps li p.card-quote .quote-body .quote-logo .quote-logo-img::after {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 16px;
    height: 16px;
    content: "";
    display: none;
    background-image: url("data:image/svg+xml,<svg viewBox=%270 0 16 16%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27><path fill-rule=%27evenodd%27 d=%27M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z%27 clip-rule=%27evenodd%27/></svg>");
    background-repeat: no-repeat;
    background-size: 15px 15px;
    z-index: 10;
    box-shadow: -1px 2px 3px rgba(0,0,0,.5);
    background-color: #736f82;
    border-radius: 100%;
    padding: 1px
}

@media(max-width: 992px) {
    .card.card-quote .quote-body .quote-logo .quote-logo-img::after,.qitaf-steps li p.card-quote .quote-body .quote-logo .quote-logo-img::after {
        display:none !important
    }
}

.card.card-quote .quote-body .quote-logo .quote-logo-img img,.qitaf-steps li p.card-quote .quote-body .quote-logo .quote-logo-img img {
    z-index: 1
}

.card.card-quote .quote-body .quote-logo .quote-logo-img:hover,.qitaf-steps li p.card-quote .quote-body .quote-logo .quote-logo-img:hover {
    cursor: pointer
}

.card.card-quote .quote-body .quote-logo:hover,.qitaf-steps li p.card-quote .quote-body .quote-logo:hover {
    background-color: #f8f9fa;
    cursor: pointer
}

.card.card-quote .quote-body .quote-logo:hover .quote-logo-img::after,.qitaf-steps li p.card-quote .quote-body .quote-logo:hover .quote-logo-img::after {
    display: inline-block
}

.card.card-quote .quote-body .quote-logo .company-services,.qitaf-steps li p.card-quote .quote-body .quote-logo .company-services {
    display: flex;
    align-items: center;
    gap: 2px
}

@media(max-width: 992px) {
    .card.card-quote .quote-body .quote-logo .company-services,.qitaf-steps li p.card-quote .quote-body .quote-logo .company-services {
        display:none
    }
}

.card.card-quote .quote-body .quote-features,.qitaf-steps li p.card-quote .quote-body .quote-features {
    display: flex;
    flex-direction: column;
    padding: 18px 10px;
    padding-top: 0;
    border-right: 1px solid #dedde3
}

@media(max-width: 1024px) {
    .card.card-quote .quote-body .quote-features,.qitaf-steps li p.card-quote .quote-body .quote-features {
        order:3
    }
}

@media(max-width: 992px) {
    .card.card-quote .quote-body .quote-features,.qitaf-steps li p.card-quote .quote-body .quote-features {
        flex:none !important;
        width: 100% !important
    }

    .card.card-quote .quote-body .quote-features,.qitaf-steps li p.card-quote .quote-body .quote-features {
        padding-bottom: 0;
        border-right: none;
        margin-left: 50px;
        position: relative
    }
}

.card.card-quote .quote-body .quote-features.free,.qitaf-steps li p.card-quote .quote-body .quote-features.free {
    flex: 1 0 40%;
    width: 40%
}

.card.card-quote .quote-body .quote-features.additional,.qitaf-steps li p.card-quote .quote-body .quote-features.additional {
    flex: 1 0 50%;
    width: 50%
}

@media(max-width: 992px) {
    .card.card-quote .quote-body .quote-features.additional .custom-control-text,.qitaf-steps li p.card-quote .quote-body .quote-features.additional .custom-control-text {
        margin-top:4px
    }
}

.card.card-quote .quote-body .quote-covered,.qitaf-steps li p.card-quote .quote-body .quote-covered {
    display: none
}

.card.card-quote .quote-body.is-covered .quote-features.free,.qitaf-steps li p.card-quote .quote-body.is-covered .quote-features.free {
    flex: 0 0 35%;
    width: 35%
}

.card.card-quote .quote-body.is-covered .quote-features.additional,.qitaf-steps li p.card-quote .quote-body.is-covered .quote-features.additional {
    flex: 1 0 45%;
    width: 45%
}

.card.card-quote .quote-body.is-covered .quote-covered,.qitaf-steps li p.card-quote .quote-body.is-covered .quote-covered {
    flex: 1 0 10%;
    display: flex;
    flex-direction: column;
    background-color: #eaecef;
    text-align: center;
    border-right: 1px solid #dedde3
}

@media(max-width: 1024px) {
    .card.card-quote .quote-body.is-covered .quote-covered,.qitaf-steps li p.card-quote .quote-body.is-covered .quote-covered {
        order:1;
        flex-direction: row;
        flex: 0 0 100%;
        border-bottom: 1px solid #dedde3;
        background-color: #f8f9fa
    }
}

@media(max-width: 992px) {
    .card.card-quote .quote-body.is-covered .quote-covered,.qitaf-steps li p.card-quote .quote-body.is-covered .quote-covered {
        background:linear-gradient(-95.97deg, #149ade 33.26%, #66a547 55.45%, rgba(110, 177, 60, 0.23) 95.91%);
        justify-content: space-between
    }
}

.card.card-quote .quote-body.is-covered .quote-covered label,.qitaf-steps li p.card-quote .quote-body.is-covered .quote-covered label {
    background-color: #76b456;
    color: #fff;
    font-weight: 700;
    text-align: center
}

@media(max-width: 1024px) {
    .card.card-quote .quote-body.is-covered .quote-covered label,.qitaf-steps li p.card-quote .quote-body.is-covered .quote-covered label {
        align-items:center;
        display: flex;
        margin-bottom: 0;
        padding: 5px 10px
    }
}

@media(max-width: 992px) {
    .card.card-quote .quote-body.is-covered .quote-covered label,.qitaf-steps li p.card-quote .quote-body.is-covered .quote-covered label {
        background-color:rgba(0,0,0,0)
    }
}

.card.card-quote .quote-body.is-covered .quote-covered .quote-covered-body,.qitaf-steps li p.card-quote .quote-body.is-covered .quote-covered .quote-covered-body {
    height: 100%;
    display: flex;
    flex-direction: column
}

@media(max-width: 1024px) {
    .card.card-quote .quote-body.is-covered .quote-covered .quote-covered-body,.qitaf-steps li p.card-quote .quote-body.is-covered .quote-covered .quote-covered-body {
        flex-direction:row;
        padding: 5px 15px;
        align-items: center;
        gap: 20px;
        justify-content: space-between;
        flex-grow: 1
    }
}

@media(max-width: 992px) {
    .card.card-quote .quote-body.is-covered .quote-covered .quote-covered-body,.qitaf-steps li p.card-quote .quote-body.is-covered .quote-covered .quote-covered-body {
        padding:0 5px;
        color: #fff
    }
}

.card.card-quote .quote-body.is-covered .quote-covered .quote-covered-body img,.qitaf-steps li p.card-quote .quote-body.is-covered .quote-covered .quote-covered-body img {
    width: 70px;
    margin: 0 auto
}

@media(max-width: 1024px) {
    .card.card-quote .quote-body.is-covered .quote-covered .quote-covered-body img,.qitaf-steps li p.card-quote .quote-body.is-covered .quote-covered .quote-covered-body img {
        width:40px;
        margin-left: 10px
    }
}

@media(max-width: 992px) {
    .card.card-quote .quote-body.is-covered .quote-covered .quote-covered-body img,.qitaf-steps li p.card-quote .quote-body.is-covered .quote-covered .quote-covered-body img {
        width:35px
    }
}

.card.card-quote .quote-body .quote-benefits-images,.qitaf-steps li p.card-quote .quote-body .quote-benefits-images {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px
}

@media(max-width: 992px) {
    .card.card-quote .quote-body .quote-benefits-images,.qitaf-steps li p.card-quote .quote-body .quote-benefits-images {
        margin:5px 0;
        flex-wrap: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        justify-content: flex-start
    }
}

.card.card-quote .quote-body .quote-benefits-images li,.qitaf-steps li p.card-quote .quote-body .quote-benefits-images li {
    height: 45px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex: none
}

@media(max-width: 992px) {
    .card.card-quote .quote-body .quote-benefits-images li,.qitaf-steps li p.card-quote .quote-body .quote-benefits-images li {
        width:45px
    }
}

.card.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item,.qitaf-steps li p.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    margin-bottom: 8px
}

@media(max-width: 992px) {
    .card.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item,.qitaf-steps li p.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item {
        line-height:1.2
    }
}

.card.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item svg,.qitaf-steps li p.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item svg {
    flex: none
}

.card.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item>span.truncate-text,.qitaf-steps li p.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item>span.truncate-text {
    margin-top: -4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media(max-width: 992px) {
    .card.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item>span.truncate-text,.qitaf-steps li p.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item>span.truncate-text {
        margin-top:0
    }
}

.card.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item.collapse,.qitaf-steps li p.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item.collapse {
    display: none
}

.card.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item.collapse.show,.qitaf-steps li p.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item.collapse.show {
    display: flex
}

.card.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item.collapse.show .truncate-text,.qitaf-steps li p.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item.collapse.show .truncate-text {
    white-space: normal !important
}

.card.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item .custom-checkbox,.qitaf-steps li p.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item .custom-checkbox {
    margin: 0
}

.card.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item .custom-checkbox .custom-control-label,.qitaf-steps li p.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item .custom-checkbox .custom-control-label {
    align-items: flex-start
}

.card.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item .custom-checkbox .custom-control-label .custom-control-text.truncate-text,.qitaf-steps li p.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item .custom-checkbox .custom-control-label .custom-control-text.truncate-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.card.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item .custom-checkbox .custom-control-label .icon-info,.qitaf-steps li p.card-quote .quote-body .quote-benefits-text .quote-benefits-text-item .custom-checkbox .custom-control-label .icon-info {
    margin-top: 3px
}

.card.card-quote .quote-body .custom-checkbox-image,.qitaf-steps li p.card-quote .quote-body .custom-checkbox-image {
    margin-bottom: 0
}

.card.card-quote .quote-body .custom-checkbox-image .custom-control-label::before,.qitaf-steps li p.card-quote .quote-body .custom-checkbox-image .custom-control-label::before {
    width: 17px;
    height: 17px;
    border-color: #149ade
}

@media(max-width: 992px) {
    .card.card-quote .quote-body .custom-checkbox-image .custom-control-label::before,.qitaf-steps li p.card-quote .quote-body .custom-checkbox-image .custom-control-label::before {
        border-radius:4px;
        right: -2px;
        top: 3px
    }
}

.card.card-quote .quote-body .custom-checkbox-image .custom-control-label .custom-control-text,.qitaf-steps li p.card-quote .quote-body .custom-checkbox-image .custom-control-label .custom-control-text {
    padding-right: 10px;
    margin-top: 4px
}

@media(max-width: 992px) {
    .card.card-quote .quote-body .custom-checkbox-image .custom-control-label .custom-control-text,.qitaf-steps li p.card-quote .quote-body .custom-checkbox-image .custom-control-label .custom-control-text {
        padding:1px;
        width: 100%;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: none
    }
}

.card.card-quote .quote-body .custom-checkbox-image .custom-control-input:checked~.custom-control-label::after,.qitaf-steps li p.card-quote .quote-body .custom-checkbox-image .custom-control-input:checked~.custom-control-label::after {
    top: 3px;
    right: 0px
}

@media(max-width: 992px) {
    .card.card-quote .quote-body .custom-checkbox-image .custom-control-input:checked~.custom-control-label::after,.qitaf-steps li p.card-quote .quote-body .custom-checkbox-image .custom-control-input:checked~.custom-control-label::after {
        top:3px;
        right: -2px
    }
}

.card.card-quote .quote-foot,.qitaf-steps li p.card-quote .quote-foot {
    background-color: #f8f9fa;
    display: flex;
    position: relative;
    flex-wrap: wrap
}

@media(max-width: 1024px) {
    .card.card-quote .quote-foot,.qitaf-steps li p.card-quote .quote-foot {
        align-items:stretch
    }
}

@media(max-width: 992px) {
    .card.card-quote .quote-foot,.qitaf-steps li p.card-quote .quote-foot {
        flex-wrap:wrap;
        padding-top: 10px
    }
}

.card.card-quote .quote-foot .btn-collapse,.qitaf-steps li p.card-quote .quote-foot .btn-collapse {
    position: absolute;
    top: -30px;
    left: 15px;
    border-radius: 6px 6px 0 0;
    background-color: #dcf1fc;
    color: #149ade;
    font-weight: bold;
    font-size: 12px;
    padding-right: 15px;
    padding-left: 10px;
    height: 30px;
    border: 1px solid #addef8;
    border-bottom: none;
    box-shadow: 0 -3px 6px rgba(0,0,0,.13)
}

@media(max-width: 992px) {
    .card.card-quote .quote-foot .btn-collapse,.qitaf-steps li p.card-quote .quote-foot .btn-collapse {
        padding:5px 10px;
        height: auto;
        top: -15px;
        border-bottom: 1px solid #addef8;
        border-radius: 6px
    }
}

.card.card-quote .quote-foot .btn-collapse.quote-collapsable::after,.qitaf-steps li p.card-quote .quote-foot .btn-collapse.quote-collapsable::after {
    content: "";
    top: 7px;
    left: 7px;
    right: auto;
    background-image: url("data:image/svg+xml,<svg viewBox=%270 0 16 16%27 fill=%27%23149ade%27 xmlns=%27http://www.w3.org/2000/svg%27><path fill-rule=%27evenodd%27 d=%27M1.646 6.646a.5.5 0 0 1 .708 0L8 12.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27 clip-rule=%27evenodd%27/><path fill-rule=%27evenodd%27 d=%27M1.646 2.646a.5.5 0 0 1 .708 0L8 8.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27 clip-rule=%27evenodd%27/></svg>");
    background-size: 16px;
    width: 16px;
    height: 16px;
    transition: ease all .3s;
    margin: 0px 5px
}

@media(max-width: 992px) {
    .card.card-quote .quote-foot .btn-collapse.quote-collapsable::after,.qitaf-steps li p.card-quote .quote-foot .btn-collapse.quote-collapsable::after {
        top:4px
    }
}

.card.card-quote .quote-foot .btn-collapse[aria-expanded=true],.qitaf-steps li p.card-quote .quote-foot .btn-collapse[aria-expanded=true] {
    background-color: #149ade;
    color: #fff
}

.card.card-quote .quote-foot .btn-collapse[aria-expanded=true]::after,.qitaf-steps li p.card-quote .quote-foot .btn-collapse[aria-expanded=true]::after {
    background-image: url("data:image/svg+xml,<svg viewBox=%270 0 16 16%27 fill=%27%23ffffff%27 xmlns=%27http://www.w3.org/2000/svg%27><path fill-rule=%27evenodd%27 d=%27M1.646 6.646a.5.5 0 0 1 .708 0L8 12.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27 clip-rule=%27evenodd%27/><path fill-rule=%27evenodd%27 d=%27M1.646 2.646a.5.5 0 0 1 .708 0L8 8.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27 clip-rule=%27evenodd%27/></svg>");
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.card.card-quote .quote-foot .btn-collapse:focus,.qitaf-steps li p.card-quote .quote-foot .btn-collapse:focus {
    background-color: #149ade !important;
    color: #fff !important
}

.card.card-quote .quote-foot .btn-collapse:focus::after,.qitaf-steps li p.card-quote .quote-foot .btn-collapse:focus::after {
    background-image: url("data:image/svg+xml,<svg viewBox=%270 0 16 16%27 fill=%27%23ffffff%27 xmlns=%27http://www.w3.org/2000/svg%27><path fill-rule=%27evenodd%27 d=%27M1.646 6.646a.5.5 0 0 1 .708 0L8 12.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27 clip-rule=%27evenodd%27/><path fill-rule=%27evenodd%27 d=%27M1.646 2.646a.5.5 0 0 1 .708 0L8 8.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27 clip-rule=%27evenodd%27/></svg>")
}

.card.card-quote .quote-foot .btn-collapse:hover,.qitaf-steps li p.card-quote .quote-foot .btn-collapse:hover {
    background-color: #c4e8fa
}

.card.card-quote .quote-foot .quote-discounts,.qitaf-steps li p.card-quote .quote-foot .quote-discounts {
    padding: 10px;
    flex: 0 0 50%
}

@media(max-width: 1100px) {
    .card.card-quote .quote-foot .quote-discounts,.qitaf-steps li p.card-quote .quote-foot .quote-discounts {
        margin:0 !important
    }

    .card.card-quote .quote-foot .quote-discounts,.qitaf-steps li p.card-quote .quote-foot .quote-discounts {
        flex: 0 0 50%;
        align-self: center
    }
}

@media(max-width: 992px) {
    .card.card-quote .quote-foot .quote-discounts,.qitaf-steps li p.card-quote .quote-foot .quote-discounts {
        flex:0 0 100%;
        border-bottom: 1px solid #dedde3;
        font-size: 12px;
        padding-top: 0
    }
}

.card.card-quote .quote-foot .quote-discounts.quote-discounts-isDeductible,.qitaf-steps li p.card-quote .quote-foot .quote-discounts.quote-discounts-isDeductible {
    flex: 0 0 25%
}

@media(max-width: 992px) {
    .card.card-quote .quote-foot .quote-discounts.quote-discounts-isDeductible,.qitaf-steps li p.card-quote .quote-foot .quote-discounts.quote-discounts-isDeductible {
        flex:0 0 100%
    }
}

.card.card-quote .quote-foot .quote-discounts ul li,.qitaf-steps li p.card-quote .quote-foot .quote-discounts ul li {
    display: flex;
    gap: 7px
}

@media(max-width: 992px) {
    .card.card-quote .quote-foot .quote-discounts ul li,.qitaf-steps li p.card-quote .quote-foot .quote-discounts ul li {
        margin:5px 0
    }

    .card.card-quote .quote-foot .quote-discounts ul li>span,.qitaf-steps li p.card-quote .quote-foot .quote-discounts ul li>span {
        display: flex;
        line-height: 1.2
    }
}

.card.card-quote .quote-foot .quote-discounts ul li svg,.qitaf-steps li p.card-quote .quote-foot .quote-discounts ul li svg {
    margin-top: 4px
}

@media(max-width: 992px) {
    .card.card-quote .quote-foot .quote-discounts ul li svg,.qitaf-steps li p.card-quote .quote-foot .quote-discounts ul li svg {
        margin-top:0
    }
}

.card.card-quote .quote-foot .quote-deductible,.qitaf-steps li p.card-quote .quote-foot .quote-deductible {
    padding: 10px;
    flex: 0 0 25%;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
    white-space: nowrap;
    flex-wrap: wrap
}

@media(max-width: 1100px) {
    .card.card-quote .quote-foot .quote-deductible,.qitaf-steps li p.card-quote .quote-foot .quote-deductible {
        flex-direction:column;
        flex: 0 0 25%;
        gap: 5px;
        align-self: center;
        align-items: flex-end
    }
}

@media(max-width: 992px) {
    .card.card-quote .quote-foot .quote-deductible,.qitaf-steps li p.card-quote .quote-foot .quote-deductible {
        flex:1 0 36%;
        padding-bottom: 0;
        align-self: flex-start;
        align-items: flex-start;
        justify-content: flex-start;
        padding-left: 0
    }

    .card.card-quote .quote-foot .quote-deductible .form-control,.qitaf-steps li p.card-quote .quote-foot .quote-deductible .form-control {
        height: 40px !important
    }
}

.card.card-quote .quote-foot .quote-price-action,.qitaf-steps li p.card-quote .quote-foot .quote-price-action {
    width: 50%;
    margin-right: auto
}

@media(max-width: 991.99px) {
    .card.card-quote .quote-foot .quote-price-action,.qitaf-steps li p.card-quote .quote-foot .quote-price-action {
        width:60%
    }
}

@media(max-width: 767.99px) {
    .card.card-quote .quote-foot .quote-price-action,.qitaf-steps li p.card-quote .quote-foot .quote-price-action {
        width:100%
    }
}

.card.card-quote.is-featured,.qitaf-steps li p.card-quote.is-featured {
    box-shadow: 0 0 15px 0 rgba(118,183,64,.75)
}

.card.card-quote.is-featured .quote-head,.qitaf-steps li p.card-quote.is-featured .quote-head {
    background: linear-gradient(-180deg, rgba(118, 183, 64, 0.25), #fff)
}

.card.card-quote .quote-select-comp,.qitaf-steps li p.card-quote .quote-select-comp {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: #149ade;
    position: relative
}

@media(max-width: 992px) {
    .card.card-quote .quote-select-comp,.qitaf-steps li p.card-quote .quote-select-comp {
        padding:5px 10px;
        padding-left: 50px;
        flex-direction: column;
        align-items: flex-start
    }
}

.card.card-quote .quote-select-comp::before,.qitaf-steps li p.card-quote .quote-select-comp::before {
    height: 8px;
    width: 100%;
    position: absolute;
    bottom: -7px;
    right: 0;
    content: "";
    background-size: 60px;
    background-repeat: repeat-x
}

@media(min-width: 992px) {
    .card.card-quote .quote-select-comp::after,.qitaf-steps li p.card-quote .quote-select-comp::after {
        position:absolute;
        content: "";
        right: 50%;
        top: 0;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        width: 1px;
        height: 100%;
        background-color: #fff
    }
}

.card.card-quote .quote-select-comp .quote-select-to-comp,.qitaf-steps li p.card-quote .quote-select-comp .quote-select-to-comp {
    width: 60% !important
}

@media(min-width: 992px) {
    .card.card-quote .quote-select-comp .quote-select-to-comp,.qitaf-steps li p.card-quote .quote-select-comp .quote-select-to-comp {
        width:50% !important
    }
}

.card.card-quote .quote-select-comp .comp-label,.qitaf-steps li p.card-quote .quote-select-comp .comp-label {
    padding: 10px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0
}

@media(max-width: 992px) {
    .card.card-quote .quote-select-comp .comp-label,.qitaf-steps li p.card-quote .quote-select-comp .comp-label {
        flex:1 0 100%;
        padding: 0px;
        font-size: 13px
    }
}

.card.card-quote .quote-select-comp .comp-price,.qitaf-steps li p.card-quote .quote-select-comp .comp-price {
    color: #fff;
    border-color: #149ade;
    position: relative
}

@media(max-width: 992px) {
    .card.card-quote .quote-select-comp .comp-price,.qitaf-steps li p.card-quote .quote-select-comp .comp-price {
        flex:0 0 100%;
        padding: 0;
        margin: 0;
        flex-direction: row;
        align-items: center;
        gap: 15px;
        justify-content: flex-start
    }
}

.card.card-quote .quote-select-comp .comp-price .quote-price-actual,.qitaf-steps li p.card-quote .quote-select-comp .comp-price .quote-price-actual {
    color: #fff
}

.card.card-quote .quote-select-comp .comp-price .quote-price-actual .quote-price-actual-num,.qitaf-steps li p.card-quote .quote-select-comp .comp-price .quote-price-actual .quote-price-actual-num {
    font-size: 22px
}

@media(max-width: 992px) {
    .card.card-quote .quote-select-comp .comp-price .quote-price-actual .quote-price-actual-num,.qitaf-steps li p.card-quote .quote-select-comp .comp-price .quote-price-actual .quote-price-actual-num {
        font-size:18px
    }
}

.card.card-quote .quote-select-comp .comp-price .quote-price-actual small,.qitaf-steps li p.card-quote .quote-select-comp .comp-price .quote-price-actual small {
    color: #fff
}

.card.card-quote .quote-select-comp .comp-action,.qitaf-steps li p.card-quote .quote-select-comp .comp-action {
    padding: 10px !important
}

@media(max-width: 992px) {
    .card.card-quote .quote-select-comp .comp-action,.qitaf-steps li p.card-quote .quote-select-comp .comp-action {
        position:absolute;
        left: 10px;
        width: 40px;
        height: 100%;
        align-items: center;
        justify-content: center;
        padding: 10px;
        top: 0
    }

    .card.card-quote .quote-select-comp .comp-action .btn,.qitaf-steps li p.card-quote .quote-select-comp .comp-action .btn {
        background-color: rgba(0,0,0,0);
        box-shadow: none;
        border: none;
        padding: 0;
        width: 50px
    }

    .card.card-quote .quote-select-comp .comp-action .btn svg,.qitaf-steps li p.card-quote .quote-select-comp .comp-action .btn svg {
        flex: none;
        transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
    }
}

.card.card-quote .quote-select-comp .comp-action .btn-select-comp,.qitaf-steps li p.card-quote .quote-select-comp .comp-action .btn-select-comp {
    display: none !important
}

@media(min-width: 992px) {
    .card.card-quote .quote-select-comp .comp-action .btn-select-comp,.qitaf-steps li p.card-quote .quote-select-comp .comp-action .btn-select-comp {
        display:flex !important
    }
}

.card.card-quote .quote-select-comp .comp-action .svg-select-comp,.qitaf-steps li p.card-quote .quote-select-comp .comp-action .svg-select-comp {
    display: flex !important
}

@media(min-width: 992px) {
    .card.card-quote .quote-select-comp .comp-action .svg-select-comp,.qitaf-steps li p.card-quote .quote-select-comp .comp-action .svg-select-comp {
        display:none !important
    }
}

@media(min-width: 769px) {
    .card.card-quote .show-only-desktop,.qitaf-steps li p.card-quote .show-only-desktop {
        display:flex !important
    }
}

.card.card-box-small,.qitaf-steps li p.card-box-small {
    display: flex;
    margin-top: 20px;
    background: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 10px 15px;
    align-items: center;
    position: relative;
    margin-bottom: 0px;
    flex-direction: row
}

.card.card-box-small.card-compare,.qitaf-steps li p.card-box-small.card-compare {
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    background-color: #eaecef;
    border: 5px solid #eaecef;
    padding: 15px;
    padding-top: 35px;
    height: 100%
}

.card.card-box-small.card-compare.comp,.qitaf-steps li p.card-box-small.card-compare.comp {
    border-color: #76b456;
    background-color: #f7fbf5
}

.card.card-box-small.card-compare.tpl .card-body,.qitaf-steps li p.card-box-small.card-compare.tpl .card-body {
    margin: auto 0;
    display: flex;
    flex-direction: column;
    flex: initial
}

.card.card-box-small.card-compare .card-head,.qitaf-steps li p.card-box-small.card-compare .card-head {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.card.card-box-small.card-compare .card-head .img-wrap,.qitaf-steps li p.card-box-small.card-compare .card-head .img-wrap {
    width: 70px;
    height: 70px;
    border: 1px solid #c3c2cb;
    background-color: #fff
}

.card.card-box-small.card-compare .card-head .img-wrap img,.qitaf-steps li p.card-box-small.card-compare .card-head .img-wrap img {
    object-fit: contain
}

.card.card-box-small.card-compare .card-body,.qitaf-steps li p.card-box-small.card-compare .card-body {
    padding: 0 !important
}

.card.card-box-small.card-compare .card-note,.qitaf-steps li p.card-box-small.card-compare .card-note {
    position: absolute;
    top: -20px;
    right: 50%;
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
    padding: 10px 20px;
    background-color: #76b456;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 20px;
    white-space: nowrap
}

.card.card-box-small.card-compare .discounts-box,.qitaf-steps li p.card-box-small.card-compare .discounts-box {
    background-color: #e9f3e3;
    border-radius: 6px;
    padding: 10px;
    position: relative
}

.card.card-box-small.card-compare .discounts-box::after,.qitaf-steps li p.card-box-small.card-compare .discounts-box::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 10px;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #e9f3e3;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.edit-bar {
    padding: 10px;
    display: flex;
    margin-bottom: 34px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.13);
    background-color: #fffdfa;
    position: -webkit-sticky;
    position: sticky;
    z-index: 999;
    top: 69px
}

@media(max-width: 992px) {
    .edit-bar {
        position:relative;
        top: auto;
        background-color: #fff6e0
    }

    .edit-bar .btn {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        font-size: 12px !important;
        height: 35px !important
    }

    .edit-bar .btn {
        width: 100%
    }
}

.edit-bar .edit-bar-wrapper {
    display: flex;
    width: 100%;
    gap: 20px;
    align-items: center
}

@media(max-width: 992px) {
    .edit-bar .edit-bar-wrapper {
        flex-wrap:wrap;
        gap: 10px
    }
}

.edit-bar .edit-bar-item {
    display: flex;
    align-items: center;
    gap: 10px
}

@media(max-width: 992px) {
    .edit-bar .edit-bar-item {
        align-items:flex-start;
        flex-direction: column;
        gap: 5px;
        width: calc(50% - 5px)
    }

    .edit-bar .edit-bar-item .css-b62m3t-container {
        width: 100%
    }
}

.edit-bar .edit-bar-item .css-1s2u09g-control,.edit-bar .edit-bar-item .css-1pahdxg-control {
    max-height: 42px;
    min-width: 150px
}

@media(max-width: 992px) {
    .edit-bar .edit-bar-item .css-1s2u09g-control,.edit-bar .edit-bar-item .css-1pahdxg-control {
        min-width:100%;
        width: 100%
    }
}

.time-expired {
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 8px;
    background-color: #fff6e0;
    padding: 10px 15px
}

@media(max-width: 992px) {
    .time-expired {
        margin-bottom:10px
    }

    .time-expired .time-expired-title {
        width: 75%
    }

    .time-expired .time-box {
        display: flex;
        gap: 3px
    }
}

@media(max-width: 575.98px) {
    .time-expired {
        flex-direction:column
    }

    .time-expired .time-expired-title {
        width: 100%
    }
}

.card_vehicleInfo {
    border-radius: 6px;
    box-shadow: 0 0 15px rgba(0,0,0,.13);
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
}

.card_vehicleInfo_header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem
}

@media(max-width: 767.98px) {
    .card_vehicleInfo_header {
        margin-bottom:1rem
    }
}

.card_vehicleInfo_header_img {
    width: 75px;
    padding: .5rem;
    border-radius: 6px;
    border: 1px solid #c3c2cb
}

.card_vehicleInfo_header_text_title {
    font-size: 18px;
    font-weight: bold;
    color: #575757;
    margin-bottom: 0
}

.card_vehicleInfo_footer_plate {
    display: inline-flex;
    flex-wrap: wrap;
    border: 1px solid #c3c2cb;
    border-radius: 5px;
    direction: ltr
}

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

.card_vehicleInfo_footer_plate_box:first-of-type {
    border-bottom: 1px solid #c3c2cb
}

.card_vehicleInfo_footer_plate_box span {
    padding: .25rem .5rem;
    display: inline-block;
    text-align: center;
    letter-spacing: 3px;
    font-size: 16px;
    font-weight: 500;
    min-width: 80px
}

.card_vehicleInfo_footer_plate_box span:not(:last-of-type) {
    border-right: 1px solid #c3c2cb
}

.card_vehicleInfo_footer_plate_ksa {
    border-left: 1px solid #c3c2cb;
    padding: .125rem .25rem;
    display: flex;
    align-items: center
}

.card_vehicleInfo_footer_plate_ksa img {
    width: 15px
}

.card_summaryInfo {
    border-radius: 6px;
    box-shadow: 0 0 15px rgba(0,0,0,.13);
    padding: 1rem 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #575757;
    background-color: #f8f9fa;
    border: 1px solid #d9d9d9;
    gap: 20px
}

.card_summaryInfo_header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem
}

@media(max-width: 767.98px) {
    .card_summaryInfo_header {
        margin-bottom:1rem
    }
}

.card_summaryInfo_header_img {
    width: 75px;
    padding: .5rem;
    border-radius: 6px;
    border: 1px solid #c3c2cb
}

.card_summaryInfo_header_text_title {
    font-size: 18px;
    font-weight: bold;
    color: #575757;
    margin-bottom: 0
}

.payment-price {
    color: #109bde;
    font-size: 20px
}

.mbi.quote-item {
    border: 2px solid #eaecef;
    border-radius: 15px
}

.mbi.quote-item .quote-item-head {
    border-bottom: 2px dashed #eaecef;
    padding: 10px
}

.mbi.quote-item .quote-item-head img {
    width: 95px
}

@media(max-width: 767.98px) {
    .mbi.quote-item .quote-item-head img {
        width:65px
    }
}

.quote-item-body {
    position: relative
}

.table-mobile-controls {
    background-color: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 41.5px;
    z-index: 999;
    border-top: 1px solid #eaecef
}

@media(min-width: 768px) {
    .table-mobile-controls {
        display:none !important
    }
}

.table-mobile-controls.mbi-home {
    border-radius: 14px 14px 0 0;
    overflow: hidden
}

.table-mobile-controls .scroll-arrow {
    padding: 0 !important
}

.table-mobile-controls .scroll-arrow {
    position: absolute;
    top: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #149ade;
    -webkit-animation-name: flashArrow;
    animation-name: flashArrow;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.table-mobile-controls .scroll-arrow svg {
    width: 49px;
    height: 48px
}

.table-mobile-controls .scroll-arrow.next {
    left: 0px
}

.table-mobile-controls .scroll-arrow.previous {
    right: 0px
}

.table-quote-plans {
    width: 100%;
    table-layout: auto;
    position: relative;
    margin-bottom: 0;
    display: block
}

.table-quote-plans tbody,.table-quote-plans thead,.table-quote-plans tfoot {
    width: 100%;
    display: block;
    pointer-events: none
}

.table-quote-plans tbody tr,.table-quote-plans thead tr,.table-quote-plans tfoot tr {
    display: flex;
    justify-content: space-between
}

.table-quote-plans tbody tr td,.table-quote-plans tbody tr th,.table-quote-plans thead tr td,.table-quote-plans thead tr th,.table-quote-plans tfoot tr td,.table-quote-plans tfoot tr th {
    border-left: 2px dashed #eaecef !important
}

.table-quote-plans tbody tr td,.table-quote-plans tbody tr th,.table-quote-plans thead tr td,.table-quote-plans thead tr th,.table-quote-plans tfoot tr td,.table-quote-plans tfoot tr th {
    border: none;
    vertical-align: middle
}

@media(max-width: 767.98px) {
    .table-quote-plans tbody tr td,.table-quote-plans tbody tr th,.table-quote-plans thead tr td,.table-quote-plans thead tr th,.table-quote-plans tfoot tr td,.table-quote-plans tfoot tr th {
        border-left:none !important
    }

    .table-quote-plans tbody tr td,.table-quote-plans tbody tr th,.table-quote-plans thead tr td,.table-quote-plans thead tr th,.table-quote-plans tfoot tr td,.table-quote-plans tfoot tr th {
        vertical-align: top
    }
}

.table-quote-plans tbody tr th,.table-quote-plans thead tr th,.table-quote-plans tfoot tr th {
    text-transform: uppercase;
    color: #575757
}

.table-quote-plans tbody tr th span,.table-quote-plans thead tr th span,.table-quote-plans tfoot tr th span {
    text-transform: uppercase;
    color: #575757;
    font-weight: 400
}

.table-quote-plans tbody tr td,.table-quote-plans thead tr td,.table-quote-plans tfoot tr td {
    font-weight: 700;
    color: #149ade;
    text-align: center
}

@media(max-width: 767.98px) {
    .table-quote-plans tbody tr td,.table-quote-plans thead tr td,.table-quote-plans tfoot tr td {
        text-align:right
    }

    .table-quote-plans thead {
        overflow-x: auto;
        display: block;
        position: -webkit-sticky;
        position: sticky;
        top: 75px;
        z-index: 99;
        background: #fff
    }

    .table-quote-plans thead::-webkit-scrollbar {
        width: 0px
    }

    .table-quote-plans thead::-webkit-scrollbar-track {
        box-shadow: inset 0 0 0 rgba(0,0,0,0);
        border-radius: 0
    }

    .table-quote-plans thead::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,0);
        border-radius: 0
    }

    .table-quote-plans thead::-webkit-scrollbar-thumb:hover {
        background: rgba(0,0,0,0)
    }
}

.table-quote-plans thead th {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px
}

@media(max-width: 767.98px) {
    .table-quote-plans thead th {
        max-width:calc(50vw - 15px) !important;
        min-width: calc(50vw - 15px) !important;
        width: calc(50vw - 15px) !important
    }

    .table-quote-plans thead th {
        padding-bottom: 10px;
        text-align: right;
        padding-right: 15px;
        background-color: #eaecef
    }
}

.table-quote-plans thead th:first-child {
    width: 350px !important;
    min-width: 350px !important;
    max-width: 350px !important
}

.table-quote-plans thead th:first-child {
    text-align: right;
    padding-right: 10px;
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    z-index: 10;
    background: #fff
}

.table-quote-plans thead th:last-child {
    border-left: none !important
}

.table-quote-plans tbody {
    position: relative;
    z-index: 1
}

@media(max-width: 767.98px) {
    .table-quote-plans tbody,.table-quote-plans tfoot {
        overflow-x:auto;
        display: grid;
        pointer-events: none
    }

    .table-quote-plans tbody::-webkit-scrollbar,.table-quote-plans tfoot::-webkit-scrollbar {
        width: 0px
    }

    .table-quote-plans tbody::-webkit-scrollbar-track,.table-quote-plans tfoot::-webkit-scrollbar-track {
        box-shadow: inset 0 0 0 rgba(0,0,0,0);
        border-radius: 0
    }

    .table-quote-plans tbody::-webkit-scrollbar-thumb,.table-quote-plans tfoot::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,0);
        border-radius: 0
    }

    .table-quote-plans tbody::-webkit-scrollbar-thumb:hover,.table-quote-plans tfoot::-webkit-scrollbar-thumb:hover {
        background: rgba(0,0,0,0)
    }
}

.table-quote-plans tbody tr:hover,.table-quote-plans tbody tr:focus,.table-quote-plans tfoot tr:hover,.table-quote-plans tfoot tr:focus {
    background-color: #eaecef
}

.table-quote-plans tbody tr:hover th,.table-quote-plans tbody tr:focus th,.table-quote-plans tfoot tr:hover th,.table-quote-plans tfoot tr:focus th {
    background-color: #eaecef !important
}

@media(max-width: 767.98px) {
    .table-quote-plans tbody tr,.table-quote-plans tfoot tr {
        border-bottom:1px solid #eaecef
    }

    .table-quote-plans tbody tr:last-of-type,.table-quote-plans tfoot tr:last-of-type {
        border-bottom: 0
    }

    .table-quote-plans tbody tr:hover,.table-quote-plans tbody tr:focus,.table-quote-plans tfoot tr:hover,.table-quote-plans tfoot tr:focus {
        background: none !important;
        background-color: rgba(0,0,0,0) !important
    }
}

.table-quote-plans tbody tr.smart-caption,.table-quote-plans tfoot tr.smart-caption {
    display: none
}

@media(max-width: 767.98px) {
    .table-quote-plans tbody tr.smart-caption,.table-quote-plans tfoot tr.smart-caption {
        display:table-row;
        border: none
    }

    .table-quote-plans tbody tr.smart-caption td,.table-quote-plans tfoot tr.smart-caption td {
        padding-top: 0;
        padding-bottom: 0
    }

    .table-quote-plans tbody tr.smart-caption td caption,.table-quote-plans tfoot tr.smart-caption td caption {
        position: -webkit-sticky;
        position: sticky;
        right: 15px;
        color: #575757;
        font-weight: normal;
        white-space: nowrap;
        padding-bottom: 0
    }
}

.table-quote-plans tbody tr th,.table-quote-plans tfoot tr th {
    border-right: none !important
}

.table-quote-plans tbody tr th,.table-quote-plans tfoot tr th {
    width: 350px;
    min-width: 350px;
    max-width: 350px;
    text-transform: capitalize;
    padding: 2px 15px;
    font-weight: normal;
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    z-index: 10;
    background: #fff
}

@media(max-width: 767.98px) {
    .table-quote-plans tbody tr th,.table-quote-plans tfoot tr th {
        display:none
    }
}

.table-quote-plans tbody tr td,.table-quote-plans tfoot tr td {
    padding: 2px 15px
}

@media(max-width: 767.98px) {
    .table-quote-plans tbody tr td,.table-quote-plans tfoot tr td {
        max-width:calc(50vw - 15px) !important;
        min-width: calc(50vw - 15px) !important;
        width: calc(50vw - 15px) !important
    }

    .table-quote-plans tbody tr td,.table-quote-plans tfoot tr td {
        padding-top: 0;
        padding-bottom: 10px
    }
}

.table-quote-plans tbody tr td:last-child,.table-quote-plans tfoot tr td:last-child {
    border-left: none !important
}

.table-quote-plans tbody tr:last-child td,.table-quote-plans tfoot tr:last-child td {
    background-color: rgba(0,0,0,0) !important
}

.table-quote-plans tbody tr:last-child td,.table-quote-plans tfoot tr:last-child td {
    border-bottom: 2px dashed #eaecef;
    border-top: 2px dashed #eaecef
}

.table-quote-plans tbody tr:last-child th,.table-quote-plans tfoot tr:last-child th {
    background-color: rgba(0,0,0,0) !important
}

.table-quote-plans tbody tr:last-child th,.table-quote-plans tfoot tr:last-child th {
    border-bottom: 2px dashed #eaecef;
    border-top: 2px dashed #eaecef
}

.table-quote-plans tbody tr.tr-mbi-deductible,.table-quote-plans tfoot tr.tr-mbi-deductible {
    pointer-events: none
}

@media(max-width: 767.98px) {
    .table-quote-plans tbody tr.tr-mbi-deductible th:first-child,.table-quote-plans tfoot tr.tr-mbi-deductible th:first-child {
        display:none !important
    }

    .table-quote-plans tbody tr.tr-mbi-deductible td,.table-quote-plans tfoot tr.tr-mbi-deductible td {
        border-top: none !important
    }
}

.table-quote-plans tbody tr:last-child td,.table-quote-plans tfoot tr:last-child td {
    vertical-align: top
}

.table-quote-plans tbody tr.no-hover:hover,.table-quote-plans tbody tr.no-hover:focus,.table-quote-plans tfoot tr.no-hover:hover,.table-quote-plans tfoot tr.no-hover:focus {
    background: none !important;
    background-color: rgba(0,0,0,0) !important
}

.table-quote-plans tbody tr.no-hover:hover th,.table-quote-plans tbody tr.no-hover:focus th,.table-quote-plans tfoot tr.no-hover:hover th,.table-quote-plans tfoot tr.no-hover:focus th {
    background: #fff !important;
    background-color: #fff !important
}

.table-quote-plans tbody tr.no-hover th,.table-quote-plans tfoot tr.no-hover th {
    background: #fff !important;
    background-color: #fff !important
}

@media(max-width: 767.98px) {
    .table-quote-plans tfoot {
        position:-webkit-sticky;
        position: sticky;
        bottom: 0;
        overflow-x: auto;
        background-color: #fff;
        display: block;
        margin-bottom: 8px;
        z-index: 99
    }
}

@media(max-width: 768px) {
    .table-quote-plans tfoot tr th {
        display:none
    }
}

@media(max-width: 767.98px) {
    .table-quote-plans tfoot tr td {
        width:calc(50vw - 15px) !important;
        max-width: calc(50vw - 15px) !important;
        min-width: calc(50vw - 15px) !important
    }
}

.table-quote-plans tfoot tr td button {
    pointer-events: all
}

.table-quote-plans tfoot tr:last-child th,.table-quote-plans tfoot tr:last-child td {
    border-top: 0;
    border-bottom: 0
}

@media(max-width: 767.98px) {
    .table-quote-plans.mbi-home tbody tr:nth-last-of-type(2) {
        border-bottom:0 !important
    }
}

.table-quote-plans .spec-title {
    display: flex;
    align-items: center;
    gap: 10px
}

.table-quote-plans .spec-title svg,.table-quote-plans .spec-title img {
    width: 16px;
    height: 16px;
    color: #149ade
}

.table-quote-plans .spec-value {
    font-weight: 700
}

.table-quote-plans .spec-value svg {
    width: 20px;
    height: 20px
}

.table-quote-plans .table-mbi-discount {
    display: flex;
    gap: 5px;
    color: #575757;
    align-items: center;
    margin-bottom: 5px
}

@media(max-width: 767.98px) {
    .table-quote-plans .table-mbi-discount {
        line-height:1.2;
        gap: 10px
    }
}

.table-quote-plans .table-mbi-discount svg {
    color: #149ade;
    flex: none;
    margin-top: -1px
}

.table-quote-plans .table-mbi-discount small {
    margin-top: 2px;
    text-align: right
}

.table-quote-plans .table-mbi-pricing {
    display: flex;
    flex-direction: column;
    color: #575757;
    margin-bottom: 20px
}

@media(max-width: 767.98px) {
    .table-quote-plans .table-mbi-pricing {
        margin-bottom:10px
    }
}

.table-quote-plans .table-mbi-pricing .actual {
    font-size: 25px;
    font-weight: bold;
    text-align: right;
    margin-bottom: 10px
}

@media(max-width: 767.98px) {
    .table-quote-plans .table-mbi-pricing .actual {
        font-size:18px
    }
}

.table-quote-plans .table-mbi-pricing .installments {
    display: flex;
    gap: 5px
}

.table-quote-plans .table-mbi-pricing .installments .installment-value {
    font-size: 22px;
    color: #149ade;
    font-weight: bold
}

@media(max-width: 767.98px) {
    .table-quote-plans .table-mbi-pricing .installments .installment-value {
        font-size:15px
    }
}

.table-quote-plans .table-mbi-pricing .installments .installment-value span {
    font-size: 13px
}

.table-quote-plans.table-plans-multiple thead th,.table-quote-plans.table-plans-multiple tbody td,.table-quote-plans.table-plans-multiple tfoot td {
    width: 300px;
    max-width: 300px;
    min-width: 300px
}

.table-quote-plans.table-plans-three thead th,.table-quote-plans.table-plans-three tbody td,.table-quote-plans.table-plans-three tfoot td {
    width: calc((100% - 350px)/3);
    max-width: calc((100% - 350px)/3);
    min-width: calc((100% - 350px)/3)
}

.table-quote-plans.table-plans-two thead th,.table-quote-plans.table-plans-two tbody td,.table-quote-plans.table-plans-two tfoot td {
    width: calc((100% - 350px)/2);
    max-width: calc((100% - 350px)/2);
    min-width: calc((100% - 350px)/2)
}

.table-quote-plans.table-plans-one thead th>*,.table-quote-plans.table-plans-one tbody td>*,.table-quote-plans.table-plans-one tfoot td>* {
    width: 350px
}

@media(min-width: 768px) {
    .table-quote-plans.table-plans-one thead th>*,.table-quote-plans.table-plans-one tbody td>*,.table-quote-plans.table-plans-one tfoot td>* {
        display:inline-block;
        margin: auto
    }
}

@media(max-width: 767.98px) {
    .table-quote-plans.table-plans-one thead th>*,.table-quote-plans.table-plans-one tbody td>*,.table-quote-plans.table-plans-one tfoot td>* {
        width:100%;
        max-width: 100%;
        min-width: 100%
    }
}

.payment-box .total-amount span {
    text-align: right !important
}

.payment-box .taxes {
    font-size: 12px
}

.success-loader {
    min-width: 110px
}

@media(max-width: 992px) {
    .mobile-payment-box {
        display:block;
        margin-top: 20px
    }

    .quotelist-timer.mobile-timer {
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px
    }
}

@-webkit-keyframes flashArrow {
    0% {
        color: #149ade
    }

    25% {
        color: rgba(20,154,222,.8)
    }

    50% {
        color: rgba(20,154,222,.6)
    }

    75% {
        color: rgba(20,154,222,.4)
    }

    100% {
        color: rgba(20,154,222,.2)
    }
}

@keyframes flashArrow {
    0% {
        color: #149ade
    }

    25% {
        color: rgba(20,154,222,.8)
    }

    50% {
        color: rgba(20,154,222,.6)
    }

    75% {
        color: rgba(20,154,222,.4)
    }

    100% {
        color: rgba(20,154,222,.2)
    }
}

.card-special-discounts {
    padding: 0 !important;
    border-radius: 20px !important;
    background-color: #f8f9fa !important
}

.card-special-discounts {
    display: flex;
    align-items: flex-start;
    min-height: 55px
}

.card-special-discounts .sd-label {
    background-color: #76b456;
    color: #fff;
    border-radius: 20px 20px 20px 0;
    font-weight: bold;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    height: 100%;
    margin-left: 20px;
    margin-bottom: 0;
    white-space: nowrap;
    min-height: 55px
}

@media(max-width: 991.98px) {
    .card-special-discounts .sd-label {
        width:100%
    }
}

.note-label {
    display: block;
    font-size: 16px
}

.share-quote-btn {
    position: fixed;
    right: -45px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: none;
    box-shadow: 0 3px 6px rgba(0,0,0,.13);
    border-radius: 0 0 6px 6px;
    font-weight: 700;
    color: #575757;
    padding: 5px 10px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    height: 40px;
    z-index: 999
}

.share-quote-btn:hover,.share-quote-btn:focus {
    background-color: #eaecef
}

.share-quote-btn img {
    width: 20px
}

@media(max-width: 576px) {
    .share-quote-btn {
        transform:rotate(0);
        -webkit-transform: rotate(0);
        left: auto;
        right: 10px;
        top: auto;
        border-radius: 6px 6px 0 0;
        box-shadow: 0 -5px 5px rgba(0,0,0,.2)
    }
}

.img-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    object-fit: contain;
    z-index: 1
}

.coupon-box {
    background-color: #dcf1fc;
    border-top: 2px solid #149ade;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 9999
}

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

@media(max-width: 990px) {
    .btn-mob-close {
        width:40px !important;
        height: 40px !important;
        border-radius: 100% !important;
        background-color: #fff !important;
        color: #149ade !important;
        border: 2px solid #149ade !important;
        padding: 0 !important
    }

    .btn-mob-close {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        top: -20px;
        left: 20px
    }

    .btn-mob-close::before {
        display: inline-block;
        content: "";
        background-image: url("data:image/svg+xml,<svg viewBox=%270 0 16 16%27 fill=%27%23149ade%27 xmlns=%27http://www.w3.org/2000/svg%27><path fill-rule=%27evenodd%27 d=%27M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z%27 clip-rule=%27evenodd%27/></svg>");
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        top: 0;
        width: 30px;
        height: 30px;
        background-size: 30px;
        margin: auto
    }
}

@media(max-width: 769px) {
    .requote-bar {
        flex-direction:row !important
    }

    .requote-bar>div {
        flex: 0 0 50%
    }

    .requote-bar>button {
        flex: 0 0 100%
    }
}

@media(max-width: 767px) {
    .summary-page-tab .enter-iban {
        display:flex
    }

    .payment-option {
        display: flex;
        gap: 10px;
        flex-wrap: wrap
    }

    .summary-page-tab .iban-info h3 {
        line-height: 30px !important
    }

    .summary-page-tab .iban-info h3 {
        margin-bottom: 0
    }
}

.summary-page-tab .enter-iban {
    margin-top: 0 !important
}

.ta.collapsable {
    position: relative;
    padding-right: 40px;
    font-size: 17px
}

.ta.collapsable::before {
    position: absolute;
    top: 4px;
    right: 0;
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: 25px
}

.ta.collapsable[aria-expanded=false]::before {
    background-image: url("data:image/svg+xml,<svg viewBox=%270 0 16 16%27 fill=%27%23149ade%27 xmlns=%27http://www.w3.org/2000/svg%27><path fill-rule=%27evenodd%27 d=%27M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z%27 clip-rule=%27evenodd%27/></svg>")
}

.ta.collapsable[aria-expanded=true]::before {
    background-image: url("data:image/svg+xml,<svg viewBox=%270 0 16 16%27 fill=%27%23149ade%27 xmlns=%27http://www.w3.org/2000/svg%27><path fill-rule=%27evenodd%27 d=%27M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z%27 clip-rule=%27evenodd%27/></svg>")
}

.ta.collapsable:hover {
    cursor: pointer
}

.collapse-parent .collapse-one {
    overflow: hidden;
    padding: 1rem 0;
    margin-bottom: 1.25rem;
    border: 1.5px solid rgba(168,166,180,.5);
    border-radius: 5px;
    background-color: #fff
}

.collapse-parent .collapse-one .collapse-header {
    padding: 0 .5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
    position: relative
}

.collapse-parent .collapse-one .collapse-header::before {
    position: absolute;
    content: "";
    left: 0;
    width: 90%;
    height: 2px;
    bottom: 0;
    background-color: rgba(168,166,180,.5);
    opacity: 0;
    visibility: hidden
}

.collapse-parent .collapse-one .collapse-header p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.collapse-parent .collapse-one .collapse-header .collapse-arrow {
    position: relative;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    max-width: 30px
}

.collapse-parent .collapse-one .collapse-header .collapse-arrow span {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s ease-in-out;
    color: #a8a6b4
}

.collapse-parent .collapse-one .collapse-header .collapse-arrow span svg {
    max-width: 100%;
    max-height: 100%
}

.collapse-parent .collapse-one .collapse-content {
    padding: 0 .5rem;
    transition: all .4s ease-in-out
}

.collapse-parent .collapse-one:last-of-type {
    margin-bottom: 0
}

.collapse-parent .collapse-one.showed .collapse-header {
    padding-bottom: .75rem
}

.collapse-parent .collapse-one.showed .collapse-header::before {
    opacity: 1;
    visibility: visible
}

.collapse-parent .collapse-one.showed .collapse-arrow .minus {
    opacity: 1;
    visibility: visible
}

.collapse-parent .collapse-one.showed .collapse-arrow .plus {
    opacity: 0;
    visibility: hidden
}

.collapse-parent .collapse-one.showed .collapse-title {
    color: #149ade !important
}

.collapse-parent .collapse-one.showed .collapse-content {
    opacity: 1;
    visibility: visible;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    max-height: 1000px;
    transition: all .4s ease-in-out
}

.collapse-parent .collapse-one.closed .collapse-arrow .plus {
    opacity: 1;
    visibility: visible
}

.collapse-parent .collapse-one.closed .collapse-arrow .minus {
    opacity: 0;
    visibility: hidden
}

.collapse-parent .collapse-one.closed .collapse-content {
    transition: all .4s ease-in-out;
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    visibility: hidden;
    max-height: 0
}

.is-default .close,.modal .close {
    position: absolute;
    right: auto;
    left: 10px;
    top: 10px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    background-color: rgba(0,0,0,0);
    padding: 0;
    margin: 0
}

.is-default .close::before,.modal .close::before {
    display: inline-block;
    content: "";
    background-image: url("data:image/svg+xml,<svg viewBox=%270 0 16 16%27 fill=%27%23000%27 xmlns=%27http://www.w3.org/2000/svg%27><path fill-rule=%27evenodd%27 d=%27M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z%27 clip-rule=%27evenodd%27/></svg>");
    background-repeat: no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px
}

.is-default .close:hover,.modal .close:hover,.is-default .close:focus,.modal .close:focus {
    background-color: rgba(0,0,0,0);
    opacity: .8
}

.is-default .close img,.modal .close img,.is-default .close span,.modal .close span {
    display: none
}

.modal {
    z-index: 99999
}

.modal.show::before {
    display: inline-block;
    content: "";
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.modal .modal-content {
    border-radius: 20px
}

.modal-backdrop {
    display: none !important
}

.is-custom .close-outside,.is-side .close-outside,.is-inside .close-outside {
    position: absolute;
    border: none;
    top: 10px;
    right: -40px;
    width: 40px;
    height: 38px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-color: #149ade;
    color: #fff;
    border-radius: 0 10px 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    opacity: 1
}

@media(max-width: 767.98px) {
    .is-custom .close-outside,.is-side .close-outside,.is-inside .close-outside {
        left:0;
        right: auto;
        z-index: 1024
    }
}

.is-custom .close-outside::before,.is-side .close-outside::before,.is-inside .close-outside::before {
    display: none
}

.is-custom .close-outside span,.is-side .close-outside span,.is-inside .close-outside span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px
}

.is-custom .close-outside span::before,.is-side .close-outside span::before,.is-inside .close-outside span::before,.is-custom .close-outside span::after,.is-side .close-outside span::after,.is-inside .close-outside span::after {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important
}

.is-custom .close-outside span::before,.is-side .close-outside span::before,.is-inside .close-outside span::before,.is-custom .close-outside span::after,.is-side .close-outside span::after,.is-inside .close-outside span::after {
    content: "";
    position: absolute;
    margin: auto;
    height: 4px;
    width: 20px;
    background-color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.is-custom .close-outside span::after,.is-side .close-outside span::after,.is-inside .close-outside span::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.is-custom .close-outside:hover,.is-side .close-outside:hover,.is-inside .close-outside:hover {
    background-color: #149ade
}

.is-custom .close-outside:hover span::before,.is-side .close-outside:hover span::before,.is-inside .close-outside:hover span::before,.is-custom .close-outside:hover span::after,.is-side .close-outside:hover span::after,.is-inside .close-outside:hover span::after {
    background-color: #fff;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-transform: rotate(-220deg);
    transform: rotate(-220deg)
}

.is-custom .close-outside:hover span::after,.is-side .close-outside:hover span::after,.is-inside .close-outside:hover span::after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.estimated-value-modal.fade.show {
    display: flex !important
}

.estimated-value-modal.fade.show {
    justify-content: center
}

.is-side .is-side-bg,.is-inside .is-side-bg {
    position: absolute;
    z-index: 1;
    max-width: 25%
}

.is-side .is-side-bg.top,.is-inside .is-side-bg.top {
    top: 50px;
    right: 50px;
    opacity: .6
}

.is-side .is-side-bg.bottom,.is-inside .is-side-bg.bottom {
    bottom: 0;
    right: 10px
}

.is-side .modal-dialog,.is-inside .modal-dialog {
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
    transition: ease-in-out all .3s !important
}

.is-side .modal-dialog,.is-inside .modal-dialog {
    position: fixed;
    margin: auto;
    width: 90%;
    max-width: none;
    height: 100%;
    z-index: 10000;
    top: 0;
    left: -90%;
    opacity: 0;
    visibility: hidden
}

@media(max-width: 767.98px) {
    .is-side .modal-dialog,.is-inside .modal-dialog {
        width:100%
    }
}

.is-side.show .modal-dialog,.show.is-inside .modal-dialog {
    left: 0;
    opacity: 1;
    visibility: visible
}

.is-side .modal-content,.is-inside .modal-content {
    height: 100%;
    border: none;
    border-radius: 0
}

.side-menu-content {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    background-color: #fff;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto
}

.side-menu-content .tab-list {
    background-color: #f6fafb;
    flex: 0 0 auto;
    width: 35%;
    box-shadow: 0 -5px 20px 0 rgba(0,0,0,.08);
    padding: 0
}

.side-menu-content .tab-list .tab-item {
    border-bottom: 1px solid #d9d9d9
}

.side-menu-content .tab-list .tab-item::after {
    display: none
}

.side-menu-content .tab-list .tab-item .tab-link {
    padding: 20px 30px;
    display: block;
    position: relative;
    background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"11\" height=\"19\" viewBox=\"0 0 11 19\"><image id=\"slide-right-arrow\" width=\"11\" height=\"19\" xlink:href=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAATBAMAAAC0B+rjAAAAHlBMVEUAAADa2trZ2dnZ2dnY2NjZ2dnY2NjZ2dnZ2dnZ2dnLd81TAAAACXRSTlMAYKCfwFDggH9414/dAAAANElEQVQI12PQbGAAgZmTwZTkTAMQxUgktwBEsc10AFGaMwOAJNPMiRCOAF4OA4TDIBIAIgHzLhKevd7NeAAAAABJRU5ErkJggg==\"/></svg>");
    background-position: 5%;
    background-repeat: no-repeat
}

@media(max-width: 767.99px) {
    .side-menu-content .tab-list .tab-item .tab-link {
        padding:15px 10px
    }
}

.side-menu-content .tab-list .tab-item .tab-link.lang-ar {
    background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"11\" height=\"19\" viewBox=\"0 0 11 19\"><image id=\"slide-right-arrow-ar\" width=\"11\" height=\"19\" xlink:href=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAATBAMAAAC0B+rjAAAAGFBMVEUAAADZ2dna2trY2NjZ2dnZ2dnY2NjZ2dnc/LuwAAAAB3RSTlMAoGDAgFDgWIPGUQAAADJJREFUCNdjAIFgBRDJVF4AotTLBcCcQvyccDCHwbwMbIJ7OdgIxvIiMFecOG4BRK8AAM7LDpVWClT0AAAAAElFTkSuQmCC\"/></svg>")
}

.side-menu-content .tab-list .tab-item .tab-link:hover {
    background: linear-gradient(-180deg, #e4f5fe, #fff)
}

.side-menu-content .tab-list .tab-item .tab-link.active {
    background-color: #fff;
    background-image: none
}

.side-menu-content .tab-list .tab-item .tab-link.active::after {
    background-color: #8cd84c;
    content: "";
    width: 5px;
    height: 100%;
    position: absolute;
    background-image: none;
    left: 0;
    top: 0
}

.side-menu-content .tab-list .tab-item .tab-link .list-title {
    font-weight: 700;
    font-size: 22px;
    line-height: 36px;
    color: #575757;
    display: block;
    padding-bottom: 5px
}

.side-menu-content .tab-list .tab-item .tab-link .list-text {
    font-size: 16px;
    line-height: 22px;
    color: #575757;
    font-weight: 500
}

.side-menu-content .tab-detail {
    flex: 0 0 auto;
    width: 65%;
    height: 100vh;
    padding: 30px 3%;
    overflow-y: auto
}

.side-menu-content .tab-detail .tab-content {
    padding: 0
}

.side-menu-content .tab-detail .tab-content .tab-heading {
    padding: 0 0 15px
}

.side-menu-content .tab-detail .tab-content .tab-heading .tab-title {
    font-size: 28px;
    line-height: 46px;
    color: #575757
}

.side-menu-content .tab-detail .tab-content .tab-heading .title-data p {
    font-size: 16px;
    color: #666;
    line-height: 26px;
    margin-bottom: 2em
}

.side-menu-content .tab-detail .tab-content .tab-heading .title-data .social-icons-data {
    margin-bottom: 15px
}

.side-menu-content .tab-detail .tab-content .tab-heading .title-data .social-icons-data .social-div {
    display: flex;
    gap: 20px
}

.side-menu-content .tab-detail .tab-content .tab-heading .title-data .social-icons-data .social-div .social-content {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 10px
}

.side-menu-content .tab-detail .tab-content .tab-heading .title-data .social-icons-data .social-div .social-content p {
    margin-bottom: 0
}

.side-menu-content .tab-detail .tab-content .tab-heading .title-data .social-icons-data .social-div .social-content p span {
    display: block;
    line-height: 18px
}

.side-menu-content .tab-detail .tab-content .tab-heading .social-data {
    margin-top: 30px
}

.side-menu-content .tab-detail .tab-content .tab-heading .social-data .social-commentbox {
    margin-bottom: 15px;
    border-bottom: 1px solid #d9d9d9
}

.side-menu-content .tab-detail .tab-content .tab-heading .social-data .social-commentbox .social-comment-title {
    display: flex;
    padding-bottom: 0;
    width: 100%
}

.side-menu-content .tab-detail .tab-content .tab-heading .social-data .social-commentbox .social-comment-title .review-image {
    width: 50%
}

.side-menu-content .tab-detail .tab-content .tab-heading .social-data .social-commentbox .social-comment-title .review-image .user-photo {
    background-color: #e2e2e2;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-left: 10px
}

.side-menu-content .tab-detail .tab-content .tab-heading .social-data .social-commentbox .social-comment-title .review-image .user-photo img {
    width: 40px;
    height: 40px;
    margin-top: 0
}

.side-menu-content .tab-detail .tab-content .tab-heading .social-data .social-commentbox .social-comment-title .review-image .social-username {
    font-size: 18px;
    font-weight: 700;
    color: #76b740;
    line-height: 24px;
    display: inline-block
}

.side-menu-content .tab-detail .tab-content .tab-heading .social-data .social-commentbox .social-comment-title .review-image .social-username .rating-star {
    width: 100%;
    text-align: right;
    line-height: 12px
}

.side-menu-content .tab-detail .tab-content .tab-heading .social-data .social-commentbox .social-comment-title .review-image .social-username .rating-star span {
    display: inline-block;
    margin-top: 0;
    width: 12px;
    vertical-align: top;
    line-height: 12px
}

.side-menu-content .tab-detail .tab-content .tab-heading .social-data .social-commentbox .social-comment-text {
    padding: 5px 0 0
}

.side-menu-content .tab-detail .tab-content .tab-heading .social-data .social-commentbox .social-comment-text p {
    font-size: 16px;
    color: #666;
    line-height: 26px;
    margin-bottom: 2em
}

.side-menu-content .tab-detail .tab-content .tab-heading .social-data .social-commentbox .social-comment-text p.arabic {
    direction: ltr
}

.is-custom {
    position: fixed;
    top: 0;
    width: 90%;
    z-index: 1040;
    transition: ease-in-out all .3s
}

@media(max-width: 1633px) {
    .is-custom {
        width:90%
    }
}

@media(max-width: 769px) {
    .is-custom {
        width:100% !important
    }
}

.is-custom.hiddenSideMenu {
    opacity: 0;
    visibility: hidden;
    left: -90%
}

@media(max-width: 1199.98px) {
    .is-custom.hiddenSideMenu {
        width:-90%
    }
}

@media(max-width: 767.98px) {
    .is-custom.hiddenSideMenu {
        left:-100%
    }
}

.is-custom.showSideMenu {
    opacity: 1;
    visibility: visible;
    left: 0
}

.is-custom.showSideMenu .modal-content {
    overflow-y: auto;
    overflow-x: hidden
}

@media(max-width: 991.98px) {
    .is-custom .side-menu-content {
        padding-bottom:80px
    }
}

.is-custom .btn-continue-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 -10px 10px rgba(0,0,0,.1);
    padding: 15px;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%
}

.sideMenuOverlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 1040;
    transition: ease all .3s
}

.sideMenuOverlay.hiddenSideMenu {
    opacity: 0;
    visibility: hidden
}

.sideMenuOverlay.showSideMenu {
    opacity: 1;
    visibility: visible
}

.side-menu-content>.nav-tabs {
    display: flex;
    width: 20%;
    height: 100%;
    background-color: #f3fafe;
    border-left: 1px solid #dcf1fc;
    flex-direction: column;
    flex-wrap: nowrap;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

@media(max-width: 769px) {
    .side-menu-content>.nav-tabs {
        width:100%;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        z-index: 1000
    }
}

.side-menu-content>.nav-tabs .nav-item {
    margin-bottom: 0
}

.side-menu-content>.nav-tabs .nav-item .nav-link {
    width: 100%;
    align-items: center;
    gap: 10px;
    display: flex;
    padding: 20px 10px;
    background-color: #fff;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #dedde3
}

@media(max-width: 769px) {
    .side-menu-content>.nav-tabs .nav-item .nav-link {
        background-color:rgba(0,0,0,0);
        padding: 10px;
        border-bottom: none;
        border-top: 5px solid rgba(0,0,0,0)
    }

    .side-menu-content>.nav-tabs .nav-item .nav-link img {
        width: 25px
    }
}

.side-menu-content>.nav-tabs .nav-item .nav-link.active {
    border-left: 5px solid #76b456;
    background-color: #fff
}

@media(max-width: 769px) {
    .side-menu-content>.nav-tabs .nav-item .nav-link.active {
        border-top:5px solid #76b456;
        border-left: none
    }
}

.side-menu-content>.tab-content {
    display: flex;
    width: 80%;
    padding: 20px
}

@media(max-width: 769px) {
    .side-menu-content>.tab-content {
        width:100%
    }
}

.side-menu-content>.tab-content .tab-pane {
    width: 100%
}

.is-inside::before {
    display: none !important
}

@media(max-width: 767.98px) {
    .is-inside .modal-dialog {
        width:100%
    }
}

.is-filter .modal-dialog {
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
    transition: ease-in-out all .3s !important
}

.is-filter .modal-dialog {
    position: fixed;
    top: 0;
    bottom: 0;
    margin: 0;
    width: 320px;
    right: -50%;
    opacity: 0;
    visibility: hidden
}

.is-filter.show .modal-dialog {
    right: 0;
    opacity: 1;
    visibility: visible
}

.is-filter .modal-content {
    height: 100%;
    border-radius: 0;
    padding-top: 63px;
    padding-bottom: 50px;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    border: none
}

.is-filter .modal-content .modal-header {
    position: fixed;
    height: 63px;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    border-radius: 0
}

.is-filter .modal-content .modal-header .btn-clear {
    box-shadow: none !important;
    font-weight: 400 !important
}

.is-filter .modal-content .modal-header .btn-clear {
    border-radius: 50px;
    border: 1px solid #c3c2cb;
    background-color: #f8f9fa;
    margin-right: auto;
    margin-left: 40px;
    text-transform: none
}

.is-filter .modal-content .modal-header .btn-clear:hover,.is-filter .modal-content .modal-header .btn-clear:focus {
    opacity: .8
}

.is-filter .modal-content .modal-body {
    position: relative
}

.is-filter .modal-content .modal-body .filter-action {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #fff;
    padding: 15px;
    padding-bottom: calc(15px + env(safe-area-inset-bottom));
    box-shadow: 0 -10px 20px rgba(0,0,0,.1);
    z-index: 999
}

.is-filter .css-1s2u09g-control {
    height: auto !important
}

.is-filter .css-tlfecz-indicatorContainer,.is-filter .css-1hb7zxy-IndicatorsContainer {
    display: none !important
}

.login-register-popup .modal-header .close {
    position: relative;
    right: auto;
    left: auto;
    top: auto;
    width: auto;
    height: auto
}

.login-register-popup .modal-header .close::before {
    background-size: 25px;
    width: 25px;
    height: 25px
}

.error-span {
    padding: 0 !important;
    line-height: normal !important;
    line-height: initial !important;
    padding-right: 25px !important;
    margin-left: 10px !important
}

.error-span {
    display: flex;
    order: 10;
    font-size: 13px;
    color: #ef544c;
    position: relative;
    font-weight: 400;
    margin-top: .5rem
}

.error-span::before {
    display: inline-block;
    width: 16px;
    height: 16px;
    content: "";
    background-image: url("data:image/svg+xml,<svg viewBox=%270 0 16 16%27 fill=%27%23ef544c%27 xmlns=%27http://www.w3.org/2000/svg%27><path fill-rule=%27evenodd%27 d=%27M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z%27 clip-rule=%27evenodd%27/></svg>");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    position: absolute;
    right: 0;
    top: 3px
}

@media(max-width: 992px) {
    .alert-mob {
        position:fixed;
        bottom: 0;
        right: 0;
        width: 100%;
        border-radius: 0;
        z-index: 9999;
        margin: 0;
        box-shadow: 0 -5px 10px rgba(0,0,0,.4);
        color: #fff
    }

    .alert-mob.alert-danger {
        background-color: #ef544c !important
    }

    .alert-mob.alert-success {
        background-color: #76b456 !important
    }

    .alert-mob+.alert-mob {
        bottom: 60px
    }
}

.purchase-step-section .alert {
    margin-top: inherit
}

.success-card {
    background-color: #f7fbf5;
    color: #487232;
    padding: 4px 10px;
    border-radius: 12px
}

.page-alert {
    box-shadow: 0 0 15px rgba(0,0,0,.13);
    border: 1px solid #ef544c;
    padding: 40px;
    border-radius: 15px;
    position: relative
}

.page-alert .icon-alert {
    display: flex;
    position: relative;
    z-index: 10;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    border: 1px solid #ef544c;
    box-shadow: 0 0 15px rgba(0,0,0,.13);
    margin-top: -75px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    padding: 15px
}

.table-list-responsive .label-mob {
    display: none
}

@media(max-width: 1200px) {
    .table-list-responsive thead {
        display:none
    }

    .table-list-responsive tbody tr {
        padding: 0;
        box-shadow: 0 0 15px rgba(0,0,0,.13);
        border: 1px solid #c3c2cb;
        border-radius: 8px;
        display: block
    }

    .table-list-responsive tbody tr+tr {
        margin-top: 15px
    }

    .table-list-responsive tbody th,.table-list-responsive tbody td {
        display: flex;
        align-items: flex-start;
        justify-content: space-between
    }

    .table-list-responsive tbody th .label-mob,.table-list-responsive tbody td .label-mob {
        display: flex
    }

    .table-list-responsive tbody th {
        border-top: none
    }
}

.table-list-responsive td,.table-list-responsive th {
    vertical-align: middle
}

.ta.tabs-2 .nav-tabs,.ta.tabs-3 .nav-tabs {
    gap: 10px;
    border: none;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 20px;
    padding-bottom: 0;
    padding-right: 1px
}

.ta.tabs-2 .nav-tabs .nav-item,.ta.tabs-3 .nav-tabs .nav-item {
    margin-bottom: 0
}

.ta.tabs-2 .nav-tabs .nav-item .nav-link,.ta.tabs-3 .nav-tabs .nav-item .nav-link {
    background-color: #fff;
    border-radius: 20px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    color: #736f82;
    font-weight: bold;
    border: none;
    display: flex;
    align-items: center;
    box-shadow: 0 -4px 8px rgba(0,0,0,.15);
    white-space: nowrap
}

.ta.tabs-2 .nav-tabs .nav-item .nav-link.active,.ta.tabs-3 .nav-tabs .nav-item .nav-link.active {
    background-color: #149ade;
    color: #fff
}

.ta.tabs-2 .nav-tabs .nav-item .img-icon,.ta.tabs-3 .nav-tabs .nav-item .img-icon {
    background: #fff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: flex;
    margin-left: 6px
}

@media(max-width: 576px) {
    .ta.tabs-2 .nav-tabs .nav-item .img-icon,.ta.tabs-3 .nav-tabs .nav-item .img-icon {
        display:none
    }
}

.ta.tabs-2 .tab-content,.ta.tabs-3 .tab-content {
    border: 1px solid #ecebee;
    border-radius: 8px;
    padding: 20px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

@media(max-width: 991px) {
    .ta.tabs-3 .nav-tabs {
        flex-wrap:wrap;
        gap: 0;
        padding: 0;
        width: 100%;
        overflow: inherit
    }

    .ta.tabs-3 .nav-tabs .nav-item {
        margin-bottom: 0;
        flex: 0 0 50%;
        display: flex;
        align-items: stretch
    }
}

.ta.tabs-3 .nav-tabs .nav-item .nav-link {
    font-size: 18px;
    text-transform: uppercase;
    padding: 15px 30px
}

@media(max-width: 1024px) {
    .ta.tabs-3 .nav-tabs .nav-item .nav-link {
        font-size:16px;
        padding: 10px 15px
    }
}

@media(max-width: 991px) {
    .ta.tabs-3 .nav-tabs .nav-item .nav-link {
        gap:0 !important
    }

    .ta.tabs-3 .nav-tabs .nav-item .nav-link {
        font-size: 13px;
        padding: 10px 5px;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        line-height: 1.4
    }
}

.ta.tabs-3 .nav-tabs .nav-item .nav-link small {
    font-size: 12px;
    text-transform: lowercase
}

@media(max-width: 991px) {
    .ta.tabs-3 .nav-tabs .nav-item .nav-link small {
        margin-top:-5px;
        font-weight: normal
    }
}

.ta.tabs-3 .quote-list-btn-group .btn-filter {
    position: relative;
    margin-right: auto
}

.ta.tabs-3 .quote-list-btn-group .btn-filter .badge {
    background-color: #ef544c;
    position: absolute;
    top: -5px;
    right: -5px;
    color: #fff
}

@media(max-width: 991px) {
    .ta.tabs-3 .quote-list-btn-group {
        width:100%;
        padding: 10px;
        background-color: #149ade;
        margin-top: -1px
    }

    .ta.tabs-3 .quote-list-btn-group .btn-group {
        margin-left: auto
    }

    .ta.tabs-3 .quote-list-btn-group .btn-group .btn-sort {
        order: 1;
        margin-left: auto;
        display: flex
    }

    .ta.tabs-3 .quote-list-btn-group .btn-holder-details {
        order: 2;
        display: flex
    }

    .ta.tabs-3 .quote-list-btn-group .btn-filter.filled {
        position: fixed;
        bottom: 80px;
        right: 15px;
        width: 55px;
        height: 55px;
        box-shadow: 0 0 15px rgba(0,0,0,.4);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        border-radius: 10px;
        background-color: #149ade;
        border-color: #149ade
    }

    .ta.tabs-3 .quote-list-btn-group .btn-filter.filled img {
        width: 35px !important
    }

    .ta.tabs-3 .quote-list-btn-group .btn-filter.filled img {
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1)
    }
}

.ta.tabs-3 .tab-content {
    background-color: #f3f4f6;
    box-shadow: 0 0 15px rgba(0,0,0,.13)
}

@media(max-width: 767.98px) {
    .ta.tabs-3 .tab-content {
        padding:15px 0
    }
}

.ta.tabs-3 .nav-tabs-wrapper {
    border-bottom: 5px solid #149ade
}

.nav-tabs-share {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px
}

@media(max-width: 769px) {
    .nav-tabs-share {
        gap:3%;
        align-items: stretch
    }

    .nav-tabs-share .nav-item {
        width: 30%
    }
}

.nav-tabs-share .nav-item .btn {
    background-color: #fff;
    border: 1px solid #dedde3;
    border-radius: 6px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #736f82;
    font-weight: 700;
    font-size: 13px;
    box-shadow: 0 3px 6px rgba(0,0,0,.13)
}

@media(max-width: 769px) {
    .nav-tabs-share .nav-item .btn {
        white-space:break-spaces;
        flex-direction: column;
        font-size: 12px;
        gap: 10px;
        height: 100%
    }
}

.nav-tabs-share .nav-item .btn svg {
    fill: #149ade;
    width: 30px;
    height: 30px
}

.nav-tabs-share .nav-item .btn.active,.nav-tabs-share .nav-item .btn:hover {
    background-color: #149ade;
    border-color: #149ade;
    color: #fff
}

.nav-tabs-share .nav-item .btn.active svg,.nav-tabs-share .nav-item .btn:hover svg {
    fill: #fff
}

.banner .insurace-tabs .nav-tabs {
    flex-wrap: nowrap
}

.banner .insurace-tabs .nav-tabs .nav-item .nav-link.active:before {
    width: 22px !important;
    height: 22px !important;
    top: 0 !important
}

.banner .insurace-tabs .nav-tabs .nav-item .nav-link.active:before {
    bottom: 0;
    margin: auto;
    background-size: contain;
    right: 5px
}

@media(max-width: 767.98px) {
    .banner .insurace-tabs .nav-tabs .nav-item .nav-link.active:before {
        display:none
    }
}

.insurace-tabs.new-design .nav-tabs .nav-item {
    margin-bottom: 0;
    text-align: center;
    font-size: 14px;
    display: inline-flex;
    width: 33.33%
}

@media(max-width: 767.98px) {
    .banner .banner-content .tab-content h3 {
        line-height:inherit;
        padding-bottom: 10px
    }

    .banner .insurace-tabs .nav-tabs .nav-item .nav-link {
        line-height: normal !important;
        line-height: initial !important;
        display: flex !important
    }

    .banner .insurace-tabs .nav-tabs .nav-item .nav-link {
        align-items: center;
        justify-content: center
    }

    .banner .insurace-tabs .nav-tabs .nav-item .nav-link.active:before {
        display: none
    }

    .vehicle {
        overflow-x: scroll;
        overflow-y: hidden
    }
}

.vehicle_tabs_item_box {
    position: relative
}

.vehicle_tabs_item_box::after {
    position: absolute;
    content: "";
    right: 0;
    top: 100%;
    width: 100%;
    height: 2px;
    background-color: #fff;
    z-index: 99;
    opacity: 0
}

.vehicle_tabs_item_box__active::after {
    opacity: 1
}

.vehicle_tabs_item_box_new {
    position: absolute;
    right: -2px;
    top: 0px;
    width: 40px;
    z-index: 1
}

.insurance_tabs {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.insurance_tabs_item {
    min-width: 150px
}

@media(max-width: 767.98px) {
    .insurance_tabs_item {
        min-width:120px
    }
}

.insurance_tabs_item_link {
    color: #736f82 !important
}

.insurance_tabs_item_link {
    padding: .5rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    gap: .25rem;
    width: 100%;
    height: 100%;
    border: 2px solid #c3c2cb;
    border-radius: 8px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    text-align: center
}

@media(max-width: 767.98px) {
    .insurance_tabs_item_link {
        padding:.5rem .75rem;
        font-size: 12px
    }
}

.insurance_tabs_item_link::before {
    position: absolute;
    border-style: solid;
    border-width: 2px 0 0 2px;
    border-radius: 4px 2px 2px 2px;
    content: "";
    display: inline-block;
    bottom: -0.45rem;
    right: 50%;
    -webkit-transform: translateX(50%) rotate(-135deg);
    transform: translateX(50%) rotate(-135deg);
    vertical-align: top;
    height: .75rem;
    width: .75rem;
    background-color: #e9f8ff;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

.insurance_tabs_item_link__active {
    color: #149ade !important
}

.insurance_tabs_item_link__active {
    border: 2px solid #149ade;
    background-color: #e9f8ff;
    box-shadow: 0 0 15px rgba(0,0,0,.13)
}

.insurance_tabs_item_link__active::before {
    opacity: 1;
    visibility: visible
}

.tabCard_btn {
    padding: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    gap: .25rem;
    width: 100%;
    height: 100%;
    border: 1.75px solid rgba(195,194,203,.35);
    border-radius: 8px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    color: rgba(115,111,130,.75);
    text-align: center;
    transition: all .3s ease-in-out
}

.tabCard_btn::before {
    color: #149ade !important
}

.tabCard_btn::before {
    position: absolute;
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-radius: 2px 4px 2px 2px;
    content: "";
    display: inline-block;
    bottom: -0.45rem;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translateX(-50%) rotate(135deg);
    vertical-align: top;
    height: .75rem;
    width: .75rem;
    background-color: #e9f8ff;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

.tabCard_btn.active {
    color: #149ade !important
}

.tabCard_btn.active {
    border: 2px solid #149ade;
    background-color: #e9f8ff;
    box-shadow: 0 0 15px rgba(0,0,0,.13)
}

.tabCard_btn.active::before {
    opacity: 1;
    visibility: visible
}

.tabCard_title {
    font-size: 16px;
    line-height: 1.5rem;
    margin-bottom: 0;
    font-weight: bold;
    text-align: center
}

.tabCard_description {
    color: rgba(115,111,130,.75) !important
}

.tabCard_description {
    font-size: 12px;
    text-align: center
}

.purchase-step-section .container.purchasestep-box .main-stepbox .step-wizard li .title {
    font-size: 14px !important
}

.purchase-step-section .container.purchasestep-box .main-stepbox .step-wizard ul {
    align-items: flex-start !important
}

@media(max-width: 576px) {
    .purchase-step-section .container.purchasestep-box .main-stepbox .step-wizard li .step {
        margin-bottom:5px;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.purchase-step-section .container.purchasestep-box .main-stepbox .step-wizard li .mobile-title {
    line-height: 1.2
}

.purchase-step-section .container.purchasestep-box .main-stepbox .step-wizard li {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px
}

.__react_component_tooltip {
    z-index: 999999999 !important
}

.__react_component_tooltip {
    max-width: 300px
}

@media(max-width: 769px) {
    .__react_component_tooltip {
        max-width:90%
    }
}

.tooltip {
    max-width: 300px
}

@media(max-width: 769px) {
    .tooltip {
        max-width:90%
    }
}

.deductible-tooltip {
    pointer-events: all
}

.banner {
    background-image: none !important
}

.banner {
    position: relative
}

.banner.innerbanner {
    padding: 85px 0 40px !important
}

.banner .banner_bg {
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-color: #f3fafd;
    top: 0;
    height: 85%
}

.banner .banner_bg::before,.banner .banner_bg::after {
    position: absolute;
    content: "";
    top: 14%;
    width: 300px;
    height: 500px;
    max-height: 75%;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1
}

.banner .banner_bg::before {
    background-image: url(../../js/custom/react/cf12cd3b51392ccc1401.png);
    right: 6%
}

.banner .banner_bg::after {
    left: 3%;
    background-image: url(../../js/custom/react/e93f43b50285645517b4.png)
}

@media(max-width: 767.98px) {
    .banner .banner_bg {
        height:100%;
        bottom: 0;
        background-image: none
    }

    .banner .banner_bg::before,.banner .banner_bg::after {
        top: 10%;
        width: 125px;
        height: 200px
    }
}

@media(min-width: 768px)and (max-width: 1399.98px) {
    .banner .banner_bg::before,.banner .banner_bg::after {
        top:14%;
        width: 250px;
        height: 400px
    }
}

.banner .banner-content .tab-content {
    padding: 20px !important
}

.banner .banner-content .tab-content .banner-addonbox:after {
    display: none !important
}

.banner .banner-content .detail-box {
    box-shadow: none !important;
    min-height: 630px !important
}

.banner .banner-content .detail-box .detail-box {
    box-shadow: 0 5px 50px 0 rgba(0,0,0,.13) !important
}

.banner .banner-content .detail-box .detail-box .nav-tabs {
    display: flex;
    flex-wrap: nowrap
}

.banner .banner-content .detail-box .detail-box .nav-tabs .nav-item {
    width: 100%
}

.banner .banner-content .detail-box .detail-box .nav-tabs .nav-item .nav-link {
    font-size: 16px;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 20px
}

@media(max-width: 767.98px) {
    .banner .banner-content .detail-box .detail-box .nav-tabs .nav-item .nav-link {
        font-size:13px;
        line-height: 16px
    }
}

.banner .banner-heading {
    font-size: 29px !important;
    line-height: 50px !important
}

@media(max-width: 768px) {
    .banner .banner-heading {
        line-height:30px !important
    }
}

.banner .banner-innerText {
    margin-bottom: 10px !important
}

.banner .insurace-tabs .banner-addonbox {
    width: auto !important
}

.banner .insurace-tabs .banner-addonbox {
    margin-left: 20px;
    margin-right: 20px
}

.banner .insurace-tabs .nav-tabs {
    width: auto !important
}

.banner .insurace-tabs .nav-tabs {
    margin-left: 20px;
    margin-right: 20px
}

.banner-detail {
    align-items: flex-start !important
}

@media(max-width: 767.98px) {
    .banner .banner-heading {
        font-size:22px !important
    }

    .banner .banner-content .detail-box {
        min-height: auto !important
    }

    .banner .banner-content .tab-content {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .banner .form-home {
        padding: 0 20px
    }

    .banner .form-home .btn[type=submit] {
        width: 100%
    }

    .innerbanner .banner-content .detail-box {
        padding: 0 !important
    }

    .innerbanner .banner-content .detail-box.tpl-detail-box {
        padding: 0 !important
    }
}

@media(max-width: 1200px) {
    .banner.innerbanner {
        padding-top:80px !important;
        padding-bottom: 30px !important
    }
}

@media(max-width: 768px) {
    .banner.innerbanner {
        padding-top:50px !important;
        padding-bottom: 30px !important
    }
}

@media(max-width: 767.98px) {
    .steps-wrapper {
        padding:25px 10px !important
    }

    .card.card-box-small,.qitaf-steps li p.card-box-small {
        margin-top: 0 !important
    }
}

.qitaf-data {
    padding: 15px 0 0
}

.qitaf-data .qitaf-banner {
    border-radius: 10px;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 5px 50px 0 rgba(0,0,0,.13)
}

.qitaf-data .qitaf-banner .qitaf-banner-section {
    background-color: #fff;
    position: relative;
    min-height: 400px;
    padding: 20px 20px 0;
    border-radius: 10px
}

.qitaf-data .qitaf-banner .qitaf-banner-section .qitaf-avatar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 25%
}

.qitaf-data .qitaf-banner .qitaf-banner-section .qitaf-banner-title {
    font-size: 30px;
    font-weight: 700;
    color: #575757;
    padding-bottom: 40px
}

.qitaf-data .qitaf-banner .qitaf-banner-section .qitaf-tpl-section {
    width: 75%
}

@media(max-width: 768.99px) {
    .qitaf-data .qitaf-banner .qitaf-banner-section .qitaf-tpl-section {
        width:100%
    }
}

.qitaf-data .qitaf-banner .qitaf-banner-section .qitaf-tpl-section .qitaf-banner-title {
    font-size: 20px;
    font-weight: 700;
    color: #149ade;
    padding-bottom: 0
}

.qitaf-data .qitaf-banner .qitaf-banner-section .qitaf-tpl-section .qitaf-ic-logos {
    padding: 15px 0
}

.qitaf-data .qitaf-banner .qitaf-banner-section .qitaf-tpl-section .qitaf-ic-logos ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.qitaf-data .qitaf-banner .qitaf-banner-section .qitaf-tpl-section .qitaf-ic-logos ul li {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.qitaf-data .qitaf-banner .qitaf-banner-section .qitaf-tpl-section .qitaf-ic-logos ul li img {
    max-width: 85px
}

.qitaf-data .qitaf-banner .qitaf-banner-section .qitaf-tpl-section:last-of-type {
    padding-left: 27%
}

.discount-searchbox {
    padding-top: 15px;
    border-top: 1px solid #d9d9d9
}

.discount-logo-box {
    border-radius: 10px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 5px 50px 0 rgba(0,0,0,.13);
    margin-top: 20px;
    height: 400px
}

.discount-logo-box .entity-search-list {
    overflow-y: auto;
    width: 100%;
    height: 100%;
    max-height: 360px;
    display: inline-block;
    margin-bottom: 15px;
    padding: 10px 15px;
    height: auto;
    overflow-x: hidden
}

.discount-logo-box .entity-search-list .entity-domain-list {
    padding: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.16);
    margin-bottom: 15px;
    width: 100%
}

.discount-logo-box .entity-search-list .entity-domain-list ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: stretch;
    width: 100%
}

.discount-logo-box .entity-search-list .entity-domain-list ul li {
    margin: 0;
    padding: 5px 15px;
    width: 60%;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    border-right: 1px solid #eee
}

.discount-logo-box .entity-search-list .entity-domain-list ul li:first-child {
    width: 40%;
    text-align: center;
    justify-content: center
}

.discount-logo-box .entity-search-list .entity-domain-list ul li .company-logo {
    width: 120px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: inline-block
}

.discount-logo-box .entity-search-list .entity-domain-list ul li .company-logo img {
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    max-height: 100%;
    max-width: 90px
}

.discount-logo-box .entity-search-list .entity-domain-list ul li .company-name {
    width: 100%;
    font-weight: 600;
    text-align: center;
    font-size: 14px;
    color: #76b740
}

.self-service-box {
    display: flex;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #d9d9d9
}

.self-service-box .self-service-content {
    display: flex;
    width: 100%;
    gap: 10px
}

.self-service-box .self-service-content .self-service-icon {
    width: 10%
}

.self-service-box .self-service-content .self-service-titlebox {
    width: 90%
}

.self-service-box .self-service-content .self-service-titlebox .self-service-title {
    font-size: 18px;
    font-weight: 700;
    color: #575757;
    line-height: 40px
}

.self-service-box .self-service-content .self-service-titlebox .self-service-link {
    margin-top: 10px;
    text-align: left
}

.ic-logos {
    padding: 15px 0
}

.ic-logos ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.ic-logos ul li {
    flex: 0 0 auto;
    width: 20%
}

.ic-logos ul li img {
    max-width: 90px
}

.steps-wrapper {
    background: linear-gradient(-180deg, #e4f5fe 0%, #ffffff 100%);
    box-shadow: 0 0 15px rgba(0,0,0,.13);
    padding: 25px 0
}

.steps-wrapper .steps-list {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0px auto;
    justify-content: space-around;
    flex-wrap: nowrap
}

.steps-wrapper .steps-list li {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
    width: 100%;
    padding: 0 40px;
    position: relative
}

@media(max-width: 767.98px) {
    .steps-wrapper .steps-list li {
        padding:0 20px;
        font-size: 12px;
        line-height: 18px
    }
}

.steps-wrapper .steps-list li:not(:last-child)::after {
    display: inline-block;
    position: absolute;
    left: -15px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    content: "";
    background-image: url(../../js/custom/react/dbf3c0370d7f89359ace.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url(/Resources/images/double-arrow-left.svg);
}

@media(max-width: 767.98px) {
    .steps-wrapper .steps-list li:not(:last-child)::after {
        background-size:14px
    }
}

.card-box-small.style-1 .icons {
    width: 30%;
    text-align: center;
    padding: 0px 0
}

.card-box-small.style-1 .icons img {
    display: inline-block;
    min-width: inherit;
    max-width: 100%;
    margin-bottom: 10px
}

.card-box-small.style-1 h5 {
    font-weight: 700;
    font-size: 16px;
    position: relative;
    padding-top: 0px;
    line-height: 22px;
    text-align: right;
    padding: 0 10px;
    width: 70%
}

.card-box-small.style-1 .ta.form-label {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: auto
}

.card-box-small.style-1 .ta.form-label a {
    background: #c3c2cb;
    color: #575757
}

.arrow-end:after {
    content: "";
    border-style: solid;
    position: absolute;
    left: -15px;
    top: 30px;
    border-width: 20px 15px 20px 0;
    border-color: rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0)
}

@media(max-width: 767.98px) {
    .arrow-end:after {
        left:35px;
        bottom: -15px;
        top: auto;
        border-width: 15px 20px 0px 20px;
        border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
    }
}

.arrow-start:before {
    content: "";
    border-style: solid;
    position: absolute;
    right: -15px;
    z-index: 2;
    bottom: 30px;
    border-width: 20px 0 20px 15px;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff
}

@media(max-width: 767.98px) {
    .arrow-start:before {
        right:35px;
        bottom: auto;
        top: -15px;
        border-width: 0px 20px 15px 20px;
        border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0)
    }
}

.qitaf-steps {
    display: flex;
    gap: 40px;
    justify-content: space-around
}

@media(max-width: 767.98px) {
    .qitaf-steps {
        flex-direction:column;
        gap: 10px
    }
}

.qitaf-steps li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 15%
}

@media(max-width: 767.98px) {
    .qitaf-steps li {
        flex-direction:row;
        width: 100%
    }
}

.qitaf-steps li:nth-child(odd) {
    flex-direction: column-reverse
}

@media(max-width: 767.98px) {
    .qitaf-steps li:nth-child(odd) {
        flex-direction:row
    }
}

.qitaf-steps li p {
    text-align: center;
    margin-bottom: 0
}

@media(max-width: 767.98px) {
    .qitaf-steps li p {
        text-align:right
    }
}

.qitaf-steps li .step-img-wrap {
    position: relative
}

@media(max-width: 767.98px) {
    .qitaf-steps li .step-img-wrap {
        max-width:18%
    }
}

.qitaf-steps li .step-img-wrap .step-count {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    font-weight: 700;
    background-color: #76b456;
    box-shadow: 0 0 15px rgba(0,0,0,.13);
    color: #fff;
    position: absolute;
    top: 0;
    right: 10px
}

@media(max-width: 767.98px) {
    .qitaf-steps li .step-img-wrap .step-count {
        width:30px;
        height: 30px;
        font-size: 20px;
        top: -10px;
        right: -5px
    }

    .impact-div {
        overflow-y: hidden;
        overflow-x: auto;
        padding: 0 1rem
    }
}

.impact-list {
    gap: 2%
}

@media(max-width: 767.98px) {
    .impact-list {
        gap:10px;
        padding: 20px 0;
        flex-wrap: nowrap;
        justify-content: flex-start
    }
}

.impact-list li {
    width: 15%
}

@media(max-width: 767.98px) {
    .impact-list li {
        padding:15px !important
    }

    .impact-list li {
        width: 150px;
        max-width: 150px;
        flex: none
    }
}

.impact-list li img {
    height: 105px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    object-fit: contain
}

@media(max-width: 767.98px) {
    .impact-list li img {
        margin-bottom:10px !important
    }

    .impact-list li img {
        height: 70px
    }

    .impact-list li h5 {
        font-size: 13px;
        line-height: 20px;
        margin: 0
    }
}

.section-features .ta-features {
    padding-left: 50px
}

@media(max-width: 767.98px) {
    .section-features .ta-features {
        padding-left:0
    }
}

.myoffers-page .page-title {
    width: 100% !important
}

@media(max-width: 767.98px) {
    .myoffers-page .page-title .btn {
        width:100%;
        margin-top: 10px;
        margin-bottom: 30px
    }
}

@media(max-width: 1199.98px) {
    .myoffers-page .addon-list-section ul li {
        width:calc(50% - 20px) !important
    }
}

@media(max-width: 767.98px) {
    .myoffers-page .addon-list-section ul li {
        width:100% !important;
        margin: 0 10px !important
    }

    .myoffers-page .offer-tabs-links {
        margin-bottom: 10px !important
    }
}

.modal-side.fade .modal-dialog {
    width: 65% !important
}

.is-side .modal-content,.is-inside .modal-content {
    overflow-y: auto
}

.form-iqama-id {
    order: 1
}

.form-dob {
    order: 2
}

.form-sequence {
    order: 3
}

.form-custom {
    order: 3
}

.form-manufacture-year {
    order: 4
}

.form-captcha {
    order: 5
}

.form-disclaimer {
    order: 10
}

.form-odometer-reading {
    order: 4
}

.form-effective-date {
    order: 5
}

.form-pourpose-of-use {
    order: 4
}

.form-error-message {
    order: 11
}

.form-submit {
    order: 12
}

.top-right-links {
    height: 100%
}

#loginheaderul {
    display: inline-flex;
    align-items: center;
    padding: 4px 0;
    height: 100%
}

#lnkLoginButton {
    border: 2px solid #1a1a1a;
    padding: 4px 16px;
    border-radius: 8px;
    min-width: 130px;
    text-align: center;
    display: inline-block
}

.features-section a:hover {
    color: inherit
}

.features-section .reviews .google {
    background-color: rgba(241,67,54,.05)
}

.features-section .reviews .twitter {
    background-color: rgba(3,169,244,.05)
}

.features-section .reviews .twitter .rate-text {
    font-size: 9px;
    line-height: 1.56
}

.offers-addons-section .common-addon-text {
    background-color: #e9f8ff
}

.offers-addons-section .circle {
    width: 15px;
    height: 15px
}

@media(max-width: 767.99px) {
    .offers-addons-section .circle {
        background-color:rgba(0,0,0,0) !important
    }
}

.offers-addons-section .circle.top-left {
    top: -6px;
    right: -6px
}

.offers-addons-section .circle.top-right {
    top: -6px;
    left: -6px
}

.offers-addons-section .circle.bottom-left {
    bottom: -6px;
    right: -6px
}

.offers-addons-section .circle.bottom-right {
    bottom: -6px;
    left: -6px
}

.accordion-item.active button svg {
    transform: scaleY(-1);
    -webkit-transform: scaleY(-1)
}

.ta.dropdown-menu {
    border-radius: 8px;
    border-color: #c3c2cb;
    box-shadow: 0 0 15px rgba(0,0,0,.13)
}

.ta.dropdown-menu .dropdown-item:focus {
    background-color: #f3f4f6;
    color: #736f82
}

@media(max-width: 767px) {
    .purchase-step-section {
        padding:60px 0 30px
    }
}

.swiper-button-prev {
    display: none !important;
    right: 0 !important
}

.swiper-button-next {
    left: 0 !important
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-size: 30px !important;
    font-weight: bolder !important
}

.swiper-button-next,.swiper-button-prev {
    color: #149ade !important;
    top: 50% !important
}

.footer {
    z-index: 0 !important;
    height: auto !important
}

.footer {
    background-color: #575757;
    padding: 70px 0;
    overflow: hidden
}

@media(min-width: 769px) {
    .footer::before {
        display:none
    }
}

.footer::after {
    z-index: 1 !important
}

.footer .footer-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 1rem
}

@media(max-width: 769px) {
    .footer .footer-title {
        margin-bottom:0
    }
}

@media(min-width: 769px) {
    .footer .footer-list {
        display:block !important
    }
}

.footer .footer-list .footer-item {
    margin-bottom: .75rem
}

.footer .footer-list .footer-item .footer-link {
    font-size: 16px;
    font-weight: 400;
    text-transform: none
}

.footer .footer-list .footer-item .footer-link:hover {
    color: #149ade
}

.footer .footer-content button[aria-expanded=true] svg {
    transform: scaleY(-1);
    -webkit-transform: scaleY(-1)
}

.footer .footer-vision {
    margin-top: 3.3rem
}

@media(max-width: 767.98px) {
    .footer .footer-vision {
        margin:20px 0;
        justify-content: center
    }
}

.footer .social-list {
    margin-bottom: 1.75rem;
    flex-wrap: wrap;
    gap: .75rem
}

@media(max-width: 767.98px) {
    .footer .social-list {
        justify-content:center
    }
}

.footer .social-list .social-link {
    display: inline-block;
    width: 26px;
    height: 26px
}

.footer .buttons-list {
    margin-bottom: 1.75rem;
    flex-wrap: wrap
}

.footer .buttons-list .buttons-item {
    flex: 0 0 auto;
    width: 33.3333333333%;
    padding: 0 .25rem
}

.footer .call-center .call-center-link {
    display: flex;
    align-items: center;
    gap: .25rem;
    color: #fff;
    font-size: 16px
}

.footer .call-center .call-center-link img {
    width: 25px
}

.footer .call-center .call-center-link:hover {
    color: #149ade
}

.footer .copyright,.footer .rasan {
    color: #fff;
    font-size: 16px
}

@media(max-width: 767.99px) {
    .footer .copyright,.footer .rasan {
        font-size:14px
    }
}

.qitaf-partner-title {
    font-size: 18px;
    color: #149ade;
    line-height: 30px;
    padding-bottom: 10px;
    font-weight: 700
}

.custom-popup.rating-popup .rating-count {
    margin-left: 15px
}

.custom-popup.rating-popup .rating-count span {
    font-size: 14px !important
}

.purchase-step-section .container.purchasestep-box .main-stepbox .step-wizard li .mobile-title {
    line-height: 12px !important
}

.purchase-step-section .container.purchasestep-box .main-stepbox .step-wizard li .mobile-title {
    margin-top: 8px
}

.timeline {
    list-style: none;
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 10px
}

.timeline::before {
    position: absolute;
    height: calc(100% - 40px);
    top: 20px;
    right: 15px;
    width: 1px;
    background-color: #149ade;
    content: "";
    display: block
}

.timeline li {
    display: flex;
    gap: 15px
}

.timeline .timeline-icon {
    display: flex;
    flex: none;
    z-index: 10;
    width: 30px;
    height: 30px;
    color: #149ade;
    border-radius: 100%;
    border: 1px solid #149ade;
    align-items: center;
    justify-content: center;
    background-color: #fff
}

.timeline .timeline-icon svg {
    fill: #149ade;
    width: 16px;
    height: 16px
}

.loader-fixed .processing-wrap {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999999;
    width: 100vw;
    height: 100vh;
    max-width: none;
    background: #fff
}

.processing {
    margin-top: 100px
}

@media(max-width: 769px) {
    .processing {
        margin-top:10%
    }

    .processing h1 {
        font-size: 22px
    }
}

.loader-wrap {
    min-height: 500px;
    position: relative
}

.loader-wrap .loader-building {
    position: absolute;
    width: 100%;
    height: 300px;
    bottom: 0;
    z-index: 1;
    background-image: url(../../js/custom/react/d00f37834b6287e0e299.jpg);
    background-repeat: repeat-x;
    background-size: cover;
    -webkit-animation-name: cityscape;
    animation-name: cityscape;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 90s;
    animation-duration: 90s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.loader-wrap .loader-clouds {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 2;
    right: 0;
    -webkit-animation: clouds 10s infinite;
    animation: clouds 10s infinite
}

.loader-wrap .loader-car {
    position: absolute;
    width: 350px;
    margin: 0 auto;
    bottom: -10px;
    right: 0;
    left: 0;
    z-index: 3
}

@media(max-width: 769px) {
    .loader-wrap .loader-car {
        width:250px;
        bottom: 0
    }
}

.loader-wrap .loader-car .car-body {
    -webkit-animation-name: truck;
    animation-name: truck;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.loader-wrap .loader-car .car-body img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.loader-wrap .loader-car .car-wheels {
    position: absolute;
    bottom: -15px;
    width: 74%;
    left: 0;
    right: 3px;
    margin: auto
}

@-webkit-keyframes clouds {
    0% {
        right: 0
    }

    50% {
        right: 60px
    }

    100% {
        right: 0
    }
}

@keyframes clouds {
    0% {
        right: 0
    }

    50% {
        right: 60px
    }

    100% {
        right: 0
    }
}

@-webkit-keyframes truck {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes truck {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes cityscape {
    0% {
        background-position: 100% 0
    }

    100% {
        background-position: 5000px 0
    }
}

@keyframes cityscape {
    0% {
        background-position: 100% 0
    }

    100% {
        background-position: 5000px 0
    }
}

.comp-loader {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000
}

.comp-loader.internal {
    position: absolute;
    background-color: rgba(0,0,0,.6)
}

.comp-loader>div {
    max-width: 90%;
    margin: auto;
    display: flex;
    gap: 10px;
    align-items: center
}

.comp-loader>div small {
    font-size: 14px
}

.comp-loader>div .comp-img {
    width: 70px;
    height: 70px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.comp-loader>div .comp-img img {
    max-height: 100%;
    object-fit: contain
}

@-webkit-keyframes dot-flashing {
    0% {
        background-color: #149ade
    }

    50%,100% {
        background-color: rgba(20,154,222,.2)
    }
}

@keyframes dot-flashing {
    0% {
        background-color: #149ade
    }

    50%,100% {
        background-color: rgba(20,154,222,.2)
    }
}

.dot-flashing {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #149ade;
    color: #149ade;
    -webkit-animation: dot-flashing 1s infinite linear alternate;
    animation: dot-flashing 1s infinite linear alternate;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.dot-flashing::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: -15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #149ade;
    color: #149ade;
    -webkit-animation: dot-flashing 1s infinite alternate;
    animation: dot-flashing 1s infinite alternate;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.dot-flashing::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #149ade;
    color: #149ade;
    -webkit-animation: dot-flashing 1s infinite alternate;
    animation: dot-flashing 1s infinite alternate;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.company-small-name .logo-desc {
    font-size: 13px;
    font-weight: normal
}

.quote-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 0 15px rgba(0,0,0,.13);
    overflow: hidden;
    padding: .25rem 1.125rem;
    position: relative
}

@media(max-width: 575.99px) {
    .quote-bar {
        padding:.25rem 10px
    }
}

.quote-bar::after {
    position: absolute;
    content: "";
    left: -5%;
    top: 0;
    width: 25%;
    height: 100%;
    background-color: #149ade;
    -webkit-transform: skewX(-35deg);
    transform: skewX(-35deg);
    z-index: 1
}

@media(max-width: 575.99px) {
    .quote-bar::after {
        width:50%;
        left: -8%
    }
}

@media(min-width: 576px)and (max-width: 767.99px) {
    .quote-bar::after {
        width:40%
    }
}

@media(min-width: 768px)and (max-width: 991.99px) {
    .quote-bar::after {
        width:31%
    }
}

.quote-bar.no-discount::after {
    display: none
}

.quote-bar-title {
    margin-bottom: 0;
    color: #575757;
    font-size: 22px;
    font-weight: bold;
    max-width: 50%
}

@media(max-width: 575.99px) {
    .quote-bar-title {
        font-size:18px
    }
}

.quote-bar-discount {
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem;
    z-index: 2;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    flex-wrap: wrap;
    justify-content: center
}

@media(max-width: 575.99px) {
    .quote-bar-discount {
        margin-right:auto;
        max-width: 35%
    }
}

.quote-bar-discount img {
    width: 50px
}

.announcements-bar {
    position: fixed;
    top: 69px;
    right: 0;
    width: 100%;
    height: auto;
    padding: 10px 0;
    background-color: #149ade;
    z-index: 999
}

@media(max-width: 768px) {
    .announcements-bar {
        top:42px
    }
}

html:lang(ar) .announcements-box img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.announcements-scrollbar::-webkit-scrollbar {
    width: 5px
}

.announcements-scrollbar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #149ade;
    border-radius: 5px
}

.announcements-scrollbar::-webkit-scrollbar-thumb {
    background: #a8a6b4;
    border-radius: 5px
}

.announcements-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #f3fafe
}

.announcements-bar-close {
    position: absolute;
    left: 2%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 30px;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.announcements-bar-close.collapsed {
    top: 2px;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.renewal {
    padding-top: 100px;
    padding-bottom: 50px;
    background-color: #fafbfd
}

@media(min-width: 768px) {
    .renewal {
        background-color:#fafbfd;
        background-image: url(../../js/custom/react/c4e46c8cb68eae849a7e.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom
    }
}

.renewal_container {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media(min-width: 768px) {
    .renewal_container {
        width:75%
    }
}

@media(min-width: 992px) {
    .renewal_container {
        width:60%
    }
}

@media(min-width: 1200px) {
    .renewal_container {
        width:40%
    }
}

.renewal_title {
    font-size: 22px;
    color: #000;
    font-weight: 600;
    margin-bottom: .5rem
}

@media(min-width: 1200px) {
    .renewal_title {
        font-size:32px
    }
}

.renewal_subtitle {
    color: #149ade;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5rem;
    width: 90%;
    margin-right: auto;
    margin-left: auto
}

.renewal_name {
    font-size: 18px;
    font-weight: bold;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: right
}

.renewal_box {
    position: relative;
    padding: 4rem 1.25rem 2.5rem;
    border: 2px solid rgba(195,194,203,.25);
    border-radius: 6px;
    background-color: #fff
}

.renewal_box__confirm {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: .5rem
}

.renewal_box__details {
    padding: .5rem 0rem
}

@media(min-width: 768px) {
    .renewal_box {
        margin-right:auto;
        margin-left: auto;
        box-shadow: 0 0 15px rgba(0,0,0,.13)
    }
}

.renewal_box_loader,.renewal_box_carLogo {
    position: absolute;
    top: -50px;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    background-color: #149ade;
    border-radius: 50%;
    padding: 1rem;
    width: 100px;
    height: 100px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center
}

.renewal_box_loader img,.renewal_box_carLogo img {
    width: 40px
}

.renewal_box_carLogo {
    background-color: #fff;
    padding: .5rem;
    border: 2px solid rgba(195,194,203,.25);
    box-shadow: 0 0 15px rgba(0,0,0,.13)
}

.renewal_box_carLogo img {
    width: 55px
}

.renewal_box_title {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin-bottom: .5rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

.renewal_box_subtitle {
    font-size: 16px;
    font-weight: 400;
    color: #a8a6b4;
    margin-bottom: 0;
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

.renewal_box_plate {
    margin-top: 1rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

.renewal_box_info {
    display: flex;
    justify-content: space-around;
    border-top: 1px solid rgba(195,194,203,.25);
    padding-top: .5rem;
    margin-top: 1rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

.renewal_box_steps {
    list-style: none;
    padding: 0;
    margin: 0
}

.renewal_box_steps_item {
    font-size: 16px;
    font-weight: bold;
    color: #a8a6b4;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 0
}

.renewal_box_steps_item__blue {
    color: #149ade
}

.renewal_box_steps_item__green {
    color: #76b456
}

.renewal_box_steps_item_wait {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #fff;
    border: 3px solid rgba(195,194,203,.25)
}

.renewal_box_steps_item_check {
    width: 25px
}

.renewal_box_details {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

.renewal_box_details_accLogo {
    width: 60px
}

.renewal_box_details_name_head {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    margin-bottom: .25rem
}

.renewal_box_details_name_city {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    color: #a8a6b4;
    font-size: 16px;
    font-weight: 500
}

.renewal_box_details_name_city img {
    width: 25px
}

.renewal_box_policyholder {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(195,194,203,.25);
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 1rem
}

.renewal_box_policyholder_detail {
    font-size: 16px;
    color: #a8a6b4;
    margin-bottom: 0;
    line-height: 1.5rem
}

.renewal_box__drivers {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    padding: .5rem 0rem;
    transition: all .3s ease-in-out
}

.renewal_box__drivers_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer
}

.renewal_box__drivers_title .title-text {
    color: #a8a6b4
}

.renewal_box__drivers_title .title-view {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    color: #149ade;
    font-size: 16px;
    font-weight: bold
}

.renewal_box__drivers_title .title-view img {
    width: 15px
}

.renewal_box__drivers_list {
    list-style: none;
    padding: 0 1.25rem;
    transition: all .3s ease-in-out;
    max-height: 0;
    opacity: 0;
    visibility: hidden
}

.renewal_box__drivers_list.active {
    max-height: 100vh;
    opacity: 1;
    visibility: visible;
    padding: 1rem 1.25rem 0
}

.renewal_box__drivers_list .drivers-item {
    padding: .5rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 15px;
    position: relative
}

.renewal_box__drivers_list .drivers-item::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: rgba(195,194,203,.8)
}

.renewal_box__drivers_list .drivers-item .drivers-name,.renewal_box__drivers_list .drivers-item .drivers-id {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0
}

.renewal_box__drivers_list .drivers-item .drivers-name {
    color: #000
}

.renewal_box__drivers_list .drivers-item .drivers-id {
    color: #a8a6b4
}

.renewal_box__insurance {
    padding: .75rem .5rem;
    height: 100%
}

.renewal_box__insurance_title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5rem;
    color: #a8a6b4
}

.renewal_box__insurance .edit-estimate {
    background-color: rgba(0,0,0,0);
    border: 0;
    margin: .25rem 0 0;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: #149ade;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer
}

.renewal_box__insurance .edit-estimate img {
    width: 15px
}

.renewal_box__submit {
    padding: 1rem 1.25rem
}

.renewal .renewal-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

.renewal .renewal-col {
    width: calc(50% - .5rem);
    max-width: 50%
}

.renewal_edit {
    margin: 1rem 0 2rem;
    background-color: rgba(168,166,180,.15);
    text-align: center;
    border-radius: 6px;
    padding: 1.25rem
}

.renewal_edit .edit-text {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #736f82;
    gap: .25rem;
    margin-bottom: 0
}

.renewal_edit .edit-text .edit-link {
    color: #149ade;
    font-weight: bold
}

.lds-ring {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 25px;
    height: 25px
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    border: 3px solid #149ade;
    border-radius: 50%;
    -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #149ade rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}

.lds-ring div:nth-child(1) {
    -webkit-animation-delay: -0.45s;
    animation-delay: -0.45s
}

.lds-ring div:nth-child(2) {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s
}

.lds-ring div:nth-child(3) {
    -webkit-animation-delay: -0.15s;
    animation-delay: -0.15s
}

@-webkit-keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

@keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

.tameeniLoader {
    background-color: #fff;
    display: flex;
    position: fixed;
    right: 0;
    top: 0;
    min-height: 100vh;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 9999
}

aside .menu-item a:hover .arrow {
    display: none !important
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .dashboard-content {
        width:75% !important
    }
}

@media only screen and (min-width: 1200px) {
    .dashboard-content {
        width:80% !important
    }
}

.mojaz-request-plus {
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.mojaz-search-icon {
    width: 25px;
    height: 25px;
    position: absolute;
    left: .5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mojaz-download-icon {
    width: 25px
}

@media (min-width: 768px) {
    .md\:container {
        width:100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem
    }

    @media (min-width: 576px) {
        .md\:container {
            max-width:576px
        }
    }

    @media (min-width: 768px) {
        .md\:container {
            max-width:768px
        }
    }

    @media (min-width: 992px) {
        .md\:container {
            max-width:992px
        }
    }

    @media (min-width: 1200px) {
        .md\:container {
            max-width:1200px
        }
    }

    @media (min-width: 1400px) {
        .md\:container {
            max-width:1400px
        }
    }
}

.hover\:bg-secondary:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(118, 180, 86, 1) !important;
    background-color: rgb(118 180 86 / var(--tw-bg-opacity)) !important
}

.hover\:bg-secondary-200:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(140, 216, 76, 1) !important;
    background-color: rgb(140 216 76 / var(--tw-bg-opacity)) !important
}

.hover\:bg-white:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(255, 255, 255, 1) !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
}

.hover\:text-primary:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(16, 155, 222, 1) !important;
    color: rgb(16 155 222 / var(--tw-text-opacity)) !important
}

.hover\:text-white:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(255, 255, 255, 1) !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.hover\:opacity-100:hover {
    opacity: 1 !important
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed !important
}

@media (min-width: 576px) {
    .sm\:inline {
        display:inline !important
    }

    .sm\:w-1\/3 {
        width: 33.333333% !important
    }

    .sm\:w-4\/12 {
        width: 33.333333% !important
    }

    .sm\:max-w-\[34\%\] {
        max-width: 34% !important
    }

    .sm\:flex-row {
        flex-direction: row !important
    }

    .sm\:items-center {
        align-items: center !important
    }

    .sm\:text-end {
        text-align: left !important
    }
}

@media (min-width: 768px) {
    .md\:m-2 {
        margin:0.5rem !important
    }

    .md\:m-auto {
        margin: auto !important
    }

    .md\:mx-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important
    }

    .md\:mx-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .md\:my-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important
    }

    .md\:mb-0 {
        margin-bottom: 0px !important
    }

    .md\:mb-10 {
        margin-bottom: 2.5rem !important
    }

    .md\:mb-3 {
        margin-bottom: 0.75rem !important
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem !important
    }

    .md\:ml-1 {
        margin-right: 0.25rem !important
    }

    .md\:ml-1\.5 {
        margin-right: 0.375rem !important
    }

    .md\:mr-1 {
        margin-left: 0.25rem !important
    }

    .md\:mr-1\.5 {
        margin-left: 0.375rem !important
    }

    .md\:mt-0 {
        margin-top: 0px !important
    }

    .md\:mt-2 {
        margin-top: 0.5rem !important
    }

    .md\:mt-5 {
        margin-top: 1.25rem !important
    }

    .md\:block {
        display: block !important
    }

    .md\:flex {
        display: flex !important
    }

    .md\:hidden {
        display: none !important
    }

    .md\:max-h-\[44px\] {
        max-height: 44px !important
    }

    .md\:w-1\/2 {
        width: 50% !important
    }

    .md\:w-1\/3 {
        width: 33.333333% !important
    }

    .md\:w-1\/4 {
        width: 25% !important
    }

    .md\:w-1\/5 {
        width: 20% !important
    }

    .md\:w-10 {
        width: 2.5rem !important
    }

    .md\:w-2\/12 {
        width: 16.666667% !important
    }

    .md\:w-2\/3 {
        width: 66.666667% !important
    }

    .md\:w-2\/5 {
        width: 40% !important
    }

    .md\:w-3\/12 {
        width: 25% !important
    }

    .md\:w-3\/4 {
        width: 75% !important
    }

    .md\:w-3\/5 {
        width: 60% !important
    }

    .md\:w-3\/6 {
        width: 50% !important
    }

    .md\:w-4\/12 {
        width: 33.333333% !important
    }

    .md\:w-6\/12 {
        width: 50% !important
    }

    .md\:w-8\/12 {
        width: 66.666667% !important
    }

    .md\:w-9\/12 {
        width: 75% !important
    }

    .md\:w-\[120px\] {
        width: 120px !important
    }

    .md\:w-\[50\%\] {
        width: 50% !important
    }

    .md\:w-\[98\%\] {
        width: 98% !important
    }

    .md\:w-auto {
        width: auto !important
    }

    .md\:w-full {
        width: 100% !important
    }

    .md\:max-w-\[25\%\] {
        max-width: 25% !important
    }

    .md\:max-w-\[75\%\] {
        max-width: 75% !important
    }

    .md\:max-w-full {
        max-width: 100% !important
    }

    .md\:cursor-auto {
        cursor: auto !important
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    .md\:flex-row {
        flex-direction: row !important
    }

    .md\:flex-col {
        flex-direction: column !important
    }

    .md\:flex-wrap {
        flex-wrap: wrap !important
    }

    .md\:items-start {
        align-items: flex-start !important
    }

    .md\:items-center {
        align-items: center !important
    }

    .md\:justify-end {
        justify-content: flex-end !important
    }

    .md\:justify-center {
        justify-content: center !important
    }

    .md\:justify-between {
        justify-content: space-between !important
    }

    .md\:gap-5 {
        gap: 1.25rem !important
    }

    .md\:rounded-lg {
        border-radius: 0.5rem !important
    }

    .md\:rounded-md {
        border-radius: 0.375rem !important
    }

    .md\:border-0 {
        border-width: 0px !important
    }

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

    .md\:border-e {
        border-left-width: 1px !important
    }

    .md\:border-solid {
        border-style: solid !important
    }

    .md\:border-primary {
        --tw-border-opacity: 1 !important;
        border-color: rgba(16, 155, 222, 1) !important;
        border-color: rgb(16 155 222 / var(--tw-border-opacity)) !important
    }

    .md\:bg-white {
        --tw-bg-opacity: 1 !important;
        background-color: rgba(255, 255, 255, 1) !important;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
    }

    .md\:p-0 {
        padding: 0px !important
    }

    .md\:p-4 {
        padding: 1rem !important
    }

    .md\:p-5 {
        padding: 1.25rem !important
    }

    .md\:p-6 {
        padding: 1.5rem !important
    }

    .md\:px-0 {
        padding-right: 0px !important;
        padding-left: 0px !important
    }

    .md\:px-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important
    }

    .md\:px-4 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .md\:py-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important
    }

    .md\:py-16 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .md\:py-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important
    }

    .md\:py-\[10px\] {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .md\:pb-10 {
        padding-bottom: 2.5rem !important
    }

    .md\:pb-2 {
        padding-bottom: 0.5rem !important
    }

    .md\:text-start {
        text-align: right !important
    }

    .md\:text-end {
        text-align: left !important
    }

    .md\:text-4xl {
        font-size: 2.25rem !important;
        line-height: 2.5rem !important
    }

    .md\:text-5xl {
        font-size: 3rem !important;
        line-height: 1 !important
    }

    .md\:text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }

    .md\:text-lg {
        font-size: 1.125rem !important;
        line-height: 1.75rem !important
    }

    .md\:text-xl {
        font-size: 1.25rem !important;
        line-height: 1.75rem !important
    }

    .md\:shadow-md {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1) !important;
        --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
        box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1) !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
    }

    .md\:shadow-gray-400 {
        --tw-shadow-color: #9ca3af !important;
        --tw-shadow: var(--tw-shadow-colored) !important
    }
}

@media (min-width: 992px) {
    .lg\:-mx-4 {
        margin-right:-1rem !important;
        margin-left: -1rem !important
    }

    .lg\:mx-0 {
        margin-right: 0px !important;
        margin-left: 0px !important
    }

    .lg\:mx-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important
    }

    .lg\:mx-2\.5 {
        margin-right: 0.625rem !important;
        margin-left: 0.625rem !important
    }

    .lg\:mx-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .lg\:my-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important
    }

    .lg\:mb-0 {
        margin-bottom: 0px !important
    }

    .lg\:ml-1 {
        margin-right: 0.25rem !important
    }

    .lg\:ml-1\.5 {
        margin-right: 0.375rem !important
    }

    .lg\:mr-16 {
        margin-left: 4rem !important
    }

    .lg\:mt-5 {
        margin-top: 1.25rem !important
    }

    .lg\:block {
        display: block !important
    }

    .lg\:inline-block {
        display: inline-block !important
    }

    .lg\:flex {
        display: flex !important
    }

    .lg\:hidden {
        display: none !important
    }

    .lg\:h-8 {
        height: 2rem !important
    }

    .lg\:min-h-screen {
        min-height: 100vh !important
    }

    .lg\:w-1\/2 {
        width: 50% !important
    }

    .lg\:w-1\/3 {
        width: 33.333333% !important
    }

    .lg\:w-1\/4 {
        width: 25% !important
    }

    .lg\:w-1\/5 {
        width: 20% !important
    }

    .lg\:w-11\/12 {
        width: 91.666667% !important
    }

    .lg\:w-2\/12 {
        width: 16.666667% !important
    }

    .lg\:w-32 {
        width: 8rem !important
    }

    .lg\:w-4\/12 {
        width: 33.333333% !important
    }

    .lg\:w-4\/6 {
        width: 66.666667% !important
    }

    .lg\:w-44 {
        width: 11rem !important
    }

    .lg\:w-5\/12 {
        width: 41.666667% !important
    }

    .lg\:w-6\/12 {
        width: 50% !important
    }

    .lg\:w-7\/12 {
        width: 58.333333% !important
    }

    .lg\:w-8 {
        width: 2rem !important
    }

    .lg\:w-\[20\%\] {
        width: 20% !important
    }

    .lg\:w-\[30\%\] {
        width: 30% !important
    }

    .lg\:w-\[5\%\] {
        width: 5% !important
    }

    .lg\:w-\[50\%\] {
        width: 50% !important
    }

    .lg\:w-\[60\%\] {
        width: 60% !important
    }

    .lg\:w-\[70\%\] {
        width: 70% !important
    }

    .lg\:w-\[75\%\] {
        width: 75% !important
    }

    .lg\:w-\[80\%\] {
        width: 80% !important
    }

    .lg\:w-\[95\%\] {
        width: 95% !important
    }

    .lg\:w-full {
        width: 100% !important
    }

    .lg\:max-w-9\/12 {
        max-width: 75% !important
    }

    .lg\:max-w-\[20\%\] {
        max-width: 20% !important
    }

    .lg\:max-w-\[70\%\] {
        max-width: 70% !important
    }

    .lg\:max-w-\[80\%\] {
        max-width: 80% !important
    }

    .lg\:max-w-full {
        max-width: 100% !important
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }

    .lg\:flex-row {
        flex-direction: row !important
    }

    .lg\:flex-col {
        flex-direction: column !important
    }

    .lg\:items-center {
        align-items: center !important
    }

    .lg\:justify-start {
        justify-content: flex-start !important
    }

    .lg\:justify-between {
        justify-content: space-between !important
    }

    .lg\:gap-5 {
        gap: 1.25rem !important
    }

    .lg\:border-0 {
        border-width: 0px !important
    }

    .lg\:border-b {
        border-bottom-width: 1px !important
    }

    .lg\:border-r-4 {
        border-left-width: 4px !important
    }

    .lg\:border-b-gray-color-200 {
        --tw-border-opacity: 1 !important;
        border-bottom-color: rgba(208, 208, 208, 1) !important;
        border-bottom-color: rgb(208 208 208 / var(--tw-border-opacity)) !important
    }

    .lg\:border-r-primary {
        --tw-border-opacity: 1 !important;
        border-left-color: rgba(16, 155, 222, 1) !important;
        border-left-color: rgb(16 155 222 / var(--tw-border-opacity)) !important
    }

    .lg\:bg-inherit {
        background-color: inherit !important
    }

    .lg\:p-0 {
        padding: 0px !important
    }

    .lg\:p-3 {
        padding: 0.75rem !important
    }

    .lg\:p-3\.5 {
        padding: 0.875rem !important
    }

    .lg\:px-4 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .lg\:py-16 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .lg\:text-\[16px\] {
        font-size: 16px !important
    }

    .lg\:text-lg {
        font-size: 1.125rem !important;
        line-height: 1.75rem !important
    }

    .lg\:text-size-22 {
        font-size: 1.375rem !important
    }

    .lg\:text-sm {
        font-size: 0.875rem !important;
        line-height: 1.25rem !important
    }

    .lg\:text-xl {
        font-size: 1.25rem !important;
        line-height: 1.75rem !important
    }

    .lg\:text-xs {
        font-size: 0.75rem !important;
        line-height: 1rem !important
    }

    .lg\:leading-10 {
        line-height: 2.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl\:w-4\/12 {
        width:33.333333% !important
    }

    .xl\:w-5\/12 {
        width: 41.666667% !important
    }

    .xl\:w-7\/12 {
        width: 58.333333% !important
    }

    .xl\:w-9\/12 {
        width: 75% !important
    }

    .xl\:max-w-\[60\%\] {
        max-width: 60% !important
    }

    .xl\:text-sm {
        font-size: 0.875rem !important;
        line-height: 1.25rem !important
    }
}

@media (min-width: 1400px) {
    .\32xl\:w-8\/12 {
        width:66.666667% !important
    }

    .\32xl\:max-w-\[55\%\] {
        max-width: 55% !important
    }
}