@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

:root {
    --uicolor: #FF6F00;
    --uicolor2: #000000;
    --uicolor-code: 255 111 0;
    --brand-yellow: #ff6f00;
    --brand-gold: #ff6f00;
    --brand-amber: #ff6f00;

    --dark: #000000;
    --bgcolor: #ffffff;

    --primary-text: #000000;
    --secondarytext: #3a3a3a;
    --background: #fff7e6;
    --sp-fill: #ffffff;

    --family: "Tajawal", sans-serif;
    --font-family: "Tajawal", sans-serif;
    --fsize: 14px;
    --ffamilyen: Outfit, sans-serif;
    --f-number: Outfit, sans-serif;
    --lheight: 1.5;

    --largeradius: 15px;
    --miniradius: 8px;
    --padding: 30px;
    --container-width: 1440px;
    --container-padding: 0 48px;
    --container-padding--value: 25px;

    --diver: #eadfce;
    --negative: #db1133;
    --positive: #117d49;
    --whatsapp: #115b30;
    --disable-button: #e8dccb;
    --disable-text: #bcc0c4;

    --button-color-bg: #f5efe6;
    --PopoverShadow: 0 12px 20px 0 rgb(0 0 0 / 4%), 0 2px 4px 0 rgb(0 0 0 / 2%), inset 0 0 0 1px rgb(255 255 255 / 60%);

    --box-shadow-defult: var(--diver) 0 0 0 1px, 0 4px 2px -3px #00000012;
    --box-shadow-hover: #00000000 0 0 0 1px, 0 15px 32px -14px #00000012, 0 4px 2px -3px #00000012;

    --border-defult: 1px solid #ffffff;
    --border-defult-hover: #eadfce52;

    --chevron: '\f078';

    --theme-radius: 18px;
    --theme-radius-lg: 26px;
    --theme-border: rgb(0 0 0 / 8%);
    --theme-shadow: 0 14px 38px rgb(0 0 0 / 7%);
    --theme-shadow-hover: 0 24px 58px rgb(0 0 0 / 12%);
}

/* ================================
   Reset / Base
================================ */

* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    list-style: none;
    font-family: inherit;
    word-break: break-word;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    overflow-x: hidden;
    color: var(--primary-text);
    background: var(--bgcolor);
    font-family: var(--family);
    font-size: var(--fsize);
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
}

root {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.hidden_br {
    display: none;
}
a {
    color: var(--primary-text);
    text-decoration: none;
    transition: color .22s ease, background-color .22s ease, border-color .22s ease, transform .22s ease;
}

button,
input,
textarea,
select,
a {
    -webkit-tap-highlight-color: transparent;
}

button {
    font-family: inherit;
}

ul {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
}

::placeholder {
    color: var(--secondarytext);
    font-weight: 300;
}

:focus::placeholder {
    opacity: .45;
}

.is_open_menu {
    overflow: hidden;
}

.owl-nav {
    display: none;
}

[data-loader-src] {
    opacity: 0;
}

.mobile-page .search_header {
    z-index: 99999999999999;
}

/* ================================
   Scrollbars
================================ */

[scroll-bars]::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

[scroll-bars]::-webkit-scrollbar-track {
    background: transparent;
}

[scroll-bars]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgb(0 0 0 / 12%);
}

[scroll-bars]:hover::-webkit-scrollbar-thumb {
    background: rgb(255 111 0 / 34%);
}

/* ================================
   Container
================================ */

.container {
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: var(--container-padding);
}

.container.largerContainer {
    max-width: 100%;
    padding: 0;
}

/* ================================
   Social Colors
================================ */

.facebook {
    --sociaColor: #FF6F00;
}

.linkedin {
    --sociaColor: #FF6F00;
}

.youtube {
    --sociaColor: #FF0000;
}

.twitter,
.x-twitter,
.threads {
    --sociaColor: #050e11;
}

a.telegram,
.telegram {
    --sociaColor: #FF6F00;
}

.instagram {
    --sociaColor: #FF6F00;
}

.pinterest {
    --sociaColor: #CB2029;
}

.messenger {
    --sociaColor: rgb(0, 153, 255);
}

.whatsapp {
    --sociaColor: #4CAF50;
}

/* ================================
   Header
================================ */

header {
    position: relative;
    display: block;
}

header.fixedintro {
    position: fixed;
    inset-inline: 0;
    top: 0;
    z-index: 9999999999;
    width: 100%;
    min-height: 74px;
    padding: 10px 0;
    border-bottom: 1px solid rgb(0 0 0 / 6%);
    background: rgb(255 255 255 / 94%);
    box-shadow: 0 14px 34px rgb(0 0 0 / 0%);
    backdrop-filter: blur(14px);
    transition: box-shadow .28s ease, background-color .28s ease, border-color .28s ease;
}

header.fixedintro.active {
    box-shadow: 0 14px 34px rgb(0 0 0 / 9%);
}

header.fixedintro .container {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 16px;
}

.header_border {
    border-bottom: 1px solid #dddddda1;
}

/* Logo */
.-site-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-height: 69px;
    min-width: 0;
}

.-site-logo > a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--logo-width, 120px);
    height: 100%;
}

.-site-logo img {
    margin-top: 0;
    object-fit: contain;
}

/* Main nav */
.-main-nav {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
}

.-main-nav > ul {
    display: flex;
    align-items: center;
    gap: 6px;
}

.-main-nav > ul > li {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 5px 0;
}

.-main-nav > ul > li > a {
    position: relative;
    min-width: max-content;
    min-height: 42px;
    padding: 10px 14px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    color: var(--primary-text);
    font-size: 16px;
    line-height: 1.3;
    font-weight: 800;
}

.-main-nav > ul > li > a:hover {
    color: var(--uicolor);
    background: rgb(255 111 0 / 7%);
}

.-main-nav > ul > li.current-menu-item > a,
.-main-nav > ul > li.current_page_item > a,
.-main-nav > ul > li.current_page_parent > a,
.-main-nav > ul > li.current-menu-ancestor > a {
    color: #ffffff;
    background: var(--uicolor);
    background-image: none;
    box-shadow: 0 12px 26px rgb(255 111 0 / 20%);
}

.-main-nav > ul > li.menu-item-has-children > a {
    padding-inline-end: 30px;
}

.-Show-SubMenu-Icon {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: inherit;
    font-size: 10px;
}

.-main-nav > ul > li.current-menu-item > .-Show-SubMenu-Icon,
.-main-nav > ul > li.current_page_item > .-Show-SubMenu-Icon,
.-main-nav > ul > li.current_page_parent > .-Show-SubMenu-Icon,
.-main-nav > ul > li.current-menu-ancestor > .-Show-SubMenu-Icon {
    color: #ffffff;
}

/* Sub menu */
.-main-nav > ul > li ul.sub-menu {
    position: absolute;
    z-index: 99;
    top: calc(100% + 8px);
    right: 0;
    width: 100%;
    min-width: 230px;
    padding: 8px;
    border: 1px solid rgb(0 0 0 / 8%);
    border-radius: 18px;
    background: #ffffff;
    color: var(--primary-text);
    box-shadow: 0 24px 60px rgb(0 0 0 / 12%);
    opacity: 0;
    visibility: hidden;
    transform: scale(.85);
    transform-origin: top right;
    transition: opacity .25s cubic-bezier(0, 0, 1, 1), transform .12s cubic-bezier(0, 0, 1, 1), visibility .25s ease;
}

