*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}
:before,
:after {
    --tw-content: "";
}
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
        Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol,
        "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
}
body {
    margin: 0;
    line-height: inherit;
}
hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
}
abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}
a {
    color: inherit;
    text-decoration: inherit;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
        Liberation Mono, Courier New, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}
button,
select {
    text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}
:-moz-focusring {
    outline: auto;
}
:-moz-ui-invalid {
    box-shadow: none;
}
progress {
    vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
summary {
    display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}
fieldset {
    margin: 0;
    padding: 0;
}
legend {
    padding: 0;
}
ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af;
}
button,
[role="button"] {
    cursor: pointer;
}
:disabled {
    cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle;
}
img,
video {
    max-width: 100%;
    height: auto;
}
[hidden] {
    display: none;
}
*,
: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: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --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: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --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-right: auto;
    margin-left: auto;
}
@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}
@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}
.collapse {
    visibility: collapse;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.\!-bottom-2 {
    bottom: -0.5rem !important;
}
.\!-bottom-\[6800px\] {
    bottom: -6800px !important;
}
.\!-bottom-\[6850px\] {
    bottom: -6850px !important;
}
.-bottom-10 {
    bottom: -2.5rem;
}
.-bottom-20 {
    bottom: -5rem;
}
.-bottom-32 {
    bottom: -8rem;
}
.-left-5 {
    left: -1.25rem;
}
.-right-12 {
    right: -3rem;
}
.-top-3 {
    top: -0.75rem;
}
.-top-\[1px\] {
    top: -1px;
}
.-top-\[66px\] {
    top: -66px;
}
.bottom-0 {
    bottom: 0px;
}
.left-0 {
    left: 0px;
}
.left-1\/2 {
    left: 50%;
}
.top-0 {
    top: 0px;
}
.top-5 {
    top: 1.25rem;
}
.-z-10 {
    z-index: -10;
}
.z-10 {
    z-index: 10;
}
.z-20 {
    z-index: 20;
}
.z-30 {
    z-index: 30;
}
.m-auto {
    margin: auto;
}
.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}
.\!mb-6 {
    margin-bottom: 1.5rem !important;
}
.-mt-20 {
    margin-top: -5rem;
}
.mb-10 {
    margin-bottom: 2.5rem;
}
.mb-16 {
    margin-bottom: 4rem;
}
.mb-2 {
    margin-bottom: 0.5rem;
}
.mb-20 {
    margin-bottom: 5rem;
}
.mb-3 {
    margin-bottom: 0.75rem;
}
.mb-4 {
    margin-bottom: 1rem;
}
.mb-5 {
    margin-bottom: 1.25rem;
}
.mb-6 {
    margin-bottom: 1.5rem;
}
.mb-8 {
    margin-bottom: 2rem;
}
.mt-10 {
    margin-top: 2.5rem;
}
.mt-2 {
    margin-top: 0.5rem;
}
.mt-20 {
    margin-top: 5rem;
}
.mt-4 {
    margin-top: 1rem;
}
.mt-5 {
    margin-top: 1.25rem;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}
