/* Scoped Reset */ #TatoTajHero_root__H3r0X, #TatoTajHero_root__H3r0X *, #TatoTajHero_root__H3r0X *::before, #TatoTajHero_root__H3r0X *::after { margin: 0; padding: 0; box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; } #TatoTajHero_root__H3r0X { font-family: "Vazirmatn", system-ui, -apple-system, sans-serif !important; direction: rtl !important; width: 100% !important; } /* Animation state classes */ #TatoTajHero_root__H3r0X .TatoTajHero_animate-in__H3r0X { opacity: 0 !important; } #TatoTajHero_root__H3r0X .TatoTajHero_animate-in__H3r0X.TatoTajHero_animated__H3r0X { opacity: 1 !important; transform: translate(0, 0) !important; } #TatoTajHero_root__H3r0X .TatoTajHero_slide-up__H3r0X { transform: translateY(60px) !important; } #TatoTajHero_root__H3r0X .TatoTajHero_slide-left__H3r0X { transform: translateX(-20px) !important; } #TatoTajHero_root__H3r0X .TatoTajHero_slide-right__H3r0X { transform: translateX(20px) !important; } /* Add transitions */ #TatoTajHero_root__H3r0X .TatoTajHero_card__H3r0X { transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), transform 0.8s cubic-bezier(0.19, 1, 0.22, 1) !important; } #TatoTajHero_root__H3r0X .TatoTajHero_item__H3r0X { transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important; } /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#TatoTajHero_root__H3r0X *,#TatoTajHero_root__H3r0X :before,#TatoTajHero_root__H3r0X :after,#TatoTajHero_root__H3r0X ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:""}}}@layer theme{#TatoTajHero_root__H3r0X,#TatoTajHero_root__H3r0X :host{--font-sans:"Vazirmatn", system-ui, sans-serif;--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-200:oklch(88.5% .062 18.334);--color-red-600:oklch(57.7% .245 27.325);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-green-500:oklch(72.3% .219 149.579);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-fuchsia-50:oklch(97.7% .017 320.058);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-pink-500:oklch(65.6% .241 354.308);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-100:oklch(97% .001 106.424);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-400:oklch(70.9% .01 56.259);--color-stone-500:oklch(55.3% .013 58.071);--color-stone-600:oklch(44.4% .011 73.639);--color-stone-700:oklch(37.4% .01 67.558);--color-stone-800:oklch(26.8% .007 34.298);--color-stone-900:oklch(21.6% .006 56.043);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-sm:0 1px 2px #00000026;--ease-out:cubic-bezier(0, 0, .2, 1);--blur-md:12px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{#TatoTajHero_root__H3r0X *,#TatoTajHero_root__H3r0X :after,#TatoTajHero_root__H3r0X :before,#TatoTajHero_root__H3r0X ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}#TatoTajHero_root__H3r0X ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}#TatoTajHero_root__H3r0X,#TatoTajHero_root__H3r0X :host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}#TatoTajHero_root__H3r0X hr{height:0;color:inherit;border-top-width:1px}#TatoTajHero_root__H3r0X abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}#TatoTajHero_root__H3r0X h1,#TatoTajHero_root__H3r0X h2,#TatoTajHero_root__H3r0X h3,#TatoTajHero_root__H3r0X h4,#TatoTajHero_root__H3r0X h5,#TatoTajHero_root__H3r0X h6{font-size:inherit;font-weight:inherit}#TatoTajHero_root__H3r0X a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}#TatoTajHero_root__H3r0X b,#TatoTajHero_root__H3r0X strong{font-weight:bolder}#TatoTajHero_root__H3r0X code,#TatoTajHero_root__H3r0X kbd,#TatoTajHero_root__H3r0X samp,#TatoTajHero_root__H3r0X pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}#TatoTajHero_root__H3r0X small{font-size:80%}#TatoTajHero_root__H3r0X sub,#TatoTajHero_root__H3r0X sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}#TatoTajHero_root__H3r0X sub{bottom:-.25em}#TatoTajHero_root__H3r0X sup{top:-.5em}#TatoTajHero_root__H3r0X table{text-indent:0;border-color:inherit;border-collapse:collapse}#TatoTajHero_root__H3r0X :-moz-focusring{outline:auto}#TatoTajHero_root__H3r0X progress{vertical-align:baseline}#TatoTajHero_root__H3r0X summary{display:list-item}#TatoTajHero_root__H3r0X ol,#TatoTajHero_root__H3r0X ul,#TatoTajHero_root__H3r0X menu{list-style:none}#TatoTajHero_root__H3r0X img,#TatoTajHero_root__H3r0X svg,#TatoTajHero_root__H3r0X video,#TatoTajHero_root__H3r0X canvas,#TatoTajHero_root__H3r0X audio,#TatoTajHero_root__H3r0X iframe,#TatoTajHero_root__H3r0X embed,#TatoTajHero_root__H3r0X object{vertical-align:middle;display:block}#TatoTajHero_root__H3r0X img,#TatoTajHero_root__H3r0X video{max-width:100%;height:auto}#TatoTajHero_root__H3r0X button,#TatoTajHero_root__H3r0X input,#TatoTajHero_root__H3r0X select,#TatoTajHero_root__H3r0X optgroup,#TatoTajHero_root__H3r0X textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}#TatoTajHero_root__H3r0X ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}#TatoTajHero_root__H3r0X :where(select:is([multiple],[size])) optgroup{font-weight:bolder}#TatoTajHero_root__H3r0X :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}#TatoTajHero_root__H3r0X ::file-selector-button{margin-inline-end:4px}#TatoTajHero_root__H3r0X ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#TatoTajHero_root__H3r0X ::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){#TatoTajHero_root__H3r0X ::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}#TatoTajHero_root__H3r0X textarea{resize:vertical}#TatoTajHero_root__H3r0X ::-webkit-search-decoration{-webkit-appearance:none}#TatoTajHero_root__H3r0X ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}#TatoTajHero_root__H3r0X ::-webkit-datetime-edit{display:inline-flex}#TatoTajHero_root__H3r0X ::-webkit-datetime-edit-fields-wrapper{padding:0}#TatoTajHero_root__H3r0X ::-webkit-datetime-edit{padding-block:0}#TatoTajHero_root__H3r0X ::-webkit-datetime-edit-year-field{padding-block:0}#TatoTajHero_root__H3r0X ::-webkit-datetime-edit-month-field{padding-block:0}#TatoTajHero_root__H3r0X ::-webkit-datetime-edit-day-field{padding-block:0}#TatoTajHero_root__H3r0X ::-webkit-datetime-edit-hour-field{padding-block:0}#TatoTajHero_root__H3r0X ::-webkit-datetime-edit-minute-field{padding-block:0}#TatoTajHero_root__H3r0X ::-webkit-datetime-edit-second-field{padding-block:0}#TatoTajHero_root__H3r0X ::-webkit-datetime-edit-millisecond-field{padding-block:0}#TatoTajHero_root__H3r0X ::-webkit-datetime-edit-meridiem-field{padding-block:0}#TatoTajHero_root__H3r0X ::-webkit-calendar-picker-indicator{line-height:1}#TatoTajHero_root__H3r0X :-moz-ui-invalid{box-shadow:none}#TatoTajHero_root__H3r0X button,#TatoTajHero_root__H3r0X input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}#TatoTajHero_root__H3r0X ::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}#TatoTajHero_root__H3r0X ::-webkit-inner-spin-button{height:auto}#TatoTajHero_root__H3r0X ::-webkit-outer-spin-button{height:auto}#TatoTajHero_root__H3r0X [hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{#TatoTajHero_root__H3r0X .TatoTajHero_c86__H3r0X{pointer-events:none !important}#TatoTajHero_root__H3r0X .TatoTajHero_c79__H3r0X{position:absolute !important}#TatoTajHero_root__H3r0X .TatoTajHero_c11__H3r0X{position:relative !important}#TatoTajHero_root__H3r0X .TatoTajHero_c80__H3r0X{top:0 !important;right:0 !important;bottom:0 !important;left:0 !important}#TatoTajHero_root__H3r0X .TatoTajHero_c26__H3r0X{z-index:10 !important}#TatoTajHero_root__H3r0X .TatoTajHero_c3__H3r0X{margin-inline:auto !important}#TatoTajHero_root__H3r0X .TatoTajHero_c54__H3r0X{margin-top:calc(var(--spacing) * 8) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c32__H3r0X{margin-bottom:calc(var(--spacing) * 2) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c42__H3r0X{margin-bottom:calc(var(--spacing) * 3) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c47__H3r0X{margin-bottom:calc(var(--spacing) * 6) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c12__H3r0X{display:flex !important}#TatoTajHero_root__H3r0X .TatoTajHero_c77__H3r0X{display:none !important}#TatoTajHero_root__H3r0X .TatoTajHero_c28__H3r0X{display:inline-flex !important}#TatoTajHero_root__H3r0X .TatoTajHero_c36__H3r0X{height:calc(var(--spacing) * 4) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c68__H3r0X{height:calc(var(--spacing) * 5) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c87__H3r0X{height:100% !important}#TatoTajHero_root__H3r0X .TatoTajHero_c75__H3r0X{min-height:220px !important}#TatoTajHero_root__H3r0X .TatoTajHero_c35__H3r0X{width:calc(var(--spacing) * 4) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c67__H3r0X{width:calc(var(--spacing) * 5) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c55__H3r0X{width:auto !important}#TatoTajHero_root__H3r0X .TatoTajHero_c1__H3r0X{width:100% !important}#TatoTajHero_root__H3r0X .TatoTajHero_c2__H3r0X{max-width:1536px !important}#TatoTajHero_root__H3r0X .TatoTajHero_c49__H3r0X{max-width:var(--container-xl) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c25__H3r0X{flex:1 !important}#TatoTajHero_root__H3r0X .TatoTajHero_c13__H3r0X{flex-direction:column !important}#TatoTajHero_root__H3r0X .TatoTajHero_c51__H3r0X{flex-wrap:wrap !important}#TatoTajHero_root__H3r0X .TatoTajHero_c29__H3r0X{align-items:center !important}#TatoTajHero_root__H3r0X .TatoTajHero_c27__H3r0X{justify-content:center !important}#TatoTajHero_root__H3r0X .TatoTajHero_c52__H3r0X{justify-content:flex-start !important}#TatoTajHero_root__H3r0X .TatoTajHero_c30__H3r0X{gap:calc(var(--spacing) * 1.5) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c56__H3r0X{gap:calc(var(--spacing) * 2) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c53__H3r0X{gap:calc(var(--spacing) * 4) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c10__H3r0X{overflow:hidden !important}#TatoTajHero_root__H3r0X .TatoTajHero_c9__H3r0X{border-radius:20px !important}#TatoTajHero_root__H3r0X .TatoTajHero_c61__H3r0X{border-radius:var(--radius-xl) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c20__H3r0X{border-style:var(--tw-border-style) !important;border-width:1px !important}#TatoTajHero_root__H3r0X .TatoTajHero_c21__H3r0X{border-color:#92487a4d !important}#TatoTajHero_root__H3r0X .TatoTajHero_c71__H3r0X{border-color:#fff3 !important}@supports (color:color-mix(in lab,red,red)){#TatoTajHero_root__H3r0X .TatoTajHero_c71__H3r0X{border-color:color-mix(in oklab,var(--color-white) 20%,transparent) !important}}#TatoTajHero_root__H3r0X .TatoTajHero_c7__H3r0X{background-color:#540863 !important}#TatoTajHero_root__H3r0X .TatoTajHero_c57__H3r0X{background-color:#ffd3d5 !important}#TatoTajHero_root__H3r0X .TatoTajHero_c69__H3r0X{background-color:#ffffff1a !important}@supports (color:color-mix(in lab,red,red)){#TatoTajHero_root__H3r0X .TatoTajHero_c69__H3r0X{background-color:color-mix(in oklab,var(--color-white) 10%,transparent) !important}}#TatoTajHero_root__H3r0X .TatoTajHero_c81__H3r0X{--tw-gradient-position:to top in oklab !important;background-image:linear-gradient(var(--tw-gradient-stops)) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c83__H3r0X{--tw-gradient-from:#540863 !important;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c84__H3r0X{--tw-gradient-via:oklab(32.9339% .113932 -.0961362/.8) !important;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;--tw-gradient-stops:var(--tw-gradient-via-stops) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c85__H3r0X{--tw-gradient-to:transparent !important;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c88__H3r0X{object-fit:cover !important}#TatoTajHero_root__H3r0X .TatoTajHero_c22__H3r0X{padding:calc(var(--spacing) * 6) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c4__H3r0X{padding-inline:calc(var(--spacing) * 4) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c59__H3r0X{padding-inline:calc(var(--spacing) * 6) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c60__H3r0X{padding-block:calc(var(--spacing) * 3) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c6__H3r0X{padding-block:calc(var(--spacing) * 4) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c39__H3r0X{font-size:var(--text-2xl) !important;line-height:var(--tw-leading,var(--text-2xl--line-height)) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c37__H3r0X{font-size:13px !important}#TatoTajHero_root__H3r0X .TatoTajHero_c45__H3r0X{font-size:14px !important}#TatoTajHero_root__H3r0X .TatoTajHero_c62__H3r0X{font-size:15px !important}#TatoTajHero_root__H3r0X .TatoTajHero_c43__H3r0X{--tw-leading:1.6 !important;line-height:1.6 !important}#TatoTajHero_root__H3r0X .TatoTajHero_c48__H3r0X{--tw-leading:2 !important;line-height:2 !important}#TatoTajHero_root__H3r0X .TatoTajHero_c41__H3r0X{--tw-font-weight:var(--font-weight-black) !important;font-weight:var(--font-weight-black) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c38__H3r0X{--tw-font-weight:var(--font-weight-bold) !important;font-weight:var(--font-weight-bold) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c50__H3r0X{--tw-font-weight:var(--font-weight-medium) !important;font-weight:var(--font-weight-medium) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c58__H3r0X{color:#540863 !important}#TatoTajHero_root__H3r0X .TatoTajHero_c31__H3r0X{color:#ffd3d5 !important}#TatoTajHero_root__H3r0X .TatoTajHero_c44__H3r0X{color:var(--color-stone-200) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c8__H3r0X{color:var(--color-white) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c93__H3r0X{opacity:.9 !important}#TatoTajHero_root__H3r0X .TatoTajHero_c15__H3r0X{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a) !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c70__H3r0X{--tw-backdrop-blur:blur(var(--blur-md)) !important;-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c18__H3r0X{transition-property:all !important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)) !important;transition-duration:var(--tw-duration,var(--default-transition-duration)) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c64__H3r0X{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to !important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)) !important;transition-duration:var(--tw-duration,var(--default-transition-duration)) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c90__H3r0X{transition-property:transform,translate,scale,rotate !important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)) !important;transition-duration:var(--tw-duration,var(--default-transition-duration)) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c19__H3r0X{--tw-duration:.3s !important;transition-duration:.3s !important}#TatoTajHero_root__H3r0X .TatoTajHero_c91__H3r0X{--tw-duration:.7s !important;transition-duration:.7s !important}#TatoTajHero_root__H3r0X .TatoTajHero_c92__H3r0X{--tw-ease:var(--ease-out) !important;transition-timing-function:var(--ease-out) !important}@media(hover:hover){#TatoTajHero_root__H3r0X .group-hover\:-translate-x-1:is(:where(.TatoTajHero_c16__H3r0X):hover *){--tw-translate-x:calc(var(--spacing) * -1) !important;translate:var(--tw-translate-x) var(--tw-translate-y) !important}#TatoTajHero_root__H3r0X .group-hover\:translate-y-0:is(:where(.TatoTajHero_c16__H3r0X):hover *){--tw-translate-y:0 !important;translate:var(--tw-translate-x) var(--tw-translate-y) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c89__H3r0X:is(:where(.TatoTajHero_c16__H3r0X):hover *){--tw-scale-x:105% !important;--tw-scale-y:105% !important;--tw-scale-z:105% !important;scale:var(--tw-scale-x) var(--tw-scale-y) !important}#TatoTajHero_root__H3r0X .group-hover\:scale-110:is(:where(.TatoTajHero_c16__H3r0X):hover *){--tw-scale-x:110% !important;--tw-scale-y:110% !important;--tw-scale-z:110% !important;scale:var(--tw-scale-x) var(--tw-scale-y) !important}#TatoTajHero_root__H3r0X .group-hover\:text-\[\#540863\]:is(:where(.TatoTajHero_c16__H3r0X):hover *){color:#540863 !important}#TatoTajHero_root__H3r0X .group-hover\:text-\[\#c98a83\]:is(:where(.TatoTajHero_c16__H3r0X):hover *){color:#c98a83 !important}#TatoTajHero_root__H3r0X .group-hover\:text-\[\#ef394e\]:is(:where(.TatoTajHero_c16__H3r0X):hover *){color:#ef394e !important}}@media(hover:hover){#TatoTajHero_root__H3r0X .TatoTajHero_c65__H3r0X:hover{--tw-translate-y:calc(var(--spacing) * -.5) !important;translate:var(--tw-translate-x) var(--tw-translate-y) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c63__H3r0X:hover{background-color:var(--color-white) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c72__H3r0X:hover{background-color:#fff3 !important}@supports (color:color-mix(in lab,red,red)){#TatoTajHero_root__H3r0X .TatoTajHero_c72__H3r0X:hover{background-color:color-mix(in oklab,var(--color-white) 20%,transparent) !important}}#TatoTajHero_root__H3r0X .TatoTajHero_c17__H3r0X:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a) !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important}}@media(min-width:40rem){#TatoTajHero_root__H3r0X .TatoTajHero_c78__H3r0X{display:block !important}}@media(min-width:48rem){#TatoTajHero_root__H3r0X .TatoTajHero_c76__H3r0X{min-height:100% !important}#TatoTajHero_root__H3r0X .TatoTajHero_c74__H3r0X{width:45% !important}#TatoTajHero_root__H3r0X .TatoTajHero_c14__H3r0X{flex-direction:row !important}#TatoTajHero_root__H3r0X .TatoTajHero_c82__H3r0X{--tw-gradient-position:to right in oklab !important;background-image:linear-gradient(var(--tw-gradient-stops)) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c23__H3r0X{padding:calc(var(--spacing) * 8) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c40__H3r0X{font-size:var(--text-3xl) !important;line-height:var(--tw-leading,var(--text-3xl--line-height)) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c46__H3r0X{font-size:15px !important}}@media(min-width:64rem){#TatoTajHero_root__H3r0X .TatoTajHero_c24__H3r0X{padding:calc(var(--spacing) * 10) !important}#TatoTajHero_root__H3r0X .TatoTajHero_c5__H3r0X{padding-inline:calc(var(--spacing) * 8) !important}}}#TatoTajHero_root__H3r0X{color:#2c2c2c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Vazirmatn,sans-serif}#TatoTajHero_root__H3r0X ::selection{color:#fff;background-color:#d946ef}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-content{syntax:"*";inherits:false;initial-value:""} /* ======================================================== RENDERBOX CMS MODULE: LIP SHADING BODY CSS Version: 1.1 RTL Support: Yes Design Concept: Soft Warm Rose & Warm Terracotta Minimalist ======================================================== */ #LipShadingBody_root__L8s9b { direction: rtl !important; text-align: right !important; font-family: 'Vazirmatn', 'Inter', sans-serif !important; background-color: #ffffff !important; color: #44403c !important; /* stone-700 */ line-height: 1.8 !important; padding: 24px 0 !important; position: relative !important; } #LipShadingBody_root__L8s9b *, #LipShadingBody_root__L8s9b *::before, #LipShadingBody_root__L8s9b *::after { box-sizing: border-box !important; } /* Container spacing & dimensions */ #LipShadingBody_root__L8s9b .LipShadingBody_container__L8s9b { width: 100% !important; max-width: 1320px !important; margin: 0 auto !important; padding: 0 20px !important; } /* Layout Grid */ #LipShadingBody_root__L8s9b .LipShadingBody_layout_grid__L8s9b { display: flex !important; flex-direction: column !important; gap: 32px !important; } @media (min-width: 1024px) { #LipShadingBody_root__L8s9b .LipShadingBody_layout_grid__L8s9b { flex-direction: row !important; } } /* Columns */ #LipShadingBody_root__L8s9b .LipShadingBody_main_col__L8s9b { width: 100% !important; } @media (min-width: 1024px) { #LipShadingBody_root__L8s9b .LipShadingBody_main_col__L8s9b { width: 73% !important; flex-shrink: 0 !important; } } #LipShadingBody_root__L8s9b .LipShadingBody_sidebar_col__L8s9b { width: 100% !important; } @media (min-width: 1024px) { #LipShadingBody_root__L8s9b .LipShadingBody_sidebar_col__L8s9b { width: 27% !important; flex-shrink: 0 !important; } } #LipShadingBody_root__L8s9b .LipShadingBody_sidebar_inner__L8s9b { position: relative !important; } @media (min-width: 1024px) { #LipShadingBody_root__L8s9b .LipShadingBody_sidebar_inner__L8s9b { position: sticky !important; top: 32px !important; } } /* Animations using transitions */ #LipShadingBody_root__L8s9b .LipShadingBody_animate-in__L8s9b { opacity: 0 !important; transform: translateY(24px) !important; transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important; } #LipShadingBody_root__L8s9b .LipShadingBody_animated__L8s9b { opacity: 1 !important; transform: translateY(0) !important; } /* Breadcrumbs */ #LipShadingBody_root__L8s9b .LipShadingBody_breadcrumb__L8s9b { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; font-size: 13px !important; color: #78716c !important; margin-bottom: 24px !important; font-weight: 400 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_breadcrumb_link__L8s9b { color: #78716c !important; text-decoration: none !important; transition: color 0.2s ease !important; } #LipShadingBody_root__L8s9b .LipShadingBody_breadcrumb_link__L8s9b:hover { color: #92487A !important; } #LipShadingBody_root__L8s9b .LipShadingBody_breadcrumb_sep__L8s9b { display: inline-flex !important; align-items: center !important; } #LipShadingBody_root__L8s9b .LipShadingBody_breadcrumb_sep__L8s9b svg { width: 12px !important; height: 12px !important; stroke: #a8a29e !important; } #LipShadingBody_root__L8s9b .LipShadingBody_breadcrumb_current__L8s9b { color: #1c1917 !important; font-weight: 500 !important; } /* Article Title */ #LipShadingBody_root__L8s9b .LipShadingBody_title__L8s9b { font-size: 32px !important; font-weight: 800 !important; color: #1c1917 !important; line-height: 1.4 !important; margin-top: 0 !important; margin-bottom: 16px !important; letter-spacing: -0.02em !important; } /* Metadata */ #LipShadingBody_root__L8s9b .LipShadingBody_meta__L8s9b { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 20px !important; border-bottom: 1px solid #e7e5e4 !important; padding-bottom: 20px !important; margin-bottom: 28px !important; } #LipShadingBody_root__L8s9b .LipShadingBody_author__L8s9b { display: flex !important; align-items: center !important; gap: 8px !important; } #LipShadingBody_root__L8s9b .LipShadingBody_author_img__L8s9b { width: 36px !important; height: 36px !important; border-radius: 50% !important; object-fit: cover !important; border: 2px solid #ffccd1 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_author_name__L8s9b { font-weight: 700 !important; font-size: 14px !important; color: #1c1917 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_meta_item__L8s9b { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 13px !important; color: #78716c !important; } #LipShadingBody_root__L8s9b .LipShadingBody_meta_item__L8s9b svg { width: 16px !important; height: 16px !important; stroke: #78716c !important; } /* Content Images */ #LipShadingBody_root__L8s9b .LipShadingBody_hero_img__L8s9b { width: 100% !important; height: auto !important; max-height: 450px !important; border-radius: 20px !important; object-fit: cover !important; border: 1px solid #e7e5e4 !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important; margin-bottom: 28px !important; margin-top: 24px !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; } #LipShadingBody_root__L8s9b .LipShadingBody_hero_img__L8s9b:hover { transform: scale(1.005) !important; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08) !important; } /* Paragraphs styled with baseline font weight 400 */ #LipShadingBody_root__L8s9b .LipShadingBody_p__L8s9b { font-size: 16px !important; font-weight: 400 !important; /* STRICT REQUIREMENT: font weight 400 */ color: #44403c !important; line-height: 1.9 !important; margin-bottom: 20px !important; text-align: justify !important; } /* Section H2 Headings */ #LipShadingBody_root__L8s9b .LipShadingBody_section_title__L8s9b { font-size: 22px !important; font-weight: 800 !important; color: #1c1917 !important; margin-top: 36px !important; margin-bottom: 16px !important; border-right: 4px solid #92487A !important; padding-right: 12px !important; letter-spacing: -0.01em !important; } /* Table of Contents (TOC) - MATCHING BORO UNIQUE DESIGN */ #LipShadingBody_root__L8s9b .LipShadingBody_toc__L8s9b { background-color: rgba(255, 211, 213, 0.2) !important; /* #FFD3D5/20 */ border: 1px solid #FFD3D5 !important; border-radius: 20px !important; padding: 24px !important; margin-bottom: 32px !important; } #LipShadingBody_root__L8s9b .LipShadingBody_toc_title__L8s9b { font-size: 18px !important; font-weight: 800 !important; color: #92487A !important; margin-top: 0 !important; margin-bottom: 16px !important; border-bottom: 1px solid rgba(146, 72, 122, 0.2) !important; padding-bottom: 8px !important; } #LipShadingBody_root__L8s9b .LipShadingBody_toc_list__L8s9b { list-style: none !important; padding: 0 !important; margin: 0 !important; display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; } @media (min-width: 640px) { #LipShadingBody_root__L8s9b .LipShadingBody_toc_list__L8s9b { grid-template-columns: 1fr 1fr !important; } } #LipShadingBody_root__L8s9b .LipShadingBody_toc_item__L8s9b a { font-size: 14px !important; font-weight: 400 !important; /* Baseline font weight 400 */ color: #57534e !important; text-decoration: none !important; transition: color 0.2s ease, padding-right 0.2s ease !important; display: flex !important; align-items: center !important; gap: 8px !important; } #LipShadingBody_root__L8s9b .LipShadingBody_toc_item__L8s9b a::before { content: "" !important; display: inline-block !important; width: 6px !important; height: 6px !important; background-color: #92487A !important; border-radius: 50% !important; flex-shrink: 0 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_toc_item__L8s9b a:hover { color: #92487A !important; padding-right: 4px !important; } /* Bullet list wrapper (100% Reliable Native Styled Bullets) */ #LipShadingBody_root__L8s9b .LipShadingBody_bullet_list__L8s9b { list-style-type: disc !important; padding-right: 24px !important; /* Generate space for bullets on the right in RTL */ padding-left: 0 !important; margin: 24px 0 !important; display: flex !important; flex-direction: column !important; } #LipShadingBody_root__L8s9b .LipShadingBody_bullet_list_item__L8s9b { font-size: 15px !important; color: #44403c !important; margin: 0 !important; text-align: justify !important; line-height: 2.1 !important; font-weight: 500 !important; display: list-item !important; /* Force native list-item rendering */ } #LipShadingBody_root__L8s9b .LipShadingBody_bullet_list_item__L8s9b::marker { color: #92487A !important; font-size: 1.15em !important; } /* Bold style rules */ #LipShadingBody_root__L8s9b .LipShadingBody_font_bold__L8s9b, #LipShadingBody_root__L8s9b strong, #LipShadingBody_root__L8s9b b { font-weight: 700 !important; color: #1c1917 !important; } /* CTA callout banners */ #LipShadingBody_root__L8s9b .LipShadingBody_cta__L8s9b { background: linear-gradient(135deg, #fdf4f5 0%, #fff1f2 100%) !important; border: 1px solid #ffe4e6 !important; border-radius: 24px !important; padding: 32px !important; margin: 40px 0 !important; display: flex !important; flex-direction: column !important; gap: 24px !important; position: relative !important; overflow: hidden !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important; } @media (min-width: 768px) { #LipShadingBody_root__L8s9b .LipShadingBody_cta__L8s9b { flex-direction: row !important; align-items: center !important; } } #LipShadingBody_root__L8s9b .LipShadingBody_cta_content__L8s9b { flex: 1 !important; z-index: 10 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_cta_tag__L8s9b { display: inline-block !important; background-color: rgba(146, 72, 122, 0.1) !important; color: #92487A !important; font-size: 13px !important; font-weight: 700 !important; padding: 6px 16px !important; border-radius: 9999px !important; margin-bottom: 16px !important; } #LipShadingBody_root__L8s9b .LipShadingBody_cta_title__L8s9b { font-size: 22px !important; font-weight: 800 !important; color: #92487A !important; margin: 0 0 10px 0 !important; line-height: 1.4 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_cta_subtitle__L8s9b { font-size: 17px !important; font-weight: 700 !important; color: #44403c !important; margin-bottom: 12px !important; } #LipShadingBody_root__L8s9b .LipShadingBody_cta_desc__L8s9b { font-size: 14px !important; color: #57534e !important; line-height: 1.8 !important; margin-bottom: 24px !important; white-space: pre-line !important; } #LipShadingBody_root__L8s9b .LipShadingBody_cta_actions__L8s9b { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; } #LipShadingBody_root__L8s9b .LipShadingBody_cta_btn__L8s9b { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; padding: 12px 24px !important; border-radius: 12px !important; font-size: 14px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.2s ease !important; cursor: pointer !important; } #LipShadingBody_root__L8s9b .LipShadingBody_cta_btn_primary__L8s9b { background-color: #92487A !important; color: #ffffff !important; } #LipShadingBody_root__L8s9b .LipShadingBody_cta_btn_primary__L8s9b:hover { background-color: #7b3c66 !important; transform: translateY(-2px) !important; box-shadow: 0 4px 12px rgba(146, 72, 122, 0.2) !important; } #LipShadingBody_root__L8s9b .LipShadingBody_cta_btn_secondary__L8s9b { background-color: #ffffff !important; color: #57534e !important; border: 1px solid #e7e5e4 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_cta_btn_secondary__L8s9b:hover { background-color: #fafaf9 !important; color: #92487A !important; transform: translateY(-2px) !important; } #LipShadingBody_root__L8s9b .LipShadingBody_cta_btn_icon__L8s9b { width: 16px !important; height: 16px !important; stroke: currentColor !important; } #LipShadingBody_root__L8s9b .LipShadingBody_cta_img_container__L8s9b { width: 100% !important; max-width: 265px !important; height: 320px !important; border-radius: 16px !important; overflow: hidden !important; position: relative !important; display: none !important; } @media (min-width: 768px) { #LipShadingBody_root__L8s9b .LipShadingBody_cta_img_container__L8s9b { display: block !important; } } #LipShadingBody_root__L8s9b .LipShadingBody_cta_img__L8s9b { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; } #LipShadingBody_root__L8s9b .LipShadingBody_cta__L8s9b:hover .LipShadingBody_cta_img__L8s9b { transform: scale(1.05) !important; } /* Grids and Columns layout */ #LipShadingBody_root__L8s9b .LipShadingBody_grid_2col__L8s9b { display: grid !important; grid-template-columns: 1fr !important; gap: 20px !important; margin: 24px 0 !important; } @media (min-width: 768px) { #LipShadingBody_root__L8s9b .LipShadingBody_grid_2col__L8s9b { grid-template-columns: 1fr 1fr !important; } } #LipShadingBody_root__L8s9b .LipShadingBody_grid_3col__L8s9b { display: grid !important; grid-template-columns: 1fr !important; gap: 20px !important; margin: 24px 0 !important; } @media (min-width: 640px) { #LipShadingBody_root__L8s9b .LipShadingBody_grid_3col__L8s9b { grid-template-columns: 1fr 1fr !important; } } @media (min-width: 1024px) { #LipShadingBody_root__L8s9b .LipShadingBody_grid_3col__L8s9b { grid-template-columns: 1fr 1fr 1fr !important; } } #LipShadingBody_root__L8s9b .LipShadingBody_grid_card__L8s9b { background-color: #fafaf9 !important; /* stone-50 */ border: 1px solid #e7e5e4 !important; /* stone-200 */ border-radius: 16px !important; padding: 20px !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; } #LipShadingBody_root__L8s9b .LipShadingBody_grid_card__L8s9b:hover { transform: translateY(-4px) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important; border-color: #ffccd1 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_grid_card_num__L8s9b { font-size: 24px !important; font-weight: 800 !important; color: #92487A !important; margin-bottom: 8px !important; font-family: 'Inter', sans-serif !important; } #LipShadingBody_root__L8s9b .LipShadingBody_grid_card_title__L8s9b { font-size: 16px !important; font-weight: 700 !important; color: #1c1917 !important; margin-bottom: 8px !important; } #LipShadingBody_root__L8s9b .LipShadingBody_grid_card_desc__L8s9b { font-size: 14px !important; font-weight: 400 !important; color: #57534e !important; line-height: 1.7 !important; } /* Warnings and Alerts */ #LipShadingBody_root__L8s9b .LipShadingBody_summary_box__L8s9b { background-color: #faf8f5 !important; border-right: 4px solid #92487A !important; border-radius: 12px !important; padding: 20px !important; margin: 24px 0 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_summary_box_accent__L8s9b { background-color: rgba(146, 72, 122, 0.05) !important; border-right: 4px solid #92487A !important; border-radius: 12px !important; padding: 24px !important; margin: 32px 0 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_summary_box_title__L8s9b { font-size: 16px !important; font-weight: 700 !important; color: #92487A !important; margin-bottom: 10px !important; } #LipShadingBody_root__L8s9b .LipShadingBody_summary_box_p__L8s9b { font-size: 14px !important; font-weight: 400 !important; color: #44403c !important; line-height: 1.8 !important; margin: 0 !important; text-align: justify !important; } /* Timelines */ #LipShadingBody_root__L8s9b .LipShadingBody_timeline__L8s9b { position: relative !important; padding-right: 20px !important; margin: 24px 0 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_timeline__L8s9b::before { content: "" !important; position: absolute !important; right: 4px !important; top: 10px !important; bottom: 10px !important; width: 2px !important; background-color: #ffd3d5 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_timeline_item__L8s9b { position: relative !important; margin-bottom: 24px !important; } #LipShadingBody_root__L8s9b .LipShadingBody_timeline_item__L8s9b:last-child { margin-bottom: 0 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_timeline_dot__L8s9b { position: absolute !important; right: -21px !important; top: 6px !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; background-color: #92487A !important; border: 2px solid #ffffff !important; } #LipShadingBody_root__L8s9b .LipShadingBody_timeline_title__L8s9b { font-size: 15px !important; font-weight: 700 !important; color: #92487A !important; margin-bottom: 6px !important; } #LipShadingBody_root__L8s9b .LipShadingBody_timeline_desc__L8s9b { font-size: 14px !important; font-weight: 400 !important; color: #57534e !important; line-height: 1.7 !important; } /* Sidebar Widgets - MATCHING BORO STYLING */ #LipShadingBody_root__L8s9b .LipShadingBody_sb_card__L8s9b { background-color: #ffffff !important; border: 1px solid #e7e5e4 !important; border-radius: 16px !important; padding: 24px !important; margin-bottom: 24px !important; box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_cta_card__L8s9b { background: linear-gradient(to bottom, #fff5f6 0%, #ffffff 100%) !important; border: 1px solid #ffd3d5 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_title__L8s9b { font-size: 16px !important; font-weight: 800 !important; color: #1c1917 !important; margin-bottom: 16px !important; border-bottom: 2px solid #e7e5e4 !important; padding-bottom: 8px !important; margin-top: 0 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_title_cta__L8s9b { font-size: 18px !important; font-weight: 800 !important; color: #92487A !important; margin-top: 0 !important; margin-bottom: 12px !important; text-align: center !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_desc_cta__L8s9b { font-size: 13px !important; color: #57534e !important; line-height: 1.8 !important; margin-bottom: 20px !important; text-align: center !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_btn__L8s9b { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; padding: 12px !important; border-radius: 12px !important; font-size: 14px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.2s ease !important; margin-bottom: 10px !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_btn__L8s9b:last-child { margin-bottom: 0 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_btn_primary__L8s9b { background-color: #92487A !important; color: #ffffff !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_btn_primary__L8s9b:hover { background-color: #7b3c66 !important; transform: translateY(-2px) !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_btn_secondary__L8s9b { background-color: #ffffff !important; color: #57534e !important; border: 1px solid #e7e5e4 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_btn_secondary__L8s9b:hover { background-color: #fafaf9 !important; color: #92487A !important; transform: translateY(-2px) !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_btn_icon__L8s9b { width: 16px !important; height: 16px !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_header__L8s9b { margin-bottom: 16px !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_services_list__L8s9b { display: flex !important; flex-direction: column !important; gap: 8px !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_service_item__L8s9b { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 10px 12px !important; border-radius: 8px !important; color: #57534e !important; text-decoration: none !important; font-size: 13px !important; font-weight: 500 !important; transition: all 0.2s ease !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_service_item__L8s9b:hover { background-color: #fff1f2 !important; color: #92487A !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_service_active__L8s9b { background-color: rgba(146, 72, 122, 0.08) !important; color: #92487A !important; font-weight: 700 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_chevron__L8s9b { width: 14px !important; height: 14px !important; stroke: currentColor !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_tags__L8s9b { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_tag_item__L8s9b { display: inline-block !important; background-color: #fafaf9 !important; border: 1px solid #e7e5e4 !important; padding: 6px 12px !important; border-radius: 8px !important; font-size: 12px !important; color: #57534e !important; text-decoration: none !important; transition: all 0.2s ease !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_tag_item__L8s9b:hover { border-color: #ffd3d5 !important; background-color: #fff1f2 !important; color: #92487A !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_title_centered__L8s9b { font-size: 15px !important; font-weight: 800 !important; color: #1c1917 !important; text-align: center !important; margin-bottom: 12px !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_socials__L8s9b { display: flex !important; align-items: center !important; justify-content: center !important; gap: 16px !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_social_icon__L8s9b { width: 40px !important; height: 40px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #ffffff !important; transition: opacity 0.2s ease !important; cursor: pointer !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_social_icon__L8s9b:hover { opacity: 0.9 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_social_icon__L8s9b svg { width: 18px !important; height: 18px !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_instagram__L8s9b { background-color: #E1306C !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_telegram__L8s9b { background-color: #0088cc !important; } #LipShadingBody_root__L8s9b .LipShadingBody_sb_whatsapp__L8s9b { background-color: #25D366 !important; } /* Price tables */ #LipShadingBody_root__L8s9b .LipShadingBody_table_container__L8s9b { width: 100% !important; overflow-x: auto !important; border: 1px solid #e7e5e4 !important; border-radius: 16px !important; margin: 24px 0 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_table__L8s9b { width: 100% !important; border-collapse: collapse !important; text-align: right !important; } #LipShadingBody_root__L8s9b .LipShadingBody_table_thead__L8s9b { background-color: #fafaf9 !important; border-bottom: 2px solid #e7e5e4 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_table_th__L8s9b { padding: 14px 16px !important; font-size: 14px !important; font-weight: 700 !important; color: #1c1917 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_table_td__L8s9b { padding: 14px 16px !important; font-size: 14px !important; font-weight: 400 !important; color: #44403c !important; border-bottom: 1px solid #e7e5e4 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_table_td_bold__L8s9b { font-weight: 700 !important; color: #1c1917 !important; } #LipShadingBody_root__L8s9b .LipShadingBody_table_td_accent__L8s9b { font-weight: 700 !important; color: #92487A !important; } #module_new_comment_3 .new_comment_title{color:#540863;font-weight:bold;font-size:16px;text-align:right;margin-top:64px;margin-bottom:24px;width:1200px;line-height:32px;}.module[data-id_page='60']:hover .new_comment_title{} #module_new_comment_3 .new_comment_title span{ font-size:inherit; font-weight:inherit; color:inherit; } #pagination_product{ padding: 5px; border: 1px solid #e8e8e8; border-radius: 3px; justify-content: space-between; margin: 15px 0; display: flex; width: 100%; height: 50px; height: max-content; height: fit-content; } #pagination_product > div { display: flex; } #pagination_product > div > *{ margin: 0 10px; } #pagination_product span,#pagination_product a,#pagination_product label{ text-align: center; flex-direction: column; display: flex; justify-content: center; border: 1px solid #bababa; border-radius: 50%; } #pagination_product a,#pagination_product label{ background-color: #ffffff; color: #0f0f0f; width: 30px; height: 30px; cursor: pointer; } #pagination_product span{ background-color: #e8e8e8; color: #5e5e5e; opacity: .8; width: 32px; height: 32px; } #pagination_product i{ font-size: 23px; margin-bottom: 1px; } #pagination_product .fa-caret-right{ margin-left: 4px; } #pagination_product .fa-caret-left{ margin-right: 4px; } #pagination_product label:after{ content:"" !important; } #pagination_product_button{ width: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; } .pagination_product_button_load_more{ padding: 5px; border: 1px solid #e8e8e8; border-radius: 3px; margin: 15px 0; width: calc(100% - 50px); height: fit-content; text-align: center; color: #333; cursor: pointer; } .fw500{ font-weight: 500; } .parent_input_box{ background-color: #e8e8e8; padding: 0; border-radius: 3px; margin: 5px 0; } .parent_input_box:first-child{ margin-top: 0; } .parent_input_box > div:first-child{ width: 10%; text-align: center; color: #555; } .new_color_tag{ color: #00AFEF !important; } .flex1{ flex: 1 0; } .module_new_comment3 .input_box{ background-color: #e8e8e8; padding: 5px 10px; border: 2px solid transparent; border-radius: 5px; width: 100%; } .module_new_comment .input_box:focus{ border-color: #6ac7ff; } .module_new_comment .input_box.error{ border-color: #f4b3b3; } .module_new_comment textarea{ min-height: 140px; width: 100%; resize: vertical; } .module_new_comment input{ width: 318px; } .module_new_comment3 button{ padding: 9px 0; border: none; width: 100%; background-color: #540863; color: #fff; margin-top:3px; max-width: 250px; border-radius: 3px; cursor: pointer; -webkit-box-shadow:0 14px 26px -12px #afafaf, 0 4px 23px 0 #f7fff7, 0 8px 10px -5px #003700; -moz-box-shadow:0 14px 26px -12px #afafaf, 0 4px 23px 0 #f7fff7, 0 8px 10px -5px #003700; box-shadow:0 14px 26px -12px #afafaf, 0 4px 23px 0 #f7fff7, 0 8px 10px -5px #003700; } .module_new_comment3 button:hover{ -webkit-box-shadow: 0 14px 26px -12px #417a41, 0 4px 23px 0 #ffffff, 0 8px 10px -5px #0c510a; -moz-box-shadow: 0 14px 26px -12px #417a41, 0 4px 23px 0 #ffffff, 0 8px 10px -5px #0c510a; box-shadow: 0 14px 26px -12px #417a41, 0 4px 23px 0 #ffffff, 0 8px 10px -5px #0c510a; } #new_comment_popup .module_new_comment{ display: block; width: 600px; } #new_comment_popup .input_box{ border-radius: 1px; } #new_comment_popup .parent_input_box{ width: 49%; margin: 0; } #new_comment_popup .parent_input_box input{ width: 265px; } .module_new_comment .result-msg{ height:50px; line-height: 50px; padding: 0 20px; border: 2px solid; border-radius: 4px; font-weight: 300; margin: 10px 0; font-size: 14px; } .module_new_comment .result-msg.accept-send-msg{ color: #054012; background-color: #a6edbb; border-color: #93e2ab; } .module_new_comment .result-msg.error-send-msg{ color: #570b10; background-color: #f8c3c3; border-color: #f4b3b3; } .parent-comment-box{ background-color: #fff; padding: 30px 10px; font-size: 14px; border-bottom: 1px solid #eee; color: #2F425C; text-align: justify; } .parent-answer-box{ background-color: #eee; padding: 10px; width: 98%; margin: 15px auto; position:relative; border: 1px solid #ddd; border-radius: 2px; } .parent-answer-box:before{ content: ""; border: 8px solid; position: absolute; right: 30px; bottom: 100%; border-color: transparent transparent #ddd transparent; z-index: 9; } .answer-comment-btn span{ color: #c71b0c; font-weight: 500; margin-right: 5px; font-size: 15px; } .answer-comment-btn i{ color: #c71b0c; } .parent-score{ padding: 0 10px; margin: 0 3px; border: 1px solid #e0e0e0; border-radius: 2px; } .parent-score i{ margin-right: 5px; cursor: pointer; } .like-score.chooses{ color: #05810b; } .dis-like-score.chooses{ color: #c71b0c; } .favorite-score i{ cursor: pointer; } .favorite-score .like-score.chooses{ color: #c71b0c; } .txtd-left{ direction: ltr; text-align: left; } .txtd-right{ direction: rtl; text-align: right; } .placeholder-right:-moz-placeholder{ text-align: right !important; } .placeholder-right:-ms-input-placeholder{ text-align: right !important; } .placeholder-right::-webkit-input-placeholder{ text-align: right !important; } .placeholder-left:-moz-placeholder{ text-align: left !important; } .placeholder-left:-ms-input-placeholder{ text-align: left !important; } .placeholder-left::-webkit-input-placeholder{ text-align: left !important; } #result_send_msg{ text-align: center; padding: 0.5rem 0; color: red; } body{ position: relative; } .dno{ display: none!important; } .public-header{ position: relative; transition:5s; } .absolute-container{ background-color: #ee273a; border-radius: 7px; position: fixed; top: 50%; left: 2%; transform: translateY(-50%); padding: 10px; z-index: 4900; } .social-absolute{ position: relative; padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, .1); box-sizing: content-box; width: 24px; height: 24px; } .social-absolute:last-child { border-bottom: none !important; } .social-absolute img{ width: 24px; height: 24px; } .absolute-tooltip{ position: relative; transition: all 0.5s; border-radius: 0 7px 7px 0; font-size: 14px; overflow: hidden; white-space: nowrap; } .absolute-tooltip > span{ padding: 10px 20px; display: block; } .tooltip-shake{ display: block; width: 100%; height: 100%; } .tooltip-shake:before, .tooltip-shake:after { position: absolute; content: ""; opacity: 0; transition: all 0.4s ease; color: #fff; font-weight: bold; } .tooltip-shake:before { content: attr(data-tooltip); background: #3c5059; width: 0; padding: 0; font-size: 0.9rem; top: 50%; left: calc(24px + 32px); border-radius: 5px; transform: translateY(-50%); overflow: hidden; white-space: nowrap; } .tooltip-shake:after { border-width: 8px 10px 8px 0; border-style: solid; border-color: transparent #3c5059 transparent transparent; top: 50%; left: calc(24px + 24px); transform: translateY(-50%); } .tooltip-shake:hover::before, .tooltip-shake:hover::after { opacity: 1; overflow: hidden; white-space: nowrap; transform: translate(0, -50%); } .tooltip-shake:hover::before { width: max-content; padding: 10px 25px; } @keyframes shake { 0% { transform: rotate(2deg); } 50% { transform: rotate(-3deg); } 70% { transform: rotate(3deg); } 100% { transform: rotate(0deg); } } .social-absolute:hover { animation: shake 500ms ease-in-out forwards; } .public-header{ width: 100%; background: #540863; background-size: auto; background-repeat: no-repeat; } .adv-banner-container{ width: 100%; height: 10px; } .adv-banner-container .adv-item{ width: 100%; height: 100%; object-fit: cover; } .top-bar-container{ width: 100%; min-height: 40px; height: 40px; background: #222 ; display: flex; flex-direction: row; justify-content: center; align-items: center; } .top-bar{ width: 1200px; height: 100%; margin: auto; padding: 0 8px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .top-item{ height: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .info-container{ flex-direction: row; justify-content: flex-start; align-items: center; } .info-container img{ width: 16px; height: 16px; } .info-container > span{ display: inline-flex; } .top-info, .top-social{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .top-social{ padding: 5px 0; } .top-social li a img{ width: 32px; height: 32px; } .top-social li a span{ font-size: 0px; font-weight: 200; color: #777; } .top-list{ width: max-content; display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 0 0px; } .top-list:hover{ color: ; } .top-list:first-child{ margin-right : 0; } .top-list:last-child{ margin-left : 0; } .arrow-menu-container{ display: flex; flex-direction: row; justify-content: center; align-items: center; } .top-list a span, .top-list span{ color: #777; font-weight: bold; font-size: 14px; } .top-list a img, .top-list span img{ margin: 0 5px; width: 24px; height: 24px; object-fit: contain; } .top-list:first-child a img, .top-list:first-child span img{ margin-right: 0; } .top-navbar{ height: 100%; background: transparent; } .top-nav-list{ position: relative; height: 100%; padding: 0 20px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .top-nav-list a span, .top-nav-list span{ color: #000; font-size: 0px; font-weight: 200;search } .top-nav-list:hover{ background-color: #fff; } .top-nav-list .arrow-menu-container svg{ fill: #000; } .top-nav-list:hover a span, .top-nav-list:hover span, .top-nav-list:hover .arrow-menu-container svg{ color: #fff; fill: #fff; } .top-nav-list .icon-title-part{ padding-left: 5px; } .top-sub-nav > .top-sub-list a span, .top-sub-nav > .top-sub-list span{ color: #000; } .top-sub-nav > .top-sub-list:hover a span, .top-sub-nav > .top-sub-list:hover span{ color: #fff; } .top-sub-nav{ flex-direction: column; justify-content: center; align-content: flex-start; position: absolute; z-index: 4999; min-width: 150px; width: max-content; background: #2c3e50; clip: rect(1px, 1px, 1px, 1px); opacity: 0.1; transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1); transform: translateY(-10px) scaleY(0.5); transform-origin: top; border-radius: 0; } .top-nav-list:hover > .top-sub-nav{ display: flex; top: 100%; clip: auto; opacity: 1; transform: translateY(0) scaleY(1); } .top-nav-list:hover > .top-sub-nav{ right: 0; } .top-sub-list{ border-left: 5px solid #f00; } .top-sub-list{ width: 100%; padding: 8px 20px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .top-sub-list:hover{ background: #fff; } .header-container{ display: grid; width: 1200px; margin: auto; height: auto; grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 3fr 1fr; grid-template-areas: "top-1 top-2 top-3" "bottom-1 bottom-2 bottom-3"; padding-top: 16px; padding-bottom: -2px; padding-left: px; padding-right: px; } .top-section-1{ grid-area: top-1; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .top-section-2{ grid-area: top-2; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .top-section-3{ grid-area: top-3; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } .logo-container{ display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 2px 2px; } .logo-container img{ display: block; width: 200px; height: 80px; max-width: 200px; max-height: 80px; object-fit: contain; } .nav-container{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; box-sizing: border-box; margin: 0 10px; } .nav-container > .navbar{ width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; background: #540863; box-sizing: border-box; border: px solid ; border-radius: 3px; padding: 0 !important; } .nav-container > .navbar{ margin-left: calc(0px + 10px); } .max-height{ height: 700px; overflow-x:hidden; overflow-y: auto; display:flex!important; flex-direction: column!important; justify-content: flex-start!important; } .nav-container .navbar .nav-list{ padding: 10px 18px; min-height: 45px; position: relative; list-style: none; display: flex; flex-direction: row; justify-content: space-between; align-content: center; box-sizing: border-box; } .nav-container .navbar .nav-list.active{ background-color: ; } .nav-container .navbar .nav-list.active a, .nav-container .navbar .nav-list.active span{ color: ; } .nav-container .navbar .nav-list .icon-title-part{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .nav-container .navbar .nav-list .icon-title-part img{ width: 24px; height: 24px; margin: 0 5px; } .nav-container .navbar .nav-list .overflow-menu{ justify-content: center !important; } .nav-container .navbar .nav-list:hover{ background-color: ; box-sizing: border-box; } .nav-container .navbar .nav-list:hover a, .nav-container .navbar .nav-list:hover span{ color: ; } .nav-container .navbar .nav-list img{ width: 32px; height: 32px; } .nav-container .navbar .nav-list a, .nav-container .navbar .nav-list span{ text-decoration: none; font-size: 17px; color: #fff; } .nav-container .navbar .nav-list.base-level:hover > .navbar.navbar-sub, .nav-container .navbar .nav-list:hover > .overflow-menu > .navbar.navbar-sub{ display: flex; top: 45px; clip: auto; opacity: 1; transform: translateY(0) scaleY(1); } .nav-container .navbar .nav-list:hover > .navbar.navbar-sub{ display: flex; right: calc(100% + 5px); top: 0; clip: auto; opacity: 1; transform: translateY(0) scaleY(1); } .nav-container .navbar.navbar-sub{ position: absolute; z-index: 4999; background: #fff; clip: rect(1px, 1px, 1px, 1px); opacity: 0.1; transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1); transform: translateY(-10px) scaleY(0.5); transform-origin: top; border-radius: 0; } .nav-container .navbar.navbar-sub{ flex-direction: column; justify-content: center; align-content: flex-start; min-width: 150px; width: max-content; } .nav-container .navbar .nav-list.base-level:hover > .navbar.navbar-sub, .nav-container .navbar .nav-list:hover > .overflow-menu > .navbar.navbar-sub{ right: 0; } .nav-container .navbar .nav-list:hover > .navbar.navbar-sub{ right: calc(100% + 5px); } .nav-container .navbar.navbar-sub .nav-list{ width:200px; border-left: 5px solid #540863; } .arrow-icon-menu{ width: 8px; height: 8px; } .arrow-icon-menu.arrow-bottom{ transform: rotate(90deg); } .arrow-menu-container{ margin-right: 5px; } .arrow-icon-menu.arrow-right, .overflow-list .arrow-icon-menu.arrow-bottom{ transform: rotate(180deg); } .nav-container .navbar .nav-list:first-child:hover{ border-radius: 0 3px 3px 0; } .nav-container .navbar .nav-list:last-child:hover{ border-radius: 3px 0 0 3px; } .nav-container .navbar .nav-list.base-level svg, .nav-container .navbar .nav-list .overflow-menu svg{ fill: #fff; } .nav-container .navbar .nav-list.base-level:hover svg{ fill: ; } .sub-menu-container{ position: absolute; min-width: 150px; background-color: #fff; color: #fff; top: 32px; right: 0; z-index: 4999; /* display: none;*/ } /*.sub-navbar{ width: 100%; height: 100%; }*/ .nav-container .navbar.navbar-sub .nav-list img{ width: 16px; height: 16px; } .nav-container .navbar.navbar-sub .nav-list a, .nav-container .navbar.navbar-sub .nav-list span{ color: #540863; font-size: 17px; } .nav-list.with-sub-menu:hover .sub-menu-container{ display: block; } .nav-container .navbar.navbar-sub .nav-list .arrow-menu-container svg{ fill: #540863; } .active{ background-color: ; } .active a{ color: ; } .icon-container{ display: flex; flex-direction: row; justify-content: center; align-content: center; } .icon-container .icon-item{ display: flex; flex-direction: row; justify-content: center; align-content: center; box-sizing: border-box; min-height: 45px; margin: 0 5px; } .icon-container .icon-item:first-child{ margin-right: 0 !important; } .icon-container .icon-item:last-child{ margin-left: 0 !important; } .icon-container .icon-item a{ border: 0px solid ; } .icon-container .icon-item.basket-icon{ position: relative; color: #fff; min-width: 45px; min-height: 45px; outline: none; border-radius: 3px; background: #540863; display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; text-decoration: none; margin: 0 10px; } .icon-container .icon-item .icon-shortcut{ color: #fff; min-width: 45px; min-height: 45px; margin: 0; outline: none; border-radius: 3px; background: #540863; display: flex; flex-direction: row; justify-content: center; align-items: center; transition: .4s; cursor: pointer; text-decoration: none; } .basket-shop{ display: flex; flex-direction: row; justify-content: center; align-items: center; width: 45px; height: 45px; border-radius: 3px; } .icon-container .icon-item .icon-shortcut:hover svg, .icon-container .icon-item .icon-shortcut:hover .add-item-to-cart.open span { fill: #fff; color: #fff; } .icon-container .icon-item.basket-icon .add-item-to-cart{ color: #fff; border-radius: 3px; background: #540863; display: flex; flex-direction: row; justify-content: center; align-items: center; transition: .4s; cursor: pointer; box-sizing: content-box; border: 0px solid ; } .icon-container .icon-item.basket-icon .add-item-to-cart{ border-left: none !important; } .border-basket{ border-right: none !important; } .icon-container .icon-item:hover > span, .icon-container .icon-item.login-icon:hover span{ color: #fff; } .icon-container .icon-item.basket-icon .icon-shortcut:hover, .icon-container .icon-item.login-icon .icon-shortcut:hover, .icon-container .icon-item.basket-icon .icon-shortcut:hover .add-item-to-cart{ background: #540863; } .icon-container .icon-item.basket-icon .add-item-to-cart.open{ width: 45px; border-radius: 0 3px 3px 0; display: flex; flex-direction: row; justify-content: center; align-items: center; } .icon-container .icon-item.basket-icon:hover .add-item-to-cart.open{ background: #540863; } .icon-container .icon-item.basket-icon .add-item-to-cart.open:hover span{ color: #fff; } .icon-container .icon-item.basket-icon .add-item-to-cart.open + .icon-shortcut{ border-radius: 3px 0 0 3px; } .icon-container .icon-item.lang-icon .icon-shortcut:hover{ background: #540863; } .icon-container .icon-item.search-icon .icon-shortcut .search-container .search-btn:hover{ background: #540863; } .icon-container .icon-item svg{ width: 25px; height: 25px; fill: #fff; } .icon-container .icon-item.login-icon{ position: relative; } /*.icon-container .icon-item.login-icon .icon-shortcut{ width: 100%; height: 100%; }*/ .icon-container .icon-item.login-icon .icon-login{ width: 25px; height: 25px; } #div_profile_picture, #div_profile_picture_metro { display: block; width: 0 !important; height: 0 !important; line-height: unset !important; } #div_profile_picture .rShowLogin{ position: absolute; top: 0; left: 0; width: 0; height: 0; z-index: -1000; } #div_profile_picture .login-container{ display: none !important; } #div_profile_picture #profile_picture, #div_profile_picture #profile_exit{ display: none !important; } .icon-container .icon-item.login-icon{ color: #fff; /*width: 90px !important;*/ min-height: 45px; outline: none; border-radius: 3px; display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; text-decoration: none; box-sizing: content-box; border: 0px solid ; } .icon-container .icon-item.login-icon .status-user, .icon-container .icon-item.login-icon .icon-login{ display: flex; flex-direction: row; justify-content: center; align-items: center; text-align: center; margin: 0 5px; font-size:14px; } .public-header .bottom-section-1{ grid-area: bottom-1; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .public-header .bottom-section-2{ grid-area: bottom-2; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .public-header .bottom-section-3{ grid-area: bottom-3; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .icon-container .icon-item{ width: unset; height: unset; } .search-icon{ position: relative; } .search-container { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; height: 100%; position: relative; border-radius: 3px; min-width: 45px; } .search-container > .search-btn svg, .search-container > .close-search-btn svg{ fill: #fff; } .search-container > .search-btn:hover svg, .search-container > .close-search-btn:hover svg{ fill: #fff; } .search-btn { color: #fff; width: 45px; height: 45px; margin: 0; outline: none; border-radius: 3px; background: #540863; display: flex; flex-direction: row; justify-content: center; align-items: center; transition: .8s; cursor: pointer; text-decoration: none; border: 0px solid transparent; } .icon-container .icon-item img{ width: 25px; height: 25px; object-fit:contain; } .search-container.open-search-box .search-btn{ border-radius: 3px 0 0 3px !important; } .search-container.open-search-box .close-search-btn{ border-radius: 0 3px 3px 0 !important; } .search-btn, .search-command, .close-search-btn{ box-sizing: content-box; } .search-btn > svg { fill: #fff; } .cls-pls::placeholder{ color: ; } .search-input { padding: 0; height: 100%; background: #540863; color: #fff; font-size: 14px; font-weight: normal; transition: all 1s ease-in-out; width: 0; position: absolute; top: 0; overflow: hidden; white-space: nowrap; border: 0px solid transparent; } .open-search-box > .search-input{ padding : 10px 48px; } .search-input { left: calc(0px + 45px); border-right: none; border-left: none; } .search-container.open-search-box .search-btn{ border-radius: 3px 0 0 3px !important; } .search-container.open-search-box .close-search-btn{ border-radius: 0 3px 3px 0 !important; } .search-container.open-search-box .search-input{ border-radius: 0 3px 3px 0 !important; } .close-search-btn{ position: absolute; color: #fff; width: 45px; height: 45px; margin: 0; outline: none; border-radius: 3px; background: #540863; display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; box-sizing: border-box; box-sizing: border-box; } .close-search-btn svg{ fill: #fff; } .sticky{ width: 100vw; height: max-content; position: fixed; top: 0; right: 0; left: 0; z-index: 999; padding: 2vh 8vw; transition: .8s; background-color: #ddd !important; } .public_sticky{ width: 100%; height: max-content; position: fixed; top: 0; right: 0; left: 0; z-index: 1001; } .d-none{ display: none !important; } .border-left-n{ border-left: none !important; } .border-right-n{ border-right: none !important; } .w-1200px{ width: 1200px !important; margin: auto; } .lang-icon{ position: relative; } .language-container .lang-btn{ width: 25px; height: 25px; } .lang-list-container{ width: max-content; height: max-content; padding-top: 20px; position: absolute; top: 35px; left: 50%; clip: rect(1px, 1px, 1px, 1px); opacity: 0.1; transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1); transform: translate(-50%, 0) scaleY(0.5); transform-origin: top; z-index: 100; } .lang-list{ position: relative; width: max-content; height: max-content; padding: 10px; background: #2f2f2f; border-radius: 3px; } .lang-list::after{ content: ""; position: absolute; top: -8px; left: 50%; transform: translateX(-50%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #2f2f2f; display: block; } .lang-nav{ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .lang-nav .lang-li{ display: flex; flex-direction: row; justify-content: center; align-items: center; list-style: none; width: max-content; margin: 5px 0; } .lang-nav .lang-li a{ display: flex; flex-direction: row; justify-content: center; align-items: center; } .lang-nav .lang-li img{ width: 25px; height: 25px; object-fit: cover; margin: 0 4px; } .lang-nav .lang-li span{ text-transform: uppercase; line-height: 2.5; font-size: 14px; margin: 0 4px; color: #fff; } .lang-nav .lang-li a{ color: #fff; } .lang-nav .lang-li span:hover{ cursor: pointer; color: #fff; } .lang-nav .lang-li .lang-active{ font-weight: bold; color: #fff; } .icon-item.lang-icon:hover .lang-list-container{ clip: auto; opacity: 1; transform: translate(-50%, 0) scaleY(1); } /*---------------------------------------------------------------------------------*/ .link-profile-container{ width: max-content; height: max-content; padding-top: 20px; position: absolute; top: 35px; left: 50%; clip: rect(1px, 1px, 1px, 1px); opacity: 0.1; transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1); transform: translate(-50%, 0) scaleY(0.5); transform-origin: top; z-index: 100; } .link-profile-container .link-wrapper{ position: relative; width: max-content; height: max-content; padding: 10px 25px; background: #2f2f2f; border-radius: 3px; } .link-profile-container .link-wrapper a{ color: #fff; } .link-profile-container .link-wrapper a:hover{ cursor: pointer; color: #fff; } .link-profile-container .link-wrapper::after{ content: ""; position: absolute; top: -8px; left: 50%; transform: translateX(-50%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #2f2f2f; display: block; } .icon-item.login-icon:hover .link-profile-container{ clip: auto; opacity: 1; transform: translate(-50%, 0) scaleY(1); } .backTop{ display: flex !important; } #back_to_top{ display: none; position: fixed; transition: 600ms; right: 25px; left: unset; bottom: 50px; z-index: 100; border-radius: 50%; border: 1px solid #000; padding: 0px; flex-direction: row; justify-content: center; align-items: center; background-color: #777 ; } #back_to_top svg{ width: 0px; height: 0px; fill: #fff ; } #back_to_top img{ width: 0px; height: 0px; fill: #fff ; object-fit:contain; } .search-btn img{ width: 25px; height: 25px; object-fit: contain; } .basket-shop img{ width: 25px; height: 25px; object-fit: contain; } .lang-btn img{ width: 25px; height: 25px; object-fit: contain; } .icon-login img{ width: 25px; height: 25px; object-fit: contain; } .header-container{ grid-template-rows: 1fr; grid-template-columns: 200px minmax(auto, 100%) 1fr; grid-template-areas: "top-1 top-2 top-3"; } .top-section-1{ justify-content: flex-start; } .top-section-2{ justify-content: flex-start; } .logo-container{ justify-content: flex-start; } .nav-container{ justify-content: flex-start; } .nav-container .navbar{ justify-content: flex-start; } .width-full{ width: 100% !important; } #module_footer_section_14{ ; width:100%; padding-top:4%; padding-right:2%; padding-bottom:2%; padding-left:2%; border-style:none; }#module_footer_column_14{ ; width:30%; margin-top:0px; padding-bottom:2vw; padding-left:1.5vw; border-style:solid; border-left-width:.015vw; border-color:#FFF; }#module_footer_items_53{ ; cursor:default; width:8vw; height:6vw; font-weight:400; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-style:none; }#module_footer_items_53:hover{ ; }#module_footer_row_28{ ; padding-top:1.5vw; border-style:none; }#module_footer_items_54{ ; cursor:default; text-align:justify; line-height:1.8vw; color:#FFF; font-weight:400; font-size:.8vw; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-style:none; }#module_footer_items_54:hover{ ; }#module_footer_column_15{ ; width:40%; margin-top:0px; padding-right:3vw; padding-left:3vw; border-style:solid; border-left-width:.015vw; border-color:#FFF; }#module_footer_items_56{ ; cursor:default; line-height:6vw; color:#FFF; font-weight:bold; font-size:1.1vw; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; }#module_footer_items_56:hover{ ; }#module_footer_row_31{ ; padding-top:1.5vw; border-style:none; }#module_footer_items_57{ ; cursor:default; width:1.5vw; height:1.5vw; background-color:#f5f5f5; font-weight:bold; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-top-left-radius:.25vw; border-top-right-radius:.25vw; border-bottom-right-radius:.25vw; border-bottom-left-radius:.25vw; border-style:none; margin-left:.5vw; padding-top:.25vw; padding-right:.25vw; padding-bottom:.25vw; padding-left:.25vw; }#module_footer_items_57:hover{ ; background-color:#fff; border-style:solid; border-top-width:.015vw; border-right-width:.015vw; border-bottom-width:.015vw; border-left-width:.015vw; border-color:#f5f5f5; }#module_footer_items_60{ ; cursor:default; line-height:1.5vw; color:#FFF; font-weight:400; font-size:.8vw; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-style:none; margin-right:.5vw; }#module_footer_items_60:hover{ ; }#module_footer_row_33{ ; padding-top:1vw; border-style:none; }#module_footer_items_59{ ; cursor:default; width:1.5vw; height:1.5vw; background-color:#f5f5f5; font-weight:bold; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-top-left-radius:0.25vw; border-top-right-radius:0.25vw; border-bottom-right-radius:0.25vw; border-bottom-left-radius:0.25vw; border-style:none; margin-left:.5vw; padding-top:0.25vw; padding-right:0.25vw; padding-bottom:0.25vw; padding-left:0.25vw; }#module_footer_items_59:hover{ ; background-color:#fff; border-style:solid; border-top-width:.15vw; border-right-width:.15vw; border-bottom-width:.15vw; border-left-width:.15vw; border-color:#f5f5f5; }#module_footer_items_62{ ; cursor:default; line-height:1.5vw; color:#FFF; font-weight:400; font-size:0.8vw; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-style:none; margin-right:.5vw; }#module_footer_items_62:hover{ ; }#module_footer_row_35{ ; padding-top:1vw; border-style:none; }#module_footer_items_65{ ; cursor:default; width:1.5vw; height:1.5vw; background-color:#f5f5f5; font-weight:bold; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-top-left-radius:0.25vw; border-top-right-radius:0.25vw; border-bottom-right-radius:0.25vw; border-bottom-left-radius:0.25vw; border-style:none; margin-left:.5vw; padding-top:0.25vw; padding-right:0.25vw; padding-bottom:0.25vw; padding-left:0.25vw; }#module_footer_items_65:hover{ ; width:1.5vw; height:1.5vw; background-color:#fff; border-style:solid; border-top-width:0.15vw; border-right-width:0.15vw; border-bottom-width:0.15vw; border-left-width:0.15vw; border-color:#f5f5f5; }#module_footer_items_119{ ; cursor:default; line-height:1.5vw; color:#FFF; font-weight:400; font-size:.8vw; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-style:none; margin-right:.5vw; }#module_footer_items_119:hover{ ; }#module_footer_row_36{ ; padding-top:2vw; border-style:none; }#module_footer_items_67{ ; cursor:default; line-height:1.5vw; color:#FFF; font-weight:bold; font-size:1vw; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-style:none; }#module_footer_items_67:hover{ ; }#module_footer_row_37{ ; padding-top:1vw; padding-bottom:1vw; border-style:none; }#module_footer_items_68{ ; cursor:default; width:2vw; height:2vw; font-weight:400; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-style:none; }#module_footer_items_68:hover{ ; }#module_footer_items_69{ ; cursor:default; width:2vw; height:2vw; font-weight:400; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-style:none; margin-right:1vw; }#module_footer_items_69:hover{ ; }#module_footer_items_114{ ; cursor:default; width:2vw; height:2vw; font-weight:400; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-style:none; margin-right:1vw; }#module_footer_items_114:hover{ ; }#module_footer_items_115{ ; cursor:default; width:2.2vw; height:2.2vw; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-top-left-radius:5vw; border-top-right-radius:5vw; border-bottom-right-radius:5vw; border-bottom-left-radius:5vw; border-style:none; margin-top:.3vw; margin-right:1vw; }#module_footer_items_115:hover{ ; }#module_footer_items_186{ ; cursor:default; width:2vw; height:2vw; font-weight:400; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-style:none; margin-right:1vw; }#module_footer_items_186:hover{ ; }#module_footer_column_16{ ; width:30%; margin-top:0vw; padding-right:1.5vw; padding-left:1.5vw; border-style:none; border-left-width:.015vw; border-color:#E1E1E1; }#module_footer_items_70{ ; cursor:default; line-height:6vw; color:#FFF; font-weight:bold; font-size:1.1vw; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-style:none; }#module_footer_items_70:hover{ ; }#module_footer_row_39{ ; padding-top:1.5vw; border-style:none; }#module_footer_items_71{ ; cursor:default; width:40%; line-height:1.5vw; color:#FFF; font-weight:400; font-size:.8vw; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-style:none; }#module_footer_items_71:hover{ ; }#module_footer_items_172{ ; cursor:default; width:50%; line-height:1.5vw; color:#000; font-weight:400; font-size:.8vw; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-style:none; }#module_footer_items_172:hover{ ; }#module_footer_row_40{ ; padding-top:1vw; border-style:none; }#module_footer_items_72{ ; cursor:default; width:40%; line-height:1.5vw; color:#FFF; font-weight:400; font-size:.8vw; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-style:none; }#module_footer_items_72:hover{ ; }#module_footer_items_173{ ; cursor:default; width:50%; line-height:1.5vw; color:#000; font-weight:400; font-size:.8vw; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-style:none; }#module_footer_items_173:hover{ ; }#module_footer_row_41{ ; padding-top:1vw; border-style:none; }#module_footer_items_73{ ; cursor:default; width:40%; line-height:1.5vw; color:#FFF; font-weight:400; font-size:.8vw; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-style:none; }#module_footer_items_73:hover{ ; }#module_footer_items_174{ ; cursor:default; line-height:1.5vw; color:#000; font-weight:400; font-size:.8vw; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-style:none; }#module_footer_items_174:hover{ ; }#module_footer_section_15{ ; background-color:#540863; justify-content:center; padding-top:1vw; padding-right:2vw; padding-bottom:1vw; padding-left:2vw; border-style:none; }#module_footer_column_18{ ; justify-content:center; border-style:none; }#module_footer_row_57{ ; justify-content:center; border-style:none; }#module_footer_items_89{ ; cursor:default; text-align:center; line-height:1.5vw; color:#fff; font-weight:500; font-size:.9vw; transition-duration:600ms; transition-delay:0ms; transition-timing-function:ease; visibility:visible; opacity:1; border-style:none; }#module_footer_items_89:hover{ ; }#public_footer_main_3{;background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:scroll;width:100%;max-width:100%;border-style:none;}#public_footer_main_3:hover{;} #public_footer_main_3{ position:relative; margin-right:auto !important; margin-left:auto !important; overflow:hidden !important; } #public_footer_main_3 > div{ position:relative; z-index:12; } #public_footer_main_3:hover .background-img { filter:none; } #public_footer_main_3 .background-img { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0; backdrop-filter: none; } #public_footer_main_3 #public_footer_main_3 .new_admin_layer { position: absolute; width: 100%; height: 100%; z-index: 10; transition: all 600ms ease; background-color: rgba(0,0,0,0); display: flex; right:0; top:0; } #public_footer_main_3 .layer_first_child { width: 100%; } #public_footer_main_3:hover .new_admin_layer { border-radius: 0 !important; background-color: rgba(0,0,0,0); } #public_footer_main_3{ background-image:url("https://tatotaj.ir/files/1771760638_فوتر.jpg") !important; } #msg_footer.msg_footer, #msg_footer_complete.msg_footer{ position: fixed; top: 50px; right: 10px; width: 400px; height: 50px; z-index: 10000; border-radius: 3px; } #msg_footer .d_flex, #msg_footer_complete .d_flex{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; padding: 0 15px; } #msg_footer.green_msg_footer { background-color: #d4edda; border: 1px solid #c3e6cb; color: #155724; } #msg_footer.red_msg_footer, #msg_footer_complete.red_msg_footer{ background-color: #f8d7da; border: 1px solid #f5c6cb; color: #721c24; } #msg_footer .close_msg, #msg_footer_complete .close_msg{ cursor: pointer; font-size: 25px; padding-right: 15px; } #msg_footer .close_msg:hover, #msg_footer_complete .close_msg:hover{ color: #000; } .border_red{ border: 1px solid #e20000; } footer a{ color: inherit; } .dno{display:none!important;} #body_popup_1,#body_popup_2{ position:fixed; display:flex; text-align:center; top:0; bottom:0; right:0; left:0; z-index:99999; visibility:hidden; opacity: 0; background:rgba(0,0,0,0.5); } #body_popup_1.open-popup,#body_popup_2.open-popup{ visibility:visible; opacity: 1; } #body_popup_1 > div,#body_popup_2 > div{ display:block; background:#fff; padding:10px; margin:auto; transform:translateY(-150px); -webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s; text-align:center; border-radius:10px; position:relative; z-index:999999; } #body_popup_1.open-popup > div,#body_popup_1.open-popup > div{ transform:translateY(0); } #body_popup_1 .icon-close-popup{ position:absolute; font-size:30px; height:30px; width:30px; border-radius:50%; color:red; top:-10px; right:-10px; background-color:transparent; z-index:9999; } #body_popup_1 .icon-close-popup i{ position:absolute; top:0; right:0; } #body_popup_1 .container-html{ height:100%; overflow:auto; max-height:90vh; } #body_popup_1 .container-html::-webkit-scrollbar{ width:5px; height:100%; } #body_popup_1 .container-html::-webkit-scrollbar-track{ background-color:transparent; } #body_popup_1 .container-html::-webkit-scrollbar-thumb{ background-color:#777; border-radius:20%; } #body_popup_1 .icon-close-popup{ color:#fff; top:0; right:0; } #module_waiting_box{ position:fixed; background:rgba(256,256,256,0.8); width:100%; height:100%; -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s; top:0; right:0; opacity:0; z-index:9999999999999; visibility:hidden; } #module_waiting_box.show-waiting{ visibility:visible; opacity:1; } #module_waiting_box .spinner { margin: 100px auto 0; width: 70px; text-align: center; } #module_waiting_box .spinner > div { width: 18px; height: 18px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } #module_waiting_box .spinner .bounce1 { -webkit-animation-delay: -0.35s; animation-delay: -0.35s; } #module_waiting_box .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 95%, 100% { -webkit-transform: scale(0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 95%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1.0); transform: scale(1.0); } } body{direction: rtl;text-align: right;}