.-main-nav > ul > li:hover > ul.sub-menu,
.-main-nav ul.sub-menu > li:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.-main-nav > ul > li ul.sub-menu ul.sub-menu {
    right: calc(100% + 10px);
    top: calc(100% - 45px);
}

.-main-nav > ul > li > ul.sub-menu > li {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.-main-nav > ul > li ul.sub-menu > li > a {
    flex: 1;
    min-height: 40px;
    padding: 9px 12px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    color: var(--primary-text);
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
}

.-main-nav > ul > li ul.sub-menu > li.current-menu-item > a,
.-main-nav > ul > li > ul.sub-menu > li.current-menu-ancestor > a,
.-main-nav > ul > li > ul.sub-menu > li a:hover {
    color: var(--uicolor);
    background: rgb(255 111 0 / 7%);
    padding-inline: 14px;
}

.sub-menu .-Show-SubMenu-Icon > i {
    top: 0;
}

/* Header tools */
.header--Tools {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
}

.header--Tools .head-btns,
.User--MainArea,
.-change-currency {
    position: relative;
}

.head-btns > a,
.srch-type-icon,
.-mobile-menu-button.background {
    width: 42px;
    height: 42px;
    border: 1px solid rgb(0 0 0 / 7%);
    border-radius: 15px;
    background: #ffffff;
    color: var(--primary-text);
    box-shadow: 0 10px 24px rgb(0 0 0 / 5%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.head-btns > a:hover,
.srch-type-icon:hover,
.-mobile-menu-button.background:hover {
    color: var(--uicolor);
    border-color: rgb(255 111 0 / 16%);
    background: rgb(255 111 0 / 7%);
}

.head-btns > a > count {
    position: absolute;
    top: -7px;
    right: -7px;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: var(--negative);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--f-number);
    font-size: 11px;
    font-weight: 700;
}

/* Login button */
.login-hbtn {
    position: relative;
    z-index: 1;
    min-height: 42px;
    max-height: none;
    padding: 0 20px;
    border: 2px solid var(--uicolor);
    border-radius: 999px;
    background: var(--uicolor);
    color: var(--sp-fill);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 15px;
    font-weight: 900;
    box-shadow: 0 14px 30px rgb(255 111 0 / 18%);
}

.login-hbtn:hover {
    background: #ffffff;
    color: var(--uicolor);
    transform: translateY(-2px);
}

.login-hbtn.is-btn-loader {
    padding-inline-end: 40px;
}

.login-hbtn > strong {
    font-weight: inherit;
}

/* Currency selector */
.encsele {
    height: 36px;
    padding: 7px 12px;
    border: 1px solid rgb(0 0 0 / 7%);
    border-radius: 999px;
    background: #ffffff;
    color: var(--primary-text);
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 10px 24px rgb(0 0 0 / 5%);
}

.encsele:hover {
    color: var(--uicolor);
}

.encsele > i {
    height: 13px;
    font-size: 10px;
    font-weight: 800;
}

.ul-currency {
    position: absolute;
    z-index: 10;
    top: calc(100% + 8px);
    min-width: 165px;
    max-width: 200px;
    padding: 8px;
    border: 1px solid rgb(0 0 0 / 8%);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 20px 48px rgb(0 0 0 / 12%);
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transform: scale(.85);
    transform-origin: top right;
    transition: opacity .25s cubic-bezier(0, 0, 1, 1), transform .12s cubic-bezier(0, 0, 1, 1), visibility .25s ease;
}

.-change-currency:hover .ul-currency {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.ul-currency > ul > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-bottom: 5px;
    padding: 8px;
    border-radius: 12px;
    color: var(--primary-text);
    font-weight: 600;
}

.ul-currency > ul > li:last-child {
    margin-bottom: 0;
}

.ul-currency > ul > li.active {
    background: rgb(var(--uicolor-code) / 7%);
    color: var(--uicolor);
}

.ul-currency > ul > li > strong,
.ul-currency > ul > li span {
    color: var(--uicolor);
    font-size: 12px;
    font-weight: 800;
}

.ul-currency > ul > li span {
    font-size: 14px;
}

.ul-currency > ul > li em {
    color: inherit;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

/* User menu */
.vs-user {
    min-height: 42px;
    max-width: 170px;
    padding: 5px 10px 5px 5px;
    border: 1px solid rgb(0 0 0 / 7%);
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgb(0 0 0 / 5%);
    display: flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    user-select: none;
    font-weight: 600;
}

.vs-user:hover {
    color: var(--uicolor);
    border-color: rgb(255 111 0 / 16%);
}

.vs-user .ProfileUse {
    --elw: 30px;
    width: var(--elw);
    height: var(--elw);
    border-radius: 50%;
    background: var(--uicolor);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.vs-user .ProfileUse > .avatar-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.vs-user > span {
    max-width: 100px;
    overflow: hidden;
    color: var(--primary-text);
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    text-transform: capitalize;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vs-user:hover > span {
    color: var(--uicolor);
}

.vs-user > .-chevron-down-user {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--secondarytext);
    font-size: 12px;
}

.vs-user > .-chevron-down-user > i {
    font-weight: 600;
}

.UserBoxLinks {
    position: absolute;
    left: 0;
    top: calc(100% + 10px);
    z-index: 99999;
    min-width: 250px;
    max-width: 280px;
    border: 1px solid rgb(0 0 0 / 8%);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 24px 60px rgb(0 0 0 / 12%);
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transform: scale(.85);
    transform-origin: top left;
    line-height: initial;
    font-weight: 500;
    transition: opacity .25s ease, transform .12s ease, visibility .25s ease;
}

/* Mobile menu button */
.--company-menu-mobile,
.YC-mobile-button .-change-currency,
.-mobile-menu-button {
    display: none;
}

.menu__icon {
    display: flex;
    width: 28px;
    height: 28px;
    padding: 6px 4px;
    border: 0 !important;
    background: transparent;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.menu__icon span {
    width: 100%;
    height: 3px;
    border-radius: .125rem;
    background-color: var(--primary-text);
    transition: transform .4s ease, background-color .4s ease, opacity .4s ease;
}

.menu__icon.trans_menu span:first-child {
    background-color: var(--uicolor);
    transform: translateY(6px) rotate(-45deg);
}

.menu__icon.trans_menu span:nth-child(2) {
    transform: translateX(-50%);
    opacity: 0;
}

.menu__icon.trans_menu span:nth-child(3) {
    background-color: var(--uicolor);
    transform: translateY(-7px) rotate(45deg);
}

/* ================================
   Buttons
================================ */

.fsurl-btn,
.securl-btn {
    --icon: 40px;
    position: relative;
    min-height: 48px;
    padding: 12px calc(var(--icon) + 10px);
    padding-inline-start: 10px;
    border: 2px solid var(--uicolor);
    border-radius: 999px;
    background: var(--uicolor);
    color: var(--sp-fill);
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 17px;
    font-weight: 900;
    box-shadow: 0 14px 30px rgb(255 111 0 / 16%);
    transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease, color .25s ease, border-color .25s ease;
}

.securl-btn {
    border-color: var(--uicolor2);
    background: #ffffff;
    color: var(--uicolor2);
}

.fsurl-btn span,
.securl-btn span {
    text-wrap: nowrap;
}

.fsurl-btn > i,
.securl-btn > i {
    font-size: 14px;
}

.fsurl-btn:hover,
.securl-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 42px rgb(0 0 0 / 12%);
}

.fsurl-btn:hover {
    background: #ffffff;
    color: var(--uicolor);
}

.securl-btn:hover {
    background: #ffffff;
    color: var(--uicolor2);
}

.icn-btn {
    position: absolute;
    left: 2px;
    width: var(--icon);
    height: 40px;
    border-radius: 999px;
    background: #ffffff;
    color: var(--uicolor);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: width .35s ease;
}

.securl-btn .icn-btn {
    background: var(--uicolor2);
    color: #ffffff;
}

.fsurl-btn:hover .icn-btn,
.securl-btn:hover .icn-btn {
    width: calc(100% - 4px);
}

span.svg-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fsurl-btn:hover .icn-btn .svg-btn svg {
    fill: var(--uicolor);
}

.header--Tools .fsurl-btn {
    min-height: 42px;
    padding: 8px 8px 8px 46px;
    border-radius: 999px;
}

.header--Tools .icn-btn {
    width: 32px;
    height: 32px;
}

.-ycwt-yccta1 .fsurl-btn,
.-ycwt-yccta1 .securl-btn {
    padding: 11px 15px;
}

.-ycwt-yccta1 .fsurl-btn .icn-btn,
.-ycwt-yccta1 .securl-btn .icn-btn {
    display: none;
}

.-ycwt-yccta1 .fsurl-btn:hover,
.-ycwt-yccta1 .securl-btn:hover {
    background: #ffffff;
    color: var(--uicolor2);
}

.btn2-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 40px;
    gap: 12px;
}

c--color {
    color: var(--cword-color, var(--uicolor));
}

/* ================================
   Content helpers
================================ */

.p-content {
    max-width: calc(100% - 100px);
    color: var(--secondarytext);
    font-size: 19px;
    line-height: var(--lheight);
    font-weight: 400;
    text-align: center;
}

.itile_flexcon .p-content {
    margin-bottom: 0;
    text-align: right;
}

.timg-btns {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 30px 0 0;
    gap: 13px;
}

/* ================================
   Loader Button
================================ */

.-button-loader {
    position: absolute;
    left: 7px;
    width: 26px;
    margin: 0 auto;
    background: inherit;
}

.-button-loader::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.-button-loader .circular {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    transform-origin: center center;
    animation: rotate 2s linear infinite;
}

.path {
    stroke: var(--uicolor);
    stroke-dasharray: 40, 80;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* ================================
   Maher AI Bot
================================ */

#maher-ai-bot-root {
    --maher-ai-primary: #75350d;
    --maher-ai-secondary: #000000;
    position: fixed;
    left: 24px;
    bottom: 24px;
    z-index: 99999;
    font-family: inherit;
}

#maher-ai-bot-root .maher-ai-launcher {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    border: 0;
    border-radius: 999px;
    background: var(--maher-ai-primary);
    color: #ffffff;
    padding: 14px 18px;
    cursor: pointer;
    box-shadow: 0 18px 40px rgb(0 0 0 / 18%);
    transition: transform .25s ease, box-shadow .25s ease;
}

#maher-ai-bot-root .maher-ai-launcher:hover {
    transform: translateY(-2px);
}

#maher-ai-bot-root .maher-ai-panel {
    width: 390px;
    max-width: calc(100vw - 24px);
    height: 620px;
    max-height: calc(100vh - 110px);
    margin-top: 14px;
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 24px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 28px 80px rgb(0 0 0 / 18%);
    display: flex;
    flex-direction: column;
}

