@import url('https://fonts.googleapis.com/css?family=Roboto');
/* The above import directives are aggregated from content. */
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{-webkit-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:#0000;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=checkbox]:checked{-webkit-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=radio]:checked{-webkit-appearance:auto;appearance:auto}}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=checkbox]:indeterminate,[type=radio]:checked:focus,[type=radio]:checked:hover{border-color:#0000;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {[type=checkbox]:indeterminate{-webkit-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{border-color:#0000;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1.5rem;padding-left:1.5rem}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.form-input,.form-multiselect,.form-select,.form-textarea{-webkit-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}.form-input:focus,.form-multiselect:focus,.form-select:focus,.form-textarea:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}.form-input::placeholder,.form-textarea::placeholder{color:#6b7280;opacity:1}.form-input::-webkit-datetime-edit-fields-wrapper{padding:0}.form-input::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}.form-input::-webkit-datetime-edit{display:inline-flex}.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-meridiem-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-select:where([size]:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}.form-checkbox,.form-radio{-webkit-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}.form-checkbox{border-radius:0}.form-radio{border-radius:100%}.form-checkbox:focus,.form-radio:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.form-checkbox:checked,.form-radio:checked{border-color:#0000;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}.form-checkbox:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {.form-checkbox:checked{-webkit-appearance:auto;appearance:auto}}.form-radio:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {.form-radio:checked{-webkit-appearance:auto;appearance:auto}}.form-checkbox:checked:focus,.form-checkbox:checked:hover,.form-checkbox:indeterminate,.form-radio:checked:focus,.form-radio:checked:hover{border-color:#0000;background-color:currentColor}.form-checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {.form-checkbox:indeterminate{-webkit-appearance:auto;appearance:auto}}.form-checkbox:indeterminate:focus,.form-checkbox:indeterminate:hover{border-color:#0000;background-color:currentColor}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);-webkit-text-decoration:underline;text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-left-width:.25rem;border-left-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);font-size:.875em;border-radius:.3125rem;padding:.1875em .375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:initial;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:initial}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:left}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.swatch-attribute-options{display:flex;flex-direction:row;flex-wrap:wrap}.swatch-option{margin:.25rem;border-width:1px;padding:.25rem .5rem;min-width:40px}.btn,.swatch-option{display:flex;justify-content:center}.btn{--btn-stroke:#0000;--btn-bg:#6b7280;--btn-color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.375rem;border-radius:.5rem;border-width:2px;padding:.5rem 1rem;vertical-align:middle;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-color:var(--btn-stroke);background-color:var(--btn-bg);color:var(--btn-color)}.btn:hover{border-color:var(--btn-hover-stroke,var(--btn-stroke));background-color:var(--btn-hover-bg,var(--btn-bg));color:var(--btn-hover-color,var(--btn-color))}.btn:focus-visible{outline-style:solid;outline-width:4px;outline-offset:0;outline-color:#1e40af80}.btn:active{border-color:var(--btn-active-stroke,var(--btn-stroke));background-color:var(--btn-active-bg,var(--btn-bg));color:var(--btn-active-color,var(--btn-color))}.btn:disabled{cursor:not-allowed;opacity:.7}.btn:disabled,.btn:disabled:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn:disabled{border-color:var(--btn-disabled-stroke,#e5e7eb);background-color:var(--btn-disabled-bg,#fff);color:var(--btn-disabled-color,#4b5563)}.btn-primary{--btn-bg:#1d4ed8;--btn-color:#fff;--btn-hover-bg:#2563eb;--btn-active-bg:#1e40af}.btn-primary:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-secondary{--btn-stroke:#2563eb;--btn-bg:#fff;--btn-color:#000;--btn-hover-stroke:#1e40af}.btn-secondary:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-size-lg{padding:1rem 2.5rem;font-size:1.125rem;line-height:1.75rem}.actions-toolbar .primary button{--btn-stroke:#0000;--btn-bg:#6b7280;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.375rem;border-radius:.5rem;border-width:2px;padding:.5rem 1rem;vertical-align:middle;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-color:var(--btn-stroke);background-color:var(--btn-bg);color:var(--btn-color)}.actions-toolbar .primary button:hover{border-color:var(--btn-hover-stroke,var(--btn-stroke));background-color:var(--btn-hover-bg,var(--btn-bg));color:var(--btn-hover-color,var(--btn-color))}.actions-toolbar .primary button:focus-visible{outline-style:solid;outline-width:4px;outline-offset:0;outline-color:#1e40af80}.actions-toolbar .primary button:active{border-color:var(--btn-active-stroke,var(--btn-stroke));background-color:var(--btn-active-bg,var(--btn-bg));color:var(--btn-active-color,var(--btn-color))}.actions-toolbar .primary button:disabled{cursor:not-allowed;opacity:.7}.actions-toolbar .primary button:disabled,.actions-toolbar .primary button:disabled:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.actions-toolbar .primary button:disabled{border-color:var(--btn-disabled-stroke,#e5e7eb);background-color:var(--btn-disabled-bg,#fff);color:var(--btn-disabled-color,#4b5563)}.actions-toolbar .primary button{--btn-bg:#1d4ed8;--btn-color:#fff;--btn-hover-bg:#2563eb;--btn-active-bg:#1e40af}.actions-toolbar .primary button:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#category-view-container{display:flex;flex-direction:column;align-items:center;padding:1rem 0}.price-including-tax+.price-excluding-tax{font-size:.875rem;line-height:1.25rem}.price-including-tax+.price-excluding-tax:before{content:attr(data-label) ": "}.price-excluding-tax,.price-including-tax{white-space:nowrap}.price-excluding-tax .price,.price-including-tax .price{font-weight:600;line-height:1.625}.price-excluding-tax,.weee[data-label]{display:block}[data-content-type$=block] .price-excluding-tax p:last-child,[data-content-type$=block] .weee[data-label] p:last-child{margin-bottom:1rem;margin-top:0}.weee[data-label]{margin-top:.25rem;font-size:.875rem;line-height:1.25rem}.price-container.price-tier_price{display:flex;gap:.25rem}.price-container .weee:before,.price-container.price-tier_price>.price-including-tax+.price-excluding-tax:before{content:"(" attr(data-label) ": "}.price-container .weee:after,.price-container.price-tier_price>.price-including-tax+.price-excluding-tax:after{content:")"}#customer-login-container{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));column-gap:1rem;row-gap:2rem;padding-top:2rem;padding-bottom:2rem}@media (min-width:768px){#customer-login-container{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-email,.form-input,.form-multiselect,.form-select,.form-textarea{min-height:2.75rem;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-email:focus,.form-input:focus,.form-multiselect:focus,.form-select:focus,.form-textarea:focus{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(30 64 175/var(--tw-ring-opacity));--tw-ring-opacity:0.5}.page.messages{position:-webkit-sticky;position:sticky;top:0;z-index:20}.page.messages .messages section#messages{width:100%;padding-right:1.5rem;padding-left:1.5rem}@media (min-width:640px){.page.messages .messages section#messages{max-width:640px}}@media (min-width:768px){.page.messages .messages section#messages{max-width:768px}}@media (min-width:1024px){.page.messages .messages section#messages{max-width:1024px}}@media (min-width:1280px){.page.messages .messages section#messages{max-width:1280px}}@media (min-width:1536px){.page.messages .messages section#messages{max-width:1536px}}.page.messages .messages section#messages{margin-left:auto;margin-right:auto;padding-top:.75rem;padding-bottom:.75rem}.message{margin-bottom:.5rem;display:flex;width:100%;align-items:center;justify-content:space-between;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));padding:.5rem .5rem .5rem 1.25rem;font-weight:600;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.message.error{border-width:2px;border-color:rgb(239 68 68/var(--tw-border-opacity));background-color:rgb(254 242 242/var(--tw-bg-opacity))}.message.error,.message.success{--tw-border-opacity:1;--tw-bg-opacity:1}.message.success{border-width:2px;border-color:rgb(16 185 129/var(--tw-border-opacity));background-color:rgb(236 253 245/var(--tw-bg-opacity))}.message.info,.message.notice{border-width:2px;--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.message.warning{border-width:2px;--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity))}.message a{text-decoration-line:underline}.product-item .price-container{display:block}[data-content-type$=block] .product-item .price-container p:last-child{margin-bottom:1rem;margin-top:0}.product-item .price-container .price{font-size:1.125rem;line-height:1.75rem;font-weight:600}.product-item .price-container .price-label{font-size:.875rem;line-height:1.25rem}.product-item .special-price .price-container .price-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.product-item .old-price .price-container{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.product-item .old-price .price-container .price{font-size:1rem;line-height:1.5rem;font-weight:400}.page-product-bundle .price-final_price .price-from .price-container,.page-product-bundle .price-final_price .price-to .price-container{margin-bottom:1rem;display:block;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}[data-content-type$=block] .page-product-bundle .price-final_price .price-from .price-container p:last-child,[data-content-type$=block] .page-product-bundle .price-final_price .price-to .price-container p:last-child{margin-bottom:1rem;margin-top:0}.page-product-bundle .price-final_price .price-from .price-container .price-label,.page-product-bundle .price-final_price .price-to .price-container .price-label{display:block;font-size:1.125rem;line-height:1.75rem;font-weight:500}[data-content-type$=block] .page-product-bundle .price-final_price .price-from .price-container .price-label p:last-child,[data-content-type$=block] .page-product-bundle .price-final_price .price-to .price-container .price-label p:last-child{margin-bottom:1rem;margin-top:0}.page-product-bundle .price-final_price .price-from .price-container .price,.page-product-bundle .price-final_price .price-to .price-container .price{font-size:1.5rem;line-height:2rem;font-weight:600;line-height:1.25;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.page-product-bundle .price-final_price .price-from .price-including-tax+.price-excluding-tax,.page-product-bundle .price-final_price .price-to .price-including-tax+.price-excluding-tax{margin-top:.25rem}.page-product-bundle .price-final_price .price-from .price-including-tax+.price-excluding-tax .price,.page-product-bundle .price-final_price .price-to .price-including-tax+.price-excluding-tax .price{font-size:1rem;line-height:1.5rem}.page-product-bundle .price-final_price .price-from .old-price .price-container .price,.page-product-bundle .price-final_price .price-from .old-price .price-container .price-label,.page-product-bundle .price-final_price .price-to .old-price .price-container .price,.page-product-bundle .price-final_price .price-to .old-price .price-container .price-label{display:inline;font-size:1rem;line-height:1.5rem;font-weight:400;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.wishlist-widget .price-box .old-price,.wishlist-widget .price-box .price-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;background-color:rgb(0 0 0/var(--tw-bg-opacity));--tw-bg-opacity:0.25}.snap{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.snap::-webkit-scrollbar{display:none}.snap>div{scroll-snap-align:start}:where(html){scrollbar-gutter:stable}.clearfix:after{content:"";display:block;clear:both}.page-main{margin-top:2rem;margin-bottom:2rem}.columns{width:100%;margin-right:auto;margin-left:auto;padding-right:1.5rem;padding-left:1.5rem}@media (min-width:640px){.columns{max-width:640px}}@media (min-width:768px){.columns{max-width:768px}}@media (min-width:1024px){.columns{max-width:1024px}}@media (min-width:1280px){.columns{max-width:1280px}}@media (min-width:1536px){.columns{max-width:1536px}}.columns{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));column-gap:2rem;row-gap:1rem;grid-template-rows:auto minmax(0,1fr)}.columns .main{order:2}.columns .sidebar{order:3}.product-main-full-width .columns{max-width:none}.page-main-full-width .columns{max-width:none;padding-left:0;padding-right:0}.account .columns .sidebar-main,.page-with-filter .columns .sidebar-main{order:1}@media (min-width:640px){.page-layout-2columns-left .columns,.page-layout-2columns-right .columns,.page-layout-3columns .columns{grid-template-columns:repeat(2,minmax(0,1fr))}.page-layout-2columns-left .columns .main,.page-layout-2columns-right .columns .main,.page-layout-3columns .columns .main{grid-column:span 2/span 2}.account .columns .sidebar-main,.page-with-filter .columns .sidebar-main{grid-column:1/-1}.account .columns .sidebar-additional{grid-column:span 2/span 2}}@media (min-width:768px){.page-layout-2columns-left .columns,.page-layout-2columns-right .columns,.page-layout-3columns .columns{grid-template-columns:repeat(3,minmax(0,1fr))}.page-layout-2columns-left .columns .main,.page-layout-2columns-right .columns .main,.page-layout-3columns .columns .main{grid-row:span 2/span 2}.page-layout-2columns-left .columns .sidebar,.page-layout-2columns-right .columns .sidebar,.page-layout-3columns .columns .sidebar{grid-column:span 1/span 1}.page-layout-2columns-left .columns .main,.page-layout-3columns .columns .main{grid-column-start:2!important}.page-layout-2columns-left .columns .sidebar,.page-layout-3columns .columns .sidebar{order:1}.page-layout-2columns-left .columns .sidebar~.sidebar-additional,.page-layout-2columns-right .sidebar-main,.page-layout-2columns-right.page-with-filter .sidebar-main,.page-layout-3columns .columns .sidebar~.sidebar-additional{order:3}}@media (min-width:1024px){.page-layout-2columns-left .columns,.page-layout-2columns-right .columns,.page-layout-3columns .columns{grid-template-columns:repeat(4,minmax(0,1fr))}.page-layout-2columns-left .columns .main,.page-layout-2columns-right .columns .main{grid-column:span 3/span 3}.page-layout-3columns .columns .sidebar-additional{grid-column-start:4}}.product-image-container{width:100%!important}.product-image-container img{width:100%}body{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}[x-cloak]{display:none!important}.card{border-radius:.125rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1rem;--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card-interactive:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:1rem;line-height:1.5rem;line-height:1.5;letter-spacing:0;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}[data-content-type=row]{box-sizing:border-box}[data-content-type=row]>div{margin-bottom:.625rem;padding:.625rem}[data-content-type=row][data-appearance=contained]{width:100%;padding-right:1.5rem;padding-left:1.5rem}@media (min-width:640px){[data-content-type=row][data-appearance=contained]{max-width:640px}}@media (min-width:768px){[data-content-type=row][data-appearance=contained]{max-width:768px}}@media (min-width:1024px){[data-content-type=row][data-appearance=contained]{max-width:1024px}}@media (min-width:1280px){[data-content-type=row][data-appearance=contained]{max-width:1280px}}@media (min-width:1536px){[data-content-type=row][data-appearance=contained]{max-width:1536px}}[data-content-type=row][data-appearance=contained]{margin-left:auto;margin-right:auto;box-sizing:border-box}[data-content-type=row][data-appearance=contained] [data-element=inner]{box-sizing:border-box;background-attachment:scroll!important}[data-content-type=row][data-appearance=full-bleed],[data-content-type=row][data-appearance=full-width]{background-attachment:scroll!important}[data-content-type=row][data-appearance=full-width]>.row-full-width-inner{width:100%;margin-right:auto;margin-left:auto;padding-right:1.5rem;padding-left:1.5rem}@media (min-width:640px){[data-content-type=row][data-appearance=full-width]>.row-full-width-inner{max-width:640px}}@media (min-width:768px){[data-content-type=row][data-appearance=full-width]>.row-full-width-inner{max-width:768px}}@media (min-width:1024px){[data-content-type=row][data-appearance=full-width]>.row-full-width-inner{max-width:1024px}}@media (min-width:1280px){[data-content-type=row][data-appearance=full-width]>.row-full-width-inner{max-width:1280px}}@media (min-width:1536px){[data-content-type=row][data-appearance=full-width]>.row-full-width-inner{max-width:1536px}}[data-content-type=column-group],[data-content-type=column-line]{flex-wrap:wrap}@media (min-width:768px){[data-content-type=column-group],[data-content-type=column-line]{flex-wrap:nowrap}}[data-content-type=column]{box-sizing:border-box;width:100%;max-width:100%;background-attachment:scroll!important;flex-basis:100%}@media (min-width:768px){[data-content-type=column]{flex-basis:auto}}[data-content-type=tabs] .tabs-navigation{margin-bottom:-1px;display:block;padding:0;--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}[data-content-type$=block] [data-content-type=tabs] .tabs-navigation p:last-child{margin-bottom:1rem;margin-top:0}[data-content-type=tabs] .tabs-navigation li.tab-header{position:relative;margin:0 0 0 -1px;display:inline-block;max-width:100%;overflow-wrap:break-word;border-bottom-left-radius:0;border-bottom-right-radius:0;border-width:1px 1px 0;border-style:solid;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}[data-content-type=tabs] .tabs-navigation li.tab-header:first-child{margin-left:0}[data-content-type=tabs] .tabs-navigation li.tab-header.active{z-index:20;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-bottom:1px solid #fff}[data-content-type=tabs] .tabs-navigation li.tab-header a.tab-title{position:relative;display:block;cursor:pointer;white-space:normal;padding:.75rem 1.25rem;vertical-align:middle;font-size:.875rem;line-height:1.25rem;font-weight:600}[data-content-type$=block] [data-content-type=tabs] .tabs-navigation li.tab-header a.tab-title p:last-child{margin-bottom:1rem;margin-top:0}[data-content-type=tabs] .tabs-navigation li.tab-header a.tab-title span{font-weight:600;line-height:1.25rem;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}[data-content-type=tabs] .tabs-content{position:relative;z-index:10;box-sizing:border-box;overflow:hidden;border-radius:.125rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}[data-content-type=tabs] .tabs-content [data-content-type=tab-item]{box-sizing:border-box;padding:2rem;min-height:inherit;background-attachment:scroll!important}[data-content-type=tabs].tab-align-left .tabs-content{border-top-left-radius:0!important}[data-content-type=tabs].tab-align-right .tabs-content{border-top-right-radius:0!important}[data-content-type=heading],[data-content-type=text]{overflow-wrap:break-word}[data-content-type=buttons]{max-width:100%}[data-content-type=buttons] [data-content-type=button-item]{margin-right:.5rem;margin-bottom:.5rem;max-width:100%}[data-content-type=buttons] [data-content-type=button-item] [data-element=empty_link],[data-content-type=buttons] [data-content-type=button-item] [data-element=link]{max-width:100%;overflow-wrap:break-word}[data-content-type=buttons] [data-content-type=button-item] [data-element=empty_link]{cursor:default}[data-content-type=buttons] [data-content-type=button-item] a,[data-content-type=buttons] [data-content-type=button-item] button,[data-content-type=buttons] [data-content-type=button-item] div{display:inline-block;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}[data-content-type=buttons] [data-content-type=button-item] a.pagebuilder-button-link,[data-content-type=buttons] [data-content-type=button-item] button.pagebuilder-button-link,[data-content-type=buttons] [data-content-type=button-item] div.pagebuilder-button-link{box-sizing:border-box}a.pagebuilder-button-primary,button.pagebuilder-button-primary,div.pagebuilder-button-primary{--btn-stroke:#0000;--btn-bg:#6b7280;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.375rem;border-radius:.5rem;border-width:2px;padding:.5rem 1rem;vertical-align:middle;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-color:var(--btn-stroke);background-color:var(--btn-bg);color:var(--btn-color)}a.pagebuilder-button-primary:hover,button.pagebuilder-button-primary:hover,div.pagebuilder-button-primary:hover{border-color:var(--btn-hover-stroke,var(--btn-stroke));background-color:var(--btn-hover-bg,var(--btn-bg));color:var(--btn-hover-color,var(--btn-color))}a.pagebuilder-button-primary:focus-visible,button.pagebuilder-button-primary:focus-visible,div.pagebuilder-button-primary:focus-visible{outline-style:solid;outline-width:4px;outline-offset:0;outline-color:#1e40af80}a.pagebuilder-button-primary:active,button.pagebuilder-button-primary:active,div.pagebuilder-button-primary:active{border-color:var(--btn-active-stroke,var(--btn-stroke));background-color:var(--btn-active-bg,var(--btn-bg));color:var(--btn-active-color,var(--btn-color))}a.pagebuilder-button-primary:disabled,button.pagebuilder-button-primary:disabled,div.pagebuilder-button-primary:disabled{cursor:not-allowed;opacity:.7}a.pagebuilder-button-primary:disabled,a.pagebuilder-button-primary:disabled:hover,button.pagebuilder-button-primary:disabled,button.pagebuilder-button-primary:disabled:hover,div.pagebuilder-button-primary:disabled,div.pagebuilder-button-primary:disabled:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}a.pagebuilder-button-primary:disabled,button.pagebuilder-button-primary:disabled,div.pagebuilder-button-primary:disabled{border-color:var(--btn-disabled-stroke,#e5e7eb);background-color:var(--btn-disabled-bg,#fff);color:var(--btn-disabled-color,#4b5563)}a.pagebuilder-button-primary,button.pagebuilder-button-primary,div.pagebuilder-button-primary{--btn-bg:#1d4ed8;--btn-color:#fff;--btn-hover-bg:#2563eb;--btn-active-bg:#1e40af}a.pagebuilder-button-primary:hover,button.pagebuilder-button-primary:hover,div.pagebuilder-button-primary:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}a.pagebuilder-button-secondary,button.pagebuilder-button-secondary,div.pagebuilder-button-secondary{--btn-stroke:#0000;--btn-bg:#6b7280;--btn-color:#fff;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.375rem;border-radius:.5rem;border-width:2px;padding:.5rem 1rem;vertical-align:middle;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-color:var(--btn-stroke);background-color:var(--btn-bg);color:var(--btn-color)}a.pagebuilder-button-secondary:hover,button.pagebuilder-button-secondary:hover,div.pagebuilder-button-secondary:hover{border-color:var(--btn-hover-stroke,var(--btn-stroke));background-color:var(--btn-hover-bg,var(--btn-bg));color:var(--btn-hover-color,var(--btn-color))}a.pagebuilder-button-secondary:focus-visible,button.pagebuilder-button-secondary:focus-visible,div.pagebuilder-button-secondary:focus-visible{outline-style:solid;outline-width:4px;outline-offset:0;outline-color:#1e40af80}a.pagebuilder-button-secondary:active,button.pagebuilder-button-secondary:active,div.pagebuilder-button-secondary:active{border-color:var(--btn-active-stroke,var(--btn-stroke));background-color:var(--btn-active-bg,var(--btn-bg));color:var(--btn-active-color,var(--btn-color))}a.pagebuilder-button-secondary:disabled,button.pagebuilder-button-secondary:disabled,div.pagebuilder-button-secondary:disabled{cursor:not-allowed;opacity:.7}a.pagebuilder-button-secondary:disabled,a.pagebuilder-button-secondary:disabled:hover,button.pagebuilder-button-secondary:disabled,button.pagebuilder-button-secondary:disabled:hover,div.pagebuilder-button-secondary:disabled,div.pagebuilder-button-secondary:disabled:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}a.pagebuilder-button-secondary:disabled,button.pagebuilder-button-secondary:disabled,div.pagebuilder-button-secondary:disabled{border-color:var(--btn-disabled-stroke,#e5e7eb);background-color:var(--btn-disabled-bg,#fff);color:var(--btn-disabled-color,#4b5563)}a.pagebuilder-button-secondary,button.pagebuilder-button-secondary,div.pagebuilder-button-secondary{--btn-stroke:#2563eb;--btn-bg:#fff;--btn-color:#000;--btn-hover-stroke:#1e40af}a.pagebuilder-button-secondary:hover,button.pagebuilder-button-secondary:hover,div.pagebuilder-button-secondary:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}[data-content-type=html]{overflow-wrap:break-word}[data-content-type=image]{box-sizing:border-box}[data-content-type=image]>[data-element=link],[data-content-type=image]>[data-element=link] img{border-radius:inherit}[data-content-type=image] .pagebuilder-mobile-hidden{display:none}@media (min-width:768px){[data-content-type=image] .pagebuilder-mobile-hidden{display:inline-block}}[data-content-type=image] .pagebuilder-mobile-only{display:inline-block}@media (min-width:768px){[data-content-type=image] .pagebuilder-mobile-only{display:none}}[data-content-type=image] figcaption{overflow-wrap:break-word}[data-content-type=video]{font-size:0}[data-content-type=video] .pagebuilder-video-inner{box-sizing:border-box;display:inline-block;width:100%}[data-content-type=video] .pagebuilder-video-container{position:relative;overflow:hidden;border-radius:inherit;padding-top:56.25%}[data-content-type=video] iframe,[data-content-type=video] video{position:absolute;left:0;top:0;height:100%;width:100%}[data-content-type=banner]>[data-element=empty_link],[data-content-type=banner]>[data-element=empty_link]:hover,[data-content-type=banner]>[data-element=link],[data-content-type=banner]>[data-element=link]:hover{color:inherit;text-decoration:inherit}[data-content-type=banner] .pagebuilder-banner-wrapper{box-sizing:border-box;overflow-wrap:break-word;background-clip:padding-box;border-radius:inherit;background-attachment:scroll!important}[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-overlay{position:relative;box-sizing:border-box;padding:2rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay{display:flex;align-items:center;justify-content:center}[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay){max-width:none}@media (min-width:768px){[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay){max-width:36rem}}[data-content-type=banner] .pagebuilder-banner-wrapper.jarallax .video-overlay{z-index:0}[data-content-type=banner] .pagebuilder-banner-wrapper [data-element=content]{overflow:auto;min-height:50px}[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-banner-button{margin:1.25rem 0 0;display:inline-block;max-width:100%;overflow-wrap:break-word;transition-property:opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);text-align:inherit}[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-poster-content{width:100%}[data-content-type=banner][data-appearance=collage-centered] .pagebuilder-banner-wrapper .pagebuilder-overlay{margin-left:auto;margin-right:auto}[data-content-type=banner][data-appearance=collage-left] .pagebuilder-banner-wrapper .pagebuilder-overlay{margin-right:auto}[data-content-type=banner][data-appearance=collage-right] .pagebuilder-banner-wrapper .pagebuilder-overlay{margin-left:auto}[data-content-type=slider]{visibility:hidden;position:relative}[data-content-type=slider].glider-initialized{visibility:visible}[data-content-type=slider] [data-role=glider-content]{overflow-y:hidden}[data-content-type=slider] a.button{color:initial;padding:10px;-webkit-text-decoration:none;text-decoration:none}[data-content-type=slider] .carousel-nav{position:absolute;bottom:0;margin-bottom:.5rem;background-color:rgb(249 250 251/var(--tw-bg-opacity));--tw-bg-opacity:0.75;left:50%;transform:translateX(-50%)}[data-content-type=slide]{box-sizing:border-box;overflow:hidden;line-height:1.25rem;min-height:inherit}[data-content-type=slide]>[data-element=empty_link],[data-content-type=slide]>[data-element=link]{color:inherit;min-height:inherit;text-decoration:inherit}[data-content-type=slide]>[data-element=empty_link]:hover,[data-content-type=slide]>[data-element=link]:hover{color:inherit;text-decoration:inherit}[data-content-type=slide]+[data-content-type=slide]{height:0;min-height:0}[data-content-type=slide] .pagebuilder-slide-wrapper{box-sizing:border-box;overflow-wrap:break-word;border-radius:inherit;min-height:inherit}[data-content-type=slide] .pagebuilder-slide-wrapper .jarallax-viewport-element{position:absolute;top:0;z-index:50;height:100%;width:.125rem;left:-15000vw}[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax .video-overlay{-webkit-transform:unset;z-index:1}[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax .pagebuilder-overlay{position:relative;z-index:20}[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax [id*=jarallax-container]>div,[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax [id*=jarallax-container]>iframe,[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax [id*=jarallax-container]>img,[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax [id*=jarallax-container]>video{margin:auto!important;transform:none!important}[data-content-type=slide] .pagebuilder-slide-wrapper .pagebuilder-overlay{box-sizing:border-box;padding:2rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:inherit}[data-content-type=slide] .pagebuilder-slide-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay{display:flex;align-items:center;justify-content:center;min-height:inherit}[data-content-type=slide] .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay){max-width:none}@media (min-width:768px){[data-content-type=slide] .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay){max-width:32rem}}[data-content-type=slide] .pagebuilder-slide-wrapper [data-element=content]{overflow:auto;min-height:50px}[data-content-type=slide] .pagebuilder-slide-wrapper .pagebuilder-slide-button{margin:1.25rem 0 0;max-width:100%;overflow-wrap:break-word;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;text-align:inherit}[data-content-type=slide] .pagebuilder-slide-wrapper .pagebuilder-poster-content{width:100%}[data-content-type=slide][data-appearance=collage-centered] .pagebuilder-slide-wrapper .pagebuilder-overlay{margin-left:auto;margin-right:auto}[data-content-type=slide][data-appearance=collage-left] .pagebuilder-slide-wrapper .pagebuilder-overlay{margin-right:auto}[data-content-type=slide][data-appearance=collage-right] .pagebuilder-slide-wrapper .pagebuilder-overlay{margin-left:auto}[data-content-type=map]{box-sizing:border-box;height:18rem}[data-content-type$=block] .block p:last-child{margin-bottom:1rem;margin-top:0}[data-content-type=dynamic_block] [data-content-type=image] img{display:inline}[data-content-type=dynamic_block] .block-banners .banner-item-content,[data-content-type=dynamic_block] .block-banners-inline .banner-item-content{margin-bottom:auto}.glider-contain{position:relative;margin:0 auto;width:100%}.glider{overflow-y:hidden}.glider.draggable{-webkit-user-select:none;user-select:none;cursor:grab}.glider.draggable .glider-slide img{pointer-events:none;-webkit-user-select:none;user-select:none}.glider.drag{cursor:grabbing}.glider::-webkit-scrollbar{height:0;opacity:0}.glider .glider-track{z-index:10;margin:0;display:flex;width:100%;padding:0}.glider-slide{margin:.5rem;width:100%;-webkit-user-select:none;user-select:none;align-content:center;justify-content:center;min-width:150px}.glider-slide img{max-width:100%}.glider-hide{opacity:0}.glider-next.disabled,.glider-prev.disabled{cursor:default;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity));opacity:.25}.glider-dot{margin:.25rem;display:block;height:.75rem;width:.75rem;cursor:pointer;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));opacity:.25;--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}[data-content-type$=block] .glider-dot p:last-child{margin-bottom:1rem;margin-top:0}.glider-dot.active{opacity:1}@media (max-width:36em){.glider::-webkit-scrollbar{height:.25rem;width:.5rem;-webkit-appearance:none;appearance:none;opacity:1}.glider::-webkit-scrollbar-thumb{opacity:1;border-radius:99px;background-color:#9c9c9c40;box-shadow:0 0 1px #ffffff40}}[data-show-arrows=false] .glider-next,[data-show-arrows=false] .glider-prev,[data-show-dots=false] .glider-dots{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{top:0;bottom:0}.inset-0,.inset-x-0{right:0;left:0}.inset-x-4{left:1rem;right:1rem}.inset-y-0{top:0;bottom:0}.-right-1\.5{right:-.375rem}.-top-1\.5{top:-.375rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.top-full{top:100%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-first{order:-9999}.order-last{order:9999}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.float-left{float:left}.clear-left{clear:left}.-m-2{margin:-.5rem}.-m-4{margin:-1rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-4{margin:1rem}.m-auto{margin:auto}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-12{margin-top:3rem;margin-bottom:3rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.\!ml-0{margin-left:0!important}.-ml-6{margin-left:-1.5rem}.-ml-px{margin-left:-1px}.-mr-1{margin-right:-.25rem}.-mr-2{margin-right:-.5rem}.-mr-4{margin-right:-1rem}.-mt-6{margin-top:-1.5rem}.-mt-8{margin-top:-2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-10{margin-left:2.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-10{margin-right:2.5rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-8{margin-right:2rem}.mr-auto{margin-right:auto}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.box-content{box-sizing:initial}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-3{height:.75rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-auto{height:auto}.h-full{height:100%}.max-h-screen{max-height:100vh}.max-h-screen-75{max-height:75vh}.min-h-14{min-height:3.5rem}.min-h-\[20px\]{min-height:20px}.min-h-a11y{min-height:2.75rem}.w-0{width:0}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-4\/12{width:33.333333%}.w-40{width:10rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-5\/12{width:41.666667%}.w-56{width:14rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-7\/12{width:58.333333%}.w-8{width:2rem}.w-8\/12{width:66.666667%}.w-9{width:2.25rem}.w-auto{width:auto}.w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.min-w-20{min-width:5rem}.min-w-40{min-width:10rem}.min-w-48{min-width:12rem}.max-w-4xl{max-width:56rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-prose{max-width:65ch}.max-w-screen-2xl{max-width:1536px}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.table-auto{table-layout:auto}.origin-top-left{transform-origin:top left}.origin-top-right{transform-origin:top right}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-5{--tw-translate-x:-1.25rem}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.-translate-y-8{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-8{--tw-translate-y:-2rem}.-translate-y-full{--tw-translate-y:-100%}.-translate-y-full,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%}.translate-x-full,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-full{--tw-translate-y:100%}.rotate-180,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.list-disc{list-style-type:disc}.grid-flow-row{grid-auto-flow:row}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-1{column-gap:.25rem}.gap-x-2{column-gap:.5rem}.gap-x-4{column-gap:1rem}.gap-x-7{column-gap:1.75rem}.gap-y-0{row-gap:0}.gap-y-1{row-gap:.25rem}.gap-y-16{row-gap:4rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.overscroll-y-contain{overscroll-behavior-y:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hyphens-auto{-webkit-hyphens:auto;hyphens:auto}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r-0{border-right-width:0}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.border-container{--tw-border-opacity:1;border-color:rgb(231 231 231/var(--tw-border-opacity))}.border-container-darker{--tw-border-opacity:1;border-color:rgb(182 182 182/var(--tw-border-opacity))}.border-container-lighter{--tw-border-opacity:1;border-color:rgb(245 245 245/var(--tw-border-opacity))}.border-current{border-color:currentColor}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-green-400{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity))}.border-primary{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.border-transparent{border-color:#0000}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.bg-container{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.bg-container-darker{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.bg-container-lighter{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-container-lighter\/95{background-color:#fffffff2}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white\/25{background-color:#ffffff40}.bg-white\/60{background-color:#fff9}.bg-white\/70{background-color:#ffffffb3}.bg-yellow-500{background-color:rgb(245 158 11/var(--tw-bg-opacity))}.bg-opacity-100,.bg-yellow-500{--tw-bg-opacity:1}.bg-opacity-25{--tw-bg-opacity:0.25}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.fill-black\/20{fill:#0003}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.stroke-white\/75{stroke:#ffffffbf}.stroke-1{stroke-width:1}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pr-1{padding-right:.25rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-1{padding-top:.25rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:left}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-primary-lighter{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-red{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-secondary{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-secondary-darker{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-yellow-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline-none{outline:2px solid #0000}.outline-none,.outline-offset-2{outline-offset:2px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-blue-500\/50{--tw-ring-color:#3b82f680}.ring-primary{--tw-ring-opacity:1;--tw-ring-color:rgb(30 64 175/var(--tw-ring-opacity))}.ring-primary\/50{--tw-ring-color:#1e40af80}.ring-primary\/75{--tw-ring-color:#1e40afbf}.ring-red-500{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity))}.ring-opacity-50{--tw-ring-opacity:0.5}.ring-offset-2{--tw-ring-offset-width:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-none{transition-property:none}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.table-row-items>div.table-row-item{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.table-row-items>div.table-row-item:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.account-nav li a,.account-nav li strong{display:flex;justify-content:space-between;padding-top:.25rem;padding-bottom:.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.account-nav li a:hover,.account-nav li strong{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.account-nav li strong{font-weight:400;text-decoration-line:underline}.actions-toolbar{margin-top:1.5rem;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(182 182 182/var(--tw-border-opacity));padding-top:1rem}.actions-toolbar a.back{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity));text-decoration-line:underline}body>div>div.grecaptcha-badge{display:none;height:0!important;width:0!important}.order-items>div:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.order-links{display:block;align-items:center;--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}[data-content-type$=block] .order-links p:last-child{margin-bottom:1rem;margin-top:0}.order-links li{display:inline-block;cursor:pointer;white-space:nowrap;padding:.5rem 1rem}.order-links li.current{flex-grow:1;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.order-links li a{text-decoration-line:underline}.order-date{font-size:.875rem;line-height:1.25rem}fieldset .field,form .field{margin-top:.25rem}fieldset .field.field-reserved,form .field.field-reserved{margin-bottom:1.75rem}fieldset .field.field-reserved ul:last-of-type,form .field.field-reserved ul:last-of-type{margin-bottom:-1.5rem;padding-bottom:.25rem}fieldset .field.field-reserved ul,form .field.field-reserved ul{font-size:.875rem;line-height:1.25rem}fieldset label,form label{margin-bottom:.5rem;display:block;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}[data-content-type$=block] fieldset label p:last-child,[data-content-type$=block] form label p:last-child{margin-bottom:1rem;margin-top:0}fieldset .field.choice,form .field.choice{display:flex;align-items:center}fieldset .field.choice input,form .field.choice input{margin-right:1rem}fieldset .field.choice label,form .field.choice label{margin-bottom:0}fieldset .field.field-error .messages,form .field.field-error .messages{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity));max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}fieldset legend,form legend{margin-bottom:.75rem;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}fieldset legend+br,form legend+br{display:none}fieldset~fieldset{margin-top:2rem}.field.required>label:after{position:relative;top:-.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity));content:var(--tw-content);--tw-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12m5.196-9L6.804 15m0-6 10.392 6'/%3E%3C/svg%3E");--tw-icon-size:1em;display:inline-block;width:var(--tw-icon-size);height:var(--tw-icon-size);background-color:currentcolor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--tw-icon);mask-image:var(--tw-icon)}.flex-columns-wrapper{display:flex;flex-direction:column}@media (min-width:768px){.flex-columns-wrapper{flex-direction:row}}.before\:h-3:before{content:var(--tw-content);height:.75rem}.before\:w-3:before{content:var(--tw-content);width:.75rem}.before\:shrink-0:before{content:var(--tw-content);flex-shrink:0}.before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\:bg-green-500:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity))}.before\:bg-red-500:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.first\:mt-0:first-child{margin-top:0}.last\:mb-0:last-child{margin-bottom:0}.last\:mb-6:last-child{margin-bottom:1.5rem}.last\:mr-0:last-child{margin-right:0}.last\:border-0:last-child{border-width:0}.last\:border-b:last-child{border-bottom-width:1px}.last\:border-b-0:last-child{border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:0}.even\:bg-container:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.even\:bg-container-darker:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.invalid\:ring-2:invalid{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.invalid\:ring-red-500:invalid{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity))}.focus-within\:ring-1:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus-within\:ring-1:focus-within,.focus-within\:ring-2:focus-within{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus-within\:ring-4:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.hover\:border-primary:hover{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity))}.hover\:bg-container-darker:hover{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-primary\/10:hover{background-color:#1d4ed81a}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.hover\:text-gray-400:hover{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.hover\:text-primary-darker:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.hover\:text-secondary-darker:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.hover\:text-yellow-500:hover{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:z-10:focus{z-index:10}.focus\:z-30:focus{z-index:30}.focus\:z-40:focus{z-index:40}.focus\:border-0:focus{border-width:0}.focus\:border-blue-300:focus{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity))}.focus\:border-primary:focus{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity))}.focus\:border-primary-lighter:focus{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.focus\:border-red-500:focus{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.focus\:border-transparent:focus{border-color:#0000}.focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.focus\:text-gray-600:focus{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity))}.active\:bg-gray-100:active{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.active\:text-gray-500:active{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.active\:text-gray-700:active{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.active\:ring-0:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:bg-gray-100:disabled{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.disabled\:opacity-75:disabled{opacity:.75}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.aria-\[current\=page\]\:underline[aria-current=page]{text-decoration-line:underline}.data-\[active\]\:border-primary[data-active]{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity))}@media (min-width:640px){.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:order-3{order:3}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:mb-0{margin-bottom:0}.sm\:ml-2{margin-left:.5rem}.sm\:ml-3{margin-left:.75rem}.sm\:ml-6{margin-left:1.5rem}.sm\:mr-8{margin-right:2rem}.sm\:mt-0{margin-top:0}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:w-1\/2{width:50%}.sm\:w-1\/3{width:33.333333%}.sm\:w-20{width:5rem}.sm\:w-48{width:12rem}.sm\:w-5\/6{width:83.333333%}.sm\:w-96{width:24rem}.sm\:w-auto{width:auto}.sm\:table-fixed{table-layout:fixed}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-start{align-items:flex-start}.sm\:gap-8{gap:2rem}.sm\:overflow-hidden{overflow:hidden}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-1{padding-top:.25rem;padding-bottom:.25rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}.sm\:pb-0{padding-bottom:0}.sm\:text-right{text-align:right}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:duration-700{transition-duration:.7s}}@media (min-width:768px){.md\:visible{visibility:visible}.md\:order-3{order:3}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-start-1{grid-column-start:1}.md\:row-span-2{grid-row:span 2/span 2}.md\:row-start-1{grid-row-start:1}.md\:-mx-4{margin-left:-1rem;margin-right:-1rem}.md\:mx-0{margin-left:0;margin-right:0}.md\:mx-4{margin-left:1rem;margin-right:1rem}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:my-0{margin-top:0;margin-bottom:0}.md\:-mr-1{margin-right:-.25rem}.md\:-mt-1{margin-top:-.25rem}.md\:mb-0{margin-bottom:0}.md\:mb-3{margin-bottom:.75rem}.md\:ml-auto{margin-left:auto}.md\:mr-0{margin-right:0}.md\:mt-0{margin-top:0}.md\:mt-10{margin-top:2.5rem}.md\:mt-4{margin-top:1rem}.md\:mt-5{margin-top:1.25rem}.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-24{height:6rem}.md\:h-6{height:1.5rem}.md\:h-auto{height:auto}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:w-2\/6{width:33.333333%}.md\:w-24{width:6rem}.md\:w-4\/6{width:66.666667%}.md\:w-6{width:1.5rem}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:shrink-0{flex-shrink:0}.md\:-translate-x-1\/3{--tw-translate-x:-33.333333%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[42\%_minmax\(0\2c _1fr\)\]{grid-template-columns:42% minmax(0,1fr)}.md\:grid-rows-\[min-content_minmax\(0\2c _1fr\)\]{grid-template-rows:-webkit-min-content minmax(0,1fr);grid-template-rows:min-content minmax(0,1fr)}.md\:flex-row{flex-direction:row}.md\:flex-wrap{flex-wrap:wrap}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:gap-1{gap:.25rem}.md\:gap-4{gap:1rem}.md\:gap-x-5{column-gap:1.25rem}.md\:gap-x-6{column-gap:1.5rem}.md\:border-0{border-width:0}.md\:bg-transparent{background-color:initial}.md\:px-0{padding-left:0;padding-right:0}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-0{padding-top:0;padding-bottom:0}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.md\:pl-16{padding-left:4rem}.md\:pl-5{padding-left:1.25rem}.md\:pt-0{padding-top:0}.md\:text-left{text-align:left}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1024px){.lg\:sr-only{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.lg\:absolute,.lg\:sr-only{position:absolute}.lg\:sticky{position:-webkit-sticky;position:sticky}.lg\:bottom-auto{bottom:auto}.lg\:left-\[var\(--msrp-inline-offset\)\]{left:var(--msrp-inline-offset)}.lg\:right-auto{right:auto}.lg\:top-2{top:.5rem}.lg\:top-\[var\(--msrp-block-offset\)\]{top:var(--msrp-block-offset)}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:ml-5{margin-left:1.25rem}.lg\:mr-4{margin-right:1rem}.lg\:mt-3{margin-top:.75rem}.lg\:mt-8{margin-top:2rem}.lg\:block{display:block}.lg\:inline-block{display:inline-block}.lg\:inline{display:inline}.lg\:flex{display:flex}.lg\:table-cell{display:table-cell}.lg\:table-header-group{display:table-header-group}.lg\:table-row{display:table-row}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.333333%}.lg\:w-1\/4{width:25%}.lg\:w-2\/3{width:66.666667%}.lg\:w-56{width:14rem}.lg\:w-80{width:20rem}.lg\:w-auto{width:auto}.lg\:max-w-xs{max-width:20rem}.lg\:flex-1{flex:1 1 0%}.lg\:table-auto{table-layout:auto}.lg\:-translate-y-0{--tw-translate-y:-0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:items-start{align-items:flex-start}.lg\:justify-start{justify-content:flex-start}.lg\:gap-x-10{column-gap:2.5rem}.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-2{padding-top:.5rem;padding-bottom:.5rem}.lg\:py-32{padding-top:8rem;padding-bottom:8rem}.lg\:pl-24{padding-left:6rem}.lg\:pt-2{padding-top:.5rem}.lg\:text-left{text-align:left}.lg\:text-right{text-align:right}.lg\:text-sm{font-size:.875rem;line-height:1.25rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\:shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:1280px){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:-mt-12{margin-top:-3rem}.xl\:mt-0{margin-top:0}.xl\:w-1\/2{width:50%}.xl\:w-1\/3{width:33.333333%}.xl\:w-1\/4{width:25%}.xl\:grow{flex-grow:1}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:border-none{border-style:none}}@media (min-width:1536px){.\32xl\:w-96{width:24rem}}.affiliate_social_buttons {
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 10;
}

