@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');


[dir="rtl"]:root {
  --color-primary: #0a7780;
  --color-secondary: #f68522;
  --color-coral: #E9967A;
  --color-violet: #800080;
  --color-pink: #DB7093;
  --color-darker: #192335;
  --color-white-dark: #D9D9D9;
  --gradient-dark: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  --gradient-dark-2: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  --color-primary-100: #323F92;
  --color-heading: #192335;
  --color-body: #6b7385;
  --color-white: #ffffff;
  --color-white-off: #FFFFFFAB;
  --color-bodyest: #273041;
  --color-bodyest-2: #324059b3;
  --color-bodyest-opacity: #2730415e;
  --color-dark: #27272E;
  --color-darkest: #232d40;
  --color-black: #111113;
  --color-grey: rgba(207, 207, 207, .24);
  --color-grey2: #f4f5f7;
  --color-gray: #A1A9AC;
  --color-gray-light: #F6F6F6;
  --color-gray-lighter: #ebebeb;
  --color-light: #F5F7FA;
  --color-lighter: #F2F5F9;
  --primary-opacity: #0a76802a;
  --secondary-opacity: #f6852228;
  --coral-opacity: #E9967A21;
  --violet-opacity: #80008021;
  --pink-opacity: #DB709321;
  --white-opacity: #ffffff21;
  --danger-opacity: #FF000310;
  --warning-opacity: #FF8F3C10;
  --success-opacity: #3EB75E10;
  --black-opacity: rgba(0, 0, 0, 0.04);
  --heading-opacity: #19233550;
  --color-card-1: #fffccf;
  --color-card-2: #ffedff;
  --color-card-3: #ffe8eb;
  --color-card-4: #e9f6ff;
  --color-card-5: #5024D1;
  --color-card-6: #3B3B46;
  --color-success: #3EB75E;
  --color-danger: #FF0003;
  --color-warning: #FF8F3C;
  --color-info: #1BA2DB;
  --color-primary-alt: #D1EBE6;
  --color-primary-light: #f1f7ff;
  --color-primary-lighter: #EEEEFF;
  --color-secondary-alt: #fef4f4;
  --dark-color-border: #ffffff1a;
  --dark-color-border-2: #474F5D;
  --color-extra: rgb(249, 249, 255);
  --color-extra2: #F9F9FF;
  --color-border: #e6e3f1;
  --color-border-2: #e6e3f14f;
  --bs-border-color: #dee2e6;
  --color-badge-1: #303F5B;
  --color-badge-2: #F2C94C;
  --color-facebook: #3B5997;
  --color-twitter: #1BA1F2;
  --color-youtube: #ED4141;
  --color-linkedin: #0077B5;
  --color-pinterest: #E60022;
  --color-instagram: #C231A1;
  --color-vimeo: #00ADEF;
  --color-twitch: #6441A3;
  --color-discord: #7289da;
  --radius-10: 10px;
  --radius-big: 16px;
  --radius-small: 6px;
  --border-width: 2px;
  --radius: 6px;
  --f-light: 300;
  --f-regular: 400;
  --f-medium: 500;
  --f-semi-bold: 600;
  --f-bold: 700;
  --f-extra-bold: 800;
  --f-black: 900;
  --dark-shadow-1: 0px 4px 26px 0px rgba(2, 5, 17, 0.14);
  --dark-shadow-2: 0px 4px 52px 0px rgba(2, 5, 17, 0.15);
  --dark-shadow-3: 0px 4px 52px 0px rgba(2, 5, 17, 0.20);
  --dark-shadow-4: 0px 4px 52px rgba(2, 5, 17, 0.20);
  --dark-shadow-5: 0px 4px 27.9px rgba(47, 87, 239, 0.15);
  --shadow-primary: 0px 4px 10px rgba(37, 47, 63, 0.1);
  --shadow-light: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
  --shadow-dark: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  --shadow-1: 0px 6px 34px rgba(215, 216, 222, 0.41);
  --shadow-slide-item: 0px 0 10px 0 rgba(215, 216, 222, 0.20);
  --shadow-2: 0 15px 34px 0 rgba(175, 181, 204, 0.32);
  --shadow-3: 0 5px 15px 0 rgba(85, 74, 101, 0.37);
  --shadow-5: 0px 20px 70px 0px rgba(0, 0, 0, 0.1);
  --shadow-7: 0px 15px 30px -2px rgba(0, 0, 0, 0.1);
  --shadow-8: -5px 18px 60px 0 rgba(210, 210, 234, 0.4);
  --shadow-9: 0 13px 48px 0 rgba(215, 216, 222, 0.44);
  --shadow-10: 0 13px 14px 0 rgba(129, 104, 145, 0.05);
  --shadow-11: 0 0 10px 0 rgba(0, 0, 0, 0.06);
  --transition: 0.3s;
  --transition-2: 256ms ease-in-out;
  --transition-3: transform .85s cubic-bezier(.23, 1, .32, 1), background .3s, border .3s, border-radius .3s, box-shadow .3s;
  --transition-4: all .25s cubic-bezier(.645, .045, .355, 1);
  --font-primary: "Cairo", sans-serif;
  --font-secondary: "Cairo", sans-serif;
  --font-alt: "Cairo", sans-serif;
  --font-size-b1: 24px;
  --font-size-b2: 18px;
  --font-size-b3: 16px;
  --font-size-b4: 12px;
  --line-height-b1: 1.5;
  --line-height-b2: 1.67;
  --line-height-b3: 1.67;
  --line-height-b4: 1;
  --h1: 52px;
  --h2: 44px;
  --h3: 34px;
  --h4: 30px;
  --h5: 20px;
  --h6: 16px;
  --div-gap-1: 10px;
  --gradient-1: linear-gradient(rgb(255, 255, 255) 0%, #ffeed9 100%);
  --gradient-4: linear-gradient(180deg, #fff, #f6f9ff);
  --gradient-2: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(240, 242, 255) 100%);
  --gradient-3: linear-gradient(90deg, #8DA9FC 0%, #B48DD5 100%);
  --gradient-4: linear-gradient(180deg, #EFF1FF 0%, #FFFFFF 100%);
  --gradient-5: linear-gradient(rgb(239, 241, 255) 0%, rgb(239, 241, 255) 100%);
  --gradient-6: linear-gradient(to right, rgba(255, 255, 255, 0.15), rgba(251, 199, 226, 0.15), rgba(220, 217, 254, 0.15));
  --gradient-7: linear-gradient(218.15deg, var(--color-secondary) 0%, var(--color-primary) 100%);
  --gradient-8: linear-gradient(270deg, #9e77ff 0%, #4460ff 100%);
  --gradient-9: linear-gradient(180deg, #6827FF 0%, #E3F0FF 100%);
  --gradient-10: linear-gradient(180deg, #353e54d9 0%, #27304117 100%);
}


[dir="rtl"] body {
  font-family: var(--font-primary);
}

[dir="rtl"] .rbt-btn.hover-icon-reverse .icon-reverse-wrapper {
    direction: ltr;
}
[dir="rtl"] .rbt-arrow-between .rbt-swiper-arrow i {
  margin-inline-start: unset;
  margin-inline-end: -9px;
}
[dir="rtl"] .rbt-accordion-style.rbt-accordion-02 .card .card-header button::before,
[dir="rtl"] .review-wrapper span.value-text,
[dir="rtl"] .progress .progress-number,
[dir="rtl"] .popup-mobile-menu .mainmenu .has-menu-child-item>a::after,
[dir="rtl"] .popup-mobile-menu .mainmenu .has-dropdown>a::after{
    right: unset;
    left: 0;
}

[dir="rtl"] input[type=checkbox]~label::before, 
[dir="rtl"] input[type=radio]~label::before{
    left: unset;
    right: 0;
}

[dir="rtl"] input[type=checkbox]~label::after,
[dir="rtl"] input[type=radio]~label::after {
    left: unset;
    right: 2px;
}

[dir="rtl"] .scroll-animation.scroll-right-left {
  -webkit-animation: scroll 80s linear infinite;
  -moz-animation: scroll 80s linear infinite;
  animation: scroll 80s linear infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

[dir="rtl"] .scroll-animation.scroll-left-right {
  -webkit-animation: scrollRight 80s linear infinite;
  -moz-animation: scrollRight 80s linear infinite;
  animation: scrollRight 80s linear infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
[dir="rtl"] .newsletter-form-1 .rbt-btn {
    right: unset;
    left: 10px;
}

[dir="rtl"] .rbt-address .inner p {
    direction: ltr;
    text-align: end;
}
[dir="rtl"] .footer-widget .ft-link li a {
    direction: ltr;
}