#maher-ai-bot-root .maher-ai-panel[hidden] {
    display: none !important;
}

#maher-ai-bot-root.is-open .maher-ai-launcher {
    box-shadow: 0 14px 34px rgb(0 0 0 / 14%);
}

#maher-ai-bot-root .maher-ai-panel__header {
    padding: 18px 20px;
    background: linear-gradient(135deg, var(--maher-ai-primary), #000000);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#maher-ai-bot-root .maher-ai-panel__title-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#maher-ai-bot-root .maher-ai-panel__title-wrap strong {
    font-size: 16px;
    line-height: 1.2;
}

#maher-ai-bot-root .maher-ai-panel__title-wrap span {
    font-size: 13px;
    opacity: .9;
}

#maher-ai-bot-root .maher-ai-close,
#maher-ai-bot-root .maher-ai-submit {
    border: 0;
    background: transparent;
    cursor: pointer;
}

#maher-ai-bot-root .maher-ai-close {
    color: #ffffff;
    font-size: 18px;
}

#maher-ai-bot-root .maher-ai-messages {
    flex: 1;
    padding: 18px;
    overflow-y: auto;
    background: #fffaf2;
}

#maher-ai-bot-root .maher-ai-message {
    display: flex;
    margin-bottom: 14px;
}

#maher-ai-bot-root .maher-ai-message--user {
    justify-content: flex-start;
}

#maher-ai-bot-root .maher-ai-message--bot {
    justify-content: flex-end;
}

#maher-ai-bot-root .maher-ai-bubble {
    max-width: 85%;
    border-radius: 18px;
    padding: 12px 14px;
    background: #ffffff;
    color: #000000;
    line-height: 1.8;
    font-size: 14px;
    word-wrap: break-word;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
}

#maher-ai-bot-root .maher-ai-message--bot .maher-ai-bubble {
    background: var(--maher-ai-primary);
    color: #ffffff;
}

#maher-ai-bot-root .maher-ai-form {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    padding: 14px;
    border-top: 1px solid rgba(0, 0, 0, .06);
    background: #ffffff;
}

#maher-ai-bot-root .maher-ai-input {
    flex: 1;
    min-height: 50px;
    max-height: 140px;
    resize: none;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 16px;
    padding: 12px 14px;
    outline: 0;
    box-shadow: none;
    font-family: inherit;
    font-size: 14px;
}

#maher-ai-bot-root .maher-ai-input:focus {
    border-color: var(--maher-ai-primary);
}

#maher-ai-bot-root .maher-ai-submit {
    width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 14px;
    background: var(--maher-ai-primary);
    color: #ffffff;
    font-size: 18px;
}

#maher-ai-bot-root .maher-ai-sources {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#maher-ai-bot-root .maher-ai-sources a {
    color: #ffffff;
    text-decoration: underline;
    font-size: 13px;
}

/* ================================
   Floating Buttons
================================ */

.fixed-btns {
    position: fixed;
    right: 20px;
    bottom: 28px;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    gap: 13px;
    transform: translateY(300%);
    opacity: 0;
    transition: opacity .18s ease, transform .18s ease;
}

.fixed-btns.visible {
    transform: translateY(0);
    opacity: 1;
}