.table {
    display: table;
}
.grid {
    display: grid;
}
.\!hidden {
    display: none !important;
}
.hidden {
    display: none;
}
.h-14 {
    height: 3.5rem;
}
.h-\[100px\] {
    height: 100px;
}
.h-\[40px\] {
    height: 40px;
}
.h-\[450px\] {
    height: 450px;
}
.h-\[45px\] {
    height: 45px;
}
.h-\[520px\] {
    height: 520px;
}
.h-\[80px\] {
    height: 80px;
}
.h-\[90px\] {
    height: 90px;
}
.h-full {
    height: 100%;
}
.w-\[100px\] {
    width: 100px;
}
.w-\[150px\] {
    width: 150px;
}
.w-\[40px\] {
    width: 40px;
}
.w-full {
    width: 100%;
}
.flex-1 {
    flex: 1 1 0%;
}
.border-collapse {
    border-collapse: collapse;
}
.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
    cursor: pointer;
}
.grid-flow-row {
    grid-auto-flow: row;
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row {
    flex-direction: row;
}
.flex-col {
    flex-direction: column;
}
.flex-wrap {
    flex-wrap: wrap;
}
.place-items-center {
    place-items: center;
}
.items-start {
    align-items: flex-start;
}
.items-center {
    align-items: center;
}
.justify-end {
    justify-content: flex-end;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.gap-16 {
    gap: 4rem;
}
.gap-5 {
    gap: 1.25rem;
}
.gap-6 {
    gap: 1.5rem;
}
.gap-8 {
    gap: 2rem;
}
.gap-x-10 {
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
}
.gap-x-16 {
    -moz-column-gap: 4rem;
    column-gap: 4rem;
}
.gap-x-2 {
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
}
.gap-x-3 {
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
}
.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}
.gap-x-5 {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
}
.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
}
.gap-y-10 {
    row-gap: 2.5rem;
}
.gap-y-3 {
    row-gap: 0.75rem;
}
.gap-y-4 {
    row-gap: 1rem;
}
.gap-y-5 {
    row-gap: 1.25rem;
}
.gap-y-6 {
    row-gap: 1.5rem;
}
.overflow-hidden {
    overflow: hidden;
}
.rounded {
    border-radius: 0.25rem;
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-lg {
    border-radius: 0.5rem;
}
.rounded-md {
    border-radius: 0.375rem;
}
.border {
    border-width: 1px;
}
.border-\[2px\] {
    border-width: 2px;
}
.border-b {
    border-bottom-width: 1px;
}
.border-\[\#BE264C\] {
    --tw-border-opacity: 1;
    border-color: rgb(190 38 76 / var(--tw-border-opacity));
}
.border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgb(74 222 128 / var(--tw-border-opacity));
}
.border-transparent {
    border-color: transparent;
}
.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.bg-\[\#BE264C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(190 38 76 / var(--tw-bg-opacity));
}
.bg-\[\#F9FAFB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(243 243 243 / var(--tw-bg-opacity));
}
.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}
.bg-transparent {
    background-color: transparent;
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}
.object-center {
    -o-object-position: center;
    object-position: center;
}
.\!p-0 {
    padding: 0 !important;
}
.p-10 {
    padding: 2.5rem;
}
.p-3 {
    padding: 0.75rem;
}
.p-5 {
    padding: 1.25rem;
}
.p-\[10px\] {
    padding: 10px;
}
.\!py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.pb-0 {
    padding-bottom: 0;
}
.pb-10 {
    padding-bottom: 2.5rem;
}
.pb-8 {
    padding-bottom: 2rem;
}
.pb-\[60px\] {
    padding-bottom: 60px;
}
.pt-4 {
    padding-top: 1rem;
}
.pt-40 {
    padding-top: 10rem;
}
.pt-\[120px\] {
    padding-top: 120px;
}
.pt-\[40px\] {
    padding-top: 40px;
}
.text-center {
    text-align: center;
}
.text-\[14px\] {
    font-size: 14px;
}
.text-\[16px\] {
    font-size: 16px;
}
.text-\[18px\] {
    font-size: 18px;
}
.text-\[20px\] {
    font-size: 20px;
}
.text-\[25px\] {
    font-size: 25px;
}
.text-\[26px\] {
    font-size: 26px;
}
.text-\[28px\] {
    font-size: 28px;
}
.text-\[30px\] {
    font-size: 30px;
}
.text-\[34px\] {
    font-size: 34px;
}
.text-\[39px\] {
    font-size: 39px;
}
.text-lg {
    font-size: 16px;
}
.text-md {
    font-size: 14px;
}
.font-bold {
    font-weight: 700;
}
.font-medium {
    font-weight: 500;
}
.font-normal {
    font-weight: 400;
}
.leading-10 {
    line-height: 2.5rem;
}
.leading-6 {
    line-height: 1.5rem;
}
.leading-8 {
    line-height: 2rem;
}
.leading-9 {
    line-height: 2.25rem;
}
.leading-\[26px\] {
    line-height: 26px;
}
.leading-\[48px\] {
    line-height: 48px;
}
.text-\[\#667085\] {
    --tw-text-opacity: 1;
    color: rgb(102 112 133 / var(--tw-text-opacity));
}
.text-gray-dim {
    --tw-text-opacity: 1;
    color: rgb(78 78 78 / var(--tw-text-opacity));
}
.text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(21 128 61 / var(--tw-text-opacity));
}
.text-primary {
    --tw-text-opacity: 1;
    color: rgb(190 38 76 / var(--tw-text-opacity));
}
.text-primary-400 {
    --tw-text-opacity: 1;
    color: rgb(222 97 97 / var(--tw-text-opacity));
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
        0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
        0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
@font-face {
    font-family: Qatar2022Arabic-Medium;
    src: url(../fonts/Qatar2022Arabic-Medium-4aaa23f6.ttf);
}
@font-face {
    font-family: Qatar2022Arabic-Regular;
    src: url(../fonts/Qatar2022Arabic-Book-a8fe5ac1.ttf);
}
@font-face {
    font-family: Qatar2022Arabic-Thin;
    src: url(../fonts/Qatar2022Arabic-Thin-bd509860.ttf);
}
@font-face {
    font-family: Qatar2022Arabic-Bold;
    src: url(../fonts/);
}
@font-face {
    font-family: Qatar2022Arabic-Heavy;
    src: url(../fonts/Qatar2022Arabic-Heavy-6e99f55d.ttf);
}
body {
    font-family: Qatar2022Arabic-Regular;
    overflow-x: hidden;
    padding-top: 77px;
}
@media (min-width: 1024px) {
    body {
        padding-top: 80px;
    }
}
body header {
    transition: 0.3s;
}
.font-medium {
    font-family: Qatar2022Arabic-Medium;
}
.font-normal {
    font-family: Qatar2022Arabic-Regular;
}
body.scrolled header {
    background: linear-gradient(
        90.23deg,
        #242424 0.59%,
        #a6475c 62.17%,
        #c02548 100%
    );
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
header.gradient {
    background: linear-gradient(
        90.23deg,
        #242424 0.59%,
        #a6475c 62.17%,
        #c02548 100%
    );
}
body header .logo {
    transition: 0.3s;
}
body.scrolled header .logo {
    height: 45px;
}
@media (min-width: 1024px) {
    body.scrolled header .logo {
        height: 60px;
    }
}
footer {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn {
    display: inline-flex;
    align-items: center;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    white-space: nowrap;
    border-radius: 0.5rem;
    padding: 1rem 1.75rem;
    font-weight: 400;
    font-family: Qatar2022Arabic-Regular;
}
.btn-default {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(190 38 76 / var(--tw-text-opacity));
}
.btn-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(190 38 76 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.arrow-text:after {
    content: "";
    background-image: url(../images/hand-shake-dd67e691.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 34px;
    height: 32px;
    display: inline-block;
    margin-left: 8px;
}
section {
    position: relative;
    overflow: hidden;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
@media (min-width: 1024px) {
    section {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}
.inner-space {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
@media (min-width: 1024px) {
    .inner-space {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}
.coal-shade {
    position: absolute;
    bottom: 1.5rem;
    left: 1.75rem;
}
.faq-wrapper {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
@media (min-width: 1024px) {
    .faq-wrapper {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}
.faq-detail ul {
    list-style-type: disc;
    padding-left: 1.5rem;
}
.faq-detail ul li + li {
    margin-top: 0.75rem;
}
.faq-detail h6 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 16px;
    font-weight: 500;
    font-family: Qatar2022Arabic-Medium;
}
.hero-section {
    background: linear-gradient(
        180deg,
        #242424 0%,
        #a6475c 46.88%,
        #c02548 100%
    );
}
.commitments-wrapper {
    background: linear-gradient(
        180deg,
        #0f0f0f 0%,
        rgba(15, 15, 15, 0.8) 70.33%
    );
    overflow: hidden;
    position: relative;
}
.inside-circle {
    position: absolute;
    bottom: -6750px;
    left: 50%;
    height: 7000px;
    width: 7000px;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.commitment-item {
    background: conic-gradient(
        from 180deg at 100.08% -2.86%,
        #242424 0deg,
        #a6475c 168.75deg,
        #c02548 360deg
    );
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    padding: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {
    .commitment-item {
        padding: 2rem;
    }
}
.commitment-item p {
    flex: 1 1 0%;
}
.stars {
    display: flex;
    align-items: center;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(253 176 34 / var(--tw-text-opacity));
}
.pulse-animation {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes pulse {
    0% {
        box-shadow: 0 0 #be264cb3;
    }
    70% {
        box-shadow: 0 0 0 20px #0000;
    }
    to {
        box-shadow: 0 0 #0000;
    }
}
.section-title-wrapper {
    margin-bottom: 2.5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(78 78 78 / var(--tw-text-opacity));
}
.section-title {
    margin-bottom: 0.75rem;
    font-size: 30px;
    font-weight: 500;
    line-height: 2.25rem;
    font-family: Qatar2022Arabic-Medium;
}
@media (min-width: 1024px) {
    .section-title {
        margin-bottom: 1rem;
        font-size: 39px;
        line-height: 48px;
    }
}
.section-description {
    margin-bottom: 4rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25rem;
    font-family: Qatar2022Arabic-Regular;
}
@media (min-width: 1024px) {
    .section-description {
        font-size: 16px;
        line-height: 1.5rem;
    }
}
.form-group {
    margin-bottom: 30px;
}
.form-label {
    margin-bottom: 0.5rem;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(119 119 119 / var(--tw-text-opacity));
    font-family: Qatar2022Arabic-Medium;
}
.form-control {
    width: 100%;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(181 181 181 / var(--tw-border-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.owl-nav {
    position: absolute;
    top: 50%;
    display: flex;
    width: 100%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-items: center;
    justify-content: space-between;
}
.owl-nav button {
    width: 36px !important;
    height: 36px !important;
    border: 1px solid rgba(234, 234, 234, 0.4) !important;
    filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.05)) !important;
    border-radius: 32px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.time-middle-line {
    height: 2px;
    width: 92px;
    --tw-bg-opacity: 1;
    background-color: rgb(78 78 78 / var(--tw-bg-opacity));
}
.faq-item-collapse {
    display: none;
    overflow: hidden;
    padding-top: 1rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.group.active .faq-item-collapse {
    display: block;
}
.container-fluid {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
@media (min-width: 768px) {
    .container-fluid {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}
@media (min-width: 1024px) {
    .container-fluid {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}
@media screen and (max-width: 992px) {
    .sidebar-toggler,
    .logo {
        position: relative;
        z-index: 40;
    }
    .sidebar {
        background-color: #00000080;
        position: fixed;
        top: 0px;
        left: -100%;
        display: flex !important;
        height: 100%;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 0.15s;
    }
    .sidebar .inner {
        background: linear-gradient(
            180deg,
            #242424 0%,
            #a6475c 46.88%,
            #c02548 100%
        );
        width: 100%;
        max-width: 500px;
        align-items: flex-start;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-top: 120px;
        padding-bottom: 2.5rem;
    }
    .sidebar nav {
        flex: 1 1 0%;
    }
    .sidebar nav ul {
        flex-direction: column !important;
        align-items: flex-start;
        -moz-column-gap: 0px;
        column-gap: 0px;
        row-gap: 1.75rem;
        text-align: left;
        font-size: 20px;
    }
    .sidebar-open {
        overflow: hidden;
    }
    .sidebar-open .sidebar {
        left: 0px;
    }
    .lang-dropdown {
        font-size: 20px;
    }
    .lang-dropdown-wrapper {
        position: fixed;
        bottom: 2.25rem;
        top: auto !important;
        height: auto;
    }
    :is([dir="ltr"] .lang-dropdown-wrapper) {
        left: 1.25rem;
    }
    :is([dir="rtl"] .lang-dropdown-wrapper) {
        right: 1.25rem;
    }
}
.lang-dropdown-wrapper {
    visibility: hidden;
    position: absolute;
    top: 1.75rem;
    display: flex;
    width: 8rem;
    flex-direction: column;
    row-gap: 0.5rem;
    overflow: hidden;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    --tw-text-opacity: 1;
    color: rgb(78 78 78 / var(--tw-text-opacity));
    opacity: 0;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),
        0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
        0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.group:hover .lang-dropdown-wrapper {
    visibility: visible;
    opacity: 1;
}
:is([dir="ltr"] .lang-dropdown-wrapper) {
    right: 0px;
}
:is([dir="rtl"] .lang-dropdown-wrapper) {
    left: 0px;
}
.hover\:border-white:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.group.sidebar-open .group-\[\.sidebar-open\]\:block {
    display: block;
}
.group.sidebar-open .group-\[\.sidebar-open\]\:hidden {
    display: none;
}
:is([dir="ltr"] .ltr\:\!left-1\/3) {
    left: 33.333333% !important;
}
:is([dir="ltr"] .ltr\:-left-10) {
    left: -2.5rem;
}
:is([dir="ltr"] .ltr\:-left-20) {
    left: -5rem;
}
:is([dir="ltr"] .ltr\:-right-3) {
    right: -0.75rem;
}
:is([dir="ltr"] .ltr\:-right-\[113px\]) {
    right: -113px;
}
:is([dir="rtl"] .rtl\:-left-3) {
    left: -0.75rem;
}
:is([dir="rtl"] .rtl\:-left-\[113px\]) {
    left: -113px;
}
:is([dir="rtl"] .rtl\:-right-10) {
    right: -2.5rem;
}
:is([dir="rtl"] .rtl\:-right-20) {
    right: -5rem;
}
:is([dir="rtl"] .rtl\:right-1\/3) {
    right: 33.333333%;
}
:is([dir="rtl"] .rtl\:rotate-180) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 640px) {
    .sm\:inline {
        display: inline;
    }
}
@media (min-width: 768px) {
    .md\:\!flex {
        display: flex !important;
    }
    .md\:hidden {
        display: none;
    }
    .md\:h-\[110px\] {
        height: 110px;
    }
    .md\:h-\[140px\] {
        height: 140px;
    }
    .md\:w-\[140px\] {
        width: 140px;
    }
    .md\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
    .md\:p-\[14px\] {
        padding: 14px;
    }
    :is([dir="ltr"] .md\:ltr\:pl-20) {
        padding-left: 5rem;
    }
    :is([dir="rtl"] .md\:rtl\:pr-20) {
        padding-right: 5rem;
    }
}
@media (min-width: 1024px) {
    .lg\:\!-bottom-\[6800px\] {
        bottom: -6800px !important;
    }
    .lg\:-bottom-32 {
        bottom: -8rem;
    }
    .lg\:top-0 {
        top: 0px;
    }
    .lg\:mx-12 {
        margin-left: 3rem;
        margin-right: 3rem;
    }
    .lg\:mx-16 {
        margin-left: 4rem;
        margin-right: 4rem;
    }
    .lg\:my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }
    .lg\:mb-0 {
        margin-bottom: 0;
    }
    .lg\:mb-12 {
        margin-bottom: 3rem;
    }
    .lg\:mb-20 {
        margin-bottom: 5rem;
    }
    .lg\:mb-4 {
        margin-bottom: 1rem;
    }
    .lg\:mt-0 {
        margin-top: 0;
    }
    .lg\:mt-16 {
        margin-top: 4rem;
    }
    .lg\:block {
        display: block;
    }
    .lg\:\!flex {
        display: flex !important;
    }
    .lg\:flex {
        display: flex;
    }
    .lg\:hidden {
        display: none;
    }
    .lg\:h-\[200px\] {
        height: 200px;
    }
    .lg\:h-\[64px\] {
        height: 64px;
    }
    .lg\:h-auto {
        height: auto;
    }
    .lg\:w-2\/6 {
        width: 33.333333%;
    }
    .lg\:w-3\/4 {
        width: 75%;
    }
    .lg\:w-\[1000px\] {
        width: 1000px;
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-\[1fr\,500px\] {
        grid-template-columns: 1fr 500px;
    }
    .lg\:grid-cols-\[2fr\,1fr\] {
        grid-template-columns: 2fr 1fr;
    }
    .lg\:flex-row {
        flex-direction: row;
    }
    .lg\:flex-col {
        flex-direction: column;
    }
    .lg\:items-start {
        align-items: flex-start;
    }
    .lg\:justify-between {
        justify-content: space-between;
    }
    .lg\:gap-10 {
        gap: 2.5rem;
    }
    .lg\:gap-20 {
        gap: 5rem;
    }
    .lg\:gap-4 {
        gap: 1rem;
    }
    .lg\:gap-8 {
        gap: 2rem;
    }
    .lg\:gap-x-16 {
        -moz-column-gap: 4rem;
        column-gap: 4rem;
    }
    .lg\:gap-y-0 {
        row-gap: 0px;
    }
    .lg\:gap-y-10 {
        row-gap: 2.5rem;
    }
    .lg\:gap-y-12 {
        row-gap: 3rem;
    }
    .lg\:rounded-none {
        border-radius: 0;
    }
    .lg\:rounded-br-md {
        border-bottom-right-radius: 0.375rem;
    }
    .lg\:rounded-tr-md {
        border-top-right-radius: 0.375rem;
    }
    .lg\:p-16 {
        padding: 4rem;
    }
    .lg\:p-6 {
        padding: 1.5rem;
    }
    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .lg\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .lg\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .lg\:px-\[160px\] {
        padding-left: 160px;
        padding-right: 160px;
    }
    .lg\:py-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .lg\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .lg\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .lg\:pl-20 {
        padding-left: 5rem;
    }
    .lg\:pt-\[150px\] {
        padding-top: 150px;
    }
    .lg\:text-left {
        text-align: left;
    }
    .lg\:text-right {
        text-align: right;
    }
    .lg\:text-\[32px\] {
        font-size: 32px;
    }
    .lg\:text-\[34px\] {
        font-size: 34px;
    }
    .lg\:text-\[39px\] {
        font-size: 39px;
    }
    .lg\:text-lg {
        font-size: 16px;
    }
    .lg\:leading-\[48px\] {
        line-height: 48px;
    }
    :is([dir="ltr"] .lg\:ltr\:-left-20) {
        left: -5rem;
    }
    :is([dir="ltr"] .ltr\:lg\:text-left) {
        text-align: left;
    }
    :is([dir="rtl"] .lg\:rtl\:-right-20) {
        right: -5rem;
    }
    :is([dir="rtl"] .rtl\:lg\:text-right) {
        text-align: right;
    }
}
@media (min-width: 1536px) {
    .\32xl\:grid-cols-\[2fr\,1fr\] {
        grid-template-columns: 2fr 1fr;
    }
}