.block.block-collapsible-nav.amasty-affiliate-collapsible {
    top: 30px;
    z-index: 4;
}

@media only screen and (max-width: 767px) {
    .account .page-main, .cms-privacy-policy .page-main {
        padding-top: 85px;
    }
}
.slick-dots li button:focus,.slick-dots li button:hover,.slick-list:focus{outline:0}.slick-list,.slick-slider,.slick-track{display:block;position:relative}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin:0 auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-slide,.slick-slide.slick-loading img{display:none}.slick-track:after{clear:both}.slick-slide{float:left;height:100%;min-height:1px;vertical-align:middle}[dir=rtl] .slick-slide{float:right}.slick-slide.dragging img{pointer-events:none}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{position:relative;background:0 0}.slick-loading .slick-list:before{position:absolute;top:50%;left:50%;display:block;content:'';border-radius:100%;border-style:solid;border-width:3px;height:25px;width:25px;border-color:rgba(0,0,0,.2);border-top-color:#5c5c5c;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);animation:loading 1s infinite linear}@keyframes loading{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}100%{-webkit-transform:translate(-50%,-50%) rotate(359.9deg);transform:translate(-50%,-50%) rotate(359.9deg)}}.slick-next.slick-disabled,.slick-prev.slick-disabled{opacity:.25}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;left:0;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button,.slick-slider .slick-arrow{display:block;cursor:pointer;outline:0;box-shadow:none}.slick-dots li button{font-size:0;line-height:0;width:20px;height:20px;padding:5px;color:transparent;border:0;background:0 0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:16px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;padding:0 20px}.slick-slider .slick-arrow{position:absolute;top:50%;padding:0;width:15px;height:22px;font-size:0;line-height:0;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);color:transparent;border:none;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMi40QTEgMSAwIDAgMSAxLjYuMmwxMiAxMGExIDEgMCAwIDEgMCAxLjZsLTEyIDEwYTEgMSAwIDAgMS0xLjItMS42TDExLjMzMyAxMSAuNCAxLjhBMSAxIDAgMCAxIC4yLjR6IiBmaWxsPSIjQzRDNEM0Ii8+PC9zdmc+) center no-repeat !important;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease}.slick-slider .slick-arrow:after,.slick-slider .slick-arrow:before{content:''}.slick-slider .slick-arrow:hover{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMi40QTEgMSAwIDAgMSAxLjYuMmwxMiAxMGExIDEgMCAwIDEgMCAxLjZsLTEyIDEwYTEgMSAwIDAgMS0xLjItMS42TDExLjMzMyAxMSAuNCAxLjhBMSAxIDAgMCAxIC4yLjR6IiBmaWxsPSIjMTYxNjE2Ii8+PC9zdmc+) center no-repeat}.slick-slider .slick-arrow.slick-next{right:0}.slick-slider .slick-arrow.slick-prev{left:0;-webkit-transform:rotate(180deg) translate(0,50%);-moz-transform:rotate(180deg) translate(0,50%);-ms-transform:rotate(180deg) translate(0,50%);transform:rotate(180deg) translate(0,50%)}.slick-initialized .slick-slide{float:none!important;display:inline-block!important;height:auto;}.product-items.slick-slider>.slick-list{padding:15px 0}.product-items.slick-slider .slick-slide .product-item{display:block!important;margin:auto!important;max-width:205px}.sidebar.sidebar-additional{width:100%}/* Premium Brands Section - Exact Figma Design CSS with Unique Classes */

/* Scrollable Container */
.brands-premium-brands-parent {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 48px;
    text-align: right;
    font-size: 45px;
    color: #000;
    font-family: Tajawal, sans-serif;
    direction: rtl;
}

.brands-premium-brands {
    position: relative;
    letter-spacing: -0.41px;
    line-height: 70.5px;
    text-transform: capitalize;
    margin-bottom: 2rem;
    text-align: right;
    width: 100%;
}

.brands-a-global-leader {
    width: 125px;
    position: relative;
    letter-spacing: -0.41px;
    line-height: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    height: 33px;
    flex-shrink: 0;
}

.brands-frame-child {
    width: 60px;
    border-radius: 4px;
    height: 44px;
    object-fit: cover;
}

.brands-a-global-leader-in-bathrooms-parent {
    position: absolute;
    top: 18px;
    left: 20px;
    width: 195px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.brands-frame-wrapper {
    width: 235px;
    position: relative;
    border-radius: 7px;
    height: 289px;
    overflow: hidden;
    flex-shrink: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.brands-mashreqy-1-600x600-1 {
    position: absolute;
    top: 0px;
    left: -6px;
    width: 176px;
    height: 207px;
}

.brands-concetto-hero-1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 170px;
    height: 203px;
}

.brands-a-leader-in {
    width: 138px;
    position: relative;
    letter-spacing: -0.41px;
    line-height: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.brands-frame-item {
    width: 61px;
    border-radius: 4px;
    height: 44px;
    object-fit: cover;
}

.brands-a-leader-in-design-of-sanitary-parent {
    position: absolute;
    top: 18px;
    left: 13px;
    width: 209px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.brands-mashreqy-1-600x600-1-parent {
    width: 235px;
    position: relative;
    border-radius: 7px;
    height: 289px;
    overflow: hidden;
    flex-shrink: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.brands-elevate-your-daily {
    width: 147px;
    position: relative;
    letter-spacing: -0.41px;
    line-height: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.brands-elevate-your-daily-bathroom-ri-parent {
    position: absolute;
    top: 18px;
    left: 3px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.brands-mashreqy-1-600x600-1-group {
    width: 234px;
    position: relative;
    border-radius: 7px;
    height: 289px;
    overflow: hidden;
    flex-shrink: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.brands-a-leader-in1 {
    width: 145px;
    position: relative;
    letter-spacing: -0.41px;
    line-height: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    height: 48px;
    flex-shrink: 0;
}

.brands-a-leader-in-products-and-servi-parent {
    position: absolute;
    top: 14px;
    left: 10px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}

.brands-frame-container {
    width: 235px;
    position: relative;
    border-radius: 7px;
    height: 289px;
    overflow: hidden;
    flex-shrink: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.brands-unsplashi72dfjrft3k-icon {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 235px;
    height: 289px;
    object-fit: cover;
}

.brands-a-global-leader-in-bathrooms-group {
    position: absolute;
    top: 18px;
    left: 26px;
    width: 195px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.brands-component-71 {
    width: 235px;
    position: relative;
    border-radius: 7px;
    background: linear-gradient(180.16deg, rgba(0, 0, 0, 0.35) 0.71%, rgba(0, 0, 0, 0.27) 22.67%, rgba(0, 0, 0, 0.22) 38.99%, rgba(0, 0, 0, 0)), #fff;
    height: 289px;
    overflow: hidden;
    flex-shrink: 0;
}

.brands-enjoy-your-favorite {
    position: absolute;
    top: 2px;
    left: 50px;
    letter-spacing: -0.41px;
    line-height: 46px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    width: 181px;
}

.brands-component-65-child {
    width: 35.5px;
    position: relative;
    max-height: 100%;
    object-fit: contain;
}

.brands-b {
    position: relative;
    letter-spacing: -0.01em;
    line-height: 150%;
}

.brands-component-65 {
    position: absolute;
    top: 225px;
    left: 65px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 17px;
    font-size: 25px;
    text-decoration: none;
    color: inherit;
}

.brands-component-65:hover {
    text-decoration: none;
    color: inherit;
}

.brands-frame-parent {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 45px;
    font-size: 14px;
    color: #fff;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0 20px;
    width: 100%;
    /* Ensure content is wider than container to enable scroll */
    min-width: 100%;
}

.brands-frame-parent::-webkit-scrollbar {
    display: none;
}

/* Force scrollable content */
.brands-frame-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 28px;
    flex-shrink: 0;
    min-width: max-content;
    /* Ensure the group is always wider than its container */
    width: max-content;
}

/* Ensure CTA section appears first (rightmost in RTL) */
.brands-enjoy-your-favorite-brands-parent {
    width: 273px;
    position: relative;
    border-radius: 5px;
    background-color: #0057b7;
    height: 289px;
    overflow: hidden;
    flex-shrink: 0;
    font-size: 35px;
    order: -1;
    margin-left: 20px; /* Add space after CTA in RTL */
}

/* Dragging states */
.brands-frame-parent.is-dragging {
    cursor: grabbing !important;
    user-select: none;
}

.brands-frame-parent.has-moved a {
    pointer-events: none;
}

/* Custom Scrollbar */
.brands-custom-scrollbar {
    width: 100%;
    height: 6px;
    background-color: #e5e7eb;
    border-radius: 3px;
    margin-top: 16px;
    position: relative;
    cursor: pointer;
}

.brands-custom-scrollbar-track {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.brands-custom-scrollbar-thumb {
    height: 100%;
    background-color: #6b7280;
    border-radius: 3px;
    position: absolute;
    top: 0;
    cursor: grab;
    transition: background-color 0.2s ease;
}

.brands-custom-scrollbar-thumb:hover {
    background-color: #4b5563;
}

.brands-custom-scrollbar-thumb:active {
    cursor: grabbing;
    background-color: #374151;
}

/* Link styling to remove text decoration */
.brands-premium-brands-parent a {
    text-decoration: none;
    color: inherit;
}

.brands-premium-brands-parent a:hover {
    text-decoration: none;
    color: inherit;
}

/* Responsive design */
@media (max-width: 1199px) {
    .brands-frame-group {
        gap: 20px;
    }
    
    .brands-frame-wrapper,
    .brands-mashreqy-1-600x600-1-parent,
    .brands-mashreqy-1-600x600-1-group,
    .brands-frame-container,
    .brands-component-71 {
        width: 200px;
        height: 250px;
    }
    
    .brands-enjoy-your-favorite-brands-parent {
        width: 240px;
        height: 250px;
    }
}

@media (max-width: 991px) {
    .brands-frame-group {
        gap: 15px;
    }
    
    .brands-frame-wrapper,
    .brands-mashreqy-1-600x600-1-parent,
    .brands-mashreqy-1-600x600-1-group,
    .brands-frame-container,
    .brands-component-71 {
        width: 180px;
        height: 220px;
    }
    
    .brands-enjoy-your-favorite-brands-parent {
        width: 200px;
        height: 220px;
        margin-left: 15px;
    }
    
    .brands-premium-brands {
        font-size: 35px;
    }
}

@media (max-width: 767px) {
    .brands-frame-parent {
        padding: 0 15px;
    }
    
    .brands-frame-group {
        gap: 12px;
    }
    
    .brands-frame-wrapper,
    .brands-mashreqy-1-600x600-1-parent,
    .brands-mashreqy-1-600x600-1-group,
    .brands-frame-container,
    .brands-component-71 {
        width: 160px;
        height: 200px;
    }
    
    .brands-enjoy-your-favorite-brands-parent {
        width: 180px;
        height: 200px;
        margin-left: 12px;
    }
    
    .brands-premium-brands {
        font-size: 28px;
        line-height: 50px;
    }
    
    .brands-enjoy-your-favorite {
        font-size: 20px;
        line-height: 30px;
        width: auto;
        left: 20px;
        right: 20px;
    }
    
    .brands-component-65 {
        font-size: 18px;
        left: 30px;
        top: 150px;
    }
}

@media (max-width: 575px) {
    .brands-frame-parent {
        padding: 0 10px;
    }
    
    .brands-frame-group {
        gap: 10px;
    }
    
    .brands-frame-wrapper,
    .brands-mashreqy-1-600x600-1-parent,
    .brands-mashreqy-1-600x600-1-group,
    .brands-frame-container,
    .brands-component-71 {
        width: 140px;
        height: 180px;
    }
    
    .brands-enjoy-your-favorite-brands-parent {
        width: 160px;
        height: 180px;
        margin-left: 10px;
    }
    
    .brands-premium-brands {
        font-size: 24px;
        line-height: 40px;
    }
    
    .brands-enjoy-your-favorite {
        font-size: 18px;
        line-height: 25px;
        left: 15px;
        right: 15px;
    }
    
    .brands-component-65 {
        font-size: 16px;
        left: 25px;
        top: 130px;
    }
}

@media (max-width: 479px) {
    .brands-frame-group {
        gap: 8px;
    }
    
    .brands-frame-wrapper,
    .brands-mashreqy-1-600x600-1-parent,
    .brands-mashreqy-1-600x600-1-group,
    .brands-frame-container,
    .brands-component-71 {
        width: 120px;
        height: 160px;
    }
    
    .brands-enjoy-your-favorite-brands-parent {
        width: 140px;
        height: 160px;
        margin-left: 8px;
    }
} form.minisearch.loading .control input[type="text"] {
    box-shadow: none;
    -webkit-animation-name: search-loading; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-name: search-loading;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes search-loading {
    0%   {box-shadow: none;}
    25%   {box-shadow: 0 0 3px 1px #68a8e0;}
    50%   {box-shadow: 0 0 3px 1px #ffffff;}
    75%   {box-shadow: 0 0 3px 1px #68a8e0;}
    100%   {box-shadow: none;}
}

/* Standard syntax */
@keyframes search-loading {
    0%   {box-shadow: none;}
    25%   {box-shadow: 0 0 3px 1px #68a8e0;}
    50%   {box-shadow: 0 0 3px 1px #ffffff;}
    75%   {box-shadow: 0 0 3px 1px #68a8e0;}
    100%   {box-shadow: none;}
}

.searchsuite-autocomplete {
    background-color: #fff;
    border: 1px solid #c2c2c2;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    left: -85px;
    margin-top: 4px;
    width: 350px;
    position: absolute;
    z-index: 9999999;
}
.searchsuite-autocomplete .suggest,
.searchsuite-autocomplete .product {
    margin: 0;
}

.searchsuite-autocomplete.active,
.searchsuite-autocomplete .suggest.active,
.searchsuite-autocomplete .product.active {
    display: block;
}

.searchsuite-autocomplete .suggest {
    color: #3C3C3C;
}

.searchsuite-autocomplete .title {
    padding: 10px;
    margin-bottom: 5px;
    background: #f0f0f0;
    color: #575757;
}

.searchsuite-autocomplete .title .see-all {
    display: inline-block;
    float: right;
    color: #909090;
    cursor: pointer;
}

.searchsuite-autocomplete .no-result {
    padding: 10px;
    background: #f0f0f0;
    color: #575757;
    text-align: center;
}

.searchsuite-autocomplete ul {
    padding: 0 10px;
    margin-bottom: 0;
    list-style-type: none;
}

.searchsuite-autocomplete ul li {
    color: #000;
    cursor: unset;
    padding: 0;
}

.searchsuite-autocomplete .suggest ul li {
    color: #3C3C3C;
}

.searchsuite-autocomplete .product ul li {
    border-bottom: 1px solid #D4D2D2;
}
.searchsuite-autocomplete .product ul li:last-child {
    border-bottom: none;
}

.searchsuite-autocomplete ul li:hover,
.searchsuite-autocomplete ul li.selected {
    background-color: #fff;
}

.searchsuite-autocomplete ul li:after {
    clear: both;
    content: '';
    display: block;
}

.searchsuite-autocomplete ul li.action {
    padding: 0;
}

.searchsuite-autocomplete ul li.action .action.close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    box-sizing: content-box;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-weight: 400;
    height: 30px;
    line-height: inherit;
    margin: 0;
    padding: 0;
    right: 0;
    text-decoration: none;
    text-shadow: none;
    top: 0;
    width: 40px;
}

.searchsuite-autocomplete ul li.action .action.close:before {
    color: #8f8f8f;
    content: '\e616';
    display: inline-block;
    font-family: 'luma-icons';
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
}

.searchsuite-autocomplete ul li.gray-row {
    text-align: center;
}

.searchsuite-autocomplete ul li.gray-row,
.searchsuite-autocomplete ul li.gray-row:hover,
.searchsuite-autocomplete ul li.gray-row.selected {
    background-color: #e8e8e8;
}

.searchsuite-autocomplete ul li.gray-row a {
    color: #7B7B7B;
    text-decoration: blink;
}

.searchsuite-autocomplete ul li a {
    cursor: pointer;
}

.searchsuite-autocomplete ul li .qs-option-image {
    float: left;
    max-width: 82px;
    width: 25%;
}

.searchsuite-autocomplete ul li .qs-option-info {
    color: #000;
    display: inline-block;
    float: left;
    padding-left: 5%;
    text-align: left;
    width: 70%;
    margin-bottom: 10px;
}

.searchsuite-autocomplete ul li .qs-option-info.noimage {
    padding-left: 0;
    width: 100%;
}
.searchsuite-autocomplete ul li:last-child .qs-option-info {
    margin-bottom: 0;
}

.searchsuite-autocomplete ul li .qs-option-info .qs-option-title {
    display: inline-block;
    margin: 0;
    width: 100%;
}

.searchsuite-autocomplete ul li .qs-option-info .qs-option-reviews {
    display: inline-block;
    text-transform: lowercase;
    width: 100%;
}

.searchsuite-autocomplete ul li .qs-option-info .qs-option-reviews .product-reviews-summary {
    margin-bottom: 4px;
}

.searchsuite-autocomplete ul li .qs-option-info .qs-option-reviews .reviews-actions {
    font-size: 12px;
}

.searchsuite-autocomplete ul li .qs-option-info .qs-option-sku {
    display: block;
    width: 100%;
    color: #004875;
    font-size: 12px;
}

.searchsuite-autocomplete ul li .qs-option-info .qs-option-shortdescription,
.searchsuite-autocomplete ul li .qs-option-info .qs-option-description {
    color: #3C3C3C;
    font-size: 13px;
}


.searchsuite-autocomplete ul li .qs-option-info .qs-option-price {
    display: inline-block;
    font-weight: bold;
    margin-top: 15px;
}

.searchsuite-autocomplete ul li .qs-option-info .qs-option-addtocart {
    display: inline-block;
    float: right;
    margin-top: 10px;
}

@media only screen and (max-width: 767px) {
    .searchsuite-autocomplete {
        border-top: 0;
        left: 15px;
        margin-top: 0;
        right: 15px;
        width: auto;
    }
}
@font-face {
  font-family: 'Magento-Icons';
  src: url('../../frontend/bonline/bnaia/ar_EG/Magezon_Core/fonts/Magento-Icons/Magento-Icons.eot');
  src: url('../../frontend/bonline/bnaia/ar_EG/Magezon_Core/fonts/Magento-Icons/Magento-Icons.eot?#iefix') format('embedded-opentype'), url('../../frontend/bonline/bnaia/ar_EG/Magezon_Core/fonts/Magento-Icons/Magento-Icons.woff2') format('woff2'), url('../../frontend/bonline/bnaia/ar_EG/Magezon_Core/fonts/Magento-Icons/Magento-Icons.woff') format('woff'), url('../../frontend/bonline/bnaia/ar_EG/Magezon_Core/fonts/Magento-Icons/Magento-Icons.ttf') format('truetype'), url('../../frontend/bonline/bnaia/ar_EG/Magezon_Core/fonts/Magento-Icons/Magento-Icons.svg#Magento-Icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
.spinner {
  display: inline-block;
  font-size: 4rem;
  height: 1em;
  margin-right: 1.5rem;
  position: relative;
  width: 1em;
}
.spinner > span {
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  -webkit-animation-name: fade;
  -moz-animation-name: fade;
  -ms-animation-name: fade;
  animation-name: fade;
  -webkit-animation-duration: .72s;
  -moz-animation-duration: .72s;
  -ms-animation-duration: .72s;
  animation-duration: .72s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -ms-animation-direction: normal;
  animation-direction: normal;
  background-color: #fff;
  border-radius: 6px;
  clip: rect(0 0.28571429em 0.1em 0);
  height: .1em;
  margin-top: .5em;
  position: absolute;
  width: 1em;
}
.spinner > span:nth-child(1) {
  -webkit-animation-delay: 0.27s;
  -moz-animation-delay: 0.27s;
  -ms-animation-delay: 0.27s;
  animation-delay: 0.27s;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  transform: rotate(-315deg);
}
.spinner > span:nth-child(2) {
  -webkit-animation-delay: 0.36s;
  -moz-animation-delay: 0.36s;
  -ms-animation-delay: 0.36s;
  animation-delay: 0.36s;
  -webkit-transform: rotate(-270deg);
  -moz-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  transform: rotate(-270deg);
}
.spinner > span:nth-child(3) {
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
  -ms-animation-delay: 0.45s;
  animation-delay: 0.45s;
  -webkit-transform: rotate(-225deg);
  -moz-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
}
.spinner > span:nth-child(4) {
  -webkit-animation-delay: 0.54s;
  -moz-animation-delay: 0.54s;
  -ms-animation-delay: 0.54s;
  animation-delay: 0.54s;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.spinner > span:nth-child(5) {
  -webkit-animation-delay: 0.63s;
  -moz-animation-delay: 0.63s;
  -ms-animation-delay: 0.63s;
  animation-delay: 0.63s;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.spinner > span:nth-child(6) {
  -webkit-animation-delay: 0.72s;
  -moz-animation-delay: 0.72s;
  -ms-animation-delay: 0.72s;
  animation-delay: 0.72s;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.spinner > span:nth-child(7) {
  -webkit-animation-delay: 0.81s;
  -moz-animation-delay: 0.81s;
  -ms-animation-delay: 0.81s;
  animation-delay: 0.81s;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.spinner > span:nth-child(8) {
  -webkit-animation-delay: 0.9;
  -moz-animation-delay: 0.9;
  -ms-animation-delay: 0.9;
  animation-delay: 0.9;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
@-moz-keyframes fade {
  0% {
    background-color: #514943;
  }
  100% {
    background-color: #fff;
  }
}
@-webkit-keyframes fade {
  0% {
    background-color: #514943;
  }
  100% {
    background-color: #fff;
  }
}
@-ms-keyframes fade {
  0% {
    background-color: #514943;
  }
  100% {
    background-color: #fff;
  }
}
@keyframes fade {
  0% {
    background-color: #514943;
  }
  100% {
    background-color: #fff;
  }
}
form.loading .mgz__spinner {
  display: block;
}
.mgz__spinner {
  display: none;
  position: relative;
  width: 186px;
  height: 20px;
  margin: auto;
  position: absolute;
  left: 45%;
  top: 15px;
}
.mgz__spinner .spinner-item {
  position: absolute;
  top: 0;
  background-color: #d8d8d8;
  width: 20px;
  height: 20px;
  animation-name: bounce_fountainG;
  -o-animation-name: bounce_fountainG;
  -ms-animation-name: bounce_fountainG;
  -webkit-animation-name: bounce_fountainG;
  -moz-animation-name: bounce_fountainG;
  animation-duration: 0.645s;
  -o-animation-duration: 0.645s;
  -ms-animation-duration: 0.645s;
  -webkit-animation-duration: 0.645s;
  -moz-animation-duration: 0.645s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  transform: scale(0.3);
  -o-transform: scale(0.3);
  -ms-transform: scale(0.3);
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  border-radius: 15px;
  -o-border-radius: 15px;
  -ms-border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.mgz__spinner .spinner-item.spinner-item-1 {
  left: 0;
  animation-delay: 0.256s;
  -o-animation-delay: 0.256s;
  -ms-animation-delay: 0.256s;
  -webkit-animation-delay: 0.256s;
  -moz-animation-delay: 0.256s;
}
.mgz__spinner .spinner-item.spinner-item-2 {
  left: 20px;
  animation-delay: 0.3225s;
  -o-animation-delay: 0.3225s;
  -ms-animation-delay: 0.3225s;
  -webkit-animation-delay: 0.3225s;
  -moz-animation-delay: 0.3225s;
}
.mgz__spinner .spinner-item.spinner-item-3 {
  left: 40px;
  animation-delay: 0.389s;
  -o-animation-delay: 0.389s;
  -ms-animation-delay: 0.389s;
  -webkit-animation-delay: 0.389s;
  -moz-animation-delay: 0.389s;
}
.mgz__spinner .spinner-item.spinner-item-4 {
  left: 60px;
  animation-delay: 0.4555s;
  -o-animation-delay: 0.4555s;
  -ms-animation-delay: 0.4555s;
  -webkit-animation-delay: 0.4555s;
  -moz-animation-delay: 0.4555s;
}
.mgz__spinner .spinner-item.spinner-item-5 {
  left: 80px;
  animation-delay: 0.522s;
  -o-animation-delay: 0.522s;
  -ms-animation-delay: 0.522s;
  -webkit-animation-delay: 0.522s;
  -moz-animation-delay: 0.522s;
}
.mgz__spinner .spinner-item.spinner-item-6 {
  left: 100px;
  animation-delay: 0.5885s;
  -o-animation-delay: 0.5885s;
  -ms-animation-delay: 0.5885s;
  -webkit-animation-delay: 0.5885s;
  -moz-animation-delay: 0.5885s;
}
.mgz__spinner .spinner-item.spinner-item-7 {
  left: 120px;
  animation-delay: 0.645s;
  -o-animation-delay: 0.645s;
  -ms-animation-delay: 0.645s;
  -webkit-animation-delay: 0.645s;
  -moz-animation-delay: 0.645s;
}
.mgz__spinner .spinner-item.spinner-item-8 {
  left: 140px;
  animation-delay: 0.7115s;
  -o-animation-delay: 0.7115s;
  -ms-animation-delay: 0.7115s;
  -webkit-animation-delay: 0.7115s;
  -moz-animation-delay: 0.7115s;
}
@keyframes bounce_fountainG {
  0% {
    transform: scale(1);
    background-color: #d8d8d8;
  }
  100% {
    transform: scale(0.3);
    background-color: #d8d8d8;
  }
}
@-o-keyframes bounce_fountainG {
  0% {
    -o-transform: scale(1);
    background-color: #d8d8d8;
  }
  100% {
    -o-transform: scale(0.3);
    background-color: #d8d8d8;
  }
}
@-ms-keyframes bounce_fountainG {
  0% {
    -ms-transform: scale(1);
    background-color: #d8d8d8;
  }
  100% {
    -ms-transform: scale(0.3);
    background-color: #d8d8d8;
  }
}
@-webkit-keyframes bounce_fountainG {
  0% {
    -webkit-transform: scale(1);
    background-color: #d8d8d8;
  }
  100% {
    -webkit-transform: scale(0.3);
    background-color: #d8d8d8;
  }
}
@-moz-keyframes bounce_fountainG {
  0% {
    -moz-transform: scale(1);
    background-color: #d8d8d8;
  }
  100% {
    -moz-transform: scale(0.3);
    background-color: #d8d8d8;
  }
}
.mgz__page-actions.page-main-actions {
  margin: 0 0 3rem;
  background: #f8f8f8;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  padding: 1.5rem;
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons {
  float: right;
  justify-content: flex-end;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button {
  background-color: transparent;
  text-shadow: none;
  color: #41362f;
  font-size: 1.6rem;
  letter-spacing: .025em;
  padding-bottom: .8875em;
  padding-top: .8875em;
  border-color: transparent;
  box-shadow: none;
  margin-left: 1.3rem;
  font-weight: 600;
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button.primary {
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  background-color: #eb5202;
  border-color: #eb5202;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button.primary:hover {
  background-color: #ba4000;
  border-color: #b84002;
  box-shadow: 0 0 0 1px #007bdb;
  color: #fff;
  text-decoration: none;
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button.action-secondary {
  background-color: #514943;
  border-color: #514943;
  color: #fff;
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button.action-secondary:hover {
  background-color: #35302c;
  border-color: #35302c;
  box-shadow: 0 0 0 1px #007bdb;
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons > button.back {
  float: left;
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
  margin-left: 1.3rem;
}
@media (max-width: 480px) {
  .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons {
    display: block;
  }
  .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button.back {
    margin: 0;
  }
}
.mgz__page-actions.page-main-actions .page-actions:before,
.mgz__page-actions.page-main-actions .page-actions:after {
  content: '';
  display: table;
  clear: both;
}
.mgz__page-actions.page-main-actions .page-actions #back:before {
  content: '\e626';
  margin-right: .5em;
  position: relative;
  top: 1px;
  font-family: 'Magento-Icons';
}
@media (max-width: 480px) {
  .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons {
    text-align: center;
  }
  .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button {
    margin-left: 0;
  }
}
.sidebar {
  max-width: 100%;
}
.amount-add, .amount-subtract, .credit-balance{
	font-weight: bold;
}
.amount-add{
	color: #008D4D;
}
.amount-subtract{
	color: #BC4031;
}
.credit-balance {
    color: #cf850f;
}
.used-credit{font-weight: bold;}
.block-credit-balance .actions{display: block;float: right;}
.block-credit-balance .actions:after{display: block; clear: both; content: "."; font-size: 0;}.intl-tel-input {
  position: relative;
  display: inline-block; }
  .intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .intl-tel-input .hide {
    display: none; }
  .intl-tel-input .v-hide {
    visibility: hidden; }
  .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
  .intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
  .intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px; }
    .intl-tel-input .selected-flag .iti-flag {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
    .intl-tel-input .selected-flag .iti-arrow {
      position: absolute;
      top: 50%;
      margin-top: -2px;
      right: 6px;
      width: 0;
      height: 0;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 4px solid #555; }
      .intl-tel-input .selected-flag .iti-arrow.up {
        border-top: none;
        border-bottom: 4px solid #555; }
  .intl-tel-input .country-list {
    position: absolute;
    z-index: 4;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll; }
    .intl-tel-input .country-list.dropup {
      bottom: 100%;
      margin-bottom: -1px; }
    .intl-tel-input .country-list .flag-box {
      display: inline-block;
      width: 20px; }
    @media (max-width: 500px) {
      .intl-tel-input .country-list {
        white-space: normal; } }
    .intl-tel-input .country-list .divider {
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #CCC; }
    .intl-tel-input .country-list .country {
      padding: 5px 10px; }
      .intl-tel-input .country-list .country .dial-code {
        color: #999; }
    .intl-tel-input .country-list .country.highlight {
      background-color: rgba(0, 0, 0, 0.05); }
    .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
      vertical-align: middle; }
    .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
      margin-right: 6px; }
  .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0; }
  .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0; }
  .intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 46px; }
  .intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer; }
    .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
  .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default; }
    .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
      background-color: transparent; }
  .intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
    display: table; }
  .intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px; }
  .intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
    padding-left: 66px; }
  .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-left: 76px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px; }
  .intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
    padding-left: 74px; }
  .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 84px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px; }
  .intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-left: 82px; }
  .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-left: 92px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px; }
  .intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
    padding-left: 90px; }
  .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-left: 100px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px; }
  .intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
    .intl-tel-input.iti-container:hover {
      cursor: pointer; }

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%; }
  .iti-mobile .intl-tel-input .country-list .country {
    padding: 10px 10px;
    line-height: 1.5em; }

.iti-flag {
  width: 20px; }
  .iti-flag.be {
    width: 18px; }
  .iti-flag.ch {
    width: 15px; }
  .iti-flag.mc {
    width: 19px; }
  .iti-flag.ne {
    width: 18px; }
  .iti-flag.np {
    width: 13px; }
  .iti-flag.va {
    width: 15px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-size: 5630px 15px; } }
  .iti-flag.ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti-flag.ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti-flag.ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti-flag.af {
    height: 14px;
    background-position: -66px 0px; }
  .iti-flag.ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti-flag.ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti-flag.al {
    height: 15px;
    background-position: -132px 0px; }
  .iti-flag.am {
    height: 10px;
    background-position: -154px 0px; }
  .iti-flag.ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti-flag.aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti-flag.ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti-flag.as {
    height: 10px;
    background-position: -242px 0px; }
  .iti-flag.at {
    height: 14px;
    background-position: -264px 0px; }
  .iti-flag.au {
    height: 10px;
    background-position: -286px 0px; }
  .iti-flag.aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti-flag.ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti-flag.az {
    height: 10px;
    background-position: -352px 0px; }
  .iti-flag.ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti-flag.bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti-flag.bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti-flag.be {
    height: 15px;
    background-position: -440px 0px; }
  .iti-flag.bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti-flag.bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti-flag.bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti-flag.bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti-flag.bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti-flag.bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti-flag.bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti-flag.bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti-flag.bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti-flag.bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti-flag.br {
    height: 14px;
    background-position: -680px 0px; }
  .iti-flag.bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti-flag.bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti-flag.bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti-flag.bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti-flag.by {
    height: 10px;
    background-position: -790px 0px; }
  .iti-flag.bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti-flag.ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti-flag.cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti-flag.cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti-flag.cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti-flag.cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti-flag.ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti-flag.ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti-flag.ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti-flag.cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti-flag.cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti-flag.cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti-flag.co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti-flag.cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti-flag.cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti-flag.cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti-flag.cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti-flag.cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti-flag.cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti-flag.cy {
    height: 13px;
    background-position: -1225px 0px; }
  .iti-flag.cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti-flag.de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti-flag.dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti-flag.dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti-flag.dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti-flag.dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti-flag.do {
    height: 13px;
    background-position: -1379px 0px; }
  .iti-flag.dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti-flag.ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti-flag.ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti-flag.ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti-flag.eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti-flag.eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti-flag.er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti-flag.es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti-flag.et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti-flag.eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti-flag.fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti-flag.fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti-flag.fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti-flag.fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti-flag.fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti-flag.fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti-flag.ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti-flag.gb {
    height: 10px;
    background-position: -1775px 0px; }
  .iti-flag.gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti-flag.ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti-flag.gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti-flag.gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti-flag.gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti-flag.gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti-flag.gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti-flag.gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti-flag.gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti-flag.gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti-flag.gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti-flag.gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti-flag.gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti-flag.gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti-flag.gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti-flag.gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti-flag.gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti-flag.hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti-flag.hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti-flag.hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti-flag.hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti-flag.ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti-flag.hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti-flag.ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti-flag.id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti-flag.ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti-flag.il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti-flag.im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti-flag.in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti-flag.io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti-flag.iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti-flag.ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti-flag.is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti-flag.it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti-flag.je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti-flag.jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti-flag.jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti-flag.jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti-flag.ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti-flag.kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti-flag.kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti-flag.ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti-flag.km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti-flag.kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti-flag.kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti-flag.kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti-flag.kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti-flag.ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti-flag.kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti-flag.la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti-flag.lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti-flag.lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti-flag.li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti-flag.lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti-flag.lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti-flag.ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti-flag.lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti-flag.lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti-flag.lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti-flag.ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti-flag.ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti-flag.mc {
    height: 15px;
    background-position: -3139px 0px; }
  .iti-flag.md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti-flag.me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti-flag.mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti-flag.mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti-flag.mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti-flag.mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti-flag.ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti-flag.mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti-flag.mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti-flag.mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti-flag.mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti-flag.mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti-flag.mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti-flag.ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti-flag.mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti-flag.mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti-flag.mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti-flag.mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti-flag.mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti-flag.my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti-flag.mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti-flag.na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti-flag.nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti-flag.ne {
    height: 15px;
    background-position: -3666px 0px; }
  .iti-flag.nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti-flag.ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti-flag.ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti-flag.nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti-flag.no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti-flag.np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti-flag.nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti-flag.nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti-flag.nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti-flag.om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti-flag.pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti-flag.pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti-flag.pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti-flag.pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti-flag.ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti-flag.pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti-flag.pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti-flag.pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti-flag.pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti-flag.pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti-flag.ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti-flag.pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti-flag.pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti-flag.py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti-flag.qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti-flag.re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti-flag.ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti-flag.rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti-flag.ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti-flag.rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti-flag.sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti-flag.sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti-flag.sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti-flag.sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti-flag.se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti-flag.sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti-flag.sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti-flag.si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti-flag.sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti-flag.sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti-flag.sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti-flag.sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti-flag.sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti-flag.so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti-flag.sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti-flag.ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti-flag.st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti-flag.sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti-flag.sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti-flag.sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti-flag.sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti-flag.ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti-flag.tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti-flag.td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti-flag.tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti-flag.tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti-flag.th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti-flag.tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti-flag.tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti-flag.tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti-flag.tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti-flag.tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti-flag.to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti-flag.tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti-flag.tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti-flag.tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti-flag.tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti-flag.tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti-flag.ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti-flag.ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti-flag.um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti-flag.us {
    height: 11px;
    background-position: -5241px 0px; }
  .iti-flag.uy {
    height: 14px;
    background-position: -5263px 0px; }
  .iti-flag.uz {
    height: 10px;
    background-position: -5285px 0px; }
  .iti-flag.va {
    height: 15px;
    background-position: -5307px 0px; }
  .iti-flag.vc {
    height: 14px;
    background-position: -5324px 0px; }
  .iti-flag.ve {
    height: 14px;
    background-position: -5346px 0px; }
  .iti-flag.vg {
    height: 10px;
    background-position: -5368px 0px; }
  .iti-flag.vi {
    height: 14px;
    background-position: -5390px 0px; }
  .iti-flag.vn {
    height: 14px;
    background-position: -5412px 0px; }
  .iti-flag.vu {
    height: 12px;
    background-position: -5434px 0px; }
  .iti-flag.wf {
    height: 14px;
    background-position: -5456px 0px; }
  .iti-flag.ws {
    height: 10px;
    background-position: -5478px 0px; }
  .iti-flag.xk {
    height: 15px;
    background-position: -5500px 0px; }
  .iti-flag.ye {
    height: 14px;
    background-position: -5522px 0px; }
  .iti-flag.yt {
    height: 14px;
    background-position: -5544px 0px; }
  .iti-flag.za {
    height: 14px;
    background-position: -5566px 0px; }
  .iti-flag.zm {
    height: 14px;
    background-position: -5588px 0px; }
  .iti-flag.zw {
    height: 10px;
    background-position: -5610px 0px; }

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("../../frontend/bonline/bnaia/ar_EG/Vnecoms_Sms/images/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-image: url("../../frontend/bonline/bnaia/ar_EG/Vnecoms_Sms/images/flags@2x.png"); } }

.iti-flag.np {
  background-color: transparent; }
@font-face {
  font-family: 'vlivechat';
  src:  url('../../frontend/bonline/bnaia/ar_EG/Vnecoms_VendorsLiveChat/fonts/vlivechat.eot?ko8t49');
  src:  url('../../frontend/bonline/bnaia/ar_EG/Vnecoms_VendorsLiveChat/fonts/vlivechat.eot?ko8t49#iefix') format('embedded-opentype'),
    url('../../frontend/bonline/bnaia/ar_EG/Vnecoms_VendorsLiveChat/fonts/vlivechat.ttf?ko8t49') format('truetype'),
    url('../../frontend/bonline/bnaia/ar_EG/Vnecoms_VendorsLiveChat/fonts/vlivechat.woff?ko8t49') format('woff'),
    url('../../frontend/bonline/bnaia/ar_EG/Vnecoms_VendorsLiveChat/fonts/vlivechat.svg?ko8t49#vlivechat') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="vlivechat-ico-"], [class*=" vlivechat-ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'vlivechat' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.vlivechat-ico-envelope-o:before {
  content: "\f003";
}
.vlivechat-ico-close:before {
  content: "\e900";
}
.vlivechat-ico-cog:before {
  content: "\f013";
}
.vlivechat-ico-comments:before {
  content: "\f086";
}
.vlivechat-ico-paperclip:before {
  content: "\f0c6";
}
.vlivechat-ico-angle-up:before {
  content: "\f106";
}
.vlivechat-ico-angle-down:before {
  content: "\f107";
}
.vlivechat-ico-volume-medium:before {
  content: "\ea27";
}
.vlivechat-ico-volume-mute2:before {
  content: "\ea2a";
}
.vlivechat-ico-user:before {
  content: "\e971";
}.vlivechat-wrapper{position: fixed; z-index: 16000000;}
.vlivechat-bottom-right{bottom: 0; right: 0;}
.vlivechat-window{float: right; position: relative;  width: 290px; height: 30px; overflow: visible; padding: 0; margin: 0 10px; font-family: Verdana, Geneva, sans-serif;}
.vlivechat-container{position: absolute; width: 290px; height: 400px; bottom: 0; right: 0; background: #FFF; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 2px; border-top-left-radius: 5px; border-top-right-radius: 5px;}

.vlivechat-header{display: block; border-bottom: 1px solid #efefef;position: absolute; top: 0; left: 0;width: 100%;}
.vlivechat-header > .vlivechat-bar{position: relative; text-align: center; background: #555555; color: #bababa; height: 30px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 12px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; line-height: 28px;}
.vlivechat-header .vlivechat-ctrls{position: absolute; right: 10px; top: 0; color: #FFF; font-size: 17px;}
.vlivechat-header .vlivechat-ctrls i{display: inline-block; width: 15px; height: 30px; cursor: pointer; line-height: 28px;}
.vlivechat-staff{position: relative;}
.vlivechat-staff > .vlivechat-staff-avatar{text-align: center;width: 50px; height: 50px; position: absolute; border: 1px solid #ddd; border-radius: 3px; left: 10px; top: -10px; background: #fff; box-shadow: 0px 1px 2px rgba(0,0,0,0.2);}
.vlivechat-staff > .vlivechat-staff-avatar img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 90%; max-height: 90%;}
.vlivechat-staff > .vlivechat-staff-avatar .vlivechat-ico-user{font-size: 45px; line-height:  50px; color: #888;}
.vlivechat-staff > .vlivechat-staff-info{padding-left: 75px; height: 42px; display: block; font-size: 12px; font-family: Verdana, Geneva, sans-serif; line-height: 1.2; padding: 8px 0 0 75px;}
.vlivechat-staff-info .vlivechat-staff-title{font-weight: bold; color: #555555;}
.vlivechat-staff-info .vlivechat-staff-message{color: #AAA;}
.vlivechat-content{display: block; width: 100%; height: 100%; padding: 80px 0 96px; box-sizing: border-box; font-family: Verdana, Geneva, sans-serif; font-size: 12px;}
.vlivechat-startchat-form .vlivechat-content{padding-top: 50px;}
.vlivechat-content .vlivechat-message-container{overflow-y: auto; max-height: 100%;}
.vlivechat-message-container .vlivechat-message{word-wrap: break-word; margin: 10px 50px 10px 10px; border-radius: 4px; background: #FBFBFB; border: 1px solid #c8c8c8; padding: 5px 10px; color: #333;}
.vlivechat-message-container .vlivechat-message-system{text-align: center; margin: 5px 0; color: #AAA; font-family: Verdana, Geneva, sans-serif; font-size: 11px;}
.vlivechat-message-container .vlivechat-message.vlivechat-message-type1{background: #e9e9e9; margin-right: 15px; margin-left: 50px;}
.vlivechat-message .vlivechat-message-name{font-weight: bold;}
.vlivechat-footer{display: block; border-top: 1px solid #efefef; position: absolute; bottom: 0; left: 0; width: 100%; padding: 12px 10px 6px 10px; box-sizing: border-box; font-family: Verdana, Geneva, sans-serif; font-size: 12px;}
.vlivechat-footer .vlivechat-textarea{width: 100%; height: 50px; padding: 6px; border-radius: 5px; color: #666; resize: none; overflow: hidden; overflow-wrap: break-word; border: 1px solid #ddd;}
.vlivechat-footer .vlivechat-options{margin-top: 5px; color: #999;}
.vlivechat-footer .vlivechat-options i{font-size: 17px; cursor: pointer; display: inline-block; width: 20px;}

.vlivechat-end-dialog{display: block; position: absolute; top: 145px; left: 0; width: 100%; box-sizing: border-box; padding: 15px; background: #FFF;}
.vlivechat-end-dialog .vlivechat-btn,
.vlivechat-transcript .vlivechat-btn{width: calc(50% - 10px); background: #555555; box-shadow: none; box-sizing: border-box; border-radius: 3px; border: 1px solid #ccc; color: #FFF; cursor: pointer; display: inline-block; font-family: Verdana, Geneva, sans-serif; font-weight: 600; padding: 5px 15px; font-size: 11px; line-height: 14px; text-align: center; vertical-align: middle;}
.vlivechat-end-dialog .vlivechat-btn:hover,
.vlivechat-transcript .vlivechat-btn:hover{text-decoration: none; background: #6a6a6a; border: 1px solid #ccc; color: #FFF;}
.vlivechat-btn-yes, .vlivechat-btn-no{float: left;}
.vlivechat-btn-yes{margin-right: 10px;}
.vlivechat-btn-no{margin-left: 10px;}

.vlivechat-button{position: relative; float: right; width: 190px; height: 30px; margin: 0 10px; background: #555555; z-index: 16000000;border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 12px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; line-height: 30px;text-align: center; color: #FFF; cursor: pointer;}
.vlivechat-button i{font-size: 15px; display: block; position: absolute; top: 0; left: 0; width: 30px;background: #494949; height: 100%; line-height: 30px;border-top-left-radius: 5px;}

.vlivechat-start-form{padding: 0 20px;}
.vlivechat-field{margin: 10px 0;}
.vlivechat-start-form p{text-align: center; margin-bottom: 15px;}
.vlivechat-input{border: 1px solid #ddd; margin-bottom: 5px;}
.vlivechat-input.error{border-color: #ed8380;}
.vlivechat-field label.error{color: #e02b27;}
.vlivechat-startbtn-container{text-align: center; margin-top: 50px; position: absolute; width: 100%; bottom: 20px; left: 0; border-radius: 0; padding: 0 20px;box-sizing: border-box;}
.vlivechat-startbtn-container > button{
	width: 100%;
	height: 35px;
	white-space: nowrap;
	color: #ffffff;
	background: #555555;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 3px;
	padding-right: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #3e3e3e;
	border-radius: 3px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset 0px 1px 0px rgba(255,255,255,0.25);
	font-weight: bold;
	word-wrap: normal;
	overflow: visible;
	cursor: pointer;
}

.vlivechat-startbtn-container > button:HOVER {
	background: #6a6a6a;
}

.vlivechat-offline-msg-container{
	background: #ededed;
	border-radius: 5px;
	padding: 10px;
	color: #666;
}
.vlivechat-offline-user{
	margin-bottom: 10px;
}
.vlivechat-offline-user:after{
	display: table;
	content: "";
	clear: both;
}
.vlivechat-offline-avatar{
	float: left;
	border-radius: 5px;
	background: #FFF;
	margin-right: 5px;
}
.vlivechat-offline-avatar i{
	font-size: 32px;
	color: #888;
}
.vlivechat-offline-user-info{
	float: left;
}
.vlivechat-offline-user-info label{
	display: block;
}
.vlivechat-offline-name{
	font-weight: bold;
}
.vlivechat-transcript {
	position: absolute;
	bottom: 30px;
	padding: 10px;
	background: #FFF;
	width: calc(100% - 20px);
	box-sizing: border-box;
	margin: 0 10px;
	border: 1px solid #d3d3d3;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 2px;
}
.vlivechat-options input.vlivechat-uploader-field{display: none;}

.vlivechat-uploader-spinner {
    background-image: url('../../frontend/bonline/bnaia/ar_EG/Vnecoms_VendorsLiveChat/images/loader.gif');
    background-position: 50%;
    background-repeat: no-repeat;
    display: none;
    height: 20px;
    margin: 0;
    vertical-align: top;
    width: 50px;
}
.vlivechat-uploader-spinner._loading{display: inline-block;}
.vlivechat-message-content .vlivechat-img-container{border-radius: 5px; border: 1px solid #d3d3d3; padding: 5px; background: #FFF; width: 80px; height: 80px; position: relative;}
.vlivechat-message-content .vlivechat-img-container:hover{box-shadow: 0px 0px 4px #ddd; cursor: pointer;}
.vlivechat-message-content .vlivechat-img-container img{width: calc(100% - 10px); position: absolute; top: 0; bottom: 0; margin: auto; max-height: 100%;}
.vlivechat-image-box{z-index: 16000001; }
.vlivechat-image-box .modal-content{text-align: center;}@font-face {
    font-family: 'vnecoms-message';
    src:  url('../../frontend/bonline/bnaia/ar_EG/Vnecoms_VendorsMessage/fonts/vnecoms-message.eot?52zgvp');
    src:  url('../../frontend/bonline/bnaia/ar_EG/Vnecoms_VendorsMessage/fonts/vnecoms-message.eot?52zgvp#iefix') format('embedded-opentype'),
    url('../../frontend/bonline/bnaia/ar_EG/Vnecoms_VendorsMessage/fonts/vnecoms-message.ttf?52zgvp') format('truetype'),
    url('../../frontend/bonline/bnaia/ar_EG/Vnecoms_VendorsMessage/fonts/vnecoms-message.woff?52zgvp') format('woff'),
    url('../../frontend/bonline/bnaia/ar_EG/Vnecoms_VendorsMessage/fonts/vnecoms-message.svg?52zgvp#vnecoms-message') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="message-icon-"], [class*="message-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'vnecoms-message' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.message-icon-envelope:before {
    content: "\f003";
}
.message-icon-user:before {
    content: "\f007";
}
.message-icon-discard:before {
    content: "\f00d";
}
.message-icon-inbox:before {
    content: "\f01c";
}
.message-icon-back:before {
    content: "\f053";
}
.message-icon-forward:before {
    content: "\f064";
}
.message-icon-reply:before {
    content: "\f112";
}
.message-icon-trash:before {
    content: "\f014";
}
.message-icon-floppy-o:before {
    content: "\f0c7";
}
.message-icon-cloud-download:before {
    content: "\f0ed";
}
.message-icon-cloud-upload:before {
    content: "\f0ee";
}
.message-icon-angle_up:before {
    content: "\f106";
}
.message-icon-angle_down:before {
    content: "\f107";
}
.message-icon-paper-plane-o:before {
    content: "\f1d9";
}
.message-icon-file-empty:before {
    content: "\e925";
}
.message-icon-file-video:before {
    content: "\e92c";
}
.message-icon-file-zip:before {
    content: "\e92d";
}
.message-icon-file-pdf:before {
    content: "\eae4";
}
.message-icon-file-word:before {
    content: "\eae5";
}
.message-icon-file-excel:before {
    content: "\eae6";
}
.message-icon-libreoffice:before {
    content: "\eae7";
}
.message-icon-pencil2:before {
    content: "\e906";
}
.message-icon-image:before {
    content: "\e90d";
}
.message-icon-file-empty2:before {
    content: "\e924";
}
.message-icon-file-video2:before {
    content: "\e92a";
}
.message-icon-file-zip2:before {
    content: "\e92b";
}
.message-icon-folder-download:before {
    content: "\e933";
}
.message-icon-folder-upload:before {
    content: "\e934";
}
.message-icon-attachment:before {
    content: "\e9cd";
}
.message-icon-file-pdf2:before {
    content: "\eadf";
}
.message-icon-file-openoffice:before {
    content: "\eae0";
}
.message-icon-file-word2:before {
    content: "\eae1";
}
.message-icon-file-excel2:before {
    content: "\eae2";
}
.message-icon-libreoffice2:before {
    content: "\eae3";
}
.new-message-container button span{margin-left: 5px;}

.vnecoms-msg-btn{border: 1px solid #d3d3d3; color: #888; display: block; padding: 10px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.vnecoms-msg-btn:hover, .vnecoms-msg-btn:active, .vnecoms-msg-btn:focus {background: #f9f9f9; color: #888; text-decoration: none;}
.vnecoms-msg-btn:active, .vnecoms-msg-btn:focus {background: #f7f7f7;}
.vendor-profile-top .vnecoms-msg-btn{width: 160px;}


.new-message-container {background: #fff none repeat scroll 0 0; border: 1px solid #d3d3d3; bottom: 0; padding: 15px; position: fixed; right: 60px; width: 450px; z-index: 10;}
.block-new-message .block-title {font-size: 18px; margin-bottom: 20px; text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid #dfdfdf;}
.block-new-message button.action{font-weight: normal;}
.block-control{position: absolute; right: 10px; top: 10px;}
.block-control > a.close-btn {display: block; font-weight: normal; height: 20px; text-align: center; width: 20px; text-decoration: none; color: #888;}
.block-control > a.close-btn:hover{color: #222;}
.block-new-message .send-btn-container{float: right;}
.hide{display: none !important;}
.message-notification-box{position: fixed; top: 10px;left: 50%; margin-left: -30px; z-index: 9999; margin-left: -40px; display: block; padding: 6px 10px;font-weight: bold; background-color: #f9edbe; border: 1px solid #f0c36d; border-radius: 2px; -moz-border-radius: 2px;-webkit-border-radius: 2px;box-shadown: 0 2px 4px rgba(0, 0, 0, 0.2);}


.header.panel > .header.links > li.vendor-message-link{position: relative; margin-right: 5px;}
.vnecoms-unread-message-count{width: 10px; height: 10px; line-height: 10px;margin-top: -4px;font-size: 9px;padding: 2px;position: absolute;text-align: center;display: inline-block; color: #FFF;background: #dd4b39; border-radius: 0.25rem;-moz-border-radius: 0.25rem;-webkit-border-radius: 0.25rem;}
.customer-vnecoms-message-link{position: relative;}
.customer-vnecoms-message-link .vnecoms-unread-message-count {margin: 2px 0;right: 10px;}
li.current .vnecoms-unread-message-count{display: none;}

/*Customer account message*/
.vnecoms-message-container:after{display: table; content:""; clear: both;}
.vnecoms-message-container .message-folders,
.vnecoms-message-container .message-list{min-height: 1px;padding-right: 15px;position: relative;}
.vnecoms-message-container .message-list{width: 100%; float: left;padding-right: 0;}
.message-list-wrapper{margin-bottom: 25px;}

.message-list .unread .sender,
.message-list .unread .message{font-weight: 600;}
.message-list table > thead > tr > th{background-color: #f0efe9;}
.message-list table tr .last-update{width: 100px;}
.message-list table tr .action{width: 60px;text-align: center;}
.message-list table tr .control{width: 20px;}
.message-list table tr .sender{width: 150px;}
.message-list .message-action{display: block;margin-bottom: 10px;}
.message-list .message-action select{width: auto;}

.vnecoms-message-container .box {background: #ffffff;border: 1px solid #dfdfdf;width: 100%; margin-bottom: 25px;}
.vnecoms-message-container .box-header {color: #444;display: block;padding: 10px;position: relative;border-bottom: 1px solid #f4f4f4;}
.vnecoms-message-container .box-header h3{margin: 0;}
.vnecoms-message-container .box-body {border-radius: 0 0 3px 3px;padding: 10px;}
.vnecoms-message-container .box-footer {background-color: #ffffff;border-radius: 0 0 3px 3px;border-top: 1px solid #f4f4f4;padding: 10px; overflow: hidden;}

.vnecoms-message-container .box-message-list .box-header.with-border {border-bottom: none;}
.vnecoms-message-container .box-message-list .box-body {border-radius: 0 0 3px 3px; border-bottom: 1px solid #dfdfdf;}
.vnecoms-message-container .box-message-list .box-body.last {border-bottom: none}

.vnecoms-message-container .nav {list-style: outside none none;margin-bottom: 0;padding-left: 0;}
.vnecoms-message-container .box .nav > li {border-bottom: 1px solid #f4f4f4;margin: 0;}
.vnecoms-message-container .box .nav > li:last-child {border-bottom: none;}
.vnecoms-message-container .nav > li > a {display: block;padding: 10px 15px;position: relative;border-left: 3px solid transparent;color: #444;text-decoration: none;}
.vnecoms-message-container .nav > li.active > a,
.vnecoms-message-container .nav > li.active > a:hover {border-left-color: #3c8dbc;}
.vnecoms-message-container .nav > li > a:hover, .vnecoms-message-container .nav > li > a:active, .vnecoms-message-container .nav > li > a:focus {background: #f7f7f7;color: #444;}
.vnecoms-message-count-right{float: right; background-color: #3c8dbc;color: #fff;display: inline;font-size: 75%;font-weight: 700;line-height: 1;padding: 0.2em 0.6em 0.3em;text-align: center;vertical-align: baseline;white-space: nowrap;border-radius: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em;}

.message-icon {margin-right: 10px;}
.message-icon .fa {font-size: 17px;color: #89d3b2;border: 1px solid #ccc;padding: 10px;display: block;}
.message-icon img{width: 40px;height: 35px;}
.message-icon.owner-message .fa{color: #a4c2f4;}
.mailbox-read-info{border-bottom: 0 none; cursor: pointer;padding: 10px;border-top: 1px solid #dfdfdf;}
.message-1 .mailbox-read-info {border-top: 0 none;}

.mailbox-read-info.one-message, .last .mailbox-read-info{cursor: auto;}
.mailbox-read-info.read{background: #F5F5F5;}
.mailbox-read-info:after, .message-buttons:after {clear: both;content: "";display: table;}
.mailbox-read-info h3 {font-size: 14px;font-weight: bold;display: inline;}
.mailbox-read-message{display: block; padding: 10px;}
.message-buttons{margin-bottom: 10px;}
.message-buttons button, .box-footer button{margin-right: 5px;font-weight: normal;}


.pull-left{float: left !important;}
.pull-right{float: right !important;}
.no-padding {padding: 0 !important;}

.customer-message-view .file-uploader-button {
    background: #eeeeee;
    border: 1px solid #cccccc;
    color: #333333;
    font-weight: normal;
    border-radius: 3px;
}

.customer-message-view .file-uploader-button:hover {
    background: #e1e1e1;
    border: 1px solid #cccccc;
    color: #333333;
}

.message-upload-wrapper {
    float: left;
    width: 78%;
}

.message-upload-wrapper .extensions-allowed {
    margin: 8px 0;
    display: inline-block;
    vertical-align: middle;
    float: left;
    clear: both;
}

@media screen and (max-width: 600px) {
    .new-message-container{width: 90%; right: 0; bottom: 60px;}
    .vendor-profile-review .rating-summary .rating-result > span:before{z-index: 1;}
}
.vec-message-attachments {
    width: 100%; overflow: hidden; border-top: 1px dotted #ddd;
}
.attachment-count {font-weight: bold; line-height: 29px; height: 29px;}

.vec-message-attachment {float: left; margin: 0 0 16px 16px; width: 130px; height: 90px; border: 1px solid #e5e5e5; z-index: 0; background: #fff; padding: 5px; position: relative;}
.attachment-actions{position: absolute; bottom: 10px; right: 10px; display: none; z-index: 3;}
.attachment-actions a {text-decoration: none; color: #FFF;}
.attachment-actions .message-icon-cloud-download{font-size: 16px;}
.attachment-actions .action{width: 40px; height: 25px; text-align: center; line-height: 28px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; background:#707070;}
.attachment-actions .action:hover{background: #b0b0b0;}
.attachment-overlay{display: none; background: #000; opacity: 0.45; filter: alpha(opacity=45); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.attachment-info{font-size: 11px;position: absolute; top: 0; left: 0; width: calc(100% - 10px); overflow-wrap: break-word; padding: 10px 5px; color: #FFF; z-index: 2; display: none;}
.vec-message-attachment:hover .attachment-info,
.vec-message-attachment:hover .attachment-actions,
.vec-message-attachment:hover .attachment-overlay{display: block;}
.attachment-file .attachment-icon{font-size: 45px; color: #555;}
.attachment-file .attachment-wrap-inner{text-align: center; line-height: 105px;}
.attachment-image{cursor: pointer;}
.mailbox-read-info .has-attachment {display: none;}
.mailbox-read-info.read .has-attachment {display: inline-block; cursor: pointer; margin-right: 5px; color: #999;}
.attachment-image img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;}
.vec-attachment-modal .modal-content{text-align: center;}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .vec-customer-view .modal-content {
        width: 100%;
    }

}.file-uploader-area {
    margin-bottom: 0.5rem;
    position: relative;
}
.file-uploader-area input[type='file'] {
    cursor: pointer;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
}
.file-uploader-area input[type='file']:focus + .file-uploader-button {
    box-shadow: 0 0 0 1px #006bb4;
}
.file-uploader-button {
    cursor: pointer;
    display: inline-block;
}
.file-uploader-button._is-dragover {
    background: #d4d4d4;
    border: 1px solid #006bb4;
}
.file-uploader-spinner {
    background-image: url('../../frontend/bonline/bnaia/ar_EG/images/loader-1.gif');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 15px;
    display: none;
    height: 30px;
    margin-left: 1rem;
    vertical-align: top;
    width: 15px;
}
.file-uploader._loading .file-uploader-spinner {
    display: inline-block;
}
.file-uploader .admin__field-note,
.file-uploader .admin__field-error {
    margin-bottom: 1rem;
}
.file-uploader .file-uploader-filename {
    word-break: break-all;
}
.file-uploader .file-uploader-filename:first-child {
    margin-bottom: 1rem;
}
.file-uploader .file-uploader-meta {
    color: #9e9e9e;
}
.file-uploader .admin__field-fallback-reset {
    margin-left: 1rem;
}
._keyfocus .file-uploader .action-remove:focus {
    box-shadow: 0 0 0 1px #006bb4;
}
.vec-message-uploader-summary{margin-top: 15px; position: relative; display: block;}
.vec-message-uploader-summary:after{display: table; content: ""; clear: both;}
.vec-message-uploader-preview{position: absolute;width: 40px; height: 40px; border: 1px solid #d3d3d3; margin-right: 10px; text-align: center;}
.vec-message-uploader-preview img{max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.vec-message-uploader-preview [class^="message-icon"]{font-size: 21px; color: #555;}
.vec-message-uploader-preview.attachment-file{line-height: 45px;}
.vec-message-uploader-preview a{text-decoration: none;}
.vec-message-uploader-summary .actions{display: block; position: absolute; right: 0;}
.vec-message-uploader-summary .actions .action-remove{cursor: pointer;}
.vec-message-uploader-summary .file-uploader-info{float: left; padding-left: 50px; padding-right: 60px;}
.vec-message-attachment-filename{max-width: 250px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.vendor-page .vec-message-uploader-summary {clear: both;}
.vendor-page .file-uploader-area {margin-bottom: 0;}
.vendor-page .file-uploader-button {font-weight: normal;border-radius: 3px;}

.fileupload.message-attachment .file-uploader-button {
    margin-top: 10px;
}/* 
 * Cairo Local Fonts - Downloaded from Google Fonts
 * Following Hyva Theme best practices for local font implementation
 * https://docs.hyva.io/hyva-themes/faqs/how-to-custom-fonts.html#local-font-files
 */

/* Cairo Light 200 */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('../../frontend/bonline/bnaia/ar_EG/fonts/cairo-200.ttf') format('truetype');
}

/* Cairo Light 300 */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../../frontend/bonline/bnaia/ar_EG/fonts/cairo-300.ttf') format('truetype');
}

/* Cairo Regular 400 */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../frontend/bonline/bnaia/ar_EG/fonts/cairo-400.ttf') format('truetype');
}

/* Cairo Medium 500 */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../../frontend/bonline/bnaia/ar_EG/fonts/cairo-500.ttf') format('truetype');
}

/* Cairo SemiBold 600 */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../frontend/bonline/bnaia/ar_EG/fonts/cairo-600.ttf') format('truetype');
}

/* Cairo Bold 700 */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../frontend/bonline/bnaia/ar_EG/fonts/cairo-700.ttf') format('truetype');
}

/* Cairo ExtraBold 800 */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../../frontend/bonline/bnaia/ar_EG/fonts/cairo-800.ttf') format('truetype');
}

/* Cairo Black 900 */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../../frontend/bonline/bnaia/ar_EG/fonts/cairo-900.ttf') format('truetype');
}

/* Apply Cairo as Default Font Family */
:root {
  --cairo-font: 'Cairo', 'Arial', 'Tahoma', 'Dubai', 'Segoe UI', sans-serif;
}

/* Global Font Application */
html,
body {
  font-family: var(--cairo-font);
}

/* All elements inherit the font */
* {
  font-family: inherit;
}

/* Typography Hierarchy with Cairo */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--cairo-font);
}

/* Ensure buttons, inputs, and form elements use Cairo */
button,
input,
textarea,
select,
label {
  font-family: var(--cairo-font);
}

/* Menu and navigation elements */
.menu,
.navigation,
nav {
  font-family: var(--cairo-font);
}

/* Content elements */
p, span, div, a, li, td, th {
  font-family: var(--cairo-font);
} /**
 * RTL (Right-to-Left) Support CSS for Bnaia Theme
 * Converts LTR layout to RTL for Arabic language support
 */

/* Global RTL Direction */
html[dir="rtl"],
body[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* Text Alignment */
[dir="rtl"] {
    text-align: right;
}

[dir="rtl"] .text-left {
    text-align: right !important;
}

[dir="rtl"] .text-right {
    text-align: left !important;
}

[dir="rtl"] .text-center {
    text-align: center !important;
}

/* Float Reversals */
[dir="rtl"] .float-left {
    float: right !important;
}

[dir="rtl"] .float-right {
    float: left !important;
}

/* Margin Reversals */
[dir="rtl"] .ml-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

[dir="rtl"] .mr-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

[dir="rtl"] .ml-1 { margin-left: 0; margin-right: 0.25rem; }
[dir="rtl"] .ml-2 { margin-left: 0; margin-right: 0.5rem; }
[dir="rtl"] .ml-3 { margin-left: 0; margin-right: 0.75rem; }
[dir="rtl"] .ml-4 { margin-left: 0; margin-right: 1rem; }
[dir="rtl"] .ml-5 { margin-left: 0; margin-right: 1.25rem; }
[dir="rtl"] .ml-6 { margin-left: 0; margin-right: 1.5rem; }

[dir="rtl"] .mr-1 { margin-right: 0; margin-left: 0.25rem; }
[dir="rtl"] .mr-2 { margin-right: 0; margin-left: 0.5rem; }
[dir="rtl"] .mr-3 { margin-right: 0; margin-left: 0.75rem; }
[dir="rtl"] .mr-4 { margin-right: 0; margin-left: 1rem; }
[dir="rtl"] .mr-5 { margin-right: 0; margin-left: 1.25rem; }
[dir="rtl"] .mr-6 { margin-right: 0; margin-left: 1.5rem; }

/* Padding Reversals */
[dir="rtl"] .pl-1 { padding-left: 0; padding-right: 0.25rem; }
[dir="rtl"] .pl-2 { padding-left: 0; padding-right: 0.5rem; }
[dir="rtl"] .pl-3 { padding-left: 0; padding-right: 0.75rem; }
[dir="rtl"] .pl-4 { padding-left: 0; padding-right: 1rem; }
[dir="rtl"] .pl-5 { padding-left: 0; padding-right: 1.25rem; }
[dir="rtl"] .pl-6 { padding-left: 0; padding-right: 1.5rem; }

[dir="rtl"] .pr-1 { padding-right: 0; padding-left: 0.25rem; }
[dir="rtl"] .pr-2 { padding-right: 0; padding-left: 0.5rem; }
[dir="rtl"] .pr-3 { padding-right: 0; padding-left: 0.75rem; }
[dir="rtl"] .pr-4 { padding-right: 0; padding-left: 1rem; }
[dir="rtl"] .pr-5 { padding-right: 0; padding-left: 1.25rem; }
[dir="rtl"] .pr-6 { padding-right: 0; padding-left: 1.5rem; }

/* Position Reversals */
[dir="rtl"] .left-0 { left: auto; right: 0; }
[dir="rtl"] .right-0 { right: auto; left: 0; }
[dir="rtl"] .left-auto { left: auto; }
[dir="rtl"] .right-auto { right: auto; }

/* Flexbox Reversals */
[dir="rtl"] .justify-start { justify-content: flex-end; }
[dir="rtl"] .justify-end { justify-content: flex-start; }
[dir="rtl"] .justify-between { justify-content: space-between; }
[dir="rtl"] .justify-around { justify-content: space-around; }

/* Header RTL */
[dir="rtl"] header {
    direction: rtl;
}

[dir="rtl"] .header-content {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .logo {
    float: right;
}

/* Navigation RTL */
[dir="rtl"] nav {
    direction: rtl;
}

[dir="rtl"] .navigation {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .navigation ul {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .navigation li {
    text-align: right;
}

[dir="rtl"] .navigation a {
    text-align: right;
}

/* Menu Items */
[dir="rtl"] .menu-item {
    text-align: right;
}

[dir="rtl"] .dropdown-menu {
    left: auto;
    right: 0;
    text-align: right;
}

[dir="rtl"] .dropdown-item {
    text-align: right;
}

/* Search Form RTL */
[dir="rtl"] .search-form {
    direction: rtl;
}

[dir="rtl"] .search-input {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .search-button {
    left: 0;
    right: auto;
}

/* Cart RTL */
[dir="rtl"] .cart {
    direction: rtl;
}

[dir="rtl"] .cart-icon {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Forms RTL */
[dir="rtl"] form {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] label {
    text-align: right;
}

[dir="rtl"] .form-group {
    text-align: right;
}

/* Buttons RTL */
[dir="rtl"] .btn {
    text-align: center;
}

[dir="rtl"] .btn-group {
    direction: rtl;
}

/* Tables RTL */
[dir="rtl"] table {
    direction: rtl;
}

[dir="rtl"] th,
[dir="rtl"] td {
    text-align: right;
}

[dir="rtl"] .table-responsive {
    direction: rtl;
}

/* Modal RTL */
[dir="rtl"] .modal {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .modal-header {
    text-align: right;
}

[dir="rtl"] .modal-body {
    text-align: right;
}

[dir="rtl"] .modal-footer {
    text-align: right;
}

/* Breadcrumbs RTL */
[dir="rtl"] .breadcrumb {
    direction: rtl;
}

[dir="rtl"] .breadcrumb-item {
    text-align: right;
}

[dir="rtl"] .breadcrumb-item::before {
    content: "\\";
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Product Grid RTL */
[dir="rtl"] .product-grid {
    direction: rtl;
}

[dir="rtl"] .product-item {
    text-align: right;
}

[dir="rtl"] .product-title {
    text-align: right;
}

[dir="rtl"] .product-price {
    text-align: right;
}

/* Sidebar RTL */
[dir="rtl"] .sidebar {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .sidebar-item {
    text-align: right;
}

/* Footer RTL */
[dir="rtl"] footer {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .footer-content {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .footer-links {
    text-align: right;
}

/* Pagination RTL */
[dir="rtl"] .pagination {
    direction: rtl;
}

[dir="rtl"] .page-link {
    text-align: center;
}

/* Alerts RTL */
[dir="rtl"] .alert {
    direction: rtl;
    text-align: right;
}

/* Tooltips RTL */
[dir="rtl"] .tooltip {
    direction: rtl;
    text-align: right;
}

/* Icons RTL */
[dir="rtl"] .icon-left {
    margin-left: 0;
    margin-right: 0.5rem;
}

[dir="rtl"] .icon-right {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Arrows RTL */
[dir="rtl"] .arrow-left {
    transform: rotate(180deg);
}

[dir="rtl"] .arrow-right {
    transform: rotate(180deg);
}

/* Layout Adjustments */
[dir="rtl"] .container {
    direction: rtl;
}

[dir="rtl"] .row {
    direction: rtl;
}

[dir="rtl"] .col {
    direction: rtl;
}

/* Custom Hyva Theme Adjustments */
[dir="rtl"] .hyva-header {
    direction: rtl;
}

[dir="rtl"] .hyva-navigation {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .hyva-menu {
    direction: rtl;
}

[dir="rtl"] .hyva-content {
    direction: rtl;
    text-align: right;
}

/* Arabic Font Support */
[dir="rtl"] body,
[dir="rtl"] p,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
    font-family: 'Cairo', 'Arial', 'Tahoma', 'Dubai', 'Segoe UI', sans-serif;
    line-height: 1.6;
}

/* Fix overlapping content */
[dir="rtl"] .absolute.right-0 {
    right: auto;
    left: 0;
}

[dir="rtl"] .absolute.left-0 {
    left: auto;
    right: 0;
}

/* Animation adjustments for RTL */
[dir="rtl"] .slide-left {
    transform: translateX(100%);
}

[dir="rtl"] .slide-right {
    transform: translateX(-100%);
}

/* Fix z-index issues in RTL */
[dir="rtl"] .dropdown,
[dir="rtl"] .popover,
[dir="rtl"] .tooltip {
    direction: rtl;
}

/* Media Queries for RTL */
@media (max-width: 768px) {
    [dir="rtl"] .mobile-menu {
        direction: rtl;
        text-align: right;
    }
    
    [dir="rtl"] .mobile-nav {
        right: 0;
        left: auto;
    }
}

@media (min-width: 769px) {
    [dir="rtl"] .desktop-menu {
        direction: rtl;
        text-align: right;
    }
}

/* Product Image Container Fix */
/* Fix for product images not showing - ensure containers have proper dimensions */
.product.photo.product-item-photo,
a.product.photo.product-item-photo {
    display: block !important;
    width: 100% !important;
    max-width: 300px !important;
    height: 300px !important;
    overflow: hidden;
    position: relative;
}

.product.photo.product-item-photo img,
a.product.photo.product-item-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* Grid view adjustments */
.product-items .product-item .product.photo.product-item-photo {
    width: 100% !important;
    height: 250px !important;
}

/* List view adjustments */
.products.list .product.photo.product-item-photo {
    width: 200px !important;
    height: 200px !important;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .product.photo.product-item-photo,
    a.product.photo.product-item-photo {
        height: 200px !important;
        max-width: 200px !important;
    }
}

/* RTL specific adjustments for product images */
[dir="rtl"] .product.photo.product-item-photo {
    margin-left: auto;
    margin-right: auto;
}

/** Hotfix RTL for Hyva Theme */

button.form-select.w-full.pl-4 {
    padding-left: 1rem;
    padding-right: 2.5rem;
}

.toolbar-sorter.sorter.justify-end {
    justify-content: flex-end;
}


span.title.text-md.md\:text-lg.font-semibold {
    color: #000 !important;
}/* Hyvä Theme Mega Menu CSS */
/* Compatible with Tailwind CSS and Hyvä structure */
/* For bonline/bnaia theme */

/* Mega Menu Dropdown Container */
.mega-bnaia-dropdown {
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 50;
    border: 1px solid #e5e7eb;
    min-width: 800px;
    max-width: 1200px;
}

/* Show mega menu on hover - works with Hyvä's hover states */
.navigation-item:hover .mega-bnaia-dropdown,
.nav-item:hover .mega-bnaia-dropdown,
[x-data]:hover .mega-bnaia-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Mega Menu Content Grid */
.mega-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0;
    padding: 0;
    max-height: 70vh;
    overflow-y: auto;
}

/* Individual Columns */
.mega-column {
    padding: 20px;
    border-left: 1px solid #f3f4f6;
}

.mega-column:first-child {
    border-left: none;
}

/* Category Sections */
.mega-category {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f3f4f6;
}

.mega-category:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

/* Category Titles */
.category-title {
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: #1f2937;
    text-decoration: none;
    margin-bottom: 12px;
    padding: 8px 0;
    border-bottom: 2px solid #3b82f6;
    transition: all 0.3s ease;
    position: relative;
}

.category-title:hover {
    color: #3b82f6;
    text-decoration: none;
}

.category-title::after {
    content: '';
    position: absolute;
    bottom: -2px;
    right: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #3b82f6, #8b5cf6);
    transition: width 0.3s ease;
}

.category-title:hover::after {
    width: 100%;
}

/* Category Lists */
.category-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.category-list li {
    margin: 0;
    padding: 0;
}

.category-list > li > a {
    display: block;
    color: #6b7280;
    text-decoration: none;
    font-size: 14px;
    padding: 6px 0;
    transition: all 0.3s ease;
    position: relative;
    padding-right: 15px;
}

.category-list > li > a::before {
    content: '▶';
    position: absolute;
    right: 0;
    color: #3b82f6;
    font-size: 10px;
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease;
}

.category-list > li > a:hover {
    color: #3b82f6;
    text-decoration: none;
    padding-right: 20px;
}

.category-list > li > a:hover::before {
    opacity: 1;
    transform: translateX(0);
}

/* Submenu Styling */
.has-submenu > a {
    position: relative;
}

.has-submenu > a i.fa-chevron-left {
    float: left;
    margin-left: 8px;
    font-size: 10px;
    transition: transform 0.3s ease;
}

.has-submenu:hover > a i.fa-chevron-left {
    transform: rotate(-90deg);
}

.submenu {
    list-style: none;
    margin: 8px 0 0 0;
    padding: 0 0 0 15px;
    border-right: 2px solid #e5e7eb;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.has-submenu:hover .submenu {
    max-height: 300px;
}

.submenu li {
    margin: 4px 0;
}

.submenu a {
    display: block;
    color: #9ca3af;
    text-decoration: none;
    font-size: 13px;
    padding: 4px 0;
    transition: all 0.3s ease;
    position: relative;
}

.submenu a:hover {
    color: #8b5cf6;
    text-decoration: none;
    padding-right: 12px;
}

.submenu a::before {
    content: '→';
    position: absolute;
    right: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 10px;
}

.submenu a:hover::before {
    opacity: 1;
}

/* Responsive Design for Hyvä */
@media (max-width: 1024px) {
    .mega-bnaia-dropdown {
        min-width: 600px;
        max-width: 90vw;
        right: -100px;
    }
    
    .mega-content {
        grid-template-columns: repeat(2, 1fr);
        max-height: 60vh;
    }
    
    .mega-column {
        padding: 15px;
    }
}

@media (max-width: 768px) {
    .mega-bnaia-dropdown {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border-radius: 0;
        border: none;
        min-width: auto;
        max-width: none;
        background: #f9fafb;
    }
    
    .mega-content {
        grid-template-columns: 1fr;
        max-height: none;
        overflow-y: visible;
    }
    
    .mega-column {
        padding: 10px 15px;
        border-left: none;
        border-bottom: 1px solid #e5e7eb;
    }
    
    .mega-column:last-child {
        border-bottom: none;
    }
    
    .category-title {
        font-size: 15px;
        margin-bottom: 10px;
    }
    
    .category-list > li > a {
        font-size: 13px;
        padding: 5px 0;
    }
    
    .submenu {
        padding-right: 10px;
        border-right: 1px solid #e5e7eb;
    }
}

@media (max-width: 480px) {
    .mega-column {
        padding: 8px 12px;
    }
    
    .category-title {
        font-size: 14px;
    }
    
    .category-list > li > a {
        font-size: 12px;
    }
    
    .submenu a {
        font-size: 11px;
    }
}

/* Hyvä Theme Integration Helpers */
/* Works with Alpine.js x-show and x-transition */
[x-cloak] .mega-bnaia-dropdown {
    display: none;
}

/* RTL Support for Arabic content */
[dir="rtl"] .mega-bnaia-dropdown {
    right: auto;
    left: 0;
}

[dir="rtl"] .mega-column {
    border-left: none;
    border-right: 1px solid #f3f4f6;
}

[dir="rtl"] .mega-column:first-child {
    border-right: none;
}

[dir="rtl"] .category-list > li > a::before {
    content: '◀';
    right: auto;
    left: 0;
}

[dir="rtl"] .category-list > li > a:hover {
    padding-right: 0;
    padding-left: 20px;
}

[dir="rtl"] .has-submenu > a i.fa-chevron-left {
    float: right;
    margin-left: 0;
    margin-right: 8px;
}

[dir="rtl"] .submenu {
    padding: 0 15px 0 0;
    border-right: none;
    border-left: 2px solid #e5e7eb;
}

[dir="rtl"] .submenu a::before {
    content: '←';
    right: auto;
    left: 0;
}

[dir="rtl"] .submenu a:hover {
    padding-right: 0;
    padding-left: 12px;
}

/* Smooth scrolling for long menus */
.mega-content {
    scroll-behavior: smooth;
}

/* Custom scrollbar styling */
.mega-content::-webkit-scrollbar {
    width: 6px;
}

.mega-content::-webkit-scrollbar-track {
    background: #f3f4f6;
    border-radius: 3px;
}

.mega-content::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 3px;
}

.mega-content::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}

/* Loading state support */
.mega-bnaia-dropdown.loading {
    opacity: 0.6;
    pointer-events: none;
}

.mega-bnaia-dropdown.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid #e5e7eb;
    border-top: 2px solid #3b82f6;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
} /* Brands Mega Menu Styles */
.brands-mega-menu {
    position: relative;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    direction: rtl;
    text-align: right;
    width: 100%;
    max-width: 100vw;
    margin: 0;
    box-sizing: border-box;
}

.brands-menu-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Main Link */
.tab-main-link {
    display: block;
    padding: 16px 24px;
    background: linear-gradient(135deg, #ff6b35, #f7931e);
    color: white;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.tab-main-link:hover {
    background: linear-gradient(135deg, #e55a2b, #e08419);
    transform: translateY(-1px);
}

.tab-main-link .link-prefix {
    font-size: 14px;
    opacity: 0.9;
    margin-left: 8px;
}

.tab-main-link .link-text {
    font-weight: 700;
}

/* Tabs Container */
.brands-tabs-container {
    display: flex;
    background: #f8f9fa;
    min-height: 400px;
    width: 100%;
    overflow: hidden;
}

/* Navigation Tabs */
.brands-nav-tabs {
    width: 280px;
    min-width: 280px;
    background: #ffffff;
    border-left: 1px solid #e0e4e7;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.brand-tab-link {
    display: flex;
    align-items: center;
    padding: 20px 24px;
    background: none;
    border: none;
    text-align: right;
    cursor: pointer;
    transition: all 0.3s ease;
    border-bottom: 1px solid #f0f2f5;
    font-size: 15px;
    font-weight: 500;
    color: #2c3e50;
    position: relative;
}

.brand-tab-link:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: transparent;
    transition: all 0.3s ease;
}

.brand-tab-link:hover {
    background: #f8f9fa;
    color: #ff6b35;
    transform: translateX(-4px);
}

.brand-tab-link:hover:before {
    background: #ff6b35;
}

.brand-tab-link.active {
    background: #fff5f2;
    color: #ff6b35;
    font-weight: 600;
}

.brand-tab-link.active:before {
    background: #ff6b35;
}

.tab-icon {
    width: 24px;
    height: 24px;
    margin-left: 12px;
    transition: transform 0.3s ease;
}

.brand-tab-link:hover .tab-icon,
.brand-tab-link.active .tab-icon {
    transform: scale(1.1);
}

/* Tab Content */
.brands-tab-content {
    flex: 1;
    background: #ffffff;
    overflow: hidden;
    min-width: 0; /* Allows flex item to shrink */
}

.brand-tab-pane {
    display: none;
    padding: 0;
    height: 100%;
    animation: fadeIn 0.3s ease;
    width: 100%;
}

.brand-tab-pane.active {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Tab Header */
.tab-header {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    padding: 16px 24px;
    border-bottom: 1px solid #e0e4e7;
}

.tab-go-link {
    color: #6c757d;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.3s ease;
}

.tab-go-link:hover {
    color: #ff6b35;
}

.tab-go-link .link-prefix {
    margin-left: 8px;
    opacity: 0.8;
}

/* Brands Content */
.brands-content {
    padding: 24px;
    overflow: hidden;
}

.brands-list {
    display: flex;
    gap: 40px;
    width: 100%;
}

.brands-column {
    flex: 1;
    min-width: 0; /* Allows flex item to shrink */
}

/* Brand Links */
.brand-links {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.brand-link {
    color: #495057;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 0;
    transition: all 0.3s ease;
    position: relative;
    padding-right: 16px;
}

.brand-link:before {
    content: '→';
    position: absolute;
    right: 0;
    opacity: 0;
    transition: all 0.3s ease;
    color: #ff6b35;
    font-weight: bold;
}

.brand-link:hover {
    color: #ff6b35;
    transform: translateX(-8px);
    font-weight: 600;
}

.brand-link:hover:before {
    opacity: 1;
}

/* Brand Logos */
.brand-logos {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 20px;
    padding: 0 20px;
    max-width: 100%;
}

.brand-logo-link {
    display: block;
    background: #ffffff;
    border: 2px solid #f0f2f5;
    border-radius: 8px;
    padding: 16px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.brand-logo-link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.05), rgba(247, 147, 30, 0.05));
    opacity: 0;
    transition: opacity 0.3s ease;
}

.brand-logo-link:hover {
    border-color: #ff6b35;
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(255, 107, 53, 0.15);
}

.brand-logo-link:hover:before {
    opacity: 1;
}

.brand-logo {
    width: 100%;
    height: 60px;
    object-fit: contain;
    transition: transform 0.3s ease;
    position: relative;
    z-index: 1;
}

.brand-logo-link:hover .brand-logo {
    transform: scale(1.05);
}

/* All Brands Slider */
.brands-slider-wrapper {
    position: relative;
    overflow: hidden;
    background: #f8f9fa;
    border-radius: 8px;
    padding: 24px;
    width: 100%;
}

.brands-slider {
    display: flex;
    transition: transform 0.4s ease;
    width: 100%;
}

.brand-slide {
    min-width: 100%;
    flex-shrink: 0;
}

.brand-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    width: 100%;
}

.brand-item {
    display: block;
    background: #ffffff;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.brand-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.08), rgba(247, 147, 30, 0.08));
    opacity: 0;
    transition: opacity 0.3s ease;
}

.brand-item:hover {
    border-color: #ff6b35;
    transform: translateY(-6px);
    box-shadow: 0 12px 32px rgba(255, 107, 53, 0.2);
}

.brand-item:hover:before {
    opacity: 1;
}

.brand-img {
    width: 100%;
    height: 80px;
    object-fit: contain;
    transition: transform 0.3s ease;
    position: relative;
    z-index: 1;
}

.brand-item:hover .brand-img {
    transform: scale(1.08);
}

/* Slider Controls */
.slider-controls {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
}

.slider-btn {
    width: 44px;
    height: 44px;
    border: 2px solid #ff6b35;
    background: #ffffff;
    color: #ff6b35;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-btn:hover {
    background: #ff6b35;
    color: #ffffff;
    transform: scale(1.1);
    box-shadow: 0 4px 16px rgba(255, 107, 53, 0.3);
}

.slider-btn:active {
    transform: scale(0.95);
}

/* Container for mega menu to prevent overflow */
.mega-menu-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .brands-mega-menu {
        margin: 0 8px;
    }
    
    .brands-nav-tabs {
        width: 240px;
        min-width: 240px;
    }
    
    .brand-tab-link {
        padding: 16px 20px;
        font-size: 14px;
    }
    
    .tab-icon {
        width: 20px;
        height: 20px;
    }
    
    .brand-logos {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        gap: 16px;
    }
    
    .brand-grid {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
}

@media (max-width: 992px) {
    .brands-tabs-container {
        flex-direction: column;
        min-height: auto;
    }
    
    .brands-nav-tabs {
        width: 100%;
        min-width: 100%;
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        border-left: none;
        border-bottom: 1px solid #e0e4e7;
    }
    
    .brand-tab-link {
        white-space: nowrap;
        min-width: 140px;
        padding: 16px 20px;
        border-bottom: none;
        border-left: 1px solid #f0f2f5;
    }
    
    .brand-tab-link:before {
        right: auto;
        left: 0;
        top: auto;
        bottom: 0;
        width: 100%;
        height: 4px;
    }
    
    .brand-tab-link:hover {
        transform: translateY(-4px);
    }
    
    .brands-list {
        flex-direction: column;
        gap: 24px;
    }
    
    .brand-logos {
        grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
        gap: 16px;
        padding: 0;
    }
    
    .brand-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 16px;
    }
}

@media (max-width: 768px) {
    .brands-content {
        padding: 16px;
    }
    
    .brand-logos {
        grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
    }
    
    .brand-grid {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }
    
    .tab-main-link {
        padding: 12px 16px;
        font-size: 14px;
    }
    
    .brand-tab-link {
        padding: 12px 16px;
        font-size: 13px;
        min-width: 120px;
    }
    
    .tab-icon {
        width: 18px;
        height: 18px;
        margin-left: 8px;
    }
}

@media (max-width: 480px) {
    .brands-mega-menu {
        margin: 0 4px;
        border-radius: 4px;
    }
    
    .brands-content {
        padding: 12px;
    }
    
    .brand-item {
        padding: 16px;
    }
    
    .brand-img {
        height: 60px;
    }
    
    .brand-logo {
        height: 50px;
    }
    
    .slider-btn {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }
    
    .brand-logos {
        grid-template-columns: 1fr 1fr;
    }
    
    .brand-grid {
        grid-template-columns: 1fr;
    }
}

/* Loading States */
.brands-mega-menu.loading {
    opacity: 0.7;
    pointer-events: none;
}

.brands-mega-menu.loading:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #ff6b35;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

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

/* Focus States for Accessibility */
.brand-tab-link:focus,
.brand-link:focus,
.brand-logo-link:focus,
.brand-item:focus,
.slider-btn:focus {
    outline: 2px solid #ff6b35;
    outline-offset: 2px;
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .brands-mega-menu {
        border: 2px solid #000000;
    }
    
    .brand-tab-link {
        border-bottom: 2px solid #000000;
    }
    
    .brand-logo-link,
    .brand-item {
        border: 2px solid #000000;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .brand-tab-link,
    .brand-link,
    .brand-logo-link,
    .brand-item,
    .brand-logo,
    .brand-img,
    .slider-btn,
    .brands-slider {
        transition: none;
    }
    
    .brand-tab-pane {
        animation: none;
    }
    
    .brand-tab-link:hover,
    .brand-link:hover,
    .brand-logo-link:hover,
    .brand-item:hover {
        transform: none;
    }
} /* Custom Banner Styles */
.bnaia-banner-container {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: 0;
}

.bnaia-banner-wrapper {
    position: relative;
    width: 100%;
    height: 700px;
    overflow: hidden;
}

.bnaia-banner-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Responsive adjustments if needed */
@media (max-width: 768px) {
    .bnaia-banner-wrapper {
        height: 400px;
    }
}

@media (max-width: 480px) {
    .bnaia-banner-wrapper {
        height: 250px;
    }
} @media (max-width: 768px) {
    /* Exact Figma mobile design - image only */
    .save-money-with-bnaia-parent {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
        gap: 28px;
        position: relative;
        padding: 20px;
    }
    
    /* Figma exact title styling */
    .save-money-with {
        position: relative;
        align-self: stretch;
        height: 41px;
        margin-top: -1px;
        font-family: "Poppins", Helvetica;
        font-weight: 500;
        color: #3b3b3b;
        font-size: 25px;
        letter-spacing: -0.41px;
        line-height: 70.5px;
        white-space: nowrap;
        text-transform: none;
        padding: 0;
    }
    
    /* Rectangle parent container - exact Figma structure */
    .rectangle-parent {
        position: relative;
        width: 347px;
        height: 895px;
        margin: 0 auto;
    }
    
    /* Figma positioned images - exact coordinates */
    .group-child {
        position: absolute;
        width: 347px;
        height: 375px;
        top: 0;
        left: 0;
        object-fit: cover;
    }
    
    .icon {
        position: absolute;
        width: 168px;
        height: 123px;
        top: 386px;
        left: 0;
        object-fit: cover;
    }
    
    .group-item {
        position: absolute;
        width: 168px;
        height: 212px;
        top: 518px;
        left: 0;
        object-fit: cover;
    }
    
    .group-inner {
        position: absolute;
        width: 163px;
        height: 215px;
        top: 386px;
        left: 184px;
        object-fit: cover;
    }
    
    .frame-icon {
        position: absolute;
        width: 162px;
        height: 119px;
        top: 610px;
        left: 184px;
        object-fit: cover;
    }
    
    .group-child1 {
        position: absolute;
        width: 346px;
        height: 147px;
        top: 748px;
        left: 1px;
        object-fit: cover;
    }
}

@media (max-width: 480px) {
    .save-money-with {
        font-size: 28px;
        line-height: 42px;
    }
    
    .entry-doors-with-textured-glas-parent {
        height: 400px;
    }
    
    .div {
        font-size: 60px;
    }
    
    .best-plumbing-installation {
        font-size: 16px;
        width: 250px;
    }
    
    .button {
        width: 250px;
    }
}

/* Desktop styles (769px and above) */
@media (min-width: 769px) {
    /* Hide mobile version on desktop */
    .save-money-with-mobile,
    .rectangle-parent {
        display: none;
    }
    
    /* Show desktop version */
    .save-money-with-desktop,
    .frame-2609790-1-parent {
        display: block;
    }
    
    /* Desktop title styling - exact Figma specs */
    .save-money-with-desktop {
        align-self: stretch;
        position: relative;
        letter-spacing: -0.41px;
        line-height: 70.5px;
        text-transform: capitalize;
        font-size: 45px;
        color: #000;
        font-family: 'Tajawal', sans-serif;
        font-weight: 700;
        text-align: right;
    }
    
    /* Desktop container - exact Figma dimensions */
    .frame-2609790-1-parent {
        width: 1288px;
        position: relative;
        height: 1091px;
        margin: 0 auto;
    }
    
    /* Desktop positioned images - exact Figma coordinates */
    .frame-2609790-1 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 613px;
        height: 663px;
        object-fit: cover;
    }
    
    .frame-2609791-1 {
        position: absolute;
        top: 0px;
        left: 965px;
        width: 322px;
        height: 407px;
        object-fit: cover;
    }
    
    .frame-2609798-1 {
        position: absolute;
        top: 428px;
        left: 966px;
        width: 322px;
        height: 236px;
        object-fit: cover;
    }
    
    .frame-2609797-1 {
        position: absolute;
        top: 249px;
        left: 631px;
        width: 312px;
        height: 412px;
        object-fit: cover;
    }
    
    .frame-2609795-1 {
        position: absolute;
        top: 685px;
        left: 0px;
        width: 1288px;
        height: 406px;
        object-fit: cover;
    }
    
    .frame-2609796-1 {
        position: absolute;
        top: 0px;
        left: 635px;
        width: 312px;
        height: 229px;
        object-fit: cover;
    }
    
    /* Desktop parent container styling */
    .save-money-with-bnaia-parent {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 48px;
        text-align: right;
        font-size: 45px;
        color: #000;
        font-family: 'Tajawal', sans-serif;
        padding: 40px 20px;
    }
}

/* Mobile visibility - hide desktop on mobile */
@media (max-width: 768px) {
    .save-money-with-desktop,
    .frame-2609790-1-parent {
        display: none;
    }
    
    .save-money-with-mobile,
    .rectangle-parent {
        display: block;
    }
}
/* Get Quote Section CSS */

.get-quote-main-image {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
}

.get-quote-image-wrapper {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 569px;
    height: 717px;
}

.get-quote-vector-icon {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 196px;
    height: 271px;
    object-fit: contain;
}

.get-quote-image-container {
    width: 569px;
    position: relative;
    height: 717px;
}

.get-quote-p {
    margin: 0;
}

.get-quote-title {
    position: relative;
    letter-spacing: -0.01em;
}

.get-quote-title-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0px 0px 0px 7px;
    box-sizing: border-box;
}

.get-quote-p2 {
    margin: 0;
    color: #0057b7;
}

.get-quote-subtitle-text {
    width: 100%;
}

.get-quote-subtitle {
    position: absolute;
    top: 0px;
    left: 0;
    letter-spacing: -0.01em;
    font-weight: 800;
    display: flex;
    align-items: center;
    width: 100%;
}

.get-quote-subtitle-wrapper {
    align-self: stretch;
    position: relative;
    height: 125px;
    overflow: hidden;
    flex-shrink: 0;
    font-size: 80px;
    color: #ffbb12;
}

.get-quote-accent-line {
    align-self: stretch;
    position: relative;
    height: 101px;
    overflow: hidden;
    flex-shrink: 0;
}

.get-quote-info-box {
    width: 802px;
    height: 283px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 66px;
}

.get-quote-description {
    width: 544px;
    position: relative;
    font-size: 20px;
    line-height: 138%;
    font-weight: 500;
    color: #757575;
    display: inline-block;
    height: 134px;
    flex-shrink: 0;
}

.get-quote-content-wrapper {
    align-self: stretch;
    height: 434px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 45px;
}

.get-quote-button-text {
    width: 202px;
    position: relative;
    line-height: 16.4px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 18px;
    flex-shrink: 0;
}

.get-quote-button-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.get-quote-button {
    width: 348px;
    border-radius: 6px;
    background-color: #0057b7;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 11px 16px 12px;
    box-sizing: border-box;
    text-align: center;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.get-quote-button:hover {
    background-color: #004494;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 87, 183, 0.3);
}

.get-quote-content-container {
    width: 823px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0px 0px 0px 8px;
    box-sizing: border-box;
    gap: 35px;
    margin-left: -28px;
    position: relative;
}

.get-quote-main-container {
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
}

.get-quote-section {
    width: 100%;
    position: relative;
    background-color: #F2F4F7;
    height: 718px;
    overflow: hidden;
    text-align: right;
    font-size: 40px;
    color: #000;
    font-family: Tajawal;
    margin: 0 auto;
    max-width: 1440px;
}

@media (max-width: 1400px) {
    .get-quote-section-divider {
        width: 100%;
        left: 0;
    }
    
    .get-quote-image-container {
        width: 450px;
    }
    
    .get-quote-image-wrapper {
        width: 450px;
        height: 600px;
    }
}

@media (max-width: 1200px) {
    .get-quote-section {
        height: auto;
        padding: 40px 20px;
    }
    
    .get-quote-main-container {
        position: relative;
        flex-direction: column;
        gap: 40px;
        align-items: center;
    }
    
    .get-quote-image-container {
        width: 100%;
        max-width: 500px;
    }
    
    .get-quote-content-container {
        width: 100%;
        max-width: 600px;
        margin-left: 0;
        align-items: center;
    }
    
    .get-quote-section-divider {
        display: none;
    }
}

@media (max-width: 768px) {
    /* Main section - component-92 */
    .get-quote-section {
        width: 100%;
        height: 600px;
        position: relative;
        background-color: #f2f4f7;
        font-family: Poppins;
        font-size: 14px;
        color: #fff;
        text-align: left;
    }
    
    /* Reset container styles for mobile */
    .get-quote-main-container {
        position: relative;
        width: 100%;
        height: 100%;
        background: transparent;
        border-radius: 0;
        box-shadow: none;
        overflow: visible;
        display: block;
    }
    
    /* Button - adjusted for 430px mobile */
    .get-quote-button {
        position: absolute;
        top: 480px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 6px;
        background-color: #0057b7;
        width: calc(100% - 20px);
        max-width: 348px;
        height: 40px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 11px 16px 12px;
        box-sizing: border-box;
        text-align: center;
        text-decoration: none;
        color: #fff;
        font-size: 14px;
    }
    
    /* Button container - parent */
    .get-quote-button-container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    
    /* Button text - div */
    .get-quote-button-text {
        width: 202px;
        position: relative;
        line-height: 16.4px;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        color: #fff;
    }
    
    /* Content container - adjusted for 430px mobile */
    .get-quote-content-container {
        position: absolute;
        top: 40px;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        max-width: 410px;
        height: 148px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 6px;
        font-size: 20px;
        color: #000;
        margin: 0;
        padding: 0;
    }
    
    /* Title wrapper - adjusted for 430px mobile */
    .get-quote-title-wrapper {
        width: 100%;
        max-width: 410px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        padding: 0px 0px 0px 3px;
        box-sizing: border-box;
    }
    
    /* Title - adjusted for 430px mobile */
    .get-quote-title {
        width: 100%;
        max-width: 405px;
        position: relative;
        letter-spacing: -0.01em;
        display: flex;
        align-items: center;
        flex-shrink: 0;
        font-size: 18px;
        color: #000;
        font-weight: bold;
        margin: 0;
        line-height: 1.2;
    }
    
    /* Within an hour wrapper */
    .within-an-hour-wrapper {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 0px 6px;
    }
    
    /* Within an hour */
    .within-an-hour {
        flex: 1;
        position: relative;
        letter-spacing: -0.01em;
    }
    
    /* Subtitle wrapper - sign-up-details-upload-then-wrapper */
    .get-quote-subtitle-wrapper,
    .sign-up-details-upload-then-wrapper {
        align-self: stretch;
        position: relative;
        height: 69px;
        overflow: hidden;
        flex-shrink: 0;
        font-size: 40px;
        color: #0057b7;
    }
    
    /* Subtitle container - sign-up-details-container */
    .sign-up-details-container {
        position: absolute;
        bottom: -125px;
        left: 10px;
        letter-spacing: -0.01em;
        display: flex;
        align-items: center;
        width: 807px;
    }
    
    /* Description - adjusted for 430px mobile */
    .get-quote-description,
    .are-you-unsure-container {
        position: absolute;
        top: 115px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 16px;
        line-height: 138%;
        color: #757575;
        display: inline-block;
        width: calc(100% - 20px);
        max-width: 390px;
        height: 89px;
        text-align: right;
    }
    
    /* Image container - adjusted for 430px mobile */
    .get-quote-image-container {
        position: absolute;
        top: 280px;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 20px);
        max-width: 390px;
        height: 218px;
    }
    
    /* Image wrapper - component-96 */
    .get-quote-image-wrapper {
        position: relative;
        width: 100%;
        height: 218px;
        overflow: hidden;
    }
    
    /* Main image - designing-a-website-streamline */
    .get-quote-main-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
    }
    
    /* Vector icon - group-child */
    .get-quote-vector-icon {
        position: absolute;
        top: -8px;
        left: 10px;
        width: 88.5px;
        height: 137px;
        z-index: 2;
    }
    
    /* Bottom divider - component-92-child */
    .component-92-child {
        position: absolute;
        top: 600px;
        left: 0;
        background-color: #0057b7;
        width: 100%;
        height: 52px;
    }
    
    /* Text styling */
    .get-quote-p {
        margin: 0;
        color: inherit;
    }
    
    .get-quote-p2 {
        margin: 0;
        color: #0057b7;
    }
    
    /* Additional Figma styles */
    .sign-up-details {
        margin: 0;
    }
    
    .upload {
        margin: 0;
        color: #ffbb12;
    }
    
    .then-get-price {
        margin: 0;
        color: #000;
    }
    
    .sign-up-details-container1 {
        width: 100%;
    }
    
    .iconscurvedactivity {
        width: 20px;
        position: relative;
        height: 20px;
        display: none;
    }
    
    /* Reset any conflicting desktop styles */
    .get-quote-content-wrapper {
        background: transparent;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        height: auto;
        display: block;
        gap: 0;
    }
    
    .get-quote-info-box {
        width: 100%;
        height: auto;
        display: block;
        gap: 0;
        margin: 0;
    }
    
    .get-quote-accent-line {
        display: none;
    }
}

@media (max-width: 480px) {
    .get-quote-section {
        padding: 20px 10px;
    }
    
    .get-quote-subtitle-wrapper {
        font-size: 40px;
        height: 60px;
    }
    
    .get-quote-description {
        font-size: 16px;
    }
    
    .get-quote-button {
        font-size: 18px;
        padding: 10px 14px;
    }
} /* Special Offers Section CSS */

.special-offers-section {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 48px;
    text-align: right;
    font-size: 45px;
    color: #000;
    font-family: Tajawal;
    direction: ltr;
    margin-top: 55px;
    padding-right: 45px;
    margin-bottom: 45px;
}


.special-offers-title {
    align-self: stretch;
    position: relative;
    letter-spacing: -0.41px;
    line-height: 70.5px;
    text-transform: capitalize;
    z-index: 0;
}

.special-offers-flash-icon {
    width: 45px;
    position: absolute;
    margin: 0 !important;
    top: 6px;
    right: 320px;
    height: 45px;
    overflow: hidden;
    flex-shrink: 0;
    z-index: 1;
}

.special-offers-main-container {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 30px;
    z-index: 2;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: Almarai;
    overflow: hidden; /* Prevent overflow */
}

.special-offers-products-grid {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    /* Show 4.5 products: 4 full + 0.5 partial */
    width: calc(4.5 * 298px + 4 * 30px); /* 4.5 products + 4 gaps */
    max-width: calc(4.5 * 298px + 4 * 30px);
    /* Force RTL direction for proper scroll behavior */
    direction: rtl;
}

.special-offers-products-grid::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.special-offers-products-grid.has-moved {
    pointer-events: none;
}

.special-offers-products-grid.has-moved * {
    pointer-events: none;
}

.special-offers-product-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0; /* Prevent items from shrinking */
    min-width: 298px; /* Ensure minimum width */
    /* Reset direction to LTR for proper product layout */
    direction: ltr;
}

.special-offers-product-container {
    width: 298px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 18px;
}

.special-offers-product-image-wrapper {
    align-self: stretch;
    position: relative;
    border-radius: 7px;
    height: 374px;
    overflow: hidden;
    flex-shrink: 0;
}

.special-offers-product-image {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 7px;
    width: 298px;
    height: 374px;
    overflow: hidden;
    object-fit: cover;
}

.special-offers-sale-badge {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 7px 0px 7px 0px;
    background-color: #c70032;
    width: 131px;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 7px 19px;
    box-sizing: border-box;
}

.special-offers-sale-text {
    position: relative;
}

.special-offers-wishlist-btn {
    position: absolute;
    top: calc(50% - 169px);
    left: calc(50% + 88px);
    border-radius: 28px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    border: none;
    background: transparent;
}

.special-offers-product-info {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 20px;
    text-align: right;
    font-size: 18px;
    color: #3b3b3b;
    font-family: Tajawal;
}

.special-offers-product-title {
    align-self: stretch;
    position: relative;
    line-height: 132%;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2; /* Standard property for compatibility */
    -webkit-box-orient: vertical;
}

.special-offers-price-cart-container {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 134px;
    text-align: center;
    font-size: 25px;
    color: #c70032;
    font-family: Poppins;
}

.special-offers-price-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 11px;
}

.special-offers-current-price-wrapper {
    width: 108px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.special-offers-current-price {
    position: relative;
    line-height: 100%;
}

.special-offers-old-price {
    width: 108px;
    position: relative;
    font-size: 16px;
    text-decoration: line-through;
    line-height: 100%;
    font-weight: 500;
    color: #757575;
    text-align: left;
    display: inline-block;
}

.special-offers-cart-form {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.special-offers-section .special-offers-add-to-cart.action.tocart.primary {
    width: 56px !important;
    border-radius: 28px !important;
    height: 56px !important;
    cursor: pointer;
    border: none !important;
    background-color: #E3E8EE !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    padding: 0 !important;
    color: inherit !important;
    font-weight: normal !important;
    min-width: auto !important;
    max-width: 56px !important;
}

.special-offers-section .special-offers-add-to-cart.action.tocart.primary:hover {
    background-color: rgba(227, 232, 238, 0.8) !important;
    transform: scale(1.05);
    color: inherit !important;
}

.special-offers-section .special-offers-add-to-cart img {
    width: auto;
    height: auto;
    max-width: 24px;
    max-height: 24px;
}

.special-offers-banner {
    width: 473px;
    position: relative;
    height: 516px;
    text-align: right;
    font-size: 35px;
    font-family: Tajawal;
}

.special-offers-banner-image {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 7px;
    width: 473px;
    height: 516px;
    object-fit: cover;
}

.special-offers-banner-overlay {
    position: absolute;
    top: 416px;
    left: 0px;
    border-radius: 0px 0px 7px 7px;
    background-color: #c70032;
    width: 473px;
    height: 103px;
    overflow: hidden;
}

.special-offers-banner-text {
    position: absolute;
    top: 25px;
    left: 249px;
    line-height: 150%;
    font-weight: 500;
}

/* Responsive Design */
@media screen and (max-width: 1200px) {
    .special-offers-section {
        padding: 40px 15px;
    }
    
    .special-offers-main-container {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    
    .special-offers-products-grid {
        /* Show 3.5 products on medium screens */
        width: calc(3.5 * 298px + 3 * 20px);
        max-width: calc(3.5 * 298px + 3 * 20px);
        gap: 20px;
    }
    
    .special-offers-banner {
        width: 100%;
        max-width: 473px;
    }
    
    .special-offers-banner-image {
        width: 100%;
    }
    
    .special-offers-banner-overlay {
        width: 100%;
    }
    
    .special-offers-flash-icon {
        left: 20px;
    }
}

@media screen and (max-width: 768px) {
    .special-offers-section {
        padding: 30px 10px;
        font-size: 32px;
    }
    
    .special-offers-title {
        font-size: 32px;
        line-height: 50px;
    }
    
    .special-offers-products-grid {
        /* Show 2.5 products on mobile */
        width: calc(2.5 * 280px + 2 * 15px);
        max-width: calc(2.5 * 280px + 2 * 15px);
        gap: 15px;
        flex-direction: row; /* Keep horizontal scroll on mobile */
    }
    
    .special-offers-product-container {
        width: 100%;
        max-width: 300px;
    }
    
    .special-offers-product-image {
        width: 100%;
    }
    
    .special-offers-price-cart-container {
        gap: 20px;
    }
    
    .special-offers-flash-icon {
        width: 35px;
        height: 35px;
        top: 10px;
        left: 10px;
    }
}

@media screen and (max-width: 480px) {
    .special-offers-section {
        padding: 20px 5px;
        font-size: 24px;
    }
    
    .special-offers-title {
        font-size: 24px;
        line-height: 40px;
    }
    
    .special-offers-product-image-wrapper {
        height: 250px;
    }
    
    .special-offers-product-image {
        height: 250px;
    }
    
    .special-offers-banner {
        height: 300px;
    }
    
    .special-offers-banner-image {
        height: 300px;
    }
    
    .special-offers-banner-overlay {
        top: 220px;
        height: 80px;
    }
    
    .special-offers-banner-text {
        font-size: 24px;
        left: 20px;
        top: 15px;
    }
} /* Mirrors Section CSS */

.bnaia-mirrors-frame-parent {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 48px;
    text-align: right;
    margin-top: 55px;
    padding-right: 45px;
    margin-bottom: 45px;
}

.bnaia-mirrors-header {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 48px;
    font-size: 25px;
    color: #0057b7;
    font-family: 'Cairo';
}

.bnaia-mirrors-title {
    width: 80%;
    position: relative;
    font-size: 45px;
    letter-spacing: -0.41px;
    line-height: 70.5px;
    text-transform: capitalize;
    display: flex;
    color: #3b3b3b;
    align-items: center;
    flex-shrink: 0;
}

.bnaia-mirrors-view-all {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 17px;
    order: 2;
    width: 20%;
    text-decoration: none;
    color: inherit;
    margin-left: 20px;
}

.bnaia-mirrors-arrow-icon {
    width: 35.5px;
    position: relative;
    max-height: 100%;
    object-fit: contain;
}

.bnaia-mirrors-view-text {
    position: relative;
    letter-spacing: -0.01em;
    line-height: 150%;
}

/* Main container - similar to special-offers-main-container */
.bnaia-mirrors-main-container {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 30px;
    z-index: 2;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: Almarai;
    overflow: hidden; /* Prevent overflow */
    direction: ltr;
}

/* Products scroll container */
.bnaia-mirrors-frame-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    /* Show 4.5 products: 4 full + 0.5 partial */
    width: calc(4.5 * 298px + 4 * 30px); /* 4.5 products + 4 gaps */
    max-width: calc(4.5 * 298px + 4 * 30px);
    /* Force RTL direction for proper scroll behavior */
    direction: rtl;
    cursor: grab;
}

.bnaia-mirrors-frame-group::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.bnaia-mirrors-frame-group:active {
    cursor: grabbing;
}

/* Individual product wrapper - similar to special-offers-product-item */
.bnaia-mirrors-frame-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0; /* Prevent items from shrinking */
    min-width: 298px; /* Ensure minimum width */
    /* Reset direction to LTR for proper product layout */
    direction: ltr;
}

/* Product container - similar to special-offers-product-container */
.bnaia-mirrors-product-container {
    width: 298px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 18px;
}

/* Product image wrapper - similar to special-offers-product-image-wrapper */
.bnaia-mirrors-frame-container {
    align-self: stretch;
    position: relative;
    border-radius: 7px;
    height: 374px;
    overflow: hidden;
    flex-shrink: 0;
}

/* Product image - similar to special-offers-product-image */
.bnaia-mirrors-frame-child {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 7px;
    width: 298px;
    height: 374px;
    overflow: hidden;
    object-fit: cover;
}

/* Wishlist button - similar to special-offers-wishlist-btn */
.bnaia-mirrors-frame-item {
    position: absolute;
    top: calc(50% - 169px);
    left: calc(50% + 88px);
    border-radius: 28px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    border: none;
    background: transparent;
}

/* Product info - similar to special-offers-product-info */
.bnaia-mirrors-product-details-parent {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 20px;
    text-align: right;
    font-size: 18px;
    color: #3b3b3b;
    font-family: Tajawal;
}

/* Product title - similar to special-offers-product-title */
.bnaia-mirrors-product-name {
    align-self: stretch;
    position: relative;
    line-height: 132%;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 700;
}

.bnaia-mirrors-product-name a {
    color: inherit;
    text-decoration: none;
}

.bnaia-mirrors-product-name a:hover {
    color: #007bff;
}

/* Price cart container - similar to special-offers-price-cart-container */
.bnaia-mirrors-price-cart-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 134px;
    text-align: center;
    font-size: 25px;
    color: #c70032;
    font-family: Poppins;
}

/* Price container - similar to special-offers-price-container */
.bnaia-mirrors-price-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 11px;
}

/* Price wrapper - similar to special-offers-current-price-wrapper */
.bnaia-mirrors-price-wrapper {
    width: 108px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

/* Price text - similar to special-offers-current-price */
.bnaia-mirrors-price-text {
    position: relative;
    line-height: 100%;
    font-weight: 700;
}

/* Cart form - similar to special-offers-cart-form */
.bnaia-mirrors-cart-form {
    display: inline-block;
    margin: 0;
    padding: 0;
}

/* Cart button - similar to special-offers-add-to-cart */
.bnaia-mirrors-frame-parent .bnaia-mirrors-add-to-cart.action.tocart.primary {
    width: 56px !important;
    border-radius: 28px !important;
    height: 56px !important;
    cursor: pointer;
    border: none !important;
    background-color: #E3E8EE !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    padding: 0 !important;
    color: inherit !important;
    font-weight: normal !important;
    min-width: auto !important;
    max-width: 56px !important;
}

.bnaia-mirrors-frame-parent .bnaia-mirrors-add-to-cart.action.tocart.primary:hover {
    background-color: rgba(227, 232, 238, 0.8) !important;
    transform: scale(1.05);
    color: inherit !important;
}

.bnaia-mirrors-frame-parent .bnaia-mirrors-add-to-cart img {
    width: auto;
    height: auto;
    max-width: 24px;
    max-height: 24px;
}

/* Explore Banner Section - similar to special-offers-banner */
.bnaia-mirrors-banner {
    width: 473px;
    position: relative;
    height: 516px;
    text-align: right;
    font-size: 35px;
    font-family: Tajawal;
}

.bnaia-mirrors-banner-image {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 7px;
    width: 473px;
    height: 516px;
    object-fit: cover;
}

.bnaia-mirrors-banner-overlay {
    position: absolute;
    top: 416px;
    left: 0px;
    border-radius: 0px 0px 7px 7px;
    background-color: #ed254e;
    width: 473px;
    height: 103px;
    overflow: hidden;
}

.bnaia-mirrors-banner-text {
    position: absolute;
    top: 25px;
    left: 180px;
    line-height: 150%;
    font-weight: 500;
    color: #fff;
}

/* Mobile Responsive Fixes */
@media (max-width: 768px) {
    .bnaia-mirrors-title {
        width: 44%;
        font-size: 28px;
        line-height: 50px;
    }
    
    .bnaia-mirrors-header {
        gap: 15px;
        flex-wrap: wrap;
    }
    
    .bnaia-mirrors-view-all {
        width: auto;
        min-width: 120px;
        flex-shrink: 0;
    }
    
    .bnaia-mirrors-view-text {
        font-size: 18px;
        white-space: nowrap;
    }
    
    .bnaia-mirrors-frame-parent {
        padding: 30px 15px;
        margin-top: 30px;
        margin-bottom: 30px;
        gap: 30px;
    }
}
/* Burial Tanks Section CSS */

.bnaia-burial-tanks-frame-parent {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 48px;
    text-align: right;
    margin-top: 55px;
    padding-right: 45px;
    margin-bottom: 45px;
}

.bnaia-burial-tanks-header {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 48px;
    font-size: 25px;
    color: #0057b7;
    font-family: 'Cairo';
}

.bnaia-burial-tanks-title {
    width: 80%;
    position: relative;
    font-size: 45px;
    letter-spacing: -0.41px;
    line-height: 70.5px;
    text-transform: capitalize;
    display: flex;
    color: #3b3b3b;
    align-items: center;
    flex-shrink: 0;
}

.bnaia-burial-tanks-view-all {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 17px;
    order: 2;
    width: 20%;
    text-decoration: none;
    color: inherit;
    margin-left: 20px;
}

.bnaia-burial-tanks-arrow-icon {
    width: 35.5px;
    position: relative;
    max-height: 100%;
    object-fit: contain;
}

.bnaia-burial-tanks-view-text {
    position: relative;
    letter-spacing: -0.01em;
    line-height: 150%;
}

/* Main container - similar to special-offers-main-container */
.bnaia-burial-tanks-main-container {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 30px;
    z-index: 2;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: Almarai;
    overflow: hidden; /* Prevent overflow */
    direction: ltr;
}

/* Products scroll container */
.bnaia-burial-tanks-frame-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    /* Show 4.5 products: 4 full + 0.5 partial */
    width: calc(4.5 * 298px + 4 * 30px); /* 4.5 products + 4 gaps */
    max-width: calc(4.5 * 298px + 4 * 30px);
    /* Force RTL direction for proper scroll behavior */
    direction: rtl;
    cursor: grab;
}

.bnaia-burial-tanks-frame-group::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.bnaia-burial-tanks-frame-group:active {
    cursor: grabbing;
}

/* Individual product wrapper - similar to special-offers-product-item */
.bnaia-burial-tanks-frame-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0; /* Prevent items from shrinking */
    min-width: 298px; /* Ensure minimum width */
    /* Reset direction to LTR for proper product layout */
    direction: ltr;
}

/* Product container - similar to special-offers-product-container */
.bnaia-burial-tanks-product-container {
    width: 298px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 18px;
}

/* Product image wrapper - similar to special-offers-product-image-wrapper */
.bnaia-burial-tanks-frame-container {
    align-self: stretch;
    position: relative;
    border-radius: 7px;
    height: 374px;
    overflow: hidden;
    flex-shrink: 0;
}

/* Product image - similar to special-offers-product-image */
.bnaia-burial-tanks-frame-child {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 7px;
    width: 298px;
    height: 374px;
    overflow: hidden;
    object-fit: cover;
}

/* Wishlist button - similar to special-offers-wishlist-btn */
.bnaia-burial-tanks-frame-item {
    position: absolute;
    top: calc(50% - 169px);
    left: calc(50% + 88px);
    border-radius: 28px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    border: none;
    background: transparent;
}

/* Product info - similar to special-offers-product-info */
.bnaia-burial-tanks-product-details-parent {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 20px;
    text-align: right;
    font-size: 18px;
    color: #3b3b3b;
    font-family: Tajawal;
}

/* Product title - similar to special-offers-product-title */
.bnaia-burial-tanks-product-name {
    align-self: stretch;
    position: relative;
    line-height: 132%;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 700;
}

.bnaia-burial-tanks-product-name a {
    color: inherit;
    text-decoration: none;
}

.bnaia-burial-tanks-product-name a:hover {
    color: #007bff;
}

/* Price cart container - similar to special-offers-price-cart-container */
.bnaia-burial-tanks-price-cart-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 134px;
    text-align: center;
    font-size: 25px;
    color: #c70032;
    font-family: Poppins;
}

/* Price container - similar to special-offers-price-container */
.bnaia-burial-tanks-price-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 11px;
}

/* Price wrapper - similar to special-offers-current-price-wrapper */
.bnaia-burial-tanks-price-wrapper {
    width: 108px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

/* Price text - similar to special-offers-current-price */
.bnaia-burial-tanks-price-text {
    position: relative;
    line-height: 100%;
    font-weight: 700;
}

/* Cart form - similar to special-offers-cart-form */
.bnaia-burial-tanks-cart-form {
    display: inline-block;
    margin: 0;
    padding: 0;
}

/* Cart button - similar to special-offers-add-to-cart */
.bnaia-burial-tanks-frame-parent .bnaia-burial-tanks-add-to-cart.action.tocart.primary {
    width: 56px !important;
    border-radius: 28px !important;
    height: 56px !important;
    cursor: pointer;
    border: none !important;
    background-color: #E3E8EE !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    padding: 0 !important;
    color: inherit !important;
    font-weight: normal !important;
    min-width: auto !important;
    max-width: 56px !important;
}

.bnaia-burial-tanks-frame-parent .bnaia-burial-tanks-add-to-cart.action.tocart.primary:hover {
    background-color: rgba(227, 232, 238, 0.8) !important;
    transform: scale(1.05);
    color: inherit !important;
}

.bnaia-burial-tanks-frame-parent .bnaia-burial-tanks-add-to-cart img {
    width: auto;
    height: auto;
    max-width: 24px;
    max-height: 24px;
}

/* Explore Banner Section - similar to special-offers-banner but with blue background */
.bnaia-burial-tanks-banner {
    width: 473px;
    position: relative;
    height: 516px;
    text-align: right;
    font-size: 35px;
    font-family: Tajawal;
}

.bnaia-burial-tanks-banner-image {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 7px;
    width: 473px;
    height: 516px;
    object-fit: cover;
}

.bnaia-burial-tanks-banner-overlay {
    position: absolute;
    top: 416px;
    left: 0px;
    border-radius: 0px 0px 7px 7px;
    background-color: #0057b7; /* Blue background for burial tanks */
    width: 473px;
    height: 103px;
    overflow: hidden;
}

.bnaia-burial-tanks-banner-text {
    position: absolute;
    top: 25px;
    left: 280px; /* Adjusted position based on your CSS */
    line-height: 150%;
    font-weight: 500;
    color: #fff;
}

/* Mobile Responsive Fixes */
@media (max-width: 768px) {
    .bnaia-burial-tanks-title {
        width: 38%;
        font-size: 28px;
        line-height: 50px;
    }
    
    .bnaia-burial-tanks-header {
        gap: 15px;
        flex-wrap: wrap;
    }
    
    .bnaia-burial-tanks-view-all {
        width: auto;
        min-width: 120px;
        flex-shrink: 0;
    }
    
    .bnaia-burial-tanks-view-text {
        font-size: 18px;
        white-space: nowrap;
    }
    
    .bnaia-burial-tanks-frame-parent {
        padding: 30px 15px;
        margin-top: 30px;
        margin-bottom: 30px;
        gap: 30px;
    }
}
/* Roca Section CSS */

.bnaia-roca-frame-parent {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 48px;
    text-align: right;
    margin-top: 55px;
    padding-right: 45px;
    margin-bottom: 45px;
}

.bnaia-roca-header {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 48px;
    font-size: 25px;
    color: #0057b7;
    font-family: 'Cairo';
}

.bnaia-roca-title {
    width: 80%;
    position: relative;
    font-size: 45px;
    letter-spacing: -0.41px;
    line-height: 70.5px;
    text-transform: capitalize;
    display: flex;
    color: #3b3b3b;
    align-items: center;
    flex-shrink: 0;
}

.bnaia-roca-view-all {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 17px;
    order: 2;
    width: 20%;
    text-decoration: none;
    color: inherit;
    margin-left: 20px;
}

.bnaia-roca-arrow-icon {
    width: 35.5px;
    position: relative;
    max-height: 100%;
    object-fit: contain;
}

.bnaia-roca-view-text {
    position: relative;
    letter-spacing: -0.01em;
    line-height: 150%;
}

/* Main container - similar to special-offers-main-container */
.bnaia-roca-main-container {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 30px;
    z-index: 2;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: Almarai;
    overflow: hidden; /* Prevent overflow */
    direction: ltr;
}

/* Products scroll container */
.bnaia-roca-frame-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    /* Show 4.5 products: 4 full + 0.5 partial */
    width: calc(4.5 * 298px + 4 * 30px); /* 4.5 products + 4 gaps */
    max-width: calc(4.5 * 298px + 4 * 30px);
    /* Force RTL direction for proper scroll behavior */
    direction: rtl;
    cursor: grab;
}

.bnaia-roca-frame-group::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.bnaia-roca-frame-group:active {
    cursor: grabbing;
}

/* Individual product wrapper - similar to special-offers-product-item */
.bnaia-roca-frame-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0; /* Prevent items from shrinking */
    min-width: 298px; /* Ensure minimum width */
    /* Reset direction to LTR for proper product layout */
    direction: ltr;
}

/* Product container - similar to special-offers-product-container */
.bnaia-roca-product-container {
    width: 298px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 18px;
}

/* Product image wrapper - similar to special-offers-product-image-wrapper */
.bnaia-roca-frame-container {
    align-self: stretch;
    position: relative;
    border-radius: 7px;
    height: 374px;
    overflow: hidden;
    flex-shrink: 0;
}

/* Product image - similar to special-offers-product-image */
.bnaia-roca-frame-child {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 7px;
    width: 298px;
    height: 374px;
    overflow: hidden;
    object-fit: cover;
}

/* Wishlist button - similar to special-offers-wishlist-btn */
.bnaia-roca-frame-item {
    position: absolute;
    top: calc(50% - 169px);
    left: calc(50% + 88px);
    border-radius: 28px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    border: none;
    background: transparent;
}

/* Product info - similar to special-offers-product-info */
.bnaia-roca-product-details-parent {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 20px;
    text-align: right;
    font-size: 18px;
    color: #3b3b3b;
    font-family: Tajawal;
}

/* Product title - similar to special-offers-product-title */
.bnaia-roca-product-name {
    align-self: stretch;
    position: relative;
    line-height: 132%;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 700;
}

.bnaia-roca-product-name a {
    color: inherit;
    text-decoration: none;
}

.bnaia-roca-product-name a:hover {
    color: #007bff;
}

/* Price cart container - similar to special-offers-price-cart-container */
.bnaia-roca-price-cart-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 134px;
    text-align: center;
    font-size: 25px;
    color: #c70032;
    font-family: Poppins;
}

/* Price container - similar to special-offers-price-container */
.bnaia-roca-price-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 11px;
}

/* Price wrapper - similar to special-offers-current-price-wrapper */
.bnaia-roca-price-wrapper {
    width: 108px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

/* Price text - similar to special-offers-current-price */
.bnaia-roca-price-text {
    position: relative;
    line-height: 100%;
    font-weight: 700;
}

/* Cart form - similar to special-offers-cart-form */
.bnaia-roca-cart-form {
    display: inline-block;
    margin: 0;
    padding: 0;
}

/* Cart button - similar to special-offers-add-to-cart */
.bnaia-roca-frame-parent .bnaia-roca-add-to-cart.action.tocart.primary {
    width: 56px !important;
    border-radius: 28px !important;
    height: 56px !important;
    cursor: pointer;
    border: none !important;
    background-color: #E3E8EE !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    padding: 0 !important;
    color: inherit !important;
    font-weight: normal !important;
    min-width: auto !important;
    max-width: 56px !important;
}

.bnaia-roca-frame-parent .bnaia-roca-add-to-cart.action.tocart.primary:hover {
    background-color: rgba(227, 232, 238, 0.8) !important;
    transform: scale(1.05);
    color: inherit !important;
}

.bnaia-roca-frame-parent .bnaia-roca-add-to-cart img {
    width: auto;
    height: auto;
    max-width: 24px;
    max-height: 24px;
}

/* Explore Banner Section - similar to special-offers-banner but with yellow background */
.bnaia-roca-banner {
    width: 473px;
    position: relative;
    height: 516px;
    text-align: right;
    font-size: 35px;
    font-family: Tajawal;
}

.bnaia-roca-banner-image {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 7px;
    width: 473px;
    height: 516px;
    object-fit: cover;
}

.bnaia-roca-banner-overlay {
    position: absolute;
    top: 416px;
    left: 0px;
    border-radius: 0px 0px 7px 7px;
    background-color: #f9dc5c; /* Yellow background for roca */
    width: 473px;
    height: 103px;
    overflow: hidden;
}

.bnaia-roca-banner-text {
    color: #0057b7;
    position: absolute;
    top: 25px;
    right: 35px;
    line-height: 150%;
    font-weight: 500;
}

/* Mobile Responsive Fixes */
@media (max-width: 768px) {
    .bnaia-roca-title {
        width: 49%;
        font-size: 28px;
        line-height: 50px;
    }
    
    .bnaia-roca-header {
        gap: 15px;
        flex-wrap: wrap;
    }
    
    .bnaia-roca-view-all {
        width: auto;
        min-width: 120px;
        flex-shrink: 0;
        margin-left: 10px;
    }
    
    .bnaia-roca-view-text {
        font-size: 18px;
        white-space: nowrap;
    }
    
    .bnaia-roca-frame-parent {
        padding-right: 20px;
        margin-top: 35px;
        margin-bottom: 35px;
    }
}/* Grohe Section CSS */

.bnaia-grohe-frame-parent {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 48px;
    text-align: right;
    margin-top: 55px;
    padding-right: 45px;
    margin-bottom: 45px;
    background-color: #f2f4f7; /* Gray background for grohe section */
    padding: 55px 45px 45px 45px;
}

.bnaia-grohe-header {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 48px;
    font-size: 25px;
    color: #0057b7;
    font-family: 'Cairo';
}

.bnaia-grohe-title {
    width: 80%;
    position: relative;
    font-size: 45px;
    letter-spacing: -0.41px;
    line-height: 70.5px;
    text-transform: capitalize;
    display: flex;
    color: #3b3b3b;
    align-items: center;
    flex-shrink: 0;
}

.bnaia-grohe-view-all {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 17px;
    order: 2;
    width: 20%;
    text-decoration: none;
    color: inherit;
    margin-left: 20px;
}

.bnaia-grohe-arrow-icon {
    width: 35.5px;
    position: relative;
    max-height: 100%;
    object-fit: contain;
}

.bnaia-grohe-view-text {
    position: relative;
    letter-spacing: -0.01em;
    line-height: 150%;
}

/* Main container - similar to special-offers-main-container */
.bnaia-grohe-main-container {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 30px;
    z-index: 2;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: Almarai;
    overflow: hidden; /* Prevent overflow */
    direction: ltr;
}

/* Products scroll container */
.bnaia-grohe-frame-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    /* Show 4.5 products: 4 full + 0.5 partial */
    width: calc(4.5 * 298px + 4 * 30px); /* 4.5 products + 4 gaps */
    max-width: calc(4.5 * 298px + 4 * 30px);
    /* Force RTL direction for proper scroll behavior */
    direction: rtl;
    cursor: grab;
}

.bnaia-grohe-frame-group::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.bnaia-grohe-frame-group:active {
    cursor: grabbing;
}

/* Individual product wrapper - similar to special-offers-product-item */
.bnaia-grohe-frame-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0; /* Prevent items from shrinking */
    min-width: 298px; /* Ensure minimum width */
    /* Reset direction to LTR for proper product layout */
    direction: ltr;
}

/* Product container - similar to special-offers-product-container */
.bnaia-grohe-product-container {
    width: 298px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 18px;
}

/* Product image wrapper - similar to special-offers-product-image-wrapper */
.bnaia-grohe-frame-container {
    align-self: stretch;
    position: relative;
    border-radius: 7px;
    height: 374px;
    overflow: hidden;
    flex-shrink: 0;
}

/* Product image - similar to special-offers-product-image */
.bnaia-grohe-frame-child {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 7px;
    width: 298px;
    height: 374px;
    overflow: hidden;
    object-fit: cover;
}

/* Wishlist button - similar to special-offers-wishlist-btn */
.bnaia-grohe-frame-item {
    position: absolute;
    top: calc(50% - 169px);
    left: calc(50% + 88px);
    border-radius: 28px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    border: none;
    background: transparent;
}

/* Product info - similar to special-offers-product-info */
.bnaia-grohe-product-details-parent {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 20px;
    text-align: right;
    font-size: 18px;
    color: #3b3b3b;
    font-family: Tajawal;
}

/* Product title - similar to special-offers-product-title */
.bnaia-grohe-product-name {
    align-self: stretch;
    position: relative;
    line-height: 132%;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 700;
}

.bnaia-grohe-product-name a {
    color: inherit;
    text-decoration: none;
}

.bnaia-grohe-product-name a:hover {
    color: #007bff;
}

/* Price cart container - similar to special-offers-price-cart-container */
.bnaia-grohe-price-cart-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 134px;
    text-align: center;
    font-size: 25px;
    color: #c70032;
    font-family: Poppins;
}

/* Price container - similar to special-offers-price-container */
.bnaia-grohe-price-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 11px;
}

/* Price wrapper - similar to special-offers-current-price-wrapper */
.bnaia-grohe-price-wrapper {
    width: 108px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

/* Price text - similar to special-offers-current-price */
.bnaia-grohe-price-text {
    position: relative;
    line-height: 100%;
    font-weight: 700;
}

/* Cart form - similar to special-offers-cart-form */
.bnaia-grohe-cart-form {
    display: inline-block;
    margin: 0;
    padding: 0;
}

/* Cart button - similar to special-offers-add-to-cart */
.bnaia-grohe-frame-parent .bnaia-grohe-add-to-cart.action.tocart.primary {
    width: 56px !important;
    border-radius: 28px !important;
    height: 56px !important;
    cursor: pointer;
    border: none !important;
    background-color: #E3E8EE !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    padding: 0 !important;
    color: inherit !important;
    font-weight: normal !important;
    min-width: auto !important;
    max-width: 56px !important;
}

.bnaia-grohe-frame-parent .bnaia-grohe-add-to-cart.action.tocart.primary:hover {
    background-color: rgba(227, 232, 238, 0.8) !important;
    transform: scale(1.05);
    color: inherit !important;
}

.bnaia-grohe-frame-parent .bnaia-grohe-add-to-cart img {
    width: auto;
    height: auto;
    max-width: 24px;
    max-height: 24px;
}

/* Explore Banner Section - similar to special-offers-banner but with blue background */
.bnaia-grohe-banner {
    width: 473px;
    position: relative;
    height: 516px;
    text-align: right;
    font-size: 35px;
    font-family: Tajawal;
}

.bnaia-grohe-banner-image {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 7px;
    width: 473px;
    height: 516px;
    object-fit: cover;
}

.bnaia-grohe-banner-overlay {
    position: absolute;
    top: 416px;
    left: 0px;
    border-radius: 0px 0px 7px 7px;
    background-color: #0057b7; /* Blue background for grohe */
    width: 473px;
    height: 103px;
    overflow: hidden;
}

.bnaia-grohe-banner-text {
    color: #fff;
    position: absolute;
    top: 25px;
    right: 35px;
    line-height: 150%;
    font-weight: 500;
}

/* Mobile Responsive Fixes */
@media (max-width: 768px) {
    .bnaia-grohe-title {
        width: 46%;
        font-size: 28px;
        line-height: 50px;
    }
    
    .bnaia-grohe-header {
        gap: 15px;
        flex-wrap: wrap;
    }
    
    .bnaia-grohe-view-all {
        width: auto;
        min-width: 120px;
        flex-shrink: 0;
        margin-left: 10px;
    }
    
    .bnaia-grohe-view-text {
        font-size: 18px;
        white-space: nowrap;
    }
    
    .bnaia-grohe-frame-parent {
        padding: 35px 20px;
        margin-top: 35px;
        margin-bottom: 35px;
    }
}/* Doors Section CSS - Matching Bathroom Header */

.bnaia-doors-frame-parent {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 48px;
    text-align: right;
    margin-top: 55px;
    padding-right: 45px;
    margin-bottom: 45px;
}

.bnaia-doors-header {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 48px;
    font-size: 25px;
    color: #0057b7;
    font-family: 'Cairo';
}

.bnaia-doors-title {
    width: 80%;
    position: relative;
    font-size: 45px;
    letter-spacing: -0.41px;
    line-height: 70.5px;
    text-transform: capitalize;
    display: flex;
    color: #3b3b3b;
    align-items: center;
    flex-shrink: 0;
}

.bnaia-doors-view-all {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 17px;
    order: 2;
    width: 20%;
    text-decoration: none;
    color: inherit;
    margin-left: 20px;
}

.bnaia-doors-arrow-icon {
    width: 35.5px;
    position: relative;
    max-height: 100%;
    object-fit: contain;
}

.bnaia-doors-view-text {
    position: relative;
    letter-spacing: -0.01em;
    line-height: 150%;
}

/* Main container - similar to special-offers-main-container */
.bnaia-doors-main-container {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 30px;
    z-index: 2;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: Almarai;
    overflow: hidden; /* Prevent overflow */
    direction: ltr;
}

/* Products scroll container */
.bnaia-doors-frame-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    /* Show 4.5 products: 4 full + 0.5 partial */
    width: calc(4.5 * 298px + 4 * 30px); /* 4.5 products + 4 gaps */
    max-width: calc(4.5 * 298px + 4 * 30px);
    /* Force RTL direction for proper scroll behavior */
    direction: rtl;
    cursor: grab;
}

.bnaia-doors-frame-group::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.bnaia-doors-frame-group:active {
    cursor: grabbing;
}

/* Individual product wrapper - similar to special-offers-product-item */
.bnaia-doors-frame-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0; /* Prevent items from shrinking */
    min-width: 298px; /* Ensure minimum width */
    /* Reset direction to LTR for proper product layout */
    direction: ltr;
}

/* Product container - similar to special-offers-product-container */
.bnaia-doors-product-container {
    width: 298px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 18px;
}

/* Product image wrapper - similar to special-offers-product-image-wrapper */
.bnaia-doors-frame-container {
    align-self: stretch;
    position: relative;
    border-radius: 7px;
    height: 374px;
    overflow: hidden;
    flex-shrink: 0;
}

/* Product image - similar to special-offers-product-image */
.bnaia-doors-frame-child {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 7px;
    width: 298px;
    height: 374px;
    overflow: hidden;
    object-fit: cover;
}

/* Wishlist button - similar to special-offers-wishlist-btn */
.bnaia-doors-frame-item {
    position: absolute;
    top: calc(50% - 169px);
    left: calc(50% + 88px);
    border-radius: 28px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    border: none;
    background: transparent;
}

/* Product info - similar to special-offers-product-info */
.bnaia-doors-product-details-parent {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 20px;
    text-align: right;
    font-size: 18px;
    color: #3b3b3b;
    font-family: Tajawal;
}

/* Product title - similar to special-offers-product-title */
.bnaia-doors-product-name {
    align-self: stretch;
    position: relative;
    line-height: 132%;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 700;
}

.bnaia-doors-product-name a {
    color: inherit;
    text-decoration: none;
}

.bnaia-doors-product-name a:hover {
    color: #007bff;
}

/* Price cart container - similar to special-offers-price-cart-container */
.bnaia-doors-price-cart-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 134px;
    text-align: center;
    font-size: 25px;
    color: #c70032;
    font-family: Poppins;
}

/* Price container - similar to special-offers-price-container */
.bnaia-doors-price-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 11px;
}

/* Price wrapper - similar to special-offers-current-price-wrapper */
.bnaia-doors-price-wrapper {
    width: 108px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

/* Price text - similar to special-offers-current-price */
.bnaia-doors-price-text {
    position: relative;
    line-height: 100%;
    font-weight: 700;
}

/* Cart form - similar to special-offers-cart-form */
.bnaia-doors-cart-form {
    display: inline-block;
    margin: 0;
    padding: 0;
}

/* Cart button - similar to special-offers-add-to-cart */
.bnaia-doors-frame-parent .bnaia-doors-add-to-cart.action.tocart.primary {
    width: 56px !important;
    border-radius: 28px !important;
    height: 56px !important;
    cursor: pointer;
    border: none !important;
    background-color: #E3E8EE !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    padding: 0 !important;
    color: inherit !important;
    font-weight: normal !important;
    min-width: auto !important;
    max-width: 56px !important;
}

.bnaia-doors-frame-parent .bnaia-doors-add-to-cart.action.tocart.primary:hover {
    background-color: rgba(227, 232, 238, 0.8) !important;
    transform: scale(1.05);
    color: inherit !important;
}

.bnaia-doors-frame-parent .bnaia-doors-add-to-cart img {
    width: auto;
    height: auto;
    max-width: 24px;
    max-height: 24px;
}

/* Explore Banner Section - similar to special-offers-banner but with yellow background */
.bnaia-doors-banner {
    width: 473px;
    position: relative;
    height: 516px;
    text-align: right;
    font-size: 35px;
    font-family: Tajawal;
}

.bnaia-doors-banner-image {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 7px;
    width: 473px;
    height: 516px;
    object-fit: cover;
}

.bnaia-doors-banner-overlay {
    position: absolute;
    top: 416px;
    left: 0px;
    border-radius: 0px 0px 7px 7px;
    background-color: #f9dc5c; /* Yellow background for doors */
    width: 473px;
    height: 103px;
    overflow: hidden;
}

.bnaia-doors-banner-text {
    color: #0057b7;
    position: absolute;
    top: 25px;
    right: 35px;
    line-height: 150%;
    font-weight: 500;
}

/* Mobile Responsive Fixes */
@media (max-width: 768px) {
    .bnaia-doors-title {
        width: 49%;
        font-size: 28px;
        line-height: 50px;
    }
    
    .bnaia-doors-header {
        gap: 15px;
        flex-wrap: wrap;
    }
    
    .bnaia-doors-view-all {
        width: auto;
        min-width: 120px;
        flex-shrink: 0;
        margin-left: 10px;
    }
    
    .bnaia-doors-view-text {
        font-size: 18px;
        white-space: nowrap;
    }
    
    .bnaia-doors-frame-parent {
        padding-right: 20px;
        margin-top: 35px;
        margin-bottom: 35px;
    }
}/* Paints Section CSS */

.bnaia-paints-frame-parent {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 48px;
    text-align: right;
    margin-top: 55px;
    padding-right: 45px;
    margin-bottom: 45px;
}

.bnaia-paints-header {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 48px;
    font-size: 25px;
    color: #0057b7;
    font-family: 'Cairo';
}

.bnaia-paints-title {
    width: 80%;
    position: relative;
    font-size: 45px;
    letter-spacing: -0.41px;
    line-height: 70.5px;
    text-transform: capitalize;
    display: flex;
    color: #3b3b3b;
    align-items: center;
    flex-shrink: 0;
}

.bnaia-paints-view-all {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 17px;
    order: 2;
    width: 20%;
    text-decoration: none;
    color: inherit;
    margin-left: 20px;
}

.bnaia-paints-arrow-icon {
    width: 35.5px;
    position: relative;
    max-height: 100%;
    object-fit: contain;
}

.bnaia-paints-view-text {
    position: relative;
    letter-spacing: -0.01em;
    line-height: 150%;
}

/* Main container - similar to special-offers-main-container */
.bnaia-paints-main-container {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 30px;
    z-index: 2;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: Almarai;
    overflow: hidden; /* Prevent overflow */
    direction: ltr;
}

/* Products scroll container */
.bnaia-paints-frame-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    /* Show 4.5 products: 4 full + 0.5 partial */
    width: calc(4.5 * 298px + 4 * 30px); /* 4.5 products + 4 gaps */
    max-width: calc(4.5 * 298px + 4 * 30px);
    /* Force RTL direction for proper scroll behavior */
    direction: rtl;
    cursor: grab;
}

.bnaia-paints-frame-group::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.bnaia-paints-frame-group:active {
    cursor: grabbing;
}

/* Individual product wrapper - similar to special-offers-product-item */
.bnaia-paints-frame-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0; /* Prevent items from shrinking */
    min-width: 298px; /* Ensure minimum width */
    /* Reset direction to LTR for proper product layout */
    direction: ltr;
}

/* Product container - similar to special-offers-product-container */
.bnaia-paints-product-container {
    width: 298px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 18px;
}

/* Product image wrapper - similar to special-offers-product-image-wrapper */
.bnaia-paints-frame-container {
    align-self: stretch;
    position: relative;
    border-radius: 7px;
    height: 374px;
    overflow: hidden;
    flex-shrink: 0;
}

/* Product image - similar to special-offers-product-image */
.bnaia-paints-frame-child {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 7px;
    width: 298px;
    height: 374px;
    overflow: hidden;
    object-fit: cover;
}

/* Wishlist button - similar to special-offers-wishlist-btn */
.bnaia-paints-frame-item {
    position: absolute;
    top: calc(50% - 169px);
    left: calc(50% + 88px);
    border-radius: 28px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    border: none;
    background: transparent;
}

/* Product info - similar to special-offers-product-info */
.bnaia-paints-product-details-parent {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 20px;
    text-align: right;
    font-size: 18px;
    color: #3b3b3b;
    font-family: Tajawal;
}

/* Product title - similar to special-offers-product-title */
.bnaia-paints-product-name {
    align-self: stretch;
    position: relative;
    line-height: 132%;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 700;
}

.bnaia-paints-product-name a {
    color: inherit;
    text-decoration: none;
}

.bnaia-paints-product-name a:hover {
    color: #007bff;
}

/* Price cart container - similar to special-offers-price-cart-container */
.bnaia-paints-price-cart-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 134px;
    text-align: center;
    font-size: 25px;
    color: #c70032;
    font-family: Poppins;
}

/* Price container - similar to special-offers-price-container */
.bnaia-paints-price-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 11px;
}

/* Price wrapper - similar to special-offers-current-price-wrapper */
.bnaia-paints-price-wrapper {
    width: 108px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

/* Price text - similar to special-offers-current-price */
.bnaia-paints-price-text {
    position: relative;
    line-height: 100%;
    font-weight: 700;
}

/* Cart form - similar to special-offers-cart-form */
.bnaia-paints-cart-form {
    display: inline-block;
    margin: 0;
    padding: 0;
}

/* Cart button - similar to special-offers-add-to-cart */
.bnaia-paints-frame-parent .bnaia-paints-add-to-cart.action.tocart.primary {
    width: 56px !important;
    border-radius: 28px !important;
    height: 56px !important;
    cursor: pointer;
    border: none !important;
    background-color: #E3E8EE !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    padding: 0 !important;
    color: inherit !important;
    font-weight: normal !important;
    min-width: auto !important;
    max-width: 56px !important;
}

.bnaia-paints-frame-parent .bnaia-paints-add-to-cart.action.tocart.primary:hover {
    background-color: rgba(227, 232, 238, 0.8) !important;
    transform: scale(1.05);
    color: inherit !important;
}

.bnaia-paints-frame-parent .bnaia-paints-add-to-cart img {
    width: auto;
    height: auto;
    max-width: 24px;
    max-height: 24px;
}

/* Explore Banner Section - similar to special-offers-banner but with red/pink background */
.bnaia-paints-banner {
    width: 473px;
    position: relative;
    height: 516px;
    text-align: right;
    font-size: 35px;
    font-family: Tajawal;
}

.bnaia-paints-banner-image {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 7px;
    width: 473px;
    height: 516px;
    object-fit: cover;
}

.bnaia-paints-banner-overlay {
    position: absolute;
    top: 416px;
    left: 0px;
    border-radius: 0px 0px 7px 7px;
    background-color: #ed254e; /* Red/pink background for paints */
    width: 473px;
    height: 103px;
    overflow: hidden;
}

.bnaia-paints-banner-text {
    color: #fff;
    position: absolute;
    top: 25px;
    right: 35px;
    line-height: 150%;
    font-weight: 500;
}

/* Mobile Responsive Fixes */
@media (max-width: 768px) {
    .bnaia-paints-title {
        width: 46%;
        font-size: 24px;
        line-height: 50px;
    }
    
    .bnaia-paints-header {
        gap: 15px;
        flex-wrap: wrap;
    }
    
    .bnaia-paints-view-all {
        width: auto;
        min-width: 120px;
        flex-shrink: 0;
        margin-left: 10px;
    }
    
    .bnaia-paints-view-text {
        font-size: 18px;
        white-space: nowrap;
    }
    
    .bnaia-paints-frame-parent {
        padding-right: 20px;
        margin-top: 35px;
        margin-bottom: 35px;
    }
}/* Sinks Section CSS */

.bnaia-sinks-frame-parent {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 48px;
    text-align: right;
    margin-top: 55px;
    padding-right: 45px;
    margin-bottom: 45px;
    background-color: #f2f4f7; /* Gray background for sinks section */
    padding: 55px 45px 45px 45px;
}

.bnaia-sinks-header {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 48px;
    font-size: 25px;
    color: #0057b7;
    font-family: 'Cairo';
}

.bnaia-sinks-title {
    width: 80%;
    position: relative;
    font-size: 45px;
    letter-spacing: -0.41px;
    line-height: 70.5px;
    text-transform: capitalize;
    display: flex;
    color: #3b3b3b;
    align-items: center;
    flex-shrink: 0;
}

.bnaia-sinks-view-all {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 17px;
    order: 2;
    width: 20%;
    text-decoration: none;
    color: inherit;
    margin-left: 20px;
}

.bnaia-sinks-arrow-icon {
    width: 35.5px;
    position: relative;
    max-height: 100%;
    object-fit: contain;
}

.bnaia-sinks-view-text {
    position: relative;
    letter-spacing: -0.01em;
    line-height: 150%;
    color: #000;
}

/* Main container - similar to special-offers-main-container */
.bnaia-sinks-main-container {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 30px;
    z-index: 2;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: Almarai;
    overflow: hidden; /* Prevent overflow */
    direction: ltr;
}

/* Products scroll container */
.bnaia-sinks-frame-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    /* Show 4.5 products: 4 full + 0.5 partial */
    width: calc(4.5 * 298px + 4 * 30px); /* 4.5 products + 4 gaps */
    max-width: calc(4.5 * 298px + 4 * 30px);
    /* Force RTL direction for proper scroll behavior */
    direction: rtl;
    cursor: grab;
}

.bnaia-sinks-frame-group::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.bnaia-sinks-frame-group:active {
    cursor: grabbing;
}

/* Individual product wrapper - similar to special-offers-product-item */
.bnaia-sinks-frame-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0; /* Prevent items from shrinking */
    min-width: 298px; /* Ensure minimum width */
    /* Reset direction to LTR for proper product layout */
    direction: ltr;
}

/* Product container - similar to special-offers-product-container */
.bnaia-sinks-product-container {
    width: 298px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 18px;
}

/* Product image wrapper - similar to special-offers-product-image-wrapper */
.bnaia-sinks-frame-container {
    align-self: stretch;
    position: relative;
    border-radius: 7px;
    height: 374px;
    overflow: hidden;
    flex-shrink: 0;
}

/* Product image - similar to special-offers-product-image */
.bnaia-sinks-frame-child {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 7px;
    width: 298px;
    height: 374px;
    overflow: hidden;
    object-fit: cover;
}

/* Wishlist button - similar to special-offers-wishlist-btn */
.bnaia-sinks-frame-item {
    position: absolute;
    top: calc(50% - 169px);
    left: calc(50% + 88px);
    border-radius: 28px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    border: none;
    background: transparent;
}

/* Product info - similar to special-offers-product-info */
.bnaia-sinks-product-details-parent {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 20px;
    text-align: right;
    font-size: 18px;
    color: #3b3b3b;
    font-family: Tajawal;
}

/* Product title - similar to special-offers-product-title */
.bnaia-sinks-product-name {
    align-self: stretch;
    position: relative;
    line-height: 132%;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 700;
}

.bnaia-sinks-product-name a {
    color: inherit;
    text-decoration: none;
}

.bnaia-sinks-product-name a:hover {
    color: #007bff;
}

/* Price cart container - similar to special-offers-price-cart-container */
.bnaia-sinks-price-cart-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 134px;
    text-align: center;
    font-size: 25px;
    color: #c70032;
    font-family: Poppins;
}

/* Price container - similar to special-offers-price-container */
.bnaia-sinks-price-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 11px;
}

/* Price wrapper - similar to special-offers-current-price-wrapper */
.bnaia-sinks-price-wrapper {
    width: 108px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

/* Price text - similar to special-offers-current-price */
.bnaia-sinks-price-text {
    position: relative;
    line-height: 100%;
    font-weight: 700;
}

/* Cart form - similar to special-offers-cart-form */
.bnaia-sinks-cart-form {
    display: inline-block;
    margin: 0;
    padding: 0;
}

/* Cart button - similar to special-offers-add-to-cart */
.bnaia-sinks-frame-parent .bnaia-sinks-add-to-cart.action.tocart.primary {
    width: 56px !important;
    border-radius: 28px !important;
    height: 56px !important;
    cursor: pointer;
    border: none !important;
    background-color: #E3E8EE !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    padding: 0 !important;
    color: inherit !important;
    font-weight: normal !important;
    min-width: auto !important;
    max-width: 56px !important;
}

.bnaia-sinks-frame-parent .bnaia-sinks-add-to-cart.action.tocart.primary:hover {
    background-color: rgba(227, 232, 238, 0.8) !important;
    transform: scale(1.05);
    color: inherit !important;
}

.bnaia-sinks-frame-parent .bnaia-sinks-add-to-cart img {
    width: auto;
    height: auto;
    max-width: 24px;
    max-height: 24px;
}

/* Explore Banner Section - similar to special-offers-banner but with yellow background */
.bnaia-sinks-banner {
    width: 473px;
    position: relative;
    height: 516px;
    text-align: right;
    font-size: 35px;
    font-family: Tajawal;
}

.bnaia-sinks-banner-image {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 7px;
    width: 473px;
    height: 516px;
    object-fit: cover;
}

.bnaia-sinks-banner-overlay {
    position: absolute;
    top: 416px;
    left: 0px;
    border-radius: 0px 0px 7px 7px;
    background-color: #f9dc5c; /* Yellow background for sinks */
    width: 473px;
    height: 103px;
    overflow: hidden;
}

.bnaia-sinks-banner-text {
    color: #0057b7;
    position: absolute;
    top: 25px;
    right: 50px;
    line-height: 150%;
    font-weight: 500;
}

/* Mobile Responsive Fixes */
@media (max-width: 768px) {
    .bnaia-sinks-title {
        width: 45%;
        font-size: 28px;
        line-height: 50px;
    }
    
    .bnaia-sinks-header {
        gap: 15px;
        flex-wrap: wrap;
    }
    
    .bnaia-sinks-view-all {
        width: auto;
        min-width: 120px;
        flex-shrink: 0;
        margin-left: 10px;
    }
    
    .bnaia-sinks-view-text {
        font-size: 18px;
        white-space: nowrap;
    }
    
    .bnaia-sinks-frame-parent {
        padding-right: 20px;
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .bnaia-sinks-frame-parent {
        padding: 55px 20px 45px 0px;
    }
}/* AC Categories Section - Unique CSS Classes */

.bnaia-ac-component-69-child {
    position: absolute;
    top: 442px;
    left: 0px;
    background-color: rgba(255, 255, 255, 0.85);
    width: 365px;
    height: 10px;
    display: none;
}

.bnaia-ac-plug-socket-1 {
    position: absolute;
    top: 147px;
    left: 14px;
    width: 272.5px;
    height: 171px;
    object-fit: cover;
}

.bnaia-ac-nav-item {
    align-self: stretch;
    position: relative;
    line-height: 100%;
}

.bnaia-ac-nav-item1 {
    align-self: stretch;
    position: relative;
    font-size: 40px;
    line-height: 100%;
    font-family: Tajawal;
}

.bnaia-ac-nav-item-parent {
    position: absolute;
    top: 26.5px;
    left: 150px;
    width: 139px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 11px;
}

.bnaia-ac-component-69 {
    flex: 1;
    position: relative;
    border-radius: 14px;
    background-color: #f9dc5c;
    height: 334px;
}

.bnaia-ac-nav-item2 {
    width: 189px;
    position: relative;
    line-height: 100%;
    display: inline-block;
}

.bnaia-ac-nav-item3 {
    align-self: stretch;
    position: relative;
    font-size: 40px;
    line-height: 100%;
    font-family: Tajawal;
    text-align: right;
}

.bnaia-ac-nav-item-group {
    position: absolute;
    top: 28.5px;
    left: 79px;
    width: 205px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 11px;
}

.bnaia-ac-component-69-parent {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 19px;
}

.bnaia-ac-plug-socket-12 {
    position: absolute;
    top: 33px;
    left: 222px;
    width: 409.5px;
    height: 257px;
    object-fit: cover;
}

.bnaia-ac-nav-item-container {
    position: absolute;
    top: 76.5px;
    left: 44px;
    width: 139px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 13px;
}

.bnaia-ac-component-71 {
    width: 654px;
    position: relative;
    border-radius: 14px;
    background-color: #f9dc5c;
    height: 307px;
    font-size: 100px;
}

.bnaia-ac-frame-group {
    width: 655px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 21px;
}

.bnaia-ac-frame-wrapper {
    height: 663px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    order: 1;
}

.bnaia-ac-web-banner-10-child {
    position: absolute;
    top: 0px;
    left: 115px;
    width: 495px;
    height: 663px;
    object-fit: contain;
}

.bnaia-ac-logoai-page-0001-5-icon {
    position: absolute;
    top: 23px;
    left: 492px;
    width: 81px;
    height: 45px;
    object-fit: cover;
}

.bnaia-ac-shipping-text {
    position: absolute;
    top: 475px;
    left: -41px;
    font-size: 35px;
    letter-spacing: -0.02em;
    line-height: 120%;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    width: 289px;
}

.bnaia-ac-from-text {
    position: absolute;
    top: 185px;
    left: 445px;
    font-size: 40px;
    letter-spacing: -0.02em;
    line-height: 120%;
    text-transform: capitalize;
    font-weight: 500;
    text-align: left;
}

.bnaia-ac-ac-text {
    position: absolute;
    top: 108px;
    left: 181px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    display: inline-block;
    width: 392px;
}

.bnaia-ac-free-text {
    position: absolute;
    top: 538px;
    left: 73px;
    text-transform: uppercase;
    text-align: left;
}

.bnaia-ac-web-banner-10 {
    align-self: stretch;
    position: relative;
    border-radius: 7px;
    background-color: #0057b7;
    height: 663px;
    width: 610px;
    overflow: hidden;
    flex-shrink: 0;
}

.bnaia-ac-web-banner-10-wrapper {
    width: 610px;
    height: 663px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: right;
    font-size: 60px;
    color: #fff;
    font-family: Tajawal;
}

.bnaia-ac-frame-parent {
    position: relative;
    width: 100%;
    max-width: 1200px;
    height: 663px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: 29px;
    text-align: center;
    font-size: 90px;
    color: #0057b7;
    font-family: Poppins;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
}

/* Responsive Design for Electrical Categories */
@media (max-width: 768px) {
    .bnaia-ac-frame-parent {
        flex-direction: column;
        height: auto;
        gap: 20px;
    }
    
    .bnaia-ac-frame-wrapper {
        height: auto;
    }
    
    .bnaia-ac-web-banner-10-wrapper {
        width: 100%;
        height: 400px;
    }
    
    .bnaia-ac-web-banner-10 {
        height: 400px;
    }
    
    .bnaia-ac-component-69-parent {
        flex-direction: column;
        gap: 15px;
    }
    
    .bnaia-ac-component-69,
    .bnaia-ac-component-71 {
        width: 100%;
        max-width: 400px;
    }
}

/* RTL Support for Electrical Categories */
[dir="rtl"] .bnaia-ac-frame-parent {
    direction: rtl;
}

[dir="rtl"] .bnaia-ac-nav-item-parent,
[dir="rtl"] .bnaia-ac-nav-item-group,
[dir="rtl"] .bnaia-ac-nav-item-container {
    text-align: right;
}

/* Hover Effects for Electrical Categories */
.bnaia-ac-component-69:hover,
.bnaia-ac-component-71:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.bnaia-ac-web-banner-10:hover {
    transform: scale(1.02);
    transition: transform 0.3s ease;
}
/* Bnaia Bathroom & Kitchen Categories Section */
.bnaia-bathroom-section {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 48px;
    text-align: right;
    font-size: 25px;
    color: #0057b7;
    font-family: 'Cairo';
    padding: 50px 20px;
    background-color: #fff;
}

.bnaia-bathroom-arrow-icon {
    width: 35.5px;
    position: relative;
    max-height: 100%;
    object-fit: contain;
}

.bnaia-bathroom-view-text {
    position: relative;
    letter-spacing: -0.01em;
    line-height: 150%;
}

.bnaia-bathroom-view-all {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 17px;
    order: 2;
    width: 20%;
    text-decoration: none;
    color: inherit;
}

.bnaia-bathroom-title {
    width: 80%;
    position: relative;
    font-size: 45px;
    letter-spacing: -0.41px;
    line-height: 70.5px;
    text-transform: capitalize;
    display: flex;
    color: #3b3b3b;
    align-items: center;
    flex-shrink: 0;
}

.bnaia-bathroom-header {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 48px;
}

.bnaia-bathroom-category-image {
    width: 261px;
    position: relative;
    height: 261px;
    object-fit: cover;
}

.bnaia-bathroom-image-container {
    width: 273px;
    border-radius: 5px;
    background-color: #e3e8ee;
    height: 363px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.bnaia-bathroom-image-wrapper {
    width: 273px;
    height: 363px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.bnaia-bathroom-category-name {
    width: 241px;
    position: relative;
    line-height: 146%;
    display: inline-block;
    color: #444;
    font-family: 'Cairo';
}

.bnaia-bathroom-long-name {
    width: 287px;
}

.bnaia-bathroom-text-wrapper {
    width: 172px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.bnaia-bathroom-category-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
    text-decoration: none;
    color: inherit;
}

.bnaia-bathroom-category-item:hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease;
}

.bnaia-bathroom-scrollable {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 22px;
    overflow-x: auto;
    overflow-y: hidden;
    cursor: grab;
    scroll-behavior: smooth;
    flex: 1;
    order: 2;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.bnaia-bathroom-scrollable::-webkit-scrollbar {
    display: none;
}

.bnaia-bathroom-scrollable::-webkit-scrollbar-track {
    display: none;
}

.bnaia-bathroom-scrollable::-webkit-scrollbar-thumb {
    display: none;
}

.bnaia-bathroom-scrollable::-webkit-scrollbar-thumb:hover {
    display: none;
}

.bnaia-bathroom-cta-text {
    position: absolute;
    top: 54px;
    left: 38px;
    letter-spacing: -0.41px;
    line-height: 46px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    width: 192px;
    text-align: right;
}

.bnaia-bathroom-cta-button {
    position: absolute;
    top: 265px;
    left: 65px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 17px;
    font-size: 25px;
}

.bnaia-bathroom-cta-card {
    width: 261px;
    position: relative;
    border-radius: 5px;
    background-color: #0057b7;
    height: 363px;
    overflow: hidden;
    flex-shrink: 0;
    text-align: right;
    font-size: 30px;
    color: #fff;
    font-family: 'Cairo';
    cursor: pointer;
    text-decoration: none;
    margin-left: 22px;
    order: 1;
}

.bnaia-bathroom-cta-card:hover {
    background-color: #004494;
    transition: background-color 0.3s ease;
}

.bnaia-bathroom-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 50px;
    text-align: center;
    color: #444;
    font-family: 'Cairo';
    width: 100%;
}

/* Responsive adjustments for bathroom section */
@media (max-width: 1280px) {
    .bnaia-bathroom-section {
        padding: 40px 15px;
    }
    
    .bnaia-bathroom-title {
        width: 49%;
        font-size: 28px;
        line-height: 50px;
    }
    
    .bnaia-bathroom-header {
        gap: 15px;
        flex-wrap: wrap;
    }
    
    .bnaia-bathroom-view-all {
        width: auto;
        min-width: 120px;
        flex-shrink: 0;
        margin-left: 10px;
    }
    
    .bnaia-bathroom-view-text {
        font-size: 18px;
        white-space: nowrap;
    }
    
    .bnaia-bathroom-scrollable,
    .bnaia-bathroom-container {
        width: auto;
    }
}

@media (max-width: 768px) {
    .bnaia-bathroom-section {
        padding: 30px 15px;
        font-size: 20px;
    }
    
    .bnaia-bathroom-title {
        width: 33%;
        font-size: 19px;
        line-height: 50px;
    }
    
    .bnaia-bathroom-header {
        gap: 15px;
        flex-wrap: wrap;
    }
    
    .bnaia-bathroom-view-all {
        width: auto;
        min-width: 120px;
        flex-shrink: 0;
        margin-left: 10px;
    }
    
    .bnaia-bathroom-view-text {
        font-size: 17px;
        white-space: nowrap;
    }
    
    .bnaia-bathroom-image-wrapper {
        width: 200px;
        height: 280px;
    }
    
    .bnaia-bathroom-image-container {
        width: 200px;
        height: 280px;
    }
    
    .bnaia-bathroom-cta-card {
        width: 200px;
        height: 280px;
    }
    
    .bnaia-bathroom-cta-text {
        font-size: 24px;
        width: 150px;
    }
    
    .bnaia-bathroom-cta-button {
        font-size: 18px;
        top: 220px;
    }
}
/* Construction Chemicals Categories Section - Identical to Bathroom Section */

.bnaia-chemicals-section {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 48px;
    text-align: right;
    font-size: 25px;
    color: #0057b7;
    font-family: 'Cairo';
    padding: 50px 20px;
    background-color: #fff;
}

.bnaia-chemicals-header {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 48px;
}

.bnaia-chemicals-title {
    width: 80%;
    position: relative;
    font-size: 45px;
    letter-spacing: -0.41px;
    line-height: 70.5px;
    text-transform: capitalize;
    display: flex;
    color: #3b3b3b;
    align-items: center;
    flex-shrink: 0;
}

.bnaia-chemicals-view-all {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 17px;
    order: 2;
    width: 20%;
    text-decoration: none;
    color: inherit;
}

.bnaia-chemicals-view-text {
    position: relative;
    letter-spacing: -0.01em;
    line-height: 150%;
}

.bnaia-chemicals-arrow-icon {
    width: 35.5px;
    position: relative;
    max-height: 100%;
    object-fit: contain;
}

.bnaia-chemicals-container {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.bnaia-chemicals-scrollable {
    display: flex;
    gap: 22px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 10px 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.bnaia-chemicals-scrollable::-webkit-scrollbar {
    display: none;
}

.bnaia-chemicals-category-item {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-decoration: none;
    color: inherit;
    transition: transform 0.3s ease;
    cursor: pointer;
}

.bnaia-chemicals-category-item:hover {
    transform: translateY(-5px);
}

.bnaia-chemicals-image-wrapper {
    width: 273px;
    height: 363px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.bnaia-chemicals-image-container {
    width: 272px;
    height: 363px;
    border-radius: 5px;
    background-color: #f9dc5c;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bnaia-chemicals-category-image {
    width: 233px;
    height: 233px;
    object-fit: cover;
}

.bnaia-chemicals-text-wrapper {
    width: 172px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.bnaia-chemicals-category-name {
    width: 260px;
    font-family: 'Almarai', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    line-height: 146%;
    text-align: center;
    display: inline-block;
}

/* Special width adjustments for longer text items */
.bnaia-chemicals-category-item:nth-child(3) .bnaia-chemicals-category-name {
    width: 356px;
}

.bnaia-chemicals-category-item:nth-child(4) .bnaia-chemicals-category-name {
    width: 332px;
}

.bnaia-chemicals-category-item:nth-child(5) .bnaia-chemicals-category-name {
    width: 332px;
}

.bnaia-chemicals-category-item:nth-child(6) .bnaia-chemicals-text-wrapper {
    width: 254px;
}

.bnaia-chemicals-category-item:nth-child(6) .bnaia-chemicals-category-name {
    width: 260px;
}

.bnaia-chemicals-category-item:nth-child(10) .bnaia-chemicals-text-wrapper {
    width: 254px;
}

.bnaia-chemicals-category-item:nth-child(10) .bnaia-chemicals-category-name {
    width: 293px;
}

/* Special image sizing for one item */
.bnaia-chemicals-category-item:nth-child(6) .bnaia-chemicals-category-image {
    width: 263px;
    height: 263px;
}

/* Responsive adjustments for chemicals section */
@media (max-width: 1280px) {
    .bnaia-chemicals-section {
        padding: 40px 15px;
    }
    
    .bnaia-chemicals-title {
        width: 39%;
        font-size: 22px;
        line-height: 50px;
    }
    
    .bnaia-chemicals-header {
        gap: 15px;
        flex-wrap: wrap;
    }
    
    .bnaia-chemicals-view-all {
        width: auto;
        min-width: 120px;
        flex-shrink: 0;
        margin-left: 10px;
    }
    
    .bnaia-chemicals-view-text {
        font-size: 18px;
        white-space: nowrap;
    }
    
    .bnaia-chemicals-scrollable,
    .bnaia-chemicals-container {
        width: auto;
    }
}

@media (max-width: 768px) {
    .bnaia-chemicals-section {
        padding: 30px 15px;
        font-size: 20px;
    }
    
    .bnaia-chemicals-title {
        width: 40%;
        font-size: 22px;
        line-height: 50px;
    }
    
    .bnaia-chemicals-header {
        gap: 15px;
        flex-wrap: wrap;
    }
    
    .bnaia-chemicals-view-all {
        width: auto;
        min-width: 120px;
        flex-shrink: 0;
        margin-left: 10px;
    }
    
    .bnaia-chemicals-view-text {
        font-size: 18px;
        white-space: nowrap;
    }
    
    .bnaia-chemicals-image-wrapper {
        width: 200px;
        height: 280px;
    }
    
    .bnaia-chemicals-image-container {
        width: 200px;
        height: 280px;
    }
    
    .bnaia-chemicals-category-image {
        width: 170px;
        height: 170px;
    }
    
    .bnaia-chemicals-category-item:nth-child(6) .bnaia-chemicals-category-image {
        width: 190px;
        height: 190px;
    }
    
    .bnaia-chemicals-text-wrapper {
        width: 150px;
    }
    
    .bnaia-chemicals-category-name {
        width: 200px !important;
        font-size: 14px;
    }
    
    .bnaia-chemicals-category-item:nth-child(3) .bnaia-chemicals-category-name,
    .bnaia-chemicals-category-item:nth-child(4) .bnaia-chemicals-category-name,
    .bnaia-chemicals-category-item:nth-child(5) .bnaia-chemicals-category-name,
    .bnaia-chemicals-category-item:nth-child(6) .bnaia-chemicals-category-name,
    .bnaia-chemicals-category-item:nth-child(10) .bnaia-chemicals-category-name {
        width: 200px !important;
    }
    
    .bnaia-chemicals-category-item:nth-child(6) .bnaia-chemicals-text-wrapper,
    .bnaia-chemicals-category-item:nth-child(10) .bnaia-chemicals-text-wrapper {
        width: 150px;
    }
}/* Mobile App Download Section CSS */

.bnaia-app-download-frame-parent {
    width: 100%;
    position: relative;
    height: 766.3px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-family: Poppins;
    margin-top: 55px;
    margin-bottom: 45px;
}

.bnaia-app-download-vector-parent {
    position: absolute;
    top: 119px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #0057b7;
    width: 1440px;
    height: 523px;
    overflow: hidden;
}

.bnaia-app-download-frame-child {
    position: absolute;
    top: 74px;
    left: 582px;
    width: 525px;
    height: 111px;
}

.bnaia-app-download-save-time-and {
    position: absolute;
    top: 86px;
    left: 655px;
    font-size: 60px;
    line-height: 125%;
    font-family: 'Baloo Bhaijaan';
    text-align: left;
}

.bnaia-app-download-explore-top-quality-materials {
    position: absolute;
    top: 264px;
    left: 616px;
    font-size: 26px;
    line-height: 125%;
    font-family: Tajawal;
    text-align: right;
    display: inline-block;
    width: 496px;
}

.bnaia-app-download-icbaseline-apple-icon {
    width: 34px;
    position: relative;
    max-height: 100%;
    overflow: hidden;
    flex-shrink: 0;
}

.bnaia-app-download-div {
    position: relative;
    line-height: 16.4px;
    font-weight: 600;
}

.bnaia-app-download-iconscurvedactivity {
    width: 20px;
    position: relative;
    height: 20px;
    display: none;
}

.bnaia-app-download-parent {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.bnaia-app-download-button {
    position: absolute;
    top: 410px;
    left: 593px;
    border-radius: 6px;
    background-color: #000;
    width: 237px;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 11px 16px 12px;
    box-sizing: border-box;
    gap: 10px;
}

.bnaia-app-download-logosgoogle-play-icon {
    width: 26px;
    position: relative;
    max-height: 100%;
    overflow: hidden;
    flex-shrink: 0;
}

.bnaia-app-download-b {
    position: relative;
    line-height: 16.4px;
}

.bnaia-app-download-button1 {
    position: absolute;
    top: 410px;
    left: 870px;
    border-radius: 6px;
    background-color: #fff;
    width: 237px;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 11px 16px 12px;
    box-sizing: border-box;
    gap: 10px;
    color: #3b3b3b;
}

.bnaia-app-download-frame-item {
    position: absolute;
    top: 104px;
    left: 115px;
    filter: blur(323.5px);
    border-radius: 50%;
    background-color: #9147ff;
    width: 305px;
    height: 306px;
}

.bnaia-app-download-frame-inner {
    position: absolute;
    top: 177px;
    left: 333px;
    filter: blur(217.9px);
    border-radius: 50%;
    background-color: #5f8de2;
    width: 249px;
    height: 249px;
}

.bnaia-app-download-ellipse-div {
    position: absolute;
    top: 32px;
    left: -66px;
    filter: blur(323.5px);
    border-radius: 50%;
    background-color: #001962;
    width: 306px;
    height: 306px;
}

.bnaia-app-download-frame-icon {
    position: absolute;
    top: 0px;
    left: 1209px;
    width: 231px;
    height: 523px;
    overflow: hidden;
    object-fit: contain;
}

.bnaia-app-download-group-child {
    position: absolute;
    top: 0px;
    left: 53%;
    transform: translateX(-50%);
    margin-left: -360px;
    width: 775px;
    height: 766.3px;
    object-fit: cover;
}

/* Responsive Design */
@media screen and (max-width: 1280px) {
    .bnaia-app-download-vector-parent {
        width: 100%;
        left: 0;
        transform: none;
    }
    
    .bnaia-app-download-save-time-and {
        left: 40%;
        font-size: 50px;
    }
    
    .bnaia-app-download-explore-top-quality-materials {
        left: 35%;
        width: 400px;
        font-size: 22px;
    }
    
    .bnaia-app-download-button {
        left: 35%;
    }
    
    .bnaia-app-download-button1 {
        left: 55%;
    }
    
    .bnaia-app-download-group-child {
        left: 0;
        transform: none;
        margin-left: 0;
    }
}

@media screen and (max-width: 768px) {
    .bnaia-app-download-frame-parent {
        height: 600px;
    }
    
    .bnaia-app-download-vector-parent {
        height: 400px;
    }
    
    .bnaia-app-download-save-time-and {
        font-size: 35px;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        top: 60px;
    }
    
    .bnaia-app-download-explore-top-quality-materials {
        font-size: 18px;
        left: 50%;
        transform: translateX(-50%);
        width: 300px;
        text-align: center;
        top: 180px;
    }
    
    .bnaia-app-download-button {
        left: 50%;
        transform: translateX(-50%);
        top: 280px;
        width: 200px;
    }
    
    .bnaia-app-download-button1 {
        left: 50%;
        transform: translateX(-50%);
        top: 340px;
        width: 200px;
    }
    
    .bnaia-app-download-frame-icon {
        display: none;
    }
}
/* Cart Drawer RTL Fixes */

/* Force close button to stay on the left side in RTL */
[dir="rtl"] #cart-drawer button[aria-label*="Close"] {
    left: 0.5rem !important;
    right: auto !important;
}

/* Ensure proper header padding for RTL */
[dir="rtl"] #cart-drawer header {
    padding-left: 4rem !important;
    padding-right: 1rem !important;
}

/* Fix any potential Tailwind RTL auto-flipping */
#cart-drawer button[aria-label*="Close"] {
    position: absolute;
    top: 0;
    left: 0.5rem;
    right: auto;
}

/* Additional specificity for RTL override */
html[dir="rtl"] #cart-drawer button[aria-label*="Close"],
body[dir="rtl"] #cart-drawer button[aria-label*="Close"] {
    left: 0.5rem !important;
    right: auto !important;
}

/* RTL Animation Fix - Cart should slide from LEFT side */

/* RTL Cart positioning - move to left side */
[dir="rtl"] #cart-drawer div[role="dialog"] {
    left: 0 !important;
    right: auto !important;
}


/**
 * Product Image Display Fix for Hyva Theme
 * Fixes the issue where product images are not showing due to missing container dimensions
 */

/* Main Product Image Container Fix */
.product.photo.product-item-photo,
a.product.photo.product-item-photo {
    display: block !important;
    width: 100% !important;
    max-width: 300px !important;
    height: 300px !important;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

/* Image styling within containers */
.product.photo.product-item-photo img,
a.product.photo.product-item-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transition: transform 0.3s ease;
}

/* Hover effects */
.product.photo.product-item-photo:hover img,
a.product.photo.product-item-photo:hover img {
    transform: scale(1.05);
}

/* Grid view specific adjustments */
.product-items .product-item .product.photo.product-item-photo {
    width: 100% !important;
    height: 250px !important;
}

/* List view specific adjustments */
.products.list .product.photo.product-item-photo {
    width: 200px !important;
    height: 200px !important;
    flex-shrink: 0;
}

/* Product slider adjustments */
.product-slider .product.photo.product-item-photo {
    width: 100% !important;
    height: 220px !important;
}

/* Category page adjustments */
.category-products .product.photo.product-item-photo {
    width: 100% !important;
    height: 280px !important;
}

/* Search results adjustments */
.search-results .product.photo.product-item-photo {
    width: 100% !important;
    height: 250px !important;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .product.photo.product-item-photo,
    a.product.photo.product-item-photo {
        height: 200px !important;
        max-width: 200px !important;
    }
    
    .products.list .product.photo.product-item-photo {
        width: 150px !important;
        height: 150px !important;
    }
}

@media (max-width: 480px) {
    .product.photo.product-item-photo,
    a.product.photo.product-item-photo {
        height: 180px !important;
        max-width: 180px !important;
    }
}

/* RTL specific adjustments */
[dir="rtl"] .product.photo.product-item-photo {
    margin-left: auto;
    margin-right: auto;
}

/* Loading state */
.product.photo.product-item-photo.loading {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="20" fill="none" stroke="%23ddd" stroke-width="2"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 40px;
}

/* Fallback for missing images */
.product.photo.product-item-photo img[src=""],
.product.photo.product-item-photo img:not([src]) {
    display: none;
}

.product.photo.product-item-photo img[src=""]:after,
.product.photo.product-item-photo img:not([src]):after {
    content: "📷";
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: #ccc;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
} /**
 * Messages CSS for Bnaia Theme
 * Ensures proper styling and prevents duplication issues
 */

/* Message container */
#messages {
    position: relative;
    z-index: 50;
}

/* Prevent duplicate message containers */
#messages + #messages {
    display: none !important;
}

/* Temporarily hide duplicate messages until JavaScript cleanup runs */
#messages div.w-full + div.w-full {
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Individual message styling */
.message {
    @apply relative mb-3 p-4 rounded-lg border-l-4 shadow-sm;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    animation: messageSlideIn 0.3s ease-out;
}

/* Message types */
.message.success {
    @apply bg-green-50 border-green-500 text-green-800;
}

.message.error {
    @apply bg-red-50 border-red-500 text-red-800;
}

.message.warning {
    @apply bg-yellow-50 border-yellow-500 text-yellow-800;
}

.message.info {
    @apply bg-blue-50 border-blue-500 text-blue-800;
}

/* Message content */
.message span {
    flex: 1;
    margin-right: 1rem;
}

/* Close button */
.message button {
    flex-shrink: 0;
    padding: 0.25rem;
    border-radius: 0.25rem;
    transition: all 0.2s ease;
}

.message button:hover {
    @apply bg-gray-100;
}

.message button:focus {
    @apply outline-none ring-2 ring-offset-1 ring-gray-400;
}

/* Animation for message appearance */
@keyframes messageSlideIn {
    from {
        opacity: 0;
        transform: translateY(-1rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Animation for message removal */
.message.removing {
    animation: messageSlideOut 0.3s ease-in forwards;
}

@keyframes messageSlideOut {
    from {
        opacity: 1;
        transform: translateY(0);
        max-height: 200px;
    }
    to {
        opacity: 0;
        transform: translateY(-1rem);
        max-height: 0;
        margin: 0;
        padding: 0;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .message {
        @apply mx-4 text-sm;
    }
    
    .message span {
        margin-right: 0.5rem;
    }
}

/* Accessibility improvements */
.message:focus-within {
    @apply ring-2 ring-offset-2 ring-blue-500;
}

/* Prevent text selection on close button */
.message button {
    user-select: none;
}

/* Ensure proper RTL support */
[dir="rtl"] .message span {
    margin-right: 0;
    margin-left: 1rem;
}

[dir="rtl"] .message button {
    margin-left: 0;
    margin-right: 0.5rem;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .message {
        border-width: 2px;
        border-style: solid;
    }
    
    .message.success {
        border-color: #059669;
        background-color: #ecfdf5;
    }
    
    .message.error {
        border-color: #dc2626;
        background-color: #fef2f2;
    }
    
    .message.warning {
        border-color: #d97706;
        background-color: #fffbeb;
    }
    
    .message.info {
        border-color: #2563eb;
        background-color: #eff6ff;
    }
}

/* Links within messages */
.message a {
    @apply underline font-medium;
}

.message.success a {
    @apply text-green-700;
}

.message.error a {
    @apply text-red-700;
}

.message.warning a {
    @apply text-yellow-700;
}

.message.info a {
    @apply text-blue-700;
} @font-face {
    font-family: 'vendor-profile';
    src:    url('../../frontend/bonline/bnaia/ar_EG/Vnecoms_Vendors/fonts/vendor-profile.eot?fc87wr');
    src:    url('../../frontend/bonline/bnaia/ar_EG/Vnecoms_Vendors/fonts/vendor-profile.eot?fc87wr#iefix') format('embedded-opentype'),
        url('../../frontend/bonline/bnaia/ar_EG/Vnecoms_Vendors/fonts/vendor-profile.ttf?fc87wr') format('truetype'),
        url('../../frontend/bonline/bnaia/ar_EG/Vnecoms_Vendors/fonts/vendor-profile.woff?fc87wr') format('woff'),
        url('../../frontend/bonline/bnaia/ar_EG/Vnecoms_Vendors/fonts/vendor-profile.svg?fc87wr#vendor-profile') format('svg');
    font-weight: normal;
    font-style: normal;
}

.vendor-profile-container{
    display: block;
    padding: 10px;
    background-color: #FBFBFB;
}

.vendor-profile-container:after{
    display: block;
    content: ".";
    clear: both;
    font-size: 0px;
    width: 0;
    height: 0;
}
.vendor-profile-logo{
    width: 20.6667%;
    display: block;
    float: left;
    text-align: center;
}

.vendor-profile-description{
    display: block;
    width: calc(79.3333% - 40px);
    float: right;
    padding: 0 20px;
}
.vendor-headline{
    display: block;
    margin-bottom: 15px;
}
.vendor-profile-description h3.vendor-title{
    font-size: 25px;
    font-weight: bold;
    margin: 10px 0;
}
.vendor-profile-description h3.vendor-title a{
    color: inherit;
}
.vendor-profile-description .vendor-info{
    color: #888;
    margin-top: 10px;
}
.vendor-profile-description .vendor-sales-count:before,
.vendor-profile-description .vendor-location:before,
.vendor-profile-description .vendor-phone:before,
.vendor-profile-description .vendor-operation-time:before,
.vendor-profile-description .vendor-joined-date:before
{
    font-family: "vendor-profile";
    content: "\f041";
    padding-right: 6px;
}
.vendor-profile-description .vendor-sales-count:before{
    content: "\e63f";
}
.vendor-profile-description .vendor-joined-date:before{
    content: "\f073";
}
.vendor-profile-description .vendor-phone:before{
    content: "\e902";
}
.vendor-profile-description .vendor-operation-time:before{
    content: "\e900";
}

.vendor-info > span:nth-child(n+2){
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #e1e3df;
}

.shipping-err-msg {
     color: #c70032;
     margin-right:5px;
}
.vendor-info-content {
    margin-left: 10px;
    margin-right: 10px;
}
.vendor-info-title.shipping.col-sm-24{
    padding-left: 0px;
}

.vendor-info-title-shipping {
    margin-top: 10px;
    color: #414b56 !important;
}
.vendor-info-title{
    margin-left: 10px;
    margin-right: 10px;
}
#price-compare a {
    color: #c70032;
    font-size: 15px;
}
.delivery-time {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.sellers-title h3{
    font: 400  18px/1.35 Cairo, sans-serif;
    margin: 0 0 10px;
    color: #414b56 !important;
}
.shipping-err-qty-msg{
    color:#c70032;
    margin-bottom: 10px;
}

.seller-button {
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 20px;
    padding-top: 20px;
}
.dotted-line {
    color: #e9eaec;
    border-style: 1px dashed #e9eaec;
     padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #e9eaec;
}
.compare.seller-button-sec{
    display: inline-flex;
    margin-top:10px;
}
.compare.seller-button-sec h3{
    color: #c70032;
    margin-left: 5px;    
    margin-right: 6px;
}
.sold-compare.rating-summary {
    margin-top: 20px;
    margin-bottom: 10px
}
a.price-seller-sec{
    margin-right: 5px;
    margin-left: 10px;
}
.seller-border-sec {
 
    border: 1px solid #e9eaec;

}
.rating-result.soldsec {
    margin-right: 10px;
    width: auto;
    margin-left: 10px !important;
}
.soldpart-name {
    font-weight: bold;
}

a.but-seller {
    width: 50%;
    height: 50%;
}
button.seller-but {
    text-transform: lowercase;
    -webkit-writing-mode: horizontal-tb !important;
    -webkit-appearance: button;
    border-style: solid;
    border-width: 1px;
    padding: 1px 7px 2px;
    text-rendering: auto;
    margin: 0em;
    font-size: 13px;
    height: max-content;
    width: max-content;
    margin-right: 20px;
}.price-comparison-container{clear: both;margin-bottom: 30px; min-height: 300px; position: relative;margin-top: 30px}
.price-comparison-container .loading-mask{ background: rgba(255, 255, 255, 0.5); bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; z-index: 100;]}
.price-comparison{border-top: 1px solid #ccc;padding-top: 20px; position: relative;}
.pc_title{font-weight: bold; font-size: 16px; padding: 10px; text-transform: uppercase; margin-bottom: 10px;float: left;}
.pc_filter{float: right; width: 50%; display: block; text-align: right;}
.pc_filter ul, .pc_filter li{list-style: none;}
.pc_filter ul{margin-left: 0px;padding-left: 0px;}
.pc_filter label{display: inline;}
.pc_filter select {display: inline;width: auto;}

.pc_arrow-up, .pc_arrow-down{position: absolute; left: 0; right: 0; margin: auto;}
.pc_arrow-up {width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #FFF; top: 2px;}
.pc_arrow-down {width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #FFF; bottom: 2px;}

.pc_vendor-offers{clear: both;}
.pc_vendor-offers thead, .pc_vendor-offers tbody tr{border-bottom: 1px solid #eee;}
.pc_vendor-offers .product-item td{padding: 20px 10px;}
.pc_vendor-offers .vendor_info{width: 100px; text-align: left;}
.pc_vendor-offers .product_price{width: 150px; vertical-align: middle;}
.pc_vendor-offers .add_to_cart{text-align: right; width: 120px;vertical-align: middle;}
.pc_vendor-offers tbody tr:hover{background: #fafafa;}
.pc_vendor-offers .product_price .price-box .price,
.pc_vendor-offers .shipping_price .price-box .price,
.pc_vendor-offers .total_price .price-box .price
{font-size: 18px;}
.pc_vendor-offers .product_price .old-price .price{font-size: inherit;}

.pc_vendor-offers .logo-container img{border: 1px solid #d3d3d3; vertical-align: middle;}
.pc_vendor-offers h3.vendor-title{margin-top: 0;}
.pc_vendor-offers .vendor-title a{color: #555; font-weight: bold;}
.pc_vendor-offers .vendor-profile-description{float: none; padding: 0;width: auto;}
.price-comparison-container .addition-mobile-info {
    display: none;
}

.pc_showmore{text-align: center; display: block; padding-top: 10px;}
.pc_showmore a{position: relative;}
.product-info-group{overflow: hidden;}
.pc_vendor-offers .shipping_price, .pc_vendor-offers .total_price {
    vertical-align: middle;
}

@media only screen and (max-width: 480px) {
    .price-comparison-container .pc_filter{
        width: auto;
    }
    .price-comparison-container .product_price,.price-comparison-container .add_to_cart{
        display: none;
    }
    .price-comparison-container .vendor-info{
        display: flex;
        flex-direction: column;
    }
    .price-comparison-container .vendor-info > span:nth-child(n+2) {
        margin-left: 0px;
        padding-left: 0px;
        border: none;
        padding-top: 5px;
    }
    .price-comparison-container .addition-mobile-info {
        display: flex;
    }
    .price-comparison-container .addition-mobile-info .price-box {
        margin-right: 20px;
    }
}

.mollie-buttons {
  margin-top: 10%;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.mollie-buttons .button {
  display: inline-block;
  margin: 20px;
  max-width: 100%;
  padding: 0 16px;
  border: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.19);
  border-radius: 6px;
  background-color: #0095FF;
  color: #FFF;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 4.4rem;
  text-align: center;
  text-decoration: none;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mollie-buttons {
  opacity: 0;
  -webkit-transition: opacity 2s ease-in;
  -moz-transition: opacity 2s ease-in;
  -ms-transition: opacity 2s ease-in;
  -o-transition: opacity 2s ease-in;
  transition: opacity 2s ease-in;
}
.mollie-buttons .button:hover {
  background-color: #0077CB;
}
.mollie-loading .redirect-block {
  padding: 10%;
  text-align: center;
}
.checkout-payment-method #mollie_methods_ideal-form .label {
  height: 35px;
  display: inline-block;
}
.checkout-payment-method #mollie_methods_ideal-form .payment-icon {
  width: 35px;
  max-height: 30px;
}
.checkout-payment-method #mollie_methods_kbc-form .label {
  height: 35px;
  display: inline-block;
}
.checkout-payment-method #mollie_methods_kbc-form .payment-icon {
  width: 35px;
  max-height: 30px;
}
.checkout-payment-method #mollie_methods_giftcard-form .label {
  height: 40px;
  display: inline-block;
}
.checkout-payment-method #mollie_methods_giftcard-form .payment-icon {
  width: 35px;
  max-height: 30px;
}
.mollie-payment-icon {
  width: 25px;
  margin-right: 5px;
  vertical-align: middle;
}
.mollie-loading .loader {
  border: 16px solid #E3F0FA;
  border-top: 16px solid #31A8F0;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
  margin-left: auto;
  margin-right: auto;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.mollie-component {
  width: 90%;
  height: 20px;
  background-color: #FFF;
  padding: 10px 15px;
  border-radius: 6px;
  color: #222;
  transition: all 0.05s ease;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 10px;
  margin-top: 5px;
}
.mollie-component.is-invalid {
  background-color: #FFF0F0;
  box-shadow: 0px 1px 1px 0px rgba(255, 51, 68, 0.1), 0px 1px 3px 0px rgba(255, 51, 68, 0.1);
}
.payment-method-content .card-container {
  max-width: 400px;
  overflow: auto;
  background-color: #FFF;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  padding: 20px;
  margin-bottom: 10px;
}
.component-error {
  color: #FF0000;
  display: none;
  margin-bottom: 10px;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%5C%2Fstatic%5C%2Ffrontend%5C%2Fbonline%5C%2Fbnaia%5C%2Far_EG%5C%2FMollie_Payment%5C%2Fcss%5C%2Fstyles.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BEACI%2CeAAA%3BEACA%2CkBAAA%3BEACA%2CUAAA%3BEACA%2CoBAAA%3BEACA%2CmBAAA%3BEACA%2C6BAAA%3B%3BAAGJ%3BEACI%3BIACI%2CUAAA%3B%3BEAEJ%3BIACI%2CUAAA%3B%3B%3BAAIR%2CeAAgB%3BEACZ%2CqBAAA%3BEACA%2CYAAA%3BEACA%2CeAAA%3BEACA%2CeAAA%3BEACA%2CSAAA%3BEACA%2C2CAAA%3BEACA%2CkBAAA%3BEACA%2CyBAAA%3BEACA%2CWAAA%3BEACA%2CiBAAA%3BEACA%2CgBAAA%3BEACA%2CmBAAA%3BEACA%2CkBAAA%3BEACA%2CqBAAA%3BEACA%2CaAAA%3BEACA%2CgBAAA%3BEACA%2CuBAAA%3BEACA%2CoCAAA%3BEACA%2C4BAAA%3BEACA%2CmBAAA%3BEACA%2CyBAAA%3BEACA%2CsBAAA%3BEACA%2CqBAAA%3BEACA%2CiBAAA%3B%3BAAGJ%3BEACI%2CUAAA%3BEACA%2CsCAAA%3BEACA%2CmCAAA%3BEACA%2CkCAAA%3BEACA%2CiCAAA%3BEACA%2C8BAAA%3B%3BAAGJ%2CeAAgB%2CQAAO%3BEACnB%2CyBAAA%3B%3BAAGJ%2CeAAgB%3BEACZ%2CYAAA%3BEACA%2CkBAAA%3B%3BAAGJ%2CwBAAyB%2C2BAA2B%3BEAChD%2CYAAA%3BEACA%2CqBAAA%3B%3BAAGJ%2CwBAAyB%2C2BAA2B%3BEAChD%2CWAAA%3BEACA%2CgBAAA%3B%3BAAGJ%2CwBAAyB%2CyBAAyB%3BEAC9C%2CYAAA%3BEACA%2CqBAAA%3B%3BAAGJ%2CwBAAyB%2CyBAAyB%3BEAC9C%2CWAAA%3BEACA%2CgBAAA%3B%3BAAGJ%2CwBAAyB%2C8BAA8B%3BEACnD%2CYAAA%3BEACA%2CqBAAA%3B%3BAAGJ%2CwBAAyB%2C8BAA8B%3BEACnD%2CWAAA%3BEACA%2CgBAAA%3B%3BAAGJ%3BEACI%2CWAAA%3BEACA%2CiBAAA%3BEACA%2CsBAAA%3B%3BAAGJ%2CeAAgB%3BEACZ%2C0BAAA%3BEACA%2C8BAAA%3BEACA%2CkBAAA%3BEACA%2CWAAA%3BEACA%2CYAAA%3BEACA%2CkCAAA%3BEACA%2CiBAAA%3BEACA%2CkBAAA%3B%3BAAGJ%3BEACI%3BIACI%2CWAAW%2CYAAX%3B%3BEAEJ%3BIACI%2CWAAW%2CcAAX%3B%3B%3BAAIR%3BEACI%2CUAAA%3BEACA%2CYAAA%3BEACA%2CsBAAA%3BEACA%2CkBAAA%3BEACA%2CkBAAA%3BEACA%2CWAAA%3BEACA%2C0BAAA%3BEACA%2CuHAAA%3BEACA%2CmBAAA%3BEACA%2CeAAA%3B%3BAAGJ%2CiBAAiB%3BEACb%2CyBAAA%3BEACA%2C0FAAA%3B%3BAAGJ%2CuBAAwB%3BEACpB%2CgBAAA%3BEACA%2CcAAA%3BEACA%2CsBAAA%3BEACA%2CmBAAA%3BEACA%2CoCAAA%3BEACA%2CcAAA%3BEACA%2CaAAA%3BEACA%2CmBAAA%3B%3BAAGJ%3BEACI%2CcAAA%3BEACA%2CaAAA%3BEACA%2CmBAAA%22%7D */.image .product-image {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.image .product-image-wrapper {
    background: #ffffff;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    cursor: pointer;
    height: 150px;
    line-height: 1;
    margin-bottom: 1rem;
    overflow: hidden;
    position: relative;
    width: 150px;
}

.image {
    background: #ffffff;
    box-sizing: border-box;
    display: inline-block;
    margin: 1.2rem;
    position: relative;
    vertical-align: top;
    width: 150px;
}

.image .product-image-wrapper:hover .product-image {
    opacity: .5;
}.vendor-home-review{border-bottom: 1px solid #efefef; margin-bottom: 40px; padding-bottom: 40px;}
.vendor-home-review .vendor-average-review,.vendor-reviews-page .vendor-average-review{margin-bottom: 20px;}

.vendor-review-detail .review-detail{margin-top: 20px;padding-bottom: 10px;}
.vendor-review-avatar{display: inline-block; width: 48px; height: 48px; vertical-align: top;margin-right: 10px; }
.vendor-review-avatar img{overflow:hidden;}
.vendor-review-detail{display: inline-block;width: calc(100% - 70px); border-bottom: 1px solid #efefef;}
.vendor-review-detail .review-title{margin: 0; font-size: 1.8rem; font-weight: 600;}
.vendor-review-detail .customer-info{padding-bottom: 30px;margin-top: 10px;}
.vendor-home-review .view-all-items{text-align: center;}
.vendor-home-review .limiter{display: block;}
.vendor-reviews-page .vendor-review, .vendor-home-review .vendor-review{margin-bottom: 30px;}

.vendor-review-item a{display: table-cell; vertical-align: middle;}
.vendor-review-item .product-item-photo img{border: 1px solid #d3d3d3; width: 100px; height: 80px; display: inline-block; margin-right: 10px;}

.vendor-review-messages .ignore-btn{float: right;}

.vendor-review-form .review-field-rating .review-control-vote {
    padding: 0px !important;
    position: unset;
}

.vendor-reviews-page {
    margin-bottom: 20px;
}

.vendor-reviews-page .pager{
    position: relative;
}/**
 * Mageplaza
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Mageplaza.com license that is
 * available through the world-wide-web at this URL:
 * https://www.mageplaza.com/LICENSE.txt
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 *
 * @category    Mageplaza
 * @package     Mageplaza_SocialLogin
 * @copyright   Copyright (c) Mageplaza (https://www.mageplaza.com/)
 * @license     https://www.mageplaza.com/LICENSE.txt
 */
.white-popup {
    position: relative;
    background: #FFF;
    padding: 0;
    width: auto;
    max-width: 600px;
    margin: 0 auto;
}

#social-login-popup,
#request-popup {
    overflow: hidden
}

#social-login-popup .block-container,
#request-popup .block-container {
    width: 100%;
    display: inline-block;
}

#social-login-popup .social-login-title,
#request-popup .social-login-title {
    padding: 10px 10px;
    background-color: #3399cc;
}

#social-login-popup .block-container .block,
#request-popup .block-container .block {
    padding: 20px 25px!important;
    margin: 0;
}

.social-login-ajax-loading {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.6;
    background: #fbfaf6 url('../../frontend/bonline/bnaia/ar_EG/Mageplaza_SocialLogin/css/images/ajax-loader.gif') no-repeat center center;
}

#social-login-popup .block-container .block .block-title,
#request-popup .block-container .block .block-title {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

#social-login-popup .fieldset,
#request-popup .fieldset {
    margin: 0px;
}

.actions-toolbar {
    margin-top: 7px;
}

.account-social-login .actions-toolbar.social-btn {
    width: 215px;
}

#social-login-popup .actions-toolbar > .secondary .action.back,
#request-popup .actions-toolbar > .secondary .action.back {
    display: block;
}

#social-login-popup .social-login .fieldset .field {
    display: block;
}
#social-login-popup .social-login .fieldset .field label{
    padding: 0 !important;
}

.social-login-title h2 {
    margin: 0;
    padding-left: 40px;
    background: no-repeat 12px center;
    color: #ffffff;
}

.social-login-title .login-title {
    background-image: url(../../frontend/bonline/bnaia/ar_EG/Mageplaza_SocialLogin/css/images/login-title.png);
}

.social-login-title .create-account-title {
    background-image: url(../../frontend/bonline/bnaia/ar_EG/Mageplaza_SocialLogin/css/images/create-account-title.png);
}

.social-login-title .forgot-pass-title {
    background-image: url(../../frontend/bonline/bnaia/ar_EG/Mageplaza_SocialLogin/css/images/forgot-pass-title.png);
}

#social-login-popup .mfp-close {
    color: #ffffff;
}

#social-login-popup .message.error > *:first-child:before {
    top: 50%;
}

#social-login-popup .message.success > *:first-child:before {
    top: 50%;
}

/* Authentication Popup */
.social-login-authentication-popup {
    width: 100%;
}

.social-login-authentication-popup .block-content {
    display: block !important;
}

.social-login-authentication-popup .block-content .actions-toolbar {
    display: inline-block;
}

.social-login-authentication-popup .block-content .actions-toolbar .btn-social {
    /*height: 20px;*/
    padding-left: 19px;
}

/*Button Style*/
.actions-toolbar button {
    border-radius: 0;
}

.social-btn button {
    height: 33px;
    border: none;
}

.social-btn button span span {
    margin-left: 25px;
    color: #ffffff;
}

.block-authentication .actions-toolbar {
    margin-bottom: unset !important;
}

.btn-authentication-pop {
    width: 175px;
}


.social-login-authentication-channel .actions-toolbar.social-btn > .primary .action {
    width: 100%;
    margin: 0;
    min-width: 170px;
    text-align: left;
    border-radius: 5px;
}

.social-login-authentication-channel .actions-toolbar.social-btn > .primary .action:hover {
    opacity: 0.9;
}

.social-btn-actions-toolbar {
    display: inline-block;
}

.register-sociallogin {
    float: left;
}

#fb-customer, #gg-customer, #tw-customer, #li-customer, #ins-customer, #ya-customer, #git-customer, #vk-customer, #fo-customer, #live-customer, #am-customer {
    float: left;
}

#group-button {
    width: 48.8%; /*margin-left: 37px;*/ /*margin-top: 0px;*/
    float: right;
    clear: none;
}

#group-button .block.social-login-authentication-channel.col-mp.mp-5 {
    margin-bottom: 2px;
}

.mfp-zoom-in { /* start state */ /* animate in */ /* animate out */
}

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.8);
    opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-newspaper { /* start state */ /* animate in */ /* animate out */
}

.mfp-newspaper .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.5s;
    transform: scale(0) rotate(500deg);
}

.mfp-newspaper.mfp-bg {
    opacity: 0;
    transition: all 0.5s;
}

.mfp-newspaper.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}

.mfp-newspaper.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-newspaper.mfp-removing .mfp-with-anim {
    transform: scale(0) rotate(500deg);
    opacity: 0;
}

.mfp-newspaper.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-move-horizontal { /* start state */ /* animate in */ /* animate out */
}

.mfp-move-horizontal .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s;
    transform: translateX(-50px);
}

.mfp-move-horizontal.mfp-bg {
    opacity: 0;
    transition: all 0.3s;
}

.mfp-move-horizontal.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateX(0);
}

.mfp-move-horizontal.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-move-horizontal.mfp-removing .mfp-with-anim {
    transform: translateX(50px);
    opacity: 0;
}

.mfp-move-horizontal.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-move-from-top { /* start state */ /* animate in */ /* animate out */
}

.mfp-move-from-top .mfp-content {
    vertical-align: top;
    margin-top: 50px;
}

.mfp-move-from-top .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s;
    transform: translateY(-100px);
}

.mfp-move-from-top.mfp-bg {
    opacity: 0;
    transition: all 0.2s;
}

.mfp-move-from-top.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateY(0);
}

.mfp-move-from-top.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-move-from-top.mfp-removing .mfp-with-anim {
    transform: translateY(-50px);
    opacity: 0;
}

.mfp-move-from-top.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-3d-unfold { /* start state */ /* animate in */ /* animate out */
}

.mfp-3d-unfold .mfp-content {
    perspective: 2000px;
}

.mfp-3d-unfold .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform-style: preserve-3d;
    transform: rotateY(-60deg);
}

.mfp-3d-unfold.mfp-bg {
    opacity: 0;
    transition: all 0.5s;
}

.mfp-3d-unfold.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: rotateY(0deg);
}

.mfp-3d-unfold.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-3d-unfold.mfp-removing .mfp-with-anim {
    transform: rotateY(60deg);
    opacity: 0;
}

.mfp-3d-unfold.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-zoom-out .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: scale(1.3);
}

.mfp-zoom-out.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}

.mfp-zoom-out.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}

.mfp-zoom-out.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-zoom-out.mfp-removing .mfp-with-anim {
    transform: scale(1.3);
    opacity: 0;
}

.mfp-zoom-out.mfp-removing.mfp-bg {
    opacity: 0;
}

.social-btn .btn-social {
    display: block;
    text-decoration: none;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 6px 12px 6px 44px;
    font-family: 'Roboto', sans-serif;
}

.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.btn-social > :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.2)
}

.btn-social.btn-lg {
    padding-left: 61px
}

.btn-social.btn-lg > :first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em
}

.btn-social.btn-sm {
    padding-left: 38px
}

.btn-social.btn-sm > :first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em
}

.btn-social.btn-xs {
    padding-left: 30px
}

.btn-social.btn-xs > :first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em
}

.btn-social-icon {
    position: relative;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
    width: 34px;
    padding: 0;
}

.btn-social-icon > :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.2)
}

.btn-social-icon.btn-lg {
    padding-left: 61px
}

.btn-social-icon.btn-lg > :first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em
}

.btn-social-icon.btn-sm {
    padding-left: 38px
}

.btn-social-icon.btn-sm > :first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em
}

.btn-social-icon.btn-xs {
    padding-left: 30px
}

.btn-social-icon.btn-xs > :first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em
}

.btn-social-icon > :first-child {
    border: none;
    text-align: center;
    width: 100%
}

.btn-social-icon.btn-lg {
    height: 45px;
    width: 45px;
    padding-left: 0;
    padding-right: 0
}

.btn-social-icon.btn-sm {
    height: 30px;
    width: 30px;
    padding-left: 0;
    padding-right: 0
}

.btn-social-icon.btn-xs {
    height: 22px;
    width: 22px;
    padding-left: 0;
    padding-right: 0
}

.btn-adn {
    color: #fff;
    background-color: #d87a68;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-adn:focus, .btn-adn.focus {
    color: #fff;
    background-color: #ce563f;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-adn:hover {
    color: #fff;
    background-color: #ce563f;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn {
    color: #fff;
    background-color: #ce563f;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-adn:active:hover, .btn-adn.active:hover, .open > .dropdown-toggle.btn-adn:hover, .btn-adn:active:focus, .btn-adn.active:focus, .open > .dropdown-toggle.btn-adn:focus, .btn-adn:active.focus, .btn-adn.active.focus, .open > .dropdown-toggle.btn-adn.focus {
    color: #fff;
    background-color: #b94630;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn {
    background-image: none
}

.btn-adn.disabled:hover, .btn-adn[disabled]:hover, fieldset[disabled] .btn-adn:hover, .btn-adn.disabled:focus, .btn-adn[disabled]:focus, fieldset[disabled] .btn-adn:focus, .btn-adn.disabled.focus, .btn-adn[disabled].focus, fieldset[disabled] .btn-adn.focus {
    background-color: #d87a68;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-adn .badge {
    color: #d87a68;
    background-color: #fff
}

.btn-bitbucket {
    color: #fff;
    background-color: #205081;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-bitbucket:focus, .btn-bitbucket.focus {
    color: #fff;
    background-color: #163758;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-bitbucket:hover {
    color: #fff;
    background-color: #163758;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket {
    color: #fff;
    background-color: #163758;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-bitbucket:active:hover, .btn-bitbucket.active:hover, .open > .dropdown-toggle.btn-bitbucket:hover, .btn-bitbucket:active:focus, .btn-bitbucket.active:focus, .open > .dropdown-toggle.btn-bitbucket:focus, .btn-bitbucket:active.focus, .btn-bitbucket.active.focus, .open > .dropdown-toggle.btn-bitbucket.focus {
    color: #fff;
    background-color: #0f253c;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket {
    background-image: none
}

.btn-bitbucket.disabled:hover, .btn-bitbucket[disabled]:hover, fieldset[disabled] .btn-bitbucket:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket[disabled]:focus, fieldset[disabled] .btn-bitbucket:focus, .btn-bitbucket.disabled.focus, .btn-bitbucket[disabled].focus, fieldset[disabled] .btn-bitbucket.focus {
    background-color: #205081;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-bitbucket .badge {
    color: #205081;
    background-color: #fff
}

.btn-dropbox {
    color: #fff;
    background-color: #1087dd;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-dropbox:focus, .btn-dropbox.focus {
    color: #fff;
    background-color: #0d6aad;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-dropbox:hover {
    color: #fff;
    background-color: #0d6aad;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox {
    color: #fff;
    background-color: #0d6aad;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-dropbox:active:hover, .btn-dropbox.active:hover, .open > .dropdown-toggle.btn-dropbox:hover, .btn-dropbox:active:focus, .btn-dropbox.active:focus, .open > .dropdown-toggle.btn-dropbox:focus, .btn-dropbox:active.focus, .btn-dropbox.active.focus, .open > .dropdown-toggle.btn-dropbox.focus {
    color: #fff;
    background-color: #0a568c;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox {
    background-image: none
}

.btn-dropbox.disabled:hover, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox:hover, .btn-dropbox.disabled:focus, .btn-dropbox[disabled]:focus, fieldset[disabled] .btn-dropbox:focus, .btn-dropbox.disabled.focus, .btn-dropbox[disabled].focus, fieldset[disabled] .btn-dropbox.focus {
    background-color: #1087dd;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-dropbox .badge {
    color: #1087dd;
    background-color: #fff
}

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-facebook:focus, .btn-facebook.focus {
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-facebook:hover {
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-facebook:active:hover, .btn-facebook.active:hover, .open > .dropdown-toggle.btn-facebook:hover, .btn-facebook:active:focus, .btn-facebook.active:focus, .open > .dropdown-toggle.btn-facebook:focus, .btn-facebook:active.focus, .btn-facebook.active.focus, .open > .dropdown-toggle.btn-facebook.focus {
    color: #fff;
    background-color: #23345a;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
    background-image: none
}

.btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled.focus, .btn-facebook[disabled].focus, fieldset[disabled] .btn-facebook.focus {
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-facebook .badge {
    color: #3b5998;
    background-color: #fff
}

.btn-flickr {
    color: #fff;
    background-color: #ff0084;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-flickr:focus, .btn-flickr.focus {
    color: #fff;
    background-color: #cc006a;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-flickr:hover {
    color: #fff;
    background-color: #cc006a;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr {
    color: #fff;
    background-color: #cc006a;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-flickr:active:hover, .btn-flickr.active:hover, .open > .dropdown-toggle.btn-flickr:hover, .btn-flickr:active:focus, .btn-flickr.active:focus, .open > .dropdown-toggle.btn-flickr:focus, .btn-flickr:active.focus, .btn-flickr.active.focus, .open > .dropdown-toggle.btn-flickr.focus {
    color: #fff;
    background-color: #a80057;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr {
    background-image: none
}

.btn-flickr.disabled:hover, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr:hover, .btn-flickr.disabled:focus, .btn-flickr[disabled]:focus, fieldset[disabled] .btn-flickr:focus, .btn-flickr.disabled.focus, .btn-flickr[disabled].focus, fieldset[disabled] .btn-flickr.focus {
    background-color: #ff0084;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-flickr .badge {
    color: #ff0084;
    background-color: #fff
}

.btn-foursquare {
    color: #fff;
    background-color: #f94877;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-foursquare:focus, .btn-foursquare.focus {
    color: #fff;
    background-color: #f71752;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-foursquare:hover {
    color: #fff;
    background-color: #f71752;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare {
    color: #fff;
    background-color: #f71752;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-foursquare:active:hover, .btn-foursquare.active:hover, .open > .dropdown-toggle.btn-foursquare:hover, .btn-foursquare:active:focus, .btn-foursquare.active:focus, .open > .dropdown-toggle.btn-foursquare:focus, .btn-foursquare:active.focus, .btn-foursquare.active.focus, .open > .dropdown-toggle.btn-foursquare.focus {
    color: #fff;
    background-color: #e30742;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare {
    background-image: none
}

.btn-foursquare.disabled:hover, .btn-foursquare[disabled]:hover, fieldset[disabled] .btn-foursquare:hover, .btn-foursquare.disabled:focus, .btn-foursquare[disabled]:focus, fieldset[disabled] .btn-foursquare:focus, .btn-foursquare.disabled.focus, .btn-foursquare[disabled].focus, fieldset[disabled] .btn-foursquare.focus {
    background-color: #f94877;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-foursquare .badge {
    color: #f94877;
    background-color: #fff
}

.btn-disqus {
    color: #fff;
    background-color: #2E9FFF;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-disqus .fa-disqus {
    background: url("../../frontend/bonline/bnaia/ar_EG/Mageplaza_SocialLogin/css/images/disqus-logo.png") no-repeat;
}

.btn-disqus .fa-disqus {
    content: ""
}

.btn-mailru {
    color: #fff;
    background-color: #005FF9;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-mailru:focus, .btn-mailru.focus {
    color: #fff;
    background-color: #0370c4;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-mailru:hover {
    color: #fff;
    background-color: #004ecc;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-mailru:active, .btn-mailru.active, .open > .dropdown-toggle.btn-live {
    color: #fff;
    background-color: #0370c4;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-mailru:active:hover, .btn-mailru.active:hover, .open > .dropdown-toggle.btn-mailru:hover, .btn-mailru:active:focus, .btn-mailru.active:focus, .open > .dropdown-toggle.btn-mailru:focus, .btn-mailru:active.focus, .btn-mailru.active.focus, .open > .dropdown-toggle.btn-mailru.focus {
    color: #fff;
    background-color: #0370c4;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-mailru:active, .btn-mailru.active, .open > .dropdown-toggle.btn-mailru {
    background-image: none
}

.btn-mailru.disabled:hover, .btn-mailru[disabled]:hover, fieldset[disabled] .btn-mailru:hover, .btn-mailru.disabled:focus, .btn-mailru[disabled]:focus, fieldset[disabled] .btn-mailru:focus, .btn-mailru.disabled.focus, .btn-mailru[disabled].focus, fieldset[disabled] .btn-mailru.focus {
    background-color: #0370c4;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-mailru .badge {
    color: #0370c4;
    background-color: #fff
}

.btn-mailru .fa-mailru {
    background: url("../../frontend/bonline/bnaia/ar_EG/Mageplaza_SocialLogin/css/images/mailru-logo.png") no-repeat;
}

.btn-mailru .fa-mailru {
    content: ""
}

.btn-steam {
    color: #fff;
    background-color: #444;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-steam:focus, .btn-steam.focus {
    color: #fff;
    background-color: #2b2b2b;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-steam:hover {
    color: #fff;
    background-color: #2b2b2b;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-steam:active, .btn-steam.active, .open > .dropdown-toggle.btn-steam {
    color: #fff;
    background-color: #2b2b2b;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-steam:active:hover, .btn-steam.active:hover, .open > .dropdown-toggle.btn-steam:hover, .btn-steam:active:focus, .btn-steam.active:focus, .open > .dropdown-toggle.btn-steam:focus, .btn-steam:active.focus, .btn-steam.active.focus, .open > .dropdown-toggle.btn-steam.focus {
    color: #fff;
    background-color: #191919;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-steam:active, .btn-steam.active, .open > .dropdown-toggle.btn-steam {
    background-image: none
}

.btn-steam.disabled:hover, .btn-steam[disabled]:hover, fieldset[disabled] .btn-steam:hover, .btn-steam.disabled:focus, .btn-steam[disabled]:focus, fieldset[disabled] .btn-steam:focus, .btn-steam.disabled.focus, .btn-steam[disabled].focus, fieldset[disabled] .btn-steam.focus {
    background-color: #444;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-steam .badge {
    color: #444;
    background-color: #fff
}

.btn-github {
    color: #fff;
    background-color: #444;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-github:focus, .btn-github.focus {
    color: #fff;
    background-color: #2b2b2b;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-github:hover {
    color: #fff;
    background-color: #2b2b2b;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github {
    color: #fff;
    background-color: #2b2b2b;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-github:active:hover, .btn-github.active:hover, .open > .dropdown-toggle.btn-github:hover, .btn-github:active:focus, .btn-github.active:focus, .open > .dropdown-toggle.btn-github:focus, .btn-github:active.focus, .btn-github.active.focus, .open > .dropdown-toggle.btn-github.focus {
    color: #fff;
    background-color: #191919;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github {
    background-image: none
}

.btn-github.disabled:hover, .btn-github[disabled]:hover, fieldset[disabled] .btn-github:hover, .btn-github.disabled:focus, .btn-github[disabled]:focus, fieldset[disabled] .btn-github:focus, .btn-github.disabled.focus, .btn-github[disabled].focus, fieldset[disabled] .btn-github.focus {
    background-color: #444;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-github .badge {
    color: #444;
    background-color: #fff
}

.btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-google:focus, .btn-google.focus {
    color: #fff;
    background-color: #c23321;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-google:hover {
    color: #fff;
    background-color: #c23321;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google {
    color: #fff;
    background-color: #c23321;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-google:active:hover, .btn-google.active:hover, .open > .dropdown-toggle.btn-google:hover, .btn-google:active:focus, .btn-google.active:focus, .open > .dropdown-toggle.btn-google:focus, .btn-google:active.focus, .btn-google.active.focus, .open > .dropdown-toggle.btn-google.focus {
    color: #fff;
    background-color: #a32b1c;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google {
    background-image: none
}

.btn-google.disabled:hover, .btn-google[disabled]:hover, fieldset[disabled] .btn-google:hover, .btn-google.disabled:focus, .btn-google[disabled]:focus, fieldset[disabled] .btn-google:focus, .btn-google.disabled.focus, .btn-google[disabled].focus, fieldset[disabled] .btn-google.focus {
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-google .badge {
    color: #dd4b39;
    background-color: #fff
}

.btn-google .fa-google {
    background: url("../../frontend/bonline/bnaia/ar_EG/Mageplaza_SocialLogin/css/images/g-logo.png") no-repeat;
}

.btn-google .fa-google:before {
    content: ""
}

.btn-instagram {
    color: #fff;
    background-color: #3f729b;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-instagram:focus, .btn-instagram.focus {
    color: #fff;
    background-color: #305777;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-instagram:hover {
    color: #fff;
    background-color: #305777;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram {
    color: #fff;
    background-color: #305777;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-instagram:active:hover, .btn-instagram.active:hover, .open > .dropdown-toggle.btn-instagram:hover, .btn-instagram:active:focus, .btn-instagram.active:focus, .open > .dropdown-toggle.btn-instagram:focus, .btn-instagram:active.focus, .btn-instagram.active.focus, .open > .dropdown-toggle.btn-instagram.focus {
    color: #fff;
    background-color: #26455d;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram {
    background-image: none
}

.btn-instagram.disabled:hover, .btn-instagram[disabled]:hover, fieldset[disabled] .btn-instagram:hover, .btn-instagram.disabled:focus, .btn-instagram[disabled]:focus, fieldset[disabled] .btn-instagram:focus, .btn-instagram.disabled.focus, .btn-instagram[disabled].focus, fieldset[disabled] .btn-instagram.focus {
    background-color: #3f729b;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-instagram .badge {
    color: #3f729b;
    background-color: #fff
}

.btn-linkedin {
    color: #fff;
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-linkedin:focus, .btn-linkedin.focus {
    color: #fff;
    background-color: #005983;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-linkedin:hover {
    color: #fff;
    background-color: #005983;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
    color: #fff;
    background-color: #005983;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-linkedin:active:hover, .btn-linkedin.active:hover, .open > .dropdown-toggle.btn-linkedin:hover, .btn-linkedin:active:focus, .btn-linkedin.active:focus, .open > .dropdown-toggle.btn-linkedin:focus, .btn-linkedin:active.focus, .btn-linkedin.active.focus, .open > .dropdown-toggle.btn-linkedin.focus {
    color: #fff;
    background-color: #00405f;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
    background-image: none
}

.btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled.focus, .btn-linkedin[disabled].focus, fieldset[disabled] .btn-linkedin.focus {
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-linkedin .badge {
    color: #007bb6;
    background-color: #fff
}

.btn-microsoft {
    color: #fff;
    background-color: #2672ec;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-microsoft:focus, .btn-microsoft.focus {
    color: #fff;
    background-color: #125acd;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-microsoft:hover {
    color: #fff;
    background-color: #125acd;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft {
    color: #fff;
    background-color: #125acd;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-microsoft:active:hover, .btn-microsoft.active:hover, .open > .dropdown-toggle.btn-microsoft:hover, .btn-microsoft:active:focus, .btn-microsoft.active:focus, .open > .dropdown-toggle.btn-microsoft:focus, .btn-microsoft:active.focus, .btn-microsoft.active.focus, .open > .dropdown-toggle.btn-microsoft.focus {
    color: #fff;
    background-color: #0f4bac;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft {
    background-image: none
}

.btn-microsoft.disabled:hover, .btn-microsoft[disabled]:hover, fieldset[disabled] .btn-microsoft:hover, .btn-microsoft.disabled:focus, .btn-microsoft[disabled]:focus, fieldset[disabled] .btn-microsoft:focus, .btn-microsoft.disabled.focus, .btn-microsoft[disabled].focus, fieldset[disabled] .btn-microsoft.focus {
    background-color: #2672ec;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-microsoft .badge {
    color: #2672ec;
    background-color: #fff
}

.btn-odnoklassniki {
    color: #fff;
    background-color: #f4731c;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-odnoklassniki:focus, .btn-odnoklassniki.focus {
    color: #fff;
    background-color: #d35b0a;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-odnoklassniki:hover {
    color: #fff;
    background-color: #d35b0a;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-odnoklassniki:active, .btn-odnoklassniki.active, .open > .dropdown-toggle.btn-odnoklassniki {
    color: #fff;
    background-color: #d35b0a;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-odnoklassniki:active:hover, .btn-odnoklassniki.active:hover, .open > .dropdown-toggle.btn-odnoklassniki:hover, .btn-odnoklassniki:active:focus, .btn-odnoklassniki.active:focus, .open > .dropdown-toggle.btn-odnoklassniki:focus, .btn-odnoklassniki:active.focus, .btn-odnoklassniki.active.focus, .open > .dropdown-toggle.btn-odnoklassniki.focus {
    color: #fff;
    background-color: #b14c09;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-odnoklassniki:active, .btn-odnoklassniki.active, .open > .dropdown-toggle.btn-odnoklassniki {
    background-image: none
}

.btn-odnoklassniki.disabled:hover, .btn-odnoklassniki[disabled]:hover, fieldset[disabled] .btn-odnoklassniki:hover, .btn-odnoklassniki.disabled:focus, .btn-odnoklassniki[disabled]:focus, fieldset[disabled] .btn-odnoklassniki:focus, .btn-odnoklassniki.disabled.focus, .btn-odnoklassniki[disabled].focus, fieldset[disabled] .btn-odnoklassniki.focus {
    background-color: #f4731c;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-odnoklassniki .badge {
    color: #f4731c;
    background-color: #fff
}

.btn-openid {
    color: #fff;
    background-color: #f7931e;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-openid:focus, .btn-openid.focus {
    color: #fff;
    background-color: #da7908;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-openid:hover {
    color: #fff;
    background-color: #da7908;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid {
    color: #fff;
    background-color: #da7908;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-openid:active:hover, .btn-openid.active:hover, .open > .dropdown-toggle.btn-openid:hover, .btn-openid:active:focus, .btn-openid.active:focus, .open > .dropdown-toggle.btn-openid:focus, .btn-openid:active.focus, .btn-openid.active.focus, .open > .dropdown-toggle.btn-openid.focus {
    color: #fff;
    background-color: #b86607;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid {
    background-image: none
}

.btn-openid.disabled:hover, .btn-openid[disabled]:hover, fieldset[disabled] .btn-openid:hover, .btn-openid.disabled:focus, .btn-openid[disabled]:focus, fieldset[disabled] .btn-openid:focus, .btn-openid.disabled.focus, .btn-openid[disabled].focus, fieldset[disabled] .btn-openid.focus {
    background-color: #f7931e;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-openid .badge {
    color: #f7931e;
    background-color: #fff
}

.btn-pinterest {
    color: #fff;
    background-color: #cb2027;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-pinterest:focus, .btn-pinterest.focus {
    color: #fff;
    background-color: #9f191f;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-pinterest:hover {
    color: #fff;
    background-color: #9f191f;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest {
    color: #fff;
    background-color: #9f191f;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-pinterest:active:hover, .btn-pinterest.active:hover, .open > .dropdown-toggle.btn-pinterest:hover, .btn-pinterest:active:focus, .btn-pinterest.active:focus, .open > .dropdown-toggle.btn-pinterest:focus, .btn-pinterest:active.focus, .btn-pinterest.active.focus, .open > .dropdown-toggle.btn-pinterest.focus {
    color: #fff;
    background-color: #801419;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest {
    background-image: none
}

.btn-pinterest.disabled:hover, .btn-pinterest[disabled]:hover, fieldset[disabled] .btn-pinterest:hover, .btn-pinterest.disabled:focus, .btn-pinterest[disabled]:focus, fieldset[disabled] .btn-pinterest:focus, .btn-pinterest.disabled.focus, .btn-pinterest[disabled].focus, fieldset[disabled] .btn-pinterest.focus {
    background-color: #cb2027;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-pinterest .badge {
    color: #cb2027;
    background-color: #fff
}

.btn-reddit {
    color: #000;
    background-color: #eff7ff;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-reddit:focus, .btn-reddit.focus {
    color: #000;
    background-color: #bcddff;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-reddit:hover {
    color: #000;
    background-color: #bcddff;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit {
    color: #000;
    background-color: #bcddff;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-reddit:active:hover, .btn-reddit.active:hover, .open > .dropdown-toggle.btn-reddit:hover, .btn-reddit:active:focus, .btn-reddit.active:focus, .open > .dropdown-toggle.btn-reddit:focus, .btn-reddit:active.focus, .btn-reddit.active.focus, .open > .dropdown-toggle.btn-reddit.focus {
    color: #000;
    background-color: #98ccff;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit {
    background-image: none
}

.btn-reddit.disabled:hover, .btn-reddit[disabled]:hover, fieldset[disabled] .btn-reddit:hover, .btn-reddit.disabled:focus, .btn-reddit[disabled]:focus, fieldset[disabled] .btn-reddit:focus, .btn-reddit.disabled.focus, .btn-reddit[disabled].focus, fieldset[disabled] .btn-reddit.focus {
    background-color: #eff7ff;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-reddit .badge {
    color: #eff7ff;
    background-color: #000
}

.btn-soundcloud {
    color: #fff;
    background-color: #f50;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-soundcloud:focus, .btn-soundcloud.focus {
    color: #fff;
    background-color: #c40;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-soundcloud:hover {
    color: #fff;
    background-color: #c40;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud {
    color: #fff;
    background-color: #c40;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-soundcloud:active:hover, .btn-soundcloud.active:hover, .open > .dropdown-toggle.btn-soundcloud:hover, .btn-soundcloud:active:focus, .btn-soundcloud.active:focus, .open > .dropdown-toggle.btn-soundcloud:focus, .btn-soundcloud:active.focus, .btn-soundcloud.active.focus, .open > .dropdown-toggle.btn-soundcloud.focus {
    color: #fff;
    background-color: #a83800;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud {
    background-image: none
}

.btn-soundcloud.disabled:hover, .btn-soundcloud[disabled]:hover, fieldset[disabled] .btn-soundcloud:hover, .btn-soundcloud.disabled:focus, .btn-soundcloud[disabled]:focus, fieldset[disabled] .btn-soundcloud:focus, .btn-soundcloud.disabled.focus, .btn-soundcloud[disabled].focus, fieldset[disabled] .btn-soundcloud.focus {
    background-color: #f50;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-soundcloud .badge {
    color: #f50;
    background-color: #fff
}

.btn-tumblr {
    color: #fff;
    background-color: #2c4762;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-tumblr:focus, .btn-tumblr.focus {
    color: #fff;
    background-color: #1c2d3f;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-tumblr:hover {
    color: #fff;
    background-color: #1c2d3f;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr {
    color: #fff;
    background-color: #1c2d3f;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-tumblr:active:hover, .btn-tumblr.active:hover, .open > .dropdown-toggle.btn-tumblr:hover, .btn-tumblr:active:focus, .btn-tumblr.active:focus, .open > .dropdown-toggle.btn-tumblr:focus, .btn-tumblr:active.focus, .btn-tumblr.active.focus, .open > .dropdown-toggle.btn-tumblr.focus {
    color: #fff;
    background-color: #111c26;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr {
    background-image: none
}

.btn-tumblr.disabled:hover, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr:hover, .btn-tumblr.disabled:focus, .btn-tumblr[disabled]:focus, fieldset[disabled] .btn-tumblr:focus, .btn-tumblr.disabled.focus, .btn-tumblr[disabled].focus, fieldset[disabled] .btn-tumblr.focus {
    background-color: #2c4762;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-tumblr .badge {
    color: #2c4762;
    background-color: #fff
}

.btn-twitter {
    color: #fff;
    background-color: #55acee;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-twitter:focus, .btn-twitter.focus {
    color: #fff;
    background-color: #2795e9;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-twitter:hover {
    color: #fff;
    background-color: #2795e9;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
    color: #fff;
    background-color: #2795e9;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-twitter:active:hover, .btn-twitter.active:hover, .open > .dropdown-toggle.btn-twitter:hover, .btn-twitter:active:focus, .btn-twitter.active:focus, .open > .dropdown-toggle.btn-twitter:focus, .btn-twitter:active.focus, .btn-twitter.active.focus, .open > .dropdown-toggle.btn-twitter.focus {
    color: #fff;
    background-color: #1583d7;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
    background-image: none
}

.btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled.focus, .btn-twitter[disabled].focus, fieldset[disabled] .btn-twitter.focus {
    background-color: #55acee;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-twitter .badge {
    color: #55acee;
    background-color: #fff
}

.btn-vimeo {
    color: #fff;
    background-color: #1ab7ea;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-vimeo:focus, .btn-vimeo.focus {
    color: #fff;
    background-color: #1295bf;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-vimeo:hover {
    color: #fff;
    background-color: #1295bf;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo {
    color: #fff;
    background-color: #1295bf;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-vimeo:active:hover, .btn-vimeo.active:hover, .open > .dropdown-toggle.btn-vimeo:hover, .btn-vimeo:active:focus, .btn-vimeo.active:focus, .open > .dropdown-toggle.btn-vimeo:focus, .btn-vimeo:active.focus, .btn-vimeo.active.focus, .open > .dropdown-toggle.btn-vimeo.focus {
    color: #fff;
    background-color: #0f7b9f;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo {
    background-image: none
}

.btn-vimeo.disabled:hover, .btn-vimeo[disabled]:hover, fieldset[disabled] .btn-vimeo:hover, .btn-vimeo.disabled:focus, .btn-vimeo[disabled]:focus, fieldset[disabled] .btn-vimeo:focus, .btn-vimeo.disabled.focus, .btn-vimeo[disabled].focus, fieldset[disabled] .btn-vimeo.focus {
    background-color: #1ab7ea;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-vimeo .badge {
    color: #1ab7ea;
    background-color: #fff
}

.btn-vk {
    color: #fff;
    background-color: #587ea3;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-vk:focus, .btn-vk.focus {
    color: #fff;
    background-color: #466482;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-vk:hover {
    color: #fff;
    background-color: #466482;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk {
    color: #fff;
    background-color: #466482;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-vk:active:hover, .btn-vk.active:hover, .open > .dropdown-toggle.btn-vk:hover, .btn-vk:active:focus, .btn-vk.active:focus, .open > .dropdown-toggle.btn-vk:focus, .btn-vk:active.focus, .btn-vk.active.focus, .open > .dropdown-toggle.btn-vk.focus {
    color: #fff;
    background-color: #3a526b;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk {
    background-image: none
}

.btn-vk.disabled:hover, .btn-vk[disabled]:hover, fieldset[disabled] .btn-vk:hover, .btn-vk.disabled:focus, .btn-vk[disabled]:focus, fieldset[disabled] .btn-vk:focus, .btn-vk.disabled.focus, .btn-vk[disabled].focus, fieldset[disabled] .btn-vk.focus {
    background-color: #587ea3;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-vk .badge {
    color: #587ea3;
    background-color: #fff
}

.btn-yahoo {
    color: #fff;
    background-color: #720e9e;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-yahoo:focus, .btn-yahoo.focus {
    color: #fff;
    background-color: #500a6f;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-yahoo:hover {
    color: #fff;
    background-color: #500a6f;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo {
    color: #fff;
    background-color: #500a6f;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-yahoo:active:hover, .btn-yahoo.active:hover, .open > .dropdown-toggle.btn-yahoo:hover, .btn-yahoo:active:focus, .btn-yahoo.active:focus, .open > .dropdown-toggle.btn-yahoo:focus, .btn-yahoo:active.focus, .btn-yahoo.active.focus, .open > .dropdown-toggle.btn-yahoo.focus {
    color: #fff;
    background-color: #39074e;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo {
    background-image: none
}

.btn-yahoo.disabled:hover, .btn-yahoo[disabled]:hover, fieldset[disabled] .btn-yahoo:hover, .btn-yahoo.disabled:focus, .btn-yahoo[disabled]:focus, fieldset[disabled] .btn-yahoo:focus, .btn-yahoo.disabled.focus, .btn-yahoo[disabled].focus, fieldset[disabled] .btn-yahoo.focus {
    background-color: #720e9e;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-yahoo .badge {
    color: #720e9e;
    background-color: #fff
}

.btn-amazon {
    color: #fff;
    background-color: #ff9900;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-amazon:focus, .btn-amazon.focus {
    color: #fff;
    background-color: #ffb425;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-amazon:hover {
    color: #fff;
    background-color: #ffb425;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-amazon:active, .btn-amazon.active, .open > .dropdown-toggle.btn-amazon {
    color: #fff;
    background-color: #ffb425;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-amazon:active:hover, .btn-amazon.active:hover, .open > .dropdown-toggle.btn-amazon:hover, .btn-amazon:active:focus, .btn-amazon.active:focus, .open > .dropdown-toggle.btn-amazon:focus, .btn-amazon:active.focus, .btn-amazon.active.focus, .open > .dropdown-toggle.btn-amazon.focus {
    color: #fff;
    background-color: #ffb425;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-amazon:active, .btn-amazon.active, .open > .dropdown-toggle.btn-amazon {
    background-image: none
}

.btn-amazon.disabled:hover, .btn-amazon[disabled]:hover, fieldset[disabled] .btn-amazon:hover, .btn-amazon.disabled:focus, .btn-amazon[disabled]:focus, fieldset[disabled] .btn-amazon:focus, .btn-amazon.disabled.focus, .btn-amazon[disabled].focus, fieldset[disabled] .btn-amazon.focus {
    background-color: #ff9900;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-amazon .badge {
    color: #ff9900;
    background-color: #fff
}

.mfp-wrap {
    overflow: scroll;
}

.btn-live {
    color: #fff;
    background-color: #0370c4;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-live:focus, .btn-live.focus {
    color: #fff;
    background-color: #0370c4;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-live:hover {
    color: #fff;
    background-color: #30548e;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-live:active, .btn-live.active, .open > .dropdown-toggle.btn-live {
    color: #fff;
    background-color: #0370c4;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-live:active:hover, .btn-live.active:hover, .open > .dropdown-toggle.btn-live:hover, .btn-live:active:focus, .btn-live.active:focus, .open > .dropdown-toggle.btn-live:focus, .btn-live:active.focus, .btn-live.active.focus, .open > .dropdown-toggle.btn-live.focus {
    color: #fff;
    background-color: #0370c4;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-live:active, .btn-live.active, .open > .dropdown-toggle.btn-live {
    background-image: none
}

.btn-live.disabled:hover, .btn-live[disabled]:hover, fieldset[disabled] .btn-live:hover, .btn-live.disabled:focus, .btn-live[disabled]:focus, fieldset[disabled] .btn-live:focus, .btn-live.disabled.focus, .btn-live[disabled].focus, fieldset[disabled] .btn-live.focus {
    background-color: #0370c4;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-live .badge {
    color: #0370c4;
    background-color: #fff
}

.btn-live .fa-live {
    background: url("../../frontend/bonline/bnaia/ar_EG/Mageplaza_SocialLogin/css/images/live-logo.png") no-repeat center;
}

.btn-live .fa-live:before {
    content: ""
}

#bnt-social-login-authentication {
    margin: 12px 0px;
}

.actions-toolbar > .secondary:last-child {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

.form-customer-login .g-recaptcha {
    margin: unset !important;
}

@media only screen and (min-width: 768px) {
    .popup-authentication .actions-toolbar {
        margin-bottom: 0;
        margin-top: unset !important;
    }
}

@media only screen and (max-width: 767px) {
    .modal-popup.request-popup.modal-slide {
        left: 0;
        z-index: 900;
    }
}

@media only screen and (max-width: 766px) {
    .secondary {
        width: 93%;
        padding-top: 0;
        margin-top: 0;
    }
    #bnt-social-login-authentication {
        margin-bottom: 0;
    }
    .forgot-pass-title {
        width: 80%;
        font-size: 1.45em;
    }
}

.customer-account-create .account-social-login, .customer-account-login .account-social-login {
    display: block !important
}

.btn-zalo .fa-zalo {
    background: url(../../frontend/bonline/bnaia/ar_EG/Mageplaza_SocialLogin/css/images/zalo-logo.png) no-repeat center;
}

.btn-zalo {
    color: #fff;
    background-color: #1468ff;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-zalo:focus, .btn-zalo.focus {
    color: #fff;
    background-color: #0358f0;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-zalo:hover {
    color: #fff;
    background-color: #0358f0;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-zalo:active, .btn-zalo.active, .open > .dropdown-toggle.btn-zalo {
    color: #fff;
    background-color: #0358f0;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-zalo:active:hover, .btn-zalo.active:hover, .open > .dropdown-toggle.btn-flickr:hover, .btn-zalo:active:focus, .btn-zalo.active:focus, .open > .dropdown-toggle.btn-zalo:focus, .btn-zalo:active.focus, .btn-zalo.active.focus, .open > .dropdown-toggle.btn-zalo.focus {
    color: #fff;
    background-color: #0358f0;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-zalo:active, .btn-zalo.active, .open > .dropdown-toggle.btn-zalo {
    background-image: none
}

.btn-zalo.disabled:hover, .btn-zalo[disabled]:hover, fieldset[disabled] .btn-zalo:hover, .btn-zalo.disabled:focus, .btn-zalo[disabled]:focus, fieldset[disabled] .btn-zalo:focus, .btn-zalo.disabled.focus, .btn-zalo[disabled].focus, fieldset[disabled] .btn-zalo.focus {
    background-color: #ff0084;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-zalo .badge {
    color: #ff0084;
    background-color: #fff
}

.modal-popup.popup-authentication {
    z-index: 1000;
}

#social-login-popup .mfp-close {
    right: 15px;
    padding-top: 15px;
}

#mp-popup-social-content {
    padding-top: 75px;
}
#social-login-popup > div.mp-social-popup.col-mp.mp-7 div.social-login-title {
    width: 200%;
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .mfp-content {
        bottom: 20%;
    }
}
/**
 * Mageplaza
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the mageplaza.com license that is
 * available through the world-wide-web at this URL:
 * https://www.mageplaza.com/LICENSE.txt
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 *
 * @category    Mageplaza
 * @package     Mageplaza_Core
 * @copyright   Copyright (c) Mageplaza (https://www.mageplaza.com/)
 * @license     https://www.mageplaza.com/LICENSE.txt
 */

.row-mp {
    min-height: 1px;
    margin: 0 -10px;
}

.col-mp {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    float: left;
    padding: 0 10px;
}

/*All*/
.mp-1 {
    width: 8.33333333333%;
}

.mp-2 {
    width: 16.6666666667%;
}

.mp-3 {
    width: 25.0%;
}

.mp-4 {
    width: 33.3333333333%;
}

.mp-5 {
    width: 41.6666666667%;
}

.mp-6 {
    width: 50.0%;
}

.mp-7 {
    width: 58.3333333333%;
}

.mp-8 {
    width: 66.6666666667%;
}

.mp-9 {
    width: 75.0%;
}

.mp-10 {
    width: 83.3333333333%;
}

.mp-11 {
    width: 91.6666666667%;
}

.mp-12 {
    margin-left: 0;
    width: 100%;
}

.a-center {
    text-align: center;
}

.mp-clear {
    clear: both
}

@media (min-width: 1200px) {
    .mp-lg-1 {
        width: 8.33333333333%;
    }

    .mp-lg-2 {
        width: 16.6666666667%;
    }

    .mp-lg-3 {
        width: 25.0%;
    }

    .mp-lg-4 {
        width: 33.3333333333%;
    }

    .mp-lg-5 {
        width: 41.6666666667%;
    }

    .mp-lg-6 {
        width: 50.0%;
    }

    .mp-lg-7 {
        width: 58.3333333333%;
    }

    .mp-lg-8 {
        width: 66.6666666667%;
    }

    .mp-lg-9 {
        width: 75.0%;
    }

    .mp-lg-10 {
        width: 83.3333333333%;
    }

    .mp-lg-11 {
        width: 91.6666666667%;
    }

    .mp-lg-12 {
        margin-left: 0;
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .mp-md-1 {
        width: 8.33333333333%;
    }

    .mp-md-2 {
        width: 16.6666666667%;
    }

    .mp-md-3 {
        width: 25.0%;
    }

    .mp-md-4 {
        width: 33.3333333333%;
    }

    .mp-md-5 {
        width: 41.6666666667%;
    }

    .mp-md-6 {
        width: 50.0%;
    }

    .mp-md-7 {
        width: 58.3333333333%;
    }

    .mp-md-8 {
        width: 66.6666666667%;
    }

    .mp-md-9 {
        width: 75.0%;
    }

    .mp-md-10 {
        width: 83.3333333333%;
    }

    .mp-md-11 {
        width: 91.6666666667%;
    }

    .mp-md-12 {
        margin-left: 0;
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mp-sm-1 {
        width: 8.33333333333%;
    }

    .mp-sm-2 {
        width: 16.6666666667%;
    }

    .mp-sm-3 {
        width: 25.0%;
    }

    .mp-sm-4 {
        width: 33.3333333333%;
    }

    .mp-sm-5 {
        width: 41.6666666667%;
    }

    .mp-sm-6 {
        width: 50.0%;
    }

    .mp-sm-7 {
        width: 58.3333333333%;
    }

    .mp-sm-8 {
        width: 66.6666666667%;
    }

    .mp-sm-9 {
        width: 75.0%;
    }

    .mp-sm-10 {
        width: 83.3333333333%;
    }

    .mp-sm-11 {
        width: 91.6666666667%;
    }

    .mp-sm-12 {
        margin-left: 0;
        width: 100%;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .mp-xs-1 {
        width: 8.33333333333%;
    }

    .mp-xs-2 {
        width: 16.6666666667%;
    }

    .mp-xs-3 {
        width: 25.0%;
    }

    .mp-xs-4 {
        width: 33.3333333333%;
    }

    .mp-xs-5 {
        width: 41.6666666667%;
    }

    .mp-xs-6 {
        width: 50.0%;
    }

    .mp-xs-7 {
        width: 58.3333333333%;
    }

    .mp-xs-8 {
        width: 66.6666666667%;
    }

    .mp-xs-9 {
        width: 75.0%;
    }

    .mp-xs-10 {
        width: 83.3333333333%;
    }

    .mp-xs-11 {
        width: 91.6666666667%;
    }

    .mp-xs-12 {
        margin-left: 0;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .col-mp {
        width: 100%;
    }
}


/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../../frontend/bonline/bnaia/ar_EG/Mageplaza_Core/css/fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../../frontend/bonline/bnaia/ar_EG/Mageplaza_Core/css/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../../frontend/bonline/bnaia/ar_EG/Mageplaza_Core/css/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../../frontend/bonline/bnaia/ar_EG/Mageplaza_Core/css/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../../frontend/bonline/bnaia/ar_EG/Mageplaza_Core/css/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../../frontend/bonline/bnaia/ar_EG/Mageplaza_Core/css/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #cccccc;
}

.mfp-preloader a:hover {
    color: white;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px;
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px;
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black;
}

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure {
        /* The shadow behind the image */
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}