.fixed-btns > div.-share-item {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--uicolor);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transform: translateY(300%);
    transform-origin: right;
    font-size: 24px;
    line-height: 0;
    box-shadow: 0 18px 40px rgb(0 0 0 / 16%);
    transition: transform .18s cubic-bezier(.21, .12, .02, .99);
}

.fixed-btns.visible > div {
    transform: translateY(0);
}

.fixed-btns > div.-share-item:hover {
    transform: translateY(-3px);
}

.-share-item .-button-loader {
    width: 40px;
    left: 9px;
}

.whatsapp-fix {
    background: var(--whatsapp);
    border: 2px solid var(--whatsapp);
    box-shadow: -4px -2px 16px 0 #00000000, 4px 2px 16px 0 rgb(0 0 0 / 3%);
}

.whatsapp-fix > a {
    width: 100%;
    height: 100%;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

.whatsapp-fix > a::after,
.whatsapp-fix > a::before {
    content: "";
    position: absolute;
    inset: -20px;
    display: block;
    border: 2px solid var(--whatsapp);
    border-radius: 50%;
    opacity: 0;
    animation: animate 1.5s linear infinite;
}

@keyframes animate {
    0% {
        transform: scale(.5);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

.GoToTop {
    --elwh: 50px;
    position: fixed;
    left: 26px;
    bottom: 90px;
    z-index: 999999;
    width: var(--elwh);
    height: var(--elwh);
    border: 2px solid var(--uicolor);
    border-radius: 50%;
    background: var(--uicolor);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    font-size: 22px;
    font-weight: 500;
    transform: translateX(-70px);
    box-shadow: 0 18px 40px rgb(255 111 0 / 18%);
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease, background-color .18s ease, color .18s ease;
}

.GoToTop.visible {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
}

.GoToTop:hover {
    background: #ffffff;
    color: var(--uicolor);
    transform: translateY(-3px);
}

.GoToTop > i {
    font-weight: inherit;
}

/* ================================
   WhatsApp circle shortcut
================================ */

.--you-ph {
    --el--w: 50px;
    width: var(--el--w);
    height: var(--el--w);
    border-radius: 50%;
    background: var(--uicolor);
    color: #ffffff;
    z-index: 55;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 18px 40px rgb(0 0 0 / 16%);
}

.--you-ph > a {
    width: 100%;
    height: 100%;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
}

.-YourC-but {
    background: var(--whatsapp) !important;
    box-shadow: 0 0 9px #00000063;
}

.--you-ph.-YourC-but i {
    color: #ffffff;
}

/* ================================
   Empty Attachment
================================ */

.--empty-attchment-area {
    margin: 19px auto 40px;
    padding: 38px 22px;
    border: 1px dashed rgb(0 0 0 / 12%);
    border-radius: 24px;
    background:
        radial-gradient(circle at 0 0, rgb(255 111 0 / 6%) 0, transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #fffaf2 100%);
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
}

.--empty-attchment-area > i {
    display: block;
    margin-block: 5px 23px;
    color: rgb(255 111 0 / 20%);
    font-size: 120px;
    font-weight: 300;
}

.--empty-attchment-area h2 {
    margin-bottom: 8px;
    color: var(--primary-text);
    font-size: 30px;
    font-weight: 900;
}

.--empty-attchment-area .empty-description {
    max-width: 480px;
    margin: 10px auto 0;
    color: var(--secondarytext);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    text-align: center;
    text-transform: capitalize;
    font-size: 19px;
    line-height: 1.6;
}

.empty-description a {
    margin-top: 13px;
    padding: 9px calc(var(--icon) + 10px);
    padding-inline-start: 10px;
}

/* ================================
   Footer Generic
================================ */

footer {
    --footer-bg: #000000;
    --footer-bg-2: #000000;
    --footer-card: rgb(255 255 255 / 7%);
    --footer-border: rgb(255 255 255 / 10%);
    --footer-text: rgb(255 255 255 / 78%);
    --footer-muted: rgb(255 255 255 / 62%);
    --footer-title: #ffffff;
    --footer-accent: var(--uicolor);
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding-top: 76px;
    background:
        radial-gradient(circle at 10% 14%, rgb(255 111 0 / 18%) 0, transparent 30%),
        radial-gradient(circle at 88% 78%, rgb(0 0 0 / 14%) 0, transparent 34%),
        linear-gradient(135deg, var(--footer-bg) 0%, var(--footer-bg-2) 52%, #000000 100%);
}

footer::before,
footer::after {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
    border-radius: 999px;
}

footer::before {
    width: 430px;
    height: 430px;
    top: -185px;
    inset-inline-end: -160px;
    background: rgb(255 111 0 / 18%);
}

footer::after {
    width: 330px;
    height: 330px;
    bottom: -150px;
    inset-inline-start: -120px;
    background: rgb(0 0 0 / 14%);
}

footer .container {
    position: relative;
    z-index: 2;
}

footer-body {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(260px, 1.25fr) repeat(3, minmax(170px, .75fr));
    gap: 34px;
    align-items: start;
    width: 100%;
    --f-scolor: var(--footer-text);
}

.-fot {
    min-width: 0;
}

.-fot.logo {
    max-width: 410px;
}

footer .-site-logo {
    justify-content: flex-start;
}

footer .-site-logo img {
    /* max-height: 74px; */
    object-fit: contain;
}

.-f-p {
    max-width: 390px;
    margin: 20px 0 0;
    color: var(--footer-text);
    font-size: 16px;
    line-height: 1.9;
    font-weight: 500;
}

.-ftit-h3 {
    position: relative;
    width: fit-content;
    margin: 0 0 22px;
    padding: 0 0 13px;
    color: var(--footer-title);
    font-size: 21px;
    line-height: 1.35;
    font-weight: 900;
}

.-ftit-h3::after {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    bottom: 0;
    width: 46px;
    height: 3px;
    border-radius: 999px;
    background: var(--footer-accent);
}

.-f-links {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.-f-links > li {
    position: relative;
    padding-inline-start: 18px;
}

.-f-links > li::before {
    content: "\f105";
    position: absolute;
    inset-inline-start: 0;
    top: 7px;
    color: var(--footer-accent);
    font-family: 'Font Awesome 7 Pro';
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
}

html[dir="rtl"] .-f-links > li::before {
    content: "\f104";
}

.-f-links > li > a {
    display: inline-flex;
    color: var(--footer-text);
    font-size: 16px;
    line-height: 1.7;
    font-weight: 700;
}

.-f-links > li > a:hover {
    color: #ffffff;
    transform: translateX(-4px);
}

html[dir="ltr"] .-f-links > li > a:hover {
    transform: translateX(4px);
}

.-f-schi {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.contact_info1 {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: var(--footer-text);
    font-size: 15px;
    line-height: 1.7;
}

.contact_info1 > i {
    width: 42px;
    min-width: 42px;
    height: 42px;
    border: 1px solid var(--footer-border);
    border-radius: 14px;
    background: var(--footer-card);
    color: var(--footer-accent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
}

.contact_info {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.co-info-h {
    margin: 0;
    color: var(--footer-muted);
    font-size: 13px;
    line-height: 1.5;
    font-weight: 700;
}

.contact_info > span:last-child {
    color: #ffffff;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 700;
}

.shares-items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 22px;
}

.shares-items a {
    position: relative;
    width: 42px;
    height: 42px;
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: 14px;
    background: rgb(255 255 255 / 8%);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-size: 16px;
}

.shares-items a:hover {
    transform: translateY(-3px);
    border-color: transparent;
    background: var(--sociaColor, var(--footer-accent));
    color: #ffffff;
}

footer-bottom {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin: 48px 0 0;
    padding: 26px 0 30px;
    border-top: 1px solid var(--footer-border);
}

.copyrights {
    color: var(--footer-text);
    font-size: 15px;
    line-height: 1.7;
    font-weight: 600;
}

.ycf-logo {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ycf-logo > img {
    max-width: 82px;
    height: auto;
    object-fit: contain;
}

.ycf-des {
    color: #ffffff;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 800;
}

.-card-pay {
    display: flex;
    align-items: center;
    gap: 5px;
}

.pay-item {
    position: relative;
    width: 24px;
    height: 24px;
    border: 1px solid var(--diver);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pay-item > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* ================================
   Site Footer Layout
================================ */

footer.site-footer {
    padding-top: 82px;
}

.site-footer .container {
    position: relative;
    z-index: 2;
}

.site-footer .footer-newsletter {
    position: relative;
    z-index: 4;
    max-width: 980px;
    margin: -38px auto 62px;
    padding: 28px;
    border: 1px solid rgb(255 255 255 / 16%);
    border-radius: 28px;
    background:
        radial-gradient(circle at 10% 16%, rgb(255 255 255 / 16%) 0, transparent 32%),
        linear-gradient(135deg, var(--uicolor) 0%, var(--uicolor2) 100%);
    box-shadow: 0 28px 70px rgb(0 0 0 / 18%);
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(230px, .7fr) minmax(0, 1fr);
    align-items: center;
    gap: 26px;
}

.site-footer .footer-newsletter::before {
    content: "";
    position: absolute;
    inset-inline-end: -62px;
    top: -72px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: rgb(255 255 255 / 12%);
    pointer-events: none;
}

.site-footer .footer-newsletter__title {
    position: relative;
    z-index: 2;
    color: #ffffff;
    font-size: 27px;
    line-height: 1.35;
    font-weight: 900;
}

.site-footer .footer-newsletter__form {
    position: relative;
    z-index: 2;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.site-footer .footer-newsletter__form input {
    flex: 1;
    min-width: 0;
    height: 56px;
    border: 1px solid rgb(255 255 255 / 16%);
    border-radius: 16px;
    padding: 0 18px;
    background: rgb(255 255 255 / 96%);
    color: var(--primary-text);
    font-size: 15px;
    font-weight: 600;
    box-shadow: none;
}

.site-footer .footer-newsletter__form input:focus {
    border-color: #ffffff;
    box-shadow: 0 0 0 4px rgb(255 255 255 / 16%);
}

.site-footer .footer-newsletter__form button {
    min-width: 168px;
    height: 56px;
    border: 0;
    border-radius: 16px;
    background: #000000;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 22px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 900;
}

.site-footer .footer-newsletter__form button:hover {
    background: #ffffff;
    color: var(--uicolor);
    transform: translateY(-2px);
}

.site-footer .footer-main {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 42px;
}

.site-footer .footer-top-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(290px, 380px);
    gap: 44px;
    align-items: start;
}

.site-footer .footer-brand-row {
    display: grid;
    grid-template-columns: minmax(160px, 230px) minmax(0, 1fr);
    gap: 32px;
    align-items: start;
}

.site-footer .footer-brand .-site-logo {
    justify-content: flex-start;
    max-height: 239px;
}

.site-footer .footer-brand .-site-logo img {
    /* max-height: 78px; */
    filter: brightness(132.5);
    height: auto;
    width: 270px;
}

.site-footer .footer-brand-copy .-f-p {
    max-width: 520px;
    margin: 0;
}

.site-footer .footer-content-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(270px, 370px);
    gap: 44px;
    align-items: start;
}

.site-footer .footer-links-wrap {
    display: grid;
    grid-template-columns: repeat(2, minmax(170px, 1fr));
    gap: 28px 44px;
    max-width: 560px;
}

.site-footer .footer-links-col .-ftit-h3,
.site-footer .footer-contact .-ftit-h3 {
    display: block;
}

.site-footer .footer-contact {
    max-width: 370px;
    padding: 24px;
    border: 1px solid var(--footer-border);
    border-radius: 24px;
    background: var(--footer-card);
    box-shadow: 0 18px 55px rgb(0 0 0 / 10%);
}

.site-footer .footer-map {
    width: 100%;
}

.site-footer .footer-map-card {
    display: block;
    width: 100%;
    border: 1px solid var(--footer-border);
    border-radius: 24px;
    background: var(--footer-card);
    box-shadow: 0 18px 55px rgb(0 0 0 / 10%);
    overflow: hidden;
}

.site-footer .footer-map-card img {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover;
    filter: saturate(1.02) contrast(1.02);
}

.site-footer .footer-map-card.is-placeholder {
    min-height: 220px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}

.site-footer .footer-map-pin {
    color: var(--footer-accent);
    font-size: 28px;
}

.site-footer .footer-bottom {
    position: relative;
    z-index: 2;
    margin-top: 42px;
    padding: 26px 0 32px;
    border-top: 1px solid var(--footer-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
}

/* ================================
   Rakar Footer
================================ */

footer.site-footer.-footer-style-rakar {
    --footer-accent: #ff7924;
    padding-top: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 18%, rgb(255 121 36 / 13%) 0, transparent 30%),
        radial-gradient(circle at 88% 78%, rgb(255 255 255 / 7%) 0, transparent 30%),
        linear-gradient(135deg, #101010 0%, #191919 52%, #0d0d0d 100%);
}

footer.site-footer.-footer-style-rakar::before {
    background: rgb(255 121 36 / 11%);
}

footer.site-footer.-footer-style-rakar::after {
    background: rgb(255 255 255 / 5%);
}

.site-footer.-footer-style-rakar .footer-rakar-topbar {
    position: relative;
    z-index: 2;
    border-bottom: 1px solid rgb(255 255 255 / 9%);
    background: rgb(255 255 255 / 3%);
}

.site-footer.-footer-style-rakar .footer-rakar-topbar__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.site-footer.-footer-style-rakar .footer-rakar-topbar__item {
    min-width: 0;
}

.site-footer.-footer-style-rakar .footer-rakar-topbar__item + .footer-rakar-topbar__item {
    border-inline-start: 1px solid rgb(255 255 255 / 9%);
}

.site-footer.-footer-style-rakar .footer-rakar-topbar__item > a,
.site-footer.-footer-style-rakar .footer-rakar-topbar__item > div {
    min-height: 112px;
    padding: 28px 24px;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 16px;
}

.site-footer.-footer-style-rakar .footer-rakar-topbar__item > a:hover {
    background: rgb(255 255 255 / 5%);
}

.site-footer.-footer-style-rakar .footer-rakar-topbar__icon {
    width: 48px;
    min-width: 48px;
    height: 48px;
    border-radius: 16px;
    background: rgb(255 121 36 / 12%);
    color: #ff7924;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.site-footer.-footer-style-rakar .footer-rakar-topbar__content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.site-footer.-footer-style-rakar .footer-rakar-topbar__content strong {
    color: #ffffff;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.4;
}

.site-footer.-footer-style-rakar .footer-rakar-topbar__content span {
    color: rgb(255 255 255 / 74%);
    font-size: 15px;
    line-height: 1.65;
}

.site-footer.-footer-style-rakar .footer-rakar-main {
    position: relative;
    z-index: 2;
    padding: 66px 0 30px;
}

.site-footer.-footer-style-rakar .footer-rakar-grid {
    display: grid;
    grid-template-columns: minmax(250px, 340px) minmax(0, 1fr);
    gap: 48px 58px;
    align-items: start;
}

.site-footer.-footer-style-rakar .footer-rakar-brand {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.site-footer.-footer-style-rakar .footer-rakar-brand .-site-logo {
    justify-content: flex-start;
}

.site-footer.-footer-style-rakar .footer-rakar-brand .-site-logo img {
    max-height: 78px;
}

.site-footer.-footer-style-rakar .footer-rakar-copy {
    max-width: 330px;
    color: rgb(255 255 255 / 78%);
    font-size: 16px;
    line-height: 1.9;
    font-weight: 500;
}

.site-footer.-footer-style-rakar .footer-rakar-socials {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.site-footer.-footer-style-rakar .footer-rakar-socials a {
    width: 42px;
    height: 42px;
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: 14px;
    background: rgb(255 255 255 / 8%);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.site-footer.-footer-style-rakar .footer-rakar-socials a:hover {
    border-color: transparent;
    background: var(--sociaColor, #ff7924);
    color: #ffffff;
    transform: translateY(-3px);
}

.site-footer.-footer-style-rakar .footer-rakar-links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px;
    align-items: start;
}

.site-footer.-footer-style-rakar .footer-links-col--rakar,
.site-footer.-footer-style-rakar .footer-rakar-newsletter {
    min-width: 0;
}

.site-footer.-footer-style-rakar .footer-links-col--rakar .-ftit-h3,
.site-footer.-footer-style-rakar .footer-rakar-newsletter .-ftit-h3 {
    position: relative;
    width: fit-content;
    margin: 0 0 22px;
    padding: 0 0 13px;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 24px;
    line-height: 1.35;
    font-weight: 900;
}

.site-footer.-footer-style-rakar .footer-links-col--rakar .-ftit-h3::before,
.site-footer.-footer-style-rakar .footer-rakar-newsletter .-ftit-h3::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background: #ff7924;
    flex: 0 0 auto;
}

.site-footer.-footer-style-rakar .footer-links-col--rakar .-ftit-h3::after,
.site-footer.-footer-style-rakar .footer-rakar-newsletter .-ftit-h3::after {
    background: #ff7924;
}

.site-footer.-footer-style-rakar .footer-rakar-newsletter {
    padding: 24px;
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: 24px;
    background: rgb(255 255 255 / 7%);
    box-shadow: 0 18px 55px rgb(0 0 0 / 10%);
}

.site-footer.-footer-style-rakar .footer-rakar-newsletter p {
    margin: 0 0 20px;
    color: rgb(255 255 255 / 74%);
    font-size: 15px;
    line-height: 1.85;
}

.site-footer.-footer-style-rakar .footer-newsletter__form--stacked {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.site-footer.-footer-style-rakar .footer-newsletter__form--stacked input {
    width: 100%;
    height: 54px;
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: 16px;
    padding: 0 18px;
    background: #ffffff;
    color: #232323;
    font-size: 15px;
    font-weight: 600;
}

.site-footer.-footer-style-rakar .footer-newsletter__form--stacked button {
    width: 100%;
    height: 54px;
    border: 0;
    border-radius: 16px;
    background: #ff7924;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 900;
}

.site-footer.-footer-style-rakar .footer-newsletter__form--stacked button:hover {
    background: #ffffff;
    color: #ff7924;
    transform: translateY(-2px);
}

.site-footer.-footer-style-rakar .footer-rakar-bottom {
    margin-top: 46px;
    padding-top: 24px;
    border-top: 1px solid rgb(255 255 255 / 9%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.site-footer.-footer-style-rakar .footer-rakar-bottom .copyrights {
    color: rgb(255 255 255 / 78%);
}

.site-footer.-footer-style-rakar .footer-bottom-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 14px;
}

.site-footer.-footer-style-rakar .footer-bottom-links li {
    position: relative;
}

.site-footer.-footer-style-rakar .footer-bottom-links li + li {
    padding-inline-start: 14px;
}

.site-footer.-footer-style-rakar .footer-bottom-links li + li::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 50%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgb(255 255 255 / 36%);
    transform: translateY(-50%);
}

.site-footer.-footer-style-rakar .footer-bottom-links a {
    color: rgb(255 255 255 / 78%);
    font-size: 14px;
    line-height: 1.7;
    font-weight: 600;
}

.site-footer.-footer-style-rakar .footer-bottom-links a:hover {
    color: #ffffff;
}

/* ================================
   Responsive
================================ */

@media only screen and (max-width: 1439px) {
    .-main-nav > ul > li ul.sub-menu.active,
    .-main-nav > ul > li.hover > ul.sub-menu.active {
        display: block !important;
    }

    .-main-nav > ul > li {
        justify-content: space-between;
    }
}

@media only screen and (max-width: 1359px) {
    .sing-conte.-post {
        min-width: auto;
    }

    .login-hbtn {
        padding-inline: 13px;
    }

    .-site-logo {
        justify-content: center;
    }

    .-main-nav {
        padding-inline: 12px;
    }

    .-site-logo a {
        --logo-width: 120px;
        min-width: var(--logo-width);
        max-width: 170px;
    }
}

@media only screen and (max-width: 1184px) {
    header.fixedintro {
        padding-inline: 0;
    }
}

@media only screen and (max-width: 1150px) {
    .search_header {
        z-index: 999999999999 !important;
    }

    header.fixedintro {
        min-height: 66px;
        padding: 8px 0;
    }

    header .container {
        justify-content: space-between;
        padding-inline: 18px;
    }

    .container {
        padding-inline: 20px;
    }

    .-site-logo > a {
        min-width: 96px;
        max-width: 140px;
    }

    .-site-logo img {
        max-height: 54px;
    }

    .YC-mobile-button {
        display: flex;
        align-items: center;
    }

    .-mobile-menu-button.background {
        display: flex;
        order: -1;
        margin-inline-end: 8px;
    }

    .-main-nav {
        position: fixed;
        top: 66px;
        right: -105%;
        bottom: 0;
        z-index: 19;
        width: min(100%, 390px);
        min-width: 0;
        max-width: 390px;
        height: calc(100vh - 66px);
        padding: 16px;
        border-inline-start: 1px solid rgb(0 0 0 / 8%);
        background:
            radial-gradient(circle at 0 0, rgb(255 111 0 / 7%) 0, transparent 34%),
            #ffffff;
        color: var(--uicolor);
        flex-direction: column;
        justify-content: flex-start;
        overflow-y: auto;
        visibility: hidden;
        opacity: 0;
        box-shadow: -20px 0 60px rgb(0 0 0 / 14%);
        transition: right .3s ease, opacity .3s ease, visibility .3s ease;
    }

    .-main-nav.open_menu {
        right: 0;
        visibility: visible;
        opacity: 1;
    }

    .-main-nav > ul {
        display: block;
        width: 100%;
        height: auto;
        flex: initial;
    }

    .-main-nav > ul > li {
        width: 100%;
        padding: 0;
        margin-bottom: 8px;
    }

    .-main-nav > ul > li > a {
        width: 100%;
        min-height: 48px;
        margin: 0;
        padding: 12px 16px;
        border: 1px solid rgb(0 0 0 / 6%);
        border-radius: 16px;
        background: #ffffff;
        font-size: 16px;
        font-weight: 900;
        box-shadow: 0 8px 22px rgb(0 0 0 / 4%);
    }

    .-main-nav > ul > li > ul.sub-menu,
    .-main-nav > ul > li ul.sub-menu ul.sub-menu {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        min-width: 100%;
        max-width: 100%;
        margin-top: 8px;
        margin-bottom: 0;
        padding: 8px;
        border: 1px solid rgb(0 0 0 / 6%);
        border-radius: 16px;
        background: #fffaf2;
        box-shadow: none;
        opacity: 1;
        visibility: visible !important;
        transform: scale(1);
        display: none;
    }

    .-main-nav > ul > li:hover > ul.sub-menu {
        opacity: 1;
        visibility: visible;
    }

    .-main-nav > ul > li > ul.sub-menu > li {
        justify-content: space-between;
    }

    .-main-nav > ul > li ul.sub-menu > li > a {
        width: 100%;
        min-width: 100%;
        min-height: 40px;
        padding: 9px 12px;
        border-radius: 12px;
        background: #ffffff;
        font-size: 14px;
    }

    .-Show-SubMenu-Icon {
        top: 9px;
        left: 10px;
        transform: none;
    }

    .-Show-SubMenu-Icon i {
        position: relative;
        z-index: 22;
        width: 32px;
        height: 32px;
        border: 1px solid rgb(255 111 0 / 10%);
        border-radius: 12px;
        background: rgb(255 111 0 / 8%);
        color: var(--uicolor);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
    }

    .-main-nav .--company-menu-mobile {
        display: block;
        width: 100%;
        margin-top: 14px;
        padding-top: 14px;
        border-top: 1px solid rgb(0 0 0 / 8%);
    }

    .--company-menu-mobile > span {
        display: block;
        margin-bottom: 9px;
        color: var(--primary-text);
        text-align: right;
        font-size: 20px;
        font-weight: 900;
    }

    .-company-contact-minibox {
        display: block;
        width: 100%;
        list-style: none;
    }

    .-company-contact-minibox > div {
        position: relative;
        display: flex;
        align-items: center;
        align-content: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 10px 0;
        color: var(--primary-text);
        font-size: 14px;
        font-weight: 600;
    }

    .--company-menu-mobile .-company-contact-minibox > div {
        justify-content: right;
    }

    .-company-contact-minibox > div i {
        min-width: 26px;
        margin-inline-end: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 23px;
        font-weight: 300;
    }

    .-company-contact-minibox > div span {
        text-align: right;
        line-height: 1.5;
    }

    .-company-contact-minibox > div > a {
        display: flex;
        width: 100%;
        font-size: 18px;
    }

    .-ycw-section {
        padding-block: 42px !important;
    }

    footer {
        padding-top: 58px;
    }

    footer-body {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
    }

    .-fot.logo {
        grid-column: 1 / -1;
        max-width: 100%;
        min-width: 100%;
        text-align: center;
        align-items: center;
    }

    footer .-site-logo,
    .shares-items {
        justify-content: center;
    }

    .-f-p {
        margin-inline: auto;
        text-align: center;
    }

    .site-footer .footer-top-row,
    .site-footer .footer-brand-row,
    .site-footer .footer-content-row,
    .site-footer.-footer-style-rakar .footer-rakar-grid,
    .site-footer.-footer-style-rakar .footer-rakar-topbar__grid,
    .site-footer.-footer-style-rakar .footer-rakar-links {
        grid-template-columns: 1fr;
    }

    .site-footer .footer-map,
    .site-footer .footer-contact {
        max-width: none;
    }

    .site-footer.-footer-style-rakar .footer-rakar-topbar__item + .footer-rakar-topbar__item {
        border-inline-start: 0;
        border-top: 1px solid rgb(255 255 255 / 9%);
    }

    .site-footer.-footer-style-rakar .footer-rakar-copy {
        max-width: 620px;
    }

    .posts-scroll {
        padding: 10px 12px !important;
        font-size: 14px !important;
    }

    .GoToTop {
        left: 12px;
        --elwh: 40px;
        font-size: 16px;
        z-index: 99999999;
    }

    .--empty-attchment-area > i {
        margin-bottom: 20px;
        font-size: 59px;
    }

    .--empty-attchment-area > h2 {
        font-size: 27px;
    }

    .--empty-attchment-area > p {
        flex-direction: column;
        font-size: 14px;
    }

    .--empty-attchment-area > p > a {
        margin-top: 11px;
        padding: 8px 12px;
    }

    .-ather-lists.-Taps-AppendCenter.-ScrollerCenter.objType-post {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 992px) {
    .-site-logo {
        gap: 7px;
        justify-content: space-evenly;
    }

    .-site-logo > a {
        min-width: 100px;
        max-width: 148px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .-site-logo > a > img {
        width: auto;
        height: auto;
    }
}

@media (max-width: 900px) {
    footer.site-footer {
        padding-top: 70px;
    }

    .site-footer .footer-newsletter {
        grid-template-columns: 1fr;
        margin: -80px auto 48px;
        padding: 24px;
        border-radius: 24px;
    }

    .site-footer .footer-newsletter__title {
        text-align: center;
        font-size: 24px;
    }

    .site-footer .footer-links-wrap {
        max-width: none;
    }

    .site-footer .footer-bottom,
    footer-bottom,
    .site-footer.-footer-style-rakar .footer-rakar-bottom {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .site-footer.-footer-style-rakar .footer-bottom-links {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .container {
        padding-inline: 18px;
    }

    header.fixedintro {
        min-height: 62px;
    }

    .-main-nav {
        top: 62px;
        width: 100%;
        max-width: 100%;
        height: calc(100vh - 62px);
    }

    .header--Tools {
        gap: 7px;
    }

    .head-btns > a,
    .srch-type-icon,
    .-mobile-menu-button.background {
        width: 36px;
        height: 36px;
        border-radius: 13px;
    }

    .-YC-FM-inputs-area {
        margin-bottom: 11px;
    }

    .shares-items {
        justify-content: center;
    }

    footer-body {
        gap: 18px;
    }
}

@media (max-width: 700px) {
    .container {
        padding-inline: 20px;
    }

    .search_body > form > button,
    .search_closse {
        padding: 10px !important;
    }

    .-main-nav {
        top: 62px;
    }

    .-ftit-h3 {
        margin-bottom: 17px;
        padding-bottom: 11px;
        font-size: 20px;
    }

    footer {
        padding-top: 46px;
    }

    footer-body {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    footer-bottom {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .-f-links > li > a {
        font-size: 15px;
    }

    .contact_info1 {
        gap: 10px;
    }

    .site-footer .footer-newsletter__form {
        flex-direction: column;
        align-items: stretch;
    }

    .site-footer .footer-newsletter__form input,
    .site-footer .footer-newsletter__form button {
        width: 100%;
    }

    .site-footer .footer-brand-row,
    .site-footer .footer-links-wrap {
        grid-template-columns: 1fr;
    }

    .site-footer .footer-brand,
    .site-footer .footer-brand-copy .-f-p {
        text-align: center;
    }

    .site-footer .footer-brand .-site-logo {
        justify-content: center;
    }

    .site-footer .footer-content-row {
        gap: 28px;
    }

    .site-footer .footer-contact,
    .site-footer.-footer-style-rakar .footer-rakar-newsletter {
        padding: 20px;
        border-radius: 20px;
    }

    .site-footer.-footer-style-rakar .footer-rakar-main {
        padding: 46px 0 24px;
    }

    .site-footer.-footer-style-rakar .footer-rakar-topbar__item > a,
    .site-footer.-footer-style-rakar .footer-rakar-topbar__item > div {
        min-height: 0;
        padding: 20px 16px;
    }

    .site-footer.-footer-style-rakar .footer-rakar-brand {
        align-items: center;
        text-align: center;
    }

    .site-footer.-footer-style-rakar .footer-rakar-brand .-site-logo,
    .site-footer.-footer-style-rakar .footer-rakar-socials {
        justify-content: center;
    }

    .site-footer.-footer-style-rakar .footer-rakar-copy {
        text-align: center;
    }

    .login-hbtn {
        padding: 4px 8px;
        font-size: 14px;
    }

    .vs-user > span {
        display: none;
    }

    .-sin-lis ul {
        display: flex;
        flex-wrap: wrap;
        gap: 19px;
    }

    .-sin-usr-area {
        min-width: 120px;
        flex: 1;
    }

    .--review-title {
        font-size: 16px;
    }

    .timg-image {
        height: 170px;
    }

    .-prduc-info {
        max-width: 100%;
        min-width: 100%;
        padding: 0;
    }

    .form-details {
        width: 100%;
        padding: 25px;
    }

    .-user-sidebar {
        position: relative;
        top: 0;
        margin: 0 0 40px;
        padding: 20px;
    }

    .features2-item {
        min-width: 223px;
        max-width: 225px;
    }

    .fetur-item {
        min-width: 220px;
        max-width: 220px;
    }

    .fetur-info > .p-content {
        font-size: 14px;
    }
}

@media (max-width: 640px) {
    .site-footer .footer-newsletter {
        margin: -66px auto 38px;
    }

    .site-footer .footer-map {
        max-width: none;
    }
}

@media only screen and (max-width: 581px) {
    .-main-nav {
        top: 62px;
    }

    .header--Tools .fsurl-btn {
        display: none;
    }

    .-main-nav > ul > li > a {
        font-size: 14px;
        font-weight: 800;
    }
}

@media (max-width: 580px) {
    .fsurl-btn,
    .securl-btn {
        --icon: 37px;
        padding: 9px calc(var(--icon) + 10px);
        padding-inline-start: 10px;
        font-size: 13px;
    }

    .icn-btn {
        --icon: 30px;
        width: 30px;
        height: 30px;
    }

    .icn-btn .svg-btn {
        width: 19px;
        height: 19px;
    }
}

@media only screen and (max-width: 550px) {
    #maher-ai-bot-root {
        left: 12px;
        right: 12px;
        bottom: 12px;
    }

    #maher-ai-bot-root .maher-ai-panel {
        width: 100%;
        height: 72vh;
    }

    #maher-ai-bot-root .maher-ai-launcher {
        width: 100%;
        justify-content: center;
    }

    .shares-items a {
        font-size: 15px;
    }

    .-f-p {
        font-size: 15px;
    }

    .fixed-btns {
        gap: 8px;
    }

    .fixed-btns > div {
        width: 40px !important;
        height: 40px !important;
    }

    .fixed-btns > div i {
        font-size: 16px;
    }

    .whatsapp-fix > a {
        font-size: 30px;
    }

    .whatsapp-fix > a::after,
    .whatsapp-fix > a::before {
        inset: -8px;
    }

    .encsele {
        padding: 7px 8px;
        font-size: 11px;
    }

    .-mobile-menu-button.background,
    .srch-type-icon {
        width: 35px;
        height: 35px;
    }

    .head-btns > a {
        width: 30px;
        height: 30px;
    }

    footer.site-footer {
        padding-top: 58px;
    }

    .site-footer .footer-newsletter {
        margin: -56px auto 38px;
        padding: 20px;
        border-radius: 20px;
    }

    .site-footer .footer-newsletter__title {
        font-size: 21px;
    }

    .site-footer .footer-newsletter__form input,
    .site-footer .footer-newsletter__form button,
    .site-footer.-footer-style-rakar .footer-newsletter__form--stacked input,
    .site-footer.-footer-style-rakar .footer-newsletter__form--stacked button {
        height: 50px;
        border-radius: 14px;
        font-size: 14px;
    }

    .site-footer .footer-map-card,
    .site-footer .footer-contact,
    .site-footer.-footer-style-rakar .footer-rakar-newsletter {
        border-radius: 18px;
    }

    .site-footer .footer-map-card img,
    .site-footer .footer-map-card.is-placeholder {
        height: 185px;
        min-height: 185px;
    }

    .site-footer .footer-bottom,
    footer-bottom,
    .site-footer.-footer-style-rakar .footer-rakar-bottom {
        margin-top: 32px;
        padding-bottom: 24px;
    }

    .copyrights,
    .site-footer .copyrights,
    .site-footer.-footer-style-rakar .footer-rakar-bottom .copyrights {
        font-size: 14px;
    }

    .shares-items a,
    .site-footer .shares-items a,
    .site-footer.-footer-style-rakar .footer-rakar-socials a {
        width: 38px;
        height: 38px;
        border-radius: 13px;
        font-size: 15px;
    }
}

@media only screen and (max-width: 520px) {
    .head-btns.cart-icon {
        position: fixed;
        bottom: 20px;
        left: 13px;
    }

    .head-btns.cart-icon a {
        width: 40px;
        height: 40px;
        background: #a10f31;
        color: #ffffff;
        font-size: 18px;
    }
}

@media only screen and (max-width: 410px) {
    .encsele {
        display: none;
    }
}

@media (max-width: 390px) {
    .site-footer .footer-newsletter {
        padding: 18px;
    }

    .site-footer .footer-newsletter__title {
        font-size: 19px;
    }

    .-ftit-h3,
    .site-footer.-footer-style-rakar .footer-links-col--rakar .-ftit-h3,
    .site-footer.-footer-style-rakar .footer-rakar-newsletter .-ftit-h3 {
        font-size: 18px;
    }

    .contact_info1 > i,
    .site-footer .contact_info1 > i,
    .site-footer.-footer-style-rakar .footer-rakar-topbar__icon {
        width: 38px;
        min-width: 38px;
        height: 38px;
        border-radius: 12px;
        font-size: 15px;
